wp-agentic-writer/views/settings/tab-memanto.php

<?php
/**
 * Settings Tab: MEMANTO Context Keeper
 *
 * @package WP_Agentic_Writer
 * @since   0.3.0
 * @var array $view_data Prepared view data (extracted in layout.php)
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit;
}

// Variables from $view_data (extracted in layout.php).
$memanto_enabled      = $memanto_enabled ?? false;
$memanto_url          = $memanto_url ?? '';
$memanto_moorcheh_key = $memanto_moorcheh_key ?? '';
?>

<div class="row g-4">

	<!-- Enable MEMANTO -->
	<div class="col-12">
		<div class="wpaw-card">
			<div class="wpaw-card-body">
				<div class="form-check form-switch mb-0">
					<input
						class="form-check-input"
						type="checkbox"
						role="switch"
						id="memanto_enabled"
						name="wp_agentic_writer_settings[memanto_enabled]"
						value="1"
						<?php checked( $memanto_enabled ); ?>
					>
					<label class="form-check-label text-white fw-medium" for="memanto_enabled">
						<?php esc_html_e( 'Enable MEMANTO Integration', 'wp-agentic-writer' ); ?>
					</label>
				</div>
				<p class="text-secondary small mt-2 mb-0">
					When enabled, the AI writing assistant will store and recall memories across sessions using MEMANTO.
					The plugin works perfectly without MEMANTO — this is an optional enhancement.
				</p>
			</div>
		</div>
	</div>

	<!-- MEMANTO Instance URL -->
	<div class="col-md-6">
		<div class="wpaw-card h-100">
			<div class="wpaw-card-body">
				<label for="memanto_url" class="form-label text-white fw-medium">
					<i class="bi bi-link-45deg me-1"></i>
					<?php esc_html_e( 'MEMANTO Instance URL', 'wp-agentic-writer' ); ?>
				</label>
				<input
					type="url"
					class="form-control"
					id="memanto_url"
					name="wp_agentic_writer_settings[memanto_url]"
					value="<?php echo esc_attr( $memanto_url ); ?>"
					placeholder="https://your-instance.context.wpagentic.dev"
					autocomplete="off"
				>
				<div class="form-text text-secondary">
					The URL of your MEMANTO instance. Provided when you subscribe to MEMANTO Context Keeper.
				</div>
			</div>
		</div>
	</div>

	<!-- Moorcheh API Key -->
	<div class="col-md-6">
		<div class="wpaw-card h-100">
			<div class="wpaw-card-body">
				<label for="memanto_moorcheh_key" class="form-label text-white fw-medium">
					<i class="bi bi-key me-1"></i>
					<?php esc_html_e( 'Moorcheh API Key', 'wp-agentic-writer' ); ?>
				</label>
				<input
					type="password"
					class="form-control"
					id="memanto_moorcheh_key"
					name="wp_agentic_writer_settings[memanto_moorcheh_key]"
					value="<?php echo esc_attr( $memanto_moorcheh_key ); ?>"
					placeholder="Enter your Moorcheh API key"
					autocomplete="new-password"
				>
				<div class="form-text text-secondary">
					Get a free API key at <a href="https://moorcheh.ai" target="_blank" class="text-info">moorcheh.ai</a> (10K vectors/month included).
					Billed to your own Moorcheh account.
				</div>
			</div>
		</div>
	</div>

	<!-- Connection Status & Test -->
	<div class="col-12">
		<div class="wpaw-card">
			<div class="wpaw-card-body">
				<div class="d-flex align-items-center justify-content-between flex-wrap gap-3">
					<div class="d-flex align-items-center gap-3">
						<span id="memanto-status-indicator" class="badge rounded-pill bg-secondary">
							<?php if ( ! empty( $memanto_url ) && ! empty( $memanto_moorcheh_key ) ) : ?>
								<span class="spinner-border spinner-border-sm me-1" role="status"></span> Checking...
							<?php else : ?>
								Not configured
							<?php endif; ?>
						</span>
						<span id="memanto-status-detail" class="text-secondary small"></span>
					</div>
					<button
						type="button"
						class="btn btn-sm btn-outline-info"
						id="wpaw-test-memanto"
						<?php echo ( empty( $memanto_url ) || empty( $memanto_moorcheh_key ) ) ? 'disabled' : ''; ?>
					>
						<i class="bi bi-wifi me-1"></i>
						<?php esc_html_e( 'Test Connection', 'wp-agentic-writer' ); ?>
					</button>
				</div>
			</div>
		</div>
	</div>

	<!-- Info Box -->
	<div class="col-12">
		<div class="wpaw-card border-info" style="border-left: 3px solid var(--bs-info);">
			<div class="wpaw-card-body">
				<div class="d-flex gap-3">
					<span class="fs-4">🧠</span>
					<div>
						<h6 class="text-white mb-2">What MEMANTO does</h6>
						<ul class="text-secondary small mb-2 ps-3">
							<li>Your AI assistant <strong class="text-white">remembers context</strong> across sessions and browser refreshes</li>
							<li>Writing preferences <strong class="text-white">carry over</strong> between posts</li>
							<li>Eliminates <strong class="text-white">context loss</strong> when switching between Chat, Planning, and Writing modes</li>
							<li>Reduces AI token usage by up to <strong class="text-white">63%</strong> through smart memory recall</li>
						</ul>
						<p class="text-secondary small mb-0">
							Don't have MEMANTO? <a href="https://wpagentic.dev/memanto" target="_blank" class="text-info">Get MEMANTO Context Keeper</a>
						</p>
					</div>
				</div>
			</div>
		</div>
	</div>

</div>

<script>
jQuery(document).ready(function($) {
	// Test MEMANTO connection.
	$('#wpaw-test-memanto').on('click', function() {
		var btn = $(this);
		var statusEl = $('#memanto-status-indicator');
		var detailEl = $('#memanto-status-detail');

		btn.prop('disabled', true).html('<span class="spinner-border spinner-border-sm me-1"></span> Testing...');
		statusEl.removeClass('bg-success bg-danger bg-secondary bg-warning').addClass('bg-warning').html('Testing...');
		detailEl.text('');

		$.post(wpawSettingsV2.ajaxUrl, {
			action: 'wpaw_test_memanto',
			nonce: wpawSettingsV2.nonce,
			url: $('#memanto_url').val(),
			key: $('#memanto_moorcheh_key').val()
		}, function(response) {
			btn.prop('disabled', false).html('<i class="bi bi-wifi me-1"></i> Test Connection');

			if (response.success && response.data.healthy) {
				statusEl.removeClass('bg-warning bg-danger bg-secondary').addClass('bg-success').html('🟢 Connected');
				var detail = response.data.details || {};
				var info = detail.service ? detail.service + ' v' + (detail.version || '?') : 'Healthy';
				if (detail.moorcheh_connected) {
					info += ' · Moorcheh connected';
				}
				detailEl.text(info);
			} else {
				statusEl.removeClass('bg-warning bg-success bg-secondary').addClass('bg-danger').html('🔴 Error');
				detailEl.text(response.data?.message || 'Connection failed');
			}
		}).fail(function() {
			btn.prop('disabled', false).html('<i class="bi bi-wifi me-1"></i> Test Connection');
			statusEl.removeClass('bg-warning bg-success bg-secondary').addClass('bg-danger').html('🔴 Error');
			detailEl.text('Request failed');
		});
	});

	// Auto-test on load if both fields are filled.
	if ($('#memanto_url').val() && $('#memanto_moorcheh_key').val()) {
		$('#wpaw-test-memanto').trigger('click');
	}
});
</script>