collet 0.1.1

Relentless agentic coding orchestrator with zero-drop agent loops
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89

<script lang="ts">
	import { appStore } from '$lib/store.svelte.js';

	let agents = $derived([...appStore.hiveAgents.values()]);
</script>

<div class="panel">
	<div class="header">Hive Agents</div>
	{#if agents.length === 0}
		<div class="dim">no agents</div>
	{:else}
		{#each agents as agent (agent.id)}
			<div class="agent">
				<span class="icon">
					{#if agent.done && agent.success}
						<span class="ok">✓</span>
					{:else if agent.done}
						<span class="fail">✗</span>
					{:else}
						<span class="spin">⟳</span>
					{/if}
				</span>
				<span class="name">{agent.name}</span>
				<span class="iter">#{agent.iteration}</span>
				<div class="task">{agent.task}</div>
			</div>
		{/each}
	{/if}
</div>

<style>
	.panel {
		font-family: monospace;
		font-size: 0.8rem;
	}
	.header {
		color: var(--accent);
		padding: 0.25rem 0.5rem;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 0.7rem;
		letter-spacing: 0.08em;
	}
	.agent {
		display: grid;
		grid-template-columns: 0.8rem 1fr auto;
		gap: 0.3rem;
		padding: 0.25rem 0.5rem;
		align-items: center;
		border-bottom: 1px solid var(--border);
	}
	.icon {
		text-align: center;
	}
	.ok {
		color: var(--green);
	}
	.fail {
		color: var(--red);
	}
	.spin {
		color: var(--yellow);
	}
	.name {
		color: var(--cyan);
		font-size: 0.75rem;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.iter {
		color: var(--fg-dim);
		font-size: 0.65rem;
	}
	.task {
		grid-column: 2 / -1;
		color: var(--fg-dim);
		font-size: 0.65rem;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	.dim {
		color: var(--fg-dim);
		padding: 0.5rem;
		font-style: italic;
		font-size: 0.7rem;
	}
</style>