feed-the-machine 1.6.1 → 1.7.0

package/ftm-inbox/src/lib/api.ts

@@ -1,166 +1,166 @@
-/**
- * API client for the FTM Inbox backend.
- */
-
-const API_BASE = 'http://localhost:8042';
-
-export interface UnifiedTask {
-	id: number;
-	source: string;
-	source_id: string;
-	title: string;
-	body: string;
-	status: string;
-	priority: string;
-	assignee: string | null;
-	requester: string | null;
-	created_at: string | null;
-	updated_at: string | null;
-	tags: string[];
-	custom_fields: Record<string, unknown>;
-	source_url: string | null;
-	content_hash: string | null;
-	ingested_at: string | null;
-}
-
-export interface InboxResponse {
-	tasks: UnifiedTask[];
-	total: number;
-	page: number;
-	per_page: number;
-}
-
-export async function fetchInbox(source?: string, page = 1): Promise<InboxResponse> {
-	const params = new URLSearchParams({ page: String(page) });
-	if (source && source !== 'all') params.set('source', source);
-	const res = await fetch(`${API_BASE}/api/inbox?${params}`);
-	if (!res.ok) throw new Error(`API error: ${res.status}`);
-	return res.json();
-}
-
-export async function fetchSources(): Promise<{ name: string; count: number }[]> {
-	const res = await fetch(`${API_BASE}/api/inbox/sources`);
-	if (!res.ok) return [];
-	const data = await res.json();
-	return data.sources ?? [];
-}
-
-// ---------------------------------------------------------------------------
-// Plan types
-// ---------------------------------------------------------------------------
-
-export interface PlanStep {
-	id: number;
-	title: string;
-	target_system: string;
-	method_primary: string;
-	method_fallback: string;
-	risk_level: string;
-	approval_required: boolean;
-	rollback: string;
-	status: string;
-}
-
-export interface Plan {
-	id: number;
-	task_id: number;
-	steps: PlanStep[];
-	status: string;
-	yaml_content: string;
-	created_at: string | null;
-	updated_at: string | null;
-}
-
-// ---------------------------------------------------------------------------
-// Plan API functions
-// ---------------------------------------------------------------------------
-
-export async function generatePlan(taskId: number): Promise<Plan> {
-	const res = await fetch(`${API_BASE}/api/tasks/${taskId}/generate-plan`, {
-		method: 'POST'
-	});
-	if (!res.ok) {
-		const err = await res.json().catch(() => ({ detail: res.statusText }));
-		throw new Error(err.detail ?? `API error: ${res.status}`);
-	}
-	return res.json();
-}
-
-export async function getPlan(taskId: number): Promise<Plan | null> {
-	const res = await fetch(`${API_BASE}/api/tasks/${taskId}/plan`);
-	if (!res.ok) return null;
-	const data = await res.json();
-	// Backend returns { plan: null } when no plan exists
-	if ('plan' in data && data.plan === null) return null;
-	return data as Plan;
-}
-
-export async function approveStep(taskId: number, stepId: number): Promise<Plan> {
-	const res = await fetch(`${API_BASE}/api/tasks/${taskId}/plan/steps/${stepId}/approve`, {
-		method: 'POST'
-	});
-	if (!res.ok) {
-		const err = await res.json().catch(() => ({ detail: res.statusText }));
-		throw new Error(err.detail ?? `API error: ${res.status}`);
-	}
-	return res.json();
-}
-
-export async function approveAllSteps(taskId: number): Promise<Plan> {
-	const res = await fetch(`${API_BASE}/api/tasks/${taskId}/plan/approve-all`, {
-		method: 'POST'
-	});
-	if (!res.ok) {
-		const err = await res.json().catch(() => ({ detail: res.statusText }));
-		throw new Error(err.detail ?? `API error: ${res.status}`);
-	}
-	return res.json();
-}
-
-// ---------------------------------------------------------------------------
-// Execution types
-// ---------------------------------------------------------------------------
-
-export interface AuditEntry {
-	id: number;
-	step_id: string;
-	action_type: string;
-	target_system: string;
-	target_object: string;
-	mutation_performed: string;
-	result: Record<string, unknown>;
-	rollback_available: boolean;
-	created_at: string;
-}
-
-// ---------------------------------------------------------------------------
-// Execution API functions
-// ---------------------------------------------------------------------------
-
-export async function startExecution(taskId: number): Promise<Record<string, unknown>> {
-	const res = await fetch(`${API_BASE}/api/tasks/${taskId}/execute`, { method: 'POST' });
-	if (!res.ok) {
-		const err = await res.json().catch(() => ({ detail: res.statusText }));
-		throw new Error(err.detail ?? `API error: ${res.status}`);
-	}
-	return res.json();
-}
-
-export async function pauseExecution(taskId: number): Promise<void> {
-	await fetch(`${API_BASE}/api/tasks/${taskId}/pause`, { method: 'POST' });
-}
-
-export async function resumeExecution(taskId: number): Promise<void> {
-	await fetch(`${API_BASE}/api/tasks/${taskId}/resume`, { method: 'POST' });
-}
-
-export async function retryStep(taskId: number, stepId: number): Promise<void> {
-	await fetch(`${API_BASE}/api/tasks/${taskId}/steps/${stepId}/retry`, { method: 'POST' });
-}
-
-export async function getAuditLog(taskId: number): Promise<AuditEntry[]> {
-	const res = await fetch(`${API_BASE}/api/tasks/${taskId}/audit-log`);
-	if (!res.ok) return [];
-	const data = await res.json();
-	return data.entries ?? [];
-}
+/**
+ * API client for the FTM Inbox backend.
+ */
+
+const API_BASE = 'http://localhost:8042';
+
+export interface UnifiedTask {
+	id: number;
+	source: string;
+	source_id: string;
+	title: string;
+	body: string;
+	status: string;
+	priority: string;
+	assignee: string | null;
+	requester: string | null;
+	created_at: string | null;
+	updated_at: string | null;
+	tags: string[];
+	custom_fields: Record<string, unknown>;
+	source_url: string | null;
+	content_hash: string | null;
+	ingested_at: string | null;
+}
+
+export interface InboxResponse {
+	tasks: UnifiedTask[];
+	total: number;
+	page: number;
+	per_page: number;
+}
+
+export async function fetchInbox(source?: string, page = 1): Promise<InboxResponse> {
+	const params = new URLSearchParams({ page: String(page) });
+	if (source && source !== 'all') params.set('source', source);
+	const res = await fetch(`${API_BASE}/api/inbox?${params}`);
+	if (!res.ok) throw new Error(`API error: ${res.status}`);
+	return res.json();
+}
+
+export async function fetchSources(): Promise<{ name: string; count: number }[]> {
+	const res = await fetch(`${API_BASE}/api/inbox/sources`);
+	if (!res.ok) return [];
+	const data = await res.json();
+	return data.sources ?? [];
+}
+
+// ---------------------------------------------------------------------------
+// Plan types
+// ---------------------------------------------------------------------------
+
+export interface PlanStep {
+	id: number;
+	title: string;
+	target_system: string;
+	method_primary: string;
+	method_fallback: string;
+	risk_level: string;
+	approval_required: boolean;
+	rollback: string;
+	status: string;
+}
+
+export interface Plan {
+	id: number;
+	task_id: number;
+	steps: PlanStep[];
+	status: string;
+	yaml_content: string;
+	created_at: string | null;
+	updated_at: string | null;
+}
+
+// ---------------------------------------------------------------------------
+// Plan API functions
+// ---------------------------------------------------------------------------
+
+export async function generatePlan(taskId: number): Promise<Plan> {
+	const res = await fetch(`${API_BASE}/api/tasks/${taskId}/generate-plan`, {
+		method: 'POST'
+	});
+	if (!res.ok) {
+		const err = await res.json().catch(() => ({ detail: res.statusText }));
+		throw new Error(err.detail ?? `API error: ${res.status}`);
+	}
+	return res.json();
+}
+
+export async function getPlan(taskId: number): Promise<Plan | null> {
+	const res = await fetch(`${API_BASE}/api/tasks/${taskId}/plan`);
+	if (!res.ok) return null;
+	const data = await res.json();
+	// Backend returns { plan: null } when no plan exists
+	if ('plan' in data && data.plan === null) return null;
+	return data as Plan;
+}
+
+export async function approveStep(taskId: number, stepId: number): Promise<Plan> {
+	const res = await fetch(`${API_BASE}/api/tasks/${taskId}/plan/steps/${stepId}/approve`, {
+		method: 'POST'
+	});
+	if (!res.ok) {
+		const err = await res.json().catch(() => ({ detail: res.statusText }));
+		throw new Error(err.detail ?? `API error: ${res.status}`);
+	}
+	return res.json();
+}
+
+export async function approveAllSteps(taskId: number): Promise<Plan> {
+	const res = await fetch(`${API_BASE}/api/tasks/${taskId}/plan/approve-all`, {
+		method: 'POST'
+	});
+	if (!res.ok) {
+		const err = await res.json().catch(() => ({ detail: res.statusText }));
+		throw new Error(err.detail ?? `API error: ${res.status}`);
+	}
+	return res.json();
+}
+
+// ---------------------------------------------------------------------------
+// Execution types
+// ---------------------------------------------------------------------------
+
+export interface AuditEntry {
+	id: number;
+	step_id: string;
+	action_type: string;
+	target_system: string;
+	target_object: string;
+	mutation_performed: string;
+	result: Record<string, unknown>;
+	rollback_available: boolean;
+	created_at: string;
+}
+
+// ---------------------------------------------------------------------------
+// Execution API functions
+// ---------------------------------------------------------------------------
+
+export async function startExecution(taskId: number): Promise<Record<string, unknown>> {
+	const res = await fetch(`${API_BASE}/api/tasks/${taskId}/execute`, { method: 'POST' });
+	if (!res.ok) {
+		const err = await res.json().catch(() => ({ detail: res.statusText }));
+		throw new Error(err.detail ?? `API error: ${res.status}`);
+	}
+	return res.json();
+}
+
+export async function pauseExecution(taskId: number): Promise<void> {
+	await fetch(`${API_BASE}/api/tasks/${taskId}/pause`, { method: 'POST' });
+}
+
+export async function resumeExecution(taskId: number): Promise<void> {
+	await fetch(`${API_BASE}/api/tasks/${taskId}/resume`, { method: 'POST' });
+}
+
+export async function retryStep(taskId: number, stepId: number): Promise<void> {
+	await fetch(`${API_BASE}/api/tasks/${taskId}/steps/${stepId}/retry`, { method: 'POST' });
+}
+
+export async function getAuditLog(taskId: number): Promise<AuditEntry[]> {
+	const res = await fetch(`${API_BASE}/api/tasks/${taskId}/audit-log`);
+	if (!res.ok) return [];
+	const data = await res.json();
+	return data.entries ?? [];
+}

