forked from ChelseaKR/sprout
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
232 lines (219 loc) · 9.49 KB
/
Copy pathindex.html
File metadata and controls
232 lines (219 loc) · 9.49 KB
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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta
name="description"
content="Try Sprout's cited plant-care answer pipeline and inspect the evaluation evidence behind it."
/>
<title>Sprout — inspect a grounded answer</title>
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<a class="skip-link" href="#try">Skip to the live reference</a>
<header class="site-header" role="banner">
<div class="header-inner">
<a class="wordmark" href="#top" aria-label="Sprout home">
<span class="wordmark-mark" aria-hidden="true">S</span>
<span>Sprout</span>
</a>
<nav aria-label="Primary navigation">
<a href="#try">Try</a>
<a href="#evaluation">Evaluation</a>
<a href="#docs">Docs</a>
</nav>
</div>
</header>
<main id="top">
<section class="hero" aria-labelledby="hero-title">
<div class="hero-copy">
<p class="eyebrow">Grounded RAG, exposed</p>
<h1 id="hero-title">An answer you can inspect all the way down.</h1>
<p class="lede">
Sprout is a public reference implementation for cited, evaluated plant-care
answers. It renders a sentence only after the sentence survives its evidence
checks—and publishes the tests that hold that rule in place.
</p>
<div class="hero-actions">
<a class="button-link" href="#try">Try one question</a>
<a
class="text-link"
href="https://github.com/ChelseaKR/sprout/blob/main/docs/audits/eval-report.md"
>Read the evaluation report <span aria-hidden="true">↗</span></a>
</div>
</div>
<aside class="claim-chain" aria-labelledby="chain-title">
<p class="utility-label" id="chain-title">Claim chain</p>
<ol>
<li><span aria-hidden="true"></span><strong>Cited passage</strong><small>dated corpus</small></li>
<li><span aria-hidden="true"></span><strong>Verbatim sentence</strong><small>extractive output</small></li>
<li><span aria-hidden="true"></span><strong>Guard verified</strong><small>unsupported text drops</small></li>
<li><span aria-hidden="true"></span><strong>Answer rendered</strong><small>or an honest refusal</small></li>
</ol>
</aside>
</section>
<section class="reference-lab" id="try" aria-labelledby="try-title">
<div class="section-intro">
<p class="eyebrow">Live reference</p>
<h2 id="try-title">Ask the corpus, not a profile.</h2>
<p>
This surface is stateless and corpus-only. It does not know your plants, keep a
care schedule, or save the question. Household care belongs in Family Greenhouse.
</p>
</div>
<div class="lab-grid">
<div class="question-panel">
<form id="ask-form" aria-describedby="form-help">
<p id="form-help" class="help">
Plant-care reference only—not veterinary advice. Toxicity questions are never
certified “safe.”
</p>
<label for="q">Plant-care question</label>
<textarea
id="q"
name="q"
rows="3"
required
maxlength="500"
aria-describedby="form-help"
placeholder="How should I water my Monstera?"
></textarea>
<div class="form-footer">
<fieldset class="lang">
<legend>Answer language</legend>
<label><input type="radio" name="lang" value="en" checked /> English</label>
<label><input type="radio" name="lang" value="es" /> Español</label>
</fieldset>
<button type="submit" id="ask-btn">Inspect answer</button>
</div>
</form>
<section class="examples" aria-labelledby="examples-title">
<p class="utility-label" id="examples-title">Or use a test question</p>
<div id="examples">
<button type="button" data-q="How should I water my Monstera?">
Watering a Monstera
</button>
<button type="button" data-q="Is pothos toxic to my cat?">
Pothos and cats
</button>
<button type="button" data-q="How do I patch a bicycle tire?">
Test an honest refusal
</button>
<button type="button" data-q="¿Es tóxico el potho para los gatos?">
Toxicidad del potho
</button>
</div>
</section>
</div>
<section class="evidence-panel" aria-labelledby="answer-h" aria-busy="false">
<div class="panel-heading">
<p class="utility-label">Verified output</p>
<span class="status-dot" aria-hidden="true"></span>
</div>
<h3 id="answer-h">Evidence appears here</h3>
<p id="status" class="status" role="status" aria-live="polite">
Ask a question to see the rendered answer, citations, freshness, and confidence.
</p>
<div id="answer" class="answer" aria-live="polite"></div>
<div id="safety" class="safety" role="alert" hidden></div>
<div id="disagreements" class="disagreement" role="status" aria-live="polite" hidden></div>
<div id="sources-wrap" class="sources" hidden>
<h4>Sources</h4>
<ul id="citations" class="citations"></ul>
</div>
<p id="meta" class="meta" aria-live="polite"></p>
</section>
</div>
</section>
<section class="evaluation" id="evaluation" aria-labelledby="evaluation-title">
<div class="section-intro compact">
<p class="eyebrow">Published evidence</p>
<h2 id="evaluation-title">Trust is a report, not a tagline.</h2>
<p>
Every run is content-addressed and fail-closed. Known misses stay visible beside
the passing scores.
</p>
</div>
<div class="evidence-grid">
<article>
<p class="metric">142</p>
<h3>Committed cases</h3>
<p>Groundedness, safety, refusal, calibration, and English/Spanish parity.</p>
</article>
<article>
<p class="metric">100%</p>
<h3>Grounded by construction</h3>
<p>Rendered claims must map back to the exact corpus passage they cite.</p>
</article>
<article>
<p class="metric">0</p>
<h3>Skipped verdicts</h3>
<p>Malformed inputs and empty suites fail the evaluation instead of disappearing.</p>
</article>
</div>
<p class="report-link">
<a href="https://github.com/ChelseaKR/sprout/blob/main/docs/audits/eval-report.md">
Open the current evaluation report <span aria-hidden="true">↗</span>
</a>
<span>Includes scores, thresholds, and failing examples.</span>
</p>
</section>
<section class="boundary" aria-labelledby="boundary-title">
<div>
<p class="eyebrow">Product boundary</p>
<h2 id="boundary-title">Sprout proves the answer. Family Greenhouse owns the home.</h2>
</div>
<div class="boundary-grid">
<article>
<h3>Sprout owns</h3>
<ul>
<li>Versioned horticulture corpus</li>
<li>Grounded answer and citation pipeline</li>
<li>Safety, calibration, and parity evaluation</li>
<li>Reusable CLI and API contracts</li>
</ul>
</article>
<article>
<h3>Family Greenhouse owns</h3>
<ul>
<li>Household plants and care history</li>
<li>Authentication and preferences</li>
<li>Tasks, reminders, and notifications</li>
<li>Every confirmed household write</li>
</ul>
</article>
</div>
</section>
<section class="docs" id="docs" aria-labelledby="docs-title">
<div class="section-intro compact">
<p class="eyebrow">Build and audit</p>
<h2 id="docs-title">Follow the evidence into the repository.</h2>
</div>
<div class="doc-links">
<a href="https://sprout.chelseakr.com/ARCHITECTURE/">
<strong>Architecture</strong>
<span>Pipeline, providers, invariants</span>
</a>
<a href="https://sprout.chelseakr.com/cards/model-card/">
<strong>Model card</strong>
<span>Intended use and known limits</span>
</a>
<a href="https://sprout.chelseakr.com/ADAPT/">
<strong>Adapt the harness</strong>
<span>Swap in another cited corpus</span>
</a>
<a href="https://github.com/ChelseaKR/sprout">
<strong>Source code</strong>
<span>Apache-2.0 on GitHub</span>
</a>
</div>
</section>
</main>
<footer role="contentinfo">
<p><strong>Sprout</strong> is an independent open-source reference implementation.</p>
<p>Synthetic CC0 corpus · Apache-2.0 · Not veterinary or medical advice.</p>
</footer>
<script src="app.js"></script>
</body>
</html>