Files
wp-agentic-writer/views/settings-v2/tab-guide.php
Dwindi Ramadhana 690991c526 refactor: Cleanup git state - commit all staged changes
Major refactoring cleanup:
- Add new controller architecture (class-controller-*.php)
- Add new settings-v2 UI (views/settings-v2/)
- Add new CSS architecture (agentic-sidebar.css, tokens)
- Add esbuild build pipeline (scripts/build.js, package.json)
- Add composer dependencies (vendor/)
- Add frontend src directory (assets/js/src/index.jsx)
- Add documentation files
- Remove old/obsolete files (class-settings.php, old CSS)

This commits all pending changes from previous refactoring efforts.
2026-06-17 05:27:58 +07:00

247 lines
7.7 KiB
PHP
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<?php
/**
* Settings V2: Guide.
*
* @package WP_Agentic_Writer
*/
if (!defined("ABSPATH")) {
exit();
} ?>
<div class="section-head"><div><p class="eyebrow"><?php esc_html_e(
"Reference",
"wp-agentic-writer",
); ?></p><h2><?php esc_html_e(
"Model guide",
"wp-agentic-writer",
); ?></h2><p><?php esc_html_e(
"Understand which model role is used for each feature and estimate costs.",
"wp-agentic-writer",
); ?></p></div></div>
<div class="panel">
<div class="panel-head"><div class="panel-title"><h3><?php esc_html_e(
"Tasks and model roles",
"wp-agentic-writer",
); ?></h3><p><?php esc_html_e(
"Each workflow stage uses a dedicated model.",
"wp-agentic-writer",
); ?></p></div></div>
<div class="panel-body">
<table class="ds-table">
<thead><tr>
<th><?php esc_html_e("Task", "wp-agentic-writer"); ?></th>
<th><?php esc_html_e("Model role", "wp-agentic-writer"); ?></th>
<th><?php esc_html_e("Est. cost", "wp-agentic-writer"); ?></th>
<th><?php esc_html_e("Purpose", "wp-agentic-writer"); ?></th>
</tr></thead>
<tbody>
<tr>
<td><strong><?php esc_html_e("Planning", "wp-agentic-writer"); ?></strong></td>
<td><span class="chip on"><?php esc_html_e(
"Planning",
"wp-agentic-writer",
); ?></span></td>
<td class="guide-cost">~$0.001</td>
<td><?php esc_html_e(
"Creates article outline with sections and structure.",
"wp-agentic-writer",
); ?></td>
</tr>
<tr>
<td><strong><?php esc_html_e(
"Clarity Check",
"wp-agentic-writer",
); ?></strong></td>
<td><span class="chip on"><?php esc_html_e(
"Clarity",
"wp-agentic-writer",
); ?></span></td>
<td class="guide-cost">~$0.0005</td>
<td><?php esc_html_e(
"Analyzes your prompt and asks clarifying questions.",
"wp-agentic-writer",
); ?></td>
</tr>
<tr class="ds-table-highlight">
<td><strong><?php esc_html_e("Writing", "wp-agentic-writer"); ?></strong></td>
<td><span class="chip on"><?php esc_html_e(
"Writing",
"wp-agentic-writer",
); ?></span></td>
<td class="guide-cost">~$0.050.15</td>
<td><?php esc_html_e(
"Generates full article content section by section.",
"wp-agentic-writer",
); ?></td>
</tr>
<tr>
<td><strong><?php esc_html_e("Chat", "wp-agentic-writer"); ?></strong></td>
<td><span class="chip on"><?php esc_html_e(
"Chat",
"wp-agentic-writer",
); ?></span></td>
<td class="guide-cost">~$0.001</td>
<td><?php esc_html_e(
"Answers questions and provides quick assistance.",
"wp-agentic-writer",
); ?></td>
</tr>
<tr>
<td><strong><?php esc_html_e(
"Block Refinement",
"wp-agentic-writer",
); ?></strong></td>
<td><span class="chip on"><?php esc_html_e(
"Refinement",
"wp-agentic-writer",
); ?></span></td>
<td class="guide-cost">~$0.010.03</td>
<td><?php esc_html_e(
"Improves or rewrites selected content blocks.",
"wp-agentic-writer",
); ?></td>
</tr>
<tr>
<td><strong><?php esc_html_e(
"Image Generation",
"wp-agentic-writer",
); ?></strong></td>
<td><span class="chip on"><?php esc_html_e(
"Image",
"wp-agentic-writer",
); ?></span></td>
<td class="guide-cost">~$0.0030.04</td>
<td><?php esc_html_e(
"Creates images for articles.",
"wp-agentic-writer",
); ?></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="panel">
<div class="panel-head"><div class="panel-title"><h3><?php esc_html_e(
"Recommended models",
"wp-agentic-writer",
); ?></h3><p><?php esc_html_e(
"Best models for each purpose based on quality and cost.",
"wp-agentic-writer",
); ?></p></div></div>
<div class="panel-body">
<table class="ds-table">
<thead><tr>
<th><?php esc_html_e("Model", "wp-agentic-writer"); ?></th>
<th><?php esc_html_e("Best for", "wp-agentic-writer"); ?></th>
<th><?php esc_html_e("Cost / 1M tokens", "wp-agentic-writer"); ?></th>
<th><?php esc_html_e("Notes", "wp-agentic-writer"); ?></th>
</tr></thead>
<tbody>
<tr>
<td><strong>Gemini 2.5 Flash</strong></td>
<td><?php esc_html_e("Chat, Clarity, Planning", "wp-agentic-writer"); ?></td>
<td class="guide-cost">$0.15 / $0.60</td>
<td>⭐ <?php esc_html_e(
"Best balanced option. Fast reasoning.",
"wp-agentic-writer",
); ?></td>
</tr>
<tr>
<td><strong>Claude 3.5 Sonnet</strong></td>
<td><?php esc_html_e("Writing, Refinement", "wp-agentic-writer"); ?></td>
<td class="guide-cost">$3.00 / $15.00</td>
<td>⭐ <?php esc_html_e(
"Best quality writing. Recommended.",
"wp-agentic-writer",
); ?></td>
</tr>
<tr>
<td><strong>GPT-4.1</strong></td>
<td><?php esc_html_e(
"Writing, Refinement (Premium)",
"wp-agentic-writer",
); ?></td>
<td class="guide-cost">$2.00 / $8.00</td>
<td>🏆 <?php esc_html_e(
"Premium option. Excellent instruction following.",
"wp-agentic-writer",
); ?></td>
</tr>
<tr>
<td><strong>GPT-4o</strong></td>
<td><?php esc_html_e("Image Generation", "wp-agentic-writer"); ?></td>
<td class="guide-cost">$2.50 / $10.00</td>
<td>⭐ <?php esc_html_e(
"Generates article images from text prompts.",
"wp-agentic-writer",
); ?></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="panel">
<div class="panel-head"><div class="panel-title"><h3><?php esc_html_e(
"Cost examples",
"wp-agentic-writer",
); ?></h3><p><?php esc_html_e(
"Real-world cost estimates for common tasks.",
"wp-agentic-writer",
); ?></p></div></div>
<div class="panel-body">
<div class="grid-3">
<div class="metric-card guide-cost-card">
<h3><?php esc_html_e("Single article (Balanced)", "wp-agentic-writer"); ?></h3>
<ul class="guide-cost-list">
<li><?php esc_html_e("Clarity Check", "wp-agentic-writer"); ?>: ~$0.001</li>
<li><?php esc_html_e("Planning", "wp-agentic-writer"); ?>: ~$0.001</li>
<li><?php esc_html_e(
"Writing (5 sections)",
"wp-agentic-writer",
); ?>: ~$0.10</li>
<li><?php esc_html_e("1 Image", "wp-agentic-writer"); ?>: ~$0.003</li>
</ul>
<div class="guide-cost-total">
<span><?php esc_html_e("Total", "wp-agentic-writer"); ?></span>
<strong>~$0.100.15</strong>
</div>
</div>
<div class="metric-card guide-cost-card">
<h3><?php esc_html_e("10 articles / month", "wp-agentic-writer"); ?></h3>
<ul class="guide-cost-list">
<li><?php esc_html_e('10 articles × $0.15', "wp-agentic-writer"); ?></li>
<li><?php esc_html_e(
"Some chat interactions",
"wp-agentic-writer",
); ?>: ~$0.05</li>
<li><?php esc_html_e("Refinements", "wp-agentic-writer"); ?>: ~$0.20</li>
</ul>
<div class="guide-cost-total">
<span><?php esc_html_e("Total", "wp-agentic-writer"); ?></span>
<strong>~$1.502.00</strong>
</div>
</div>
<div class="metric-card guide-cost-card">
<h3><?php esc_html_e("With web search", "wp-agentic-writer"); ?></h3>
<ul class="guide-cost-list">
<li><?php esc_html_e(
'Add ~$0.02 per search request',
"wp-agentic-writer",
); ?></li>
<li><?php esc_html_e(
"Typical: 12 searches per article",
"wp-agentic-writer",
); ?></li>
</ul>
<div class="guide-cost-total">
<span><?php esc_html_e("Extra", "wp-agentic-writer"); ?></span>
<strong class="guide-cost-warn">~$0.020.04</strong>
</div>
</div>
</div>
</div>
</div>