package/ftm-inbox/src/lib/components/ExecutionLog.svelte

@@ -1,81 +1,81 @@
-<script lang="ts">
-	import type { AuditEntry } from '$lib/api';
-
-	export let entries: AuditEntry[] = [];
-
-	const levelColors: Record<string, string> = {
-		info: '#66bb6a',
-		warn: '#ffd54f',
-		success: '#4caf50',
-		error: '#ef5350'
-	};
-
-	function levelFromAction(entry: AuditEntry): string {
-		const result = entry.result as Record<string, unknown>;
-		if (result?.status === 'failed') return 'error';
-		if (result?.status === 'completed') return 'success';
-		return 'info';
-	}
-
-	function formatTime(dateStr: string): string {
-		try {
-			return new Date(dateStr).toLocaleTimeString('en-GB', { hour12: false });
-		} catch {
-			return dateStr;
-		}
-	}
-</script>
-
-<div class="exec-log">
-	{#each entries as entry (entry.id)}
-		{@const level = levelFromAction(entry)}
-		<div class="log-entry" style="border-left-color: {levelColors[level] ?? '#66bb6a'}">
-			<span class="log-time">{formatTime(entry.created_at)}</span>
-			<span class="log-action">{entry.action_type}</span>
-			<span class="log-target">{entry.target_object}</span>
-		</div>
-	{/each}
-</div>
-
-<style>
-	.exec-log {
-		display: flex;
-		flex-direction: column;
-		gap: 0.25rem;
-	}
-
-	.log-entry {
-		display: flex;
-		flex-direction: column;
-		gap: 0.1rem;
-		padding: 0.35rem 0.5rem;
-		border-radius: 8px;
-		font-size: 0.72rem;
-		border-left: 3px solid #66bb6a;
-		transition: background 0.1s;
-	}
-
-	.log-entry:hover {
-		background: rgba(76, 175, 80, 0.04);
-	}
-
-	.log-time {
-		font-family: 'Menlo', monospace;
-		font-size: 0.65rem;
-		color: var(--text-muted);
-	}
-
-	.log-action {
-		font-weight: 700;
-		color: var(--text-secondary);
-		text-transform: uppercase;
-		font-size: 0.6rem;
-		letter-spacing: 0.05em;
-	}
-
-	.log-target {
-		color: var(--text-primary);
-		font-weight: 600;
-		line-height: 1.4;
-	}
-</style>
+<script lang="ts">
+	import type { AuditEntry } from '$lib/api';
+
+	export let entries: AuditEntry[] = [];
+
+	const levelColors: Record<string, string> = {
+		info: '#66bb6a',
+		warn: '#ffd54f',
+		success: '#4caf50',
+		error: '#ef5350'
+	};
+
+	function levelFromAction(entry: AuditEntry): string {
+		const result = entry.result as Record<string, unknown>;
+		if (result?.status === 'failed') return 'error';
+		if (result?.status === 'completed') return 'success';
+		return 'info';
+	}
+
+	function formatTime(dateStr: string): string {
+		try {
+			return new Date(dateStr).toLocaleTimeString('en-GB', { hour12: false });
+		} catch {
+			return dateStr;
+		}
+	}
+</script>
+
+<div class="exec-log">
+	{#each entries as entry (entry.id)}
+		{@const level = levelFromAction(entry)}
+		<div class="log-entry" style="border-left-color: {levelColors[level] ?? '#66bb6a'}">
+			<span class="log-time">{formatTime(entry.created_at)}</span>
+			<span class="log-action">{entry.action_type}</span>
+			<span class="log-target">{entry.target_object}</span>
+		</div>
+	{/each}
+</div>
+
+<style>
+	.exec-log {
+		display: flex;
+		flex-direction: column;
+		gap: 0.25rem;
+	}
+
+	.log-entry {
+		display: flex;
+		flex-direction: column;
+		gap: 0.1rem;
+		padding: 0.35rem 0.5rem;
+		border-radius: 8px;
+		font-size: 0.72rem;
+		border-left: 3px solid #66bb6a;
+		transition: background 0.1s;
+	}
+
+	.log-entry:hover {
+		background: rgba(76, 175, 80, 0.04);
+	}
+
+	.log-time {
+		font-family: 'Menlo', monospace;
+		font-size: 0.65rem;
+		color: var(--text-muted);
+	}
+
+	.log-action {
+		font-weight: 700;
+		color: var(--text-secondary);
+		text-transform: uppercase;
+		font-size: 0.6rem;
+		letter-spacing: 0.05em;
+	}
+
+	.log-target {
+		color: var(--text-primary);
+		font-weight: 600;
+		line-height: 1.4;
+	}
+</style>