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.
This commit is contained in:
Dwindi Ramadhana
246
views/settings-v2/tab-guide.php
Normal file
246
views/settings-v2/tab-guide.php
Normal file
@@ -0,0 +1,246 @@
|
||||
<?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.05–0.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.01–0.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.003–0.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.10–0.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.50–2.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: 1–2 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.02–0.04</strong>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user