apps/sudo/app/routes/agents.tsx · flagon-io/g1t

description="Every model g1t can use, found by listing each provider daily; new ones wait here for their prices to be confirmed. Staff choose which model each tier and job uses. Customers never pick a model: Auto routes their work with these."

153

actions={

154

Check for new models

</Button>

</form>

}

/>

{done && <Notice tone="ok">{done}</Notice>}

165

{error && <Notice tone="error">Billing did not answer: {error}</Notice>}

166

{failure && !failure.target && <Notice tone="error">{failure.error}</Notice>}

167

{result?.kind === "checked" && <Checked results={result.results} error={result.error} />}

168

</div>

169

{result?.kind === "review" && <ReviewPanel review={result.review} />}

170

{models && <Page models={models} failure={failure} />}

</main>

);

}

function Checked({ results, error }: { results: DiscoveryResult[] | null; error: string | null }) {

176

if (!results) return <Notice tone="error">The model proxy did not answer: {error}</Notice>;

177

return (

178

<Notice tone={results.some((r) => r.error) ? "warn" : "ok"}>

179

180

{results.map((r) => (

181

182

<span className="font-medium text-fg">{PROVIDER[r.provider] ?? r.provider}</span>:{" "}

183

{r.error

184

? `could not be listed (${r.error}). Nothing changed.`

185

: `${r.listed} listed; ${r.added.length ? `new: ${r.added.join(", ")}` : "nothing new"}${r.deprecated.length ? `; no longer listed: ${r.deprecated.join(", ")}` : ""}${r.restored.length ? `; listed again: ${r.restored.join(", ")}` : ""}.`}

</li>

))}

</ul>

</Notice>

);

}

function ReviewPanel({ review }: { review: Review }) {

194

const { change } = review;

return (

<dd>{review.before}</dd>

200

<dt className="text-muted">After</dt>

201

<dd className="font-medium">{review.after}</dd>

{review.impact && (

<>

<dd>{review.impact}</dd>

</>

)}

<dd className="text-fg-soft">{change.reason}</dd>

</dl>

{change.model && <input type="hidden" name="model" value={change.model} />}

216

{change.tier && <input type="hidden" name="tier" value={change.tier} />}

Save

</Button>

Cancel

</ButtonLink>

</form>

</Section>

);

}

type Failure = Extract<ActionData, { kind: "error" }> | null;

232

233

function Page({ models, failure }: { models: AdminModels; failure: Failure }) {

234

const waiting = models.catalogue.filter((m) => m.status === "new");

235

const t = models.typical;

return (

<>

<Section

id="waiting"

className="mt-6"

title="New models"

description="Found by a check and not used for anything yet. Confirm the name and prices (from the provider's price page) to make one available; until then nothing routes to it, offers it or charges for it."

244

>

245

{waiting.length === 0 ? (

246

<EmptyState title="Nothing waiting">A model a provider starts listing appears here after the next check.</EmptyState>

247

) : (

248

249

{waiting.map((model) => (

))}

</ul>

)}

</Section>

<Section

id="catalogue"

className="mt-6"

title="Catalogue"

description={`Prices per million tokens. A typical run is ${t.requests} requests of ${t.input.toLocaleString("en-US")} input, ${t.output.toLocaleString("en-US")} output, ${t.cacheRead.toLocaleString("en-US")} cache-read and ${t.cacheWrite.toLocaleString("en-US")} cache-write tokens: an estimate for comparing models, never a charge.`}

>

</Section>

{models.checks.length === 0 ? (

265

<EmptyState title="No checks yet">Check for new models above, or wait for the daily check.</EmptyState>

266

) : (

267

268

{models.checks.map((check) => (

269

270

<span className="w-28 shrink-0 font-medium">{PROVIDER[check.provider] ?? check.provider}</span>

</span>

{check.error ? (

<span className="text-danger">Failed: {check.error}</span>

277

) : (

278

<>

279

{check.listed} listed

280

{check.added.length > 0 && <>; new: {check.added.join(", ")}</>}

281

{check.deprecated.length > 0 && <>; gone: {check.deprecated.join(", ")}</>}

</>

)}

</span>

<span className="text-xs text-faint">{check.by === "schedule" ? "Daily check" : check.by}</span>

</li>

))}

</ul>

)}

</Section>

</>

);

}

function Defaults({ models, failure }: { models: AdminModels; failure: Failure }) {

296

const choices = choicesFor(models.catalogue);

297

const current = defaultsByPurpose(models.defaults);

return (

<Section

id="defaults"

className="mt-6"

title="Defaults"

description="What Auto runs each tier on, the harness's background model, the AI Gateway's first Claude, and where each kind of job starts and how hard it thinks. Runs read these within a minute; a model that is retired or no longer listed is never used, and the next suitable one runs instead."

304

>

305

306

{MODEL_PURPOSES.map((info) => {

307

const row = current.get(info.purpose);

308

const resolved = models.resolved.models.find((m) => m.purpose === info.purpose);

309

const running = resolved?.model ? models.catalogue.find((m) => m.model === resolved.model!.model) : undefined;

310

const error = failure?.target === `default-${info.purpose}` ? failure : null;

return (

<div>

<h3 className="text-sm font-semibold">{info.label}</h3>

316

<p className="text-xs text-muted">{info.about}</p>

317

</div>

318

319

<span className="font-medium">{running?.name ?? resolved?.chosen ?? "Not set"}</span>

320

{running && running.typicalRunMicros > 0 && <span className="ml-2 text-xs text-muted">{runCost(running.typicalRunMicros)} a typical run</span>}

</div>

</div>

{resolved?.note && (

<Notice tone="warn">{resolved.note}</Notice>

</div>

)}

{row && (

Set by {row.updatedBy} <When at={row.updatedAt} />

331

{row.reason ? `: ${row.reason}` : ""}

</p>

)}

{choices.map((m) => (

339

340

{m.name} · {runCost(m.typicalRunMicros)}

</option>

))}

</Select>

Review

</Button>

</form>

{error && (

<Notice tone="error">{error.error}</Notice>

</div>

)}

</li>

);

})}

</ul>

Where each kind of job starts. Failures, labels and the repository's own history still move it up or down. Effort applies on models that take

361

it; on one that does not, the harness's own.

</p>

{JOBS.map((job) => {

const purpose = `job_${job.kind}`;

366

const row = current.get(purpose);

367

const error = failure?.target === `default-${purpose}` ? failure : null;

368

const tiers = job.kind === "review" ? ["small", "large", "frontier", "change"] : ["small", "large", "frontier"];

return (

<div>

<span className="text-sm font-medium">{job.label}</span>

376

{row && (

377

378

{row.updatedBy} <When at={row.updatedAt} />

</span>

)}

</div>

{tiers.map((tier) => (

{TIER_LABELS[tier]}

</option>

))}

</Select>

<option value="">Harness's own</option>

391

{EFFORTS.map((effort) => (

{effort} effort

</option>

))}

</Select>

Review

</Button>

</form>

{error && (

<Notice tone="error">{error.error}</Notice>

</div>

)}

</li>

);

})}

</ul>

</Section>

);

}

function Waiting({ model, failure }: { model: CatalogueModel; failure: Failure }) {

416

const prices = pricesOf(model);

417

const value = (name: string, fallback: string) => failure?.values?.[name] ?? fallback;

return (

<span className="font-medium">{model.name}</span>

422

<code className="text-xs text-muted">{model.model}</code>

423

<Badge>{PROVIDER[model.provider] ?? model.provider}</Badge>

424

{!model.priced && <Badge tone="warn">No price known</Badge>}

425

</div>

426

427

Found <When at={model.firstSeenAt} /> · {model.kind === "embeddings" ? "Embeddings" : "Chat"} · context {tokens(model.contextWindow)}

428

{model.capabilities.length > 0 && <> · {model.capabilities.join(", ")}</>}

429

{model.priced && " · prices filled from the provider; check them"}

</p>

</Field>

<option value="large">Standard</option>

443

<option value="frontier">Most capable</option>

</Select>

</Field>

</div>

<legend className="mb-1.5 text-sm font-medium text-muted">Dollars per million tokens</legend>

449

450

{PRICE_FIELDS.map((field) => (

</Field>

))}

</div>

</fieldset>

<summary className="cursor-pointer text-sm text-muted">Priced by prompt length</summary>

</Field>

{OVER_FIELDS.map((field) => (

</Field>

))}

</div>

</div>

</details>

</Field>

{failure && <Notice tone="error">{failure.error}</Notice>}

Approve

</Button>

</div>

</form>

</li>

);

}

/** A retire or restore form, folded away until opened. */

489

function Decide({ model, intent, label }: { model: CatalogueModel; intent: "retire" | "restore"; label: string }) {

490

return (

491

492

<summary className="cursor-pointer text-xs text-muted hover:text-fg">{label}</summary>

{intent === "retire" ? "Retire" : "Restore"}

</Button>

</form>

</details>

);

}

function Catalogue({ catalogue, failure }: { catalogue: CatalogueModel[]; failure: Failure }) {

506

const listed = catalogue.filter((m) => m.status !== "new");

return (

<thead>

<th className="px-4 py-2 font-medium sm:px-5">Model</th>

513

<th className="px-4 py-2 font-medium">Status</th>

514

<th className="px-4 py-2 font-medium">Suits</th>

515

<th className="px-4 py-2 text-right font-medium">Context</th>

516

517

<th className="px-4 py-2 text-right font-medium">Cache read</th>

518

<th className="px-4 py-2 text-right font-medium">Typical run</th>

519

<th className="px-4 py-2 font-medium sm:pr-5">Listed</th>

</tr>

</thead>

<tbody>

{listed.map((model) => {

524

const status = STATUS[model.status] ?? STATUS.available;

525

const error = failure?.target === `model-${model.model}` ? failure : null;

return (

<span className="font-medium">{model.name}</span>

530

<code className="block text-xs text-muted">{model.model}</code>

531

{model.aliases.length > 0 && <span className="block text-xs text-faint">also {model.aliases.join(", ")}</span>}

532

<span className="block text-xs text-faint">{PROVIDER[model.provider] ?? model.provider}</span>

533

{error && <span className="mt-1 block text-xs text-danger">{error.error}</span>}

534

</td>

535

536

<Badge tone={status.tone}>{status.label}</Badge>

537

{!model.priced && (

538

539

<Badge tone="warn">Unpriced</Badge>

540

</span>

541

)}

542

{model.status === "available" ? (

) : (

)}

</td>

<td className="px-4 py-2.5 text-muted">{model.kind === "embeddings" ? `Embeddings${model.dimensions ? `, ${model.dimensions}` : ""}` : TIER_LABELS[model.tierHint] ?? "—"}</td>

549

<td className="px-4 py-2.5 text-right font-mono tabular-nums">{tokens(model.contextWindow)}</td>

550

551

${perMillion(model.inputMicros)}

552

{model.kind !== "embeddings" && <> / ${perMillion(model.outputMicros)}</>}

553

{model.threshold ? <span className="block text-xs text-faint">over {tokens(model.threshold)}: ${perMillion(model.overInputMicros)} / ${perMillion(model.overOutputMicros)}</span> : null}

554

</td>

555