repositories
loading repo index
repositories
loading repo index
repository
loading code, commits, and activity
public Clawd ADK gateway launch mirror
stars
latest
clone command
git clone gitlawb://did:key:z6Mkq5mY...iFZ5/my-project-publ...git clone gitlawb://did:key:z6Mkq5mY.../my-project-publ...2fa351d6docs: add automaton and perps launch sources16d ago| #1 | import { SendHorizontal } from "lucide-react"; |
| #2 | import type { DashboardState } from "../types"; |
| #3 | |
| #4 | interface InferencePageProps { |
| #5 | state: DashboardState; |
| #6 | } |
| #7 | |
| #8 | export function InferencePage({ state }: InferencePageProps) { |
| #9 | return ( |
| #10 | <section className="page-grid inference-layout"> |
| #11 | <article className="card control-card"> |
| #12 | <div className="section-header"> |
| #13 | <div> |
| #14 | <h2>Inference Controls</h2> |
| #15 | <p>Model selection, lobster-safe prompting, and throughput defaults for trench automation.</p> |
| #16 | </div> |
| #17 | </div> |
| #18 | |
| #19 | <label className="field"> |
| #20 | <span>Model</span> |
| #21 | <select defaultValue={state.inference.models[0].name}> |
| #22 | {state.inference.models.map((model) => ( |
| #23 | <option key={model.name} value={model.name}> |
| #24 | {model.name} |
| #25 | </option> |
| #26 | ))} |
| #27 | </select> |
| #28 | <small>{state.inference.models[0].inputPrice}, {state.inference.models[0].outputPrice}</small> |
| #29 | </label> |
| #30 | |
| #31 | <label className="field"> |
| #32 | <span>System Prompt</span> |
| #33 | <textarea defaultValue={state.inference.defaultSystemPrompt} rows={6} /> |
| #34 | </label> |
| #35 | |
| #36 | <label className="field"> |
| #37 | <span>Temperature</span> |
| #38 | <input type="range" min="0" max="2" step="0.1" defaultValue="0.8" /> |
| #39 | </label> |
| #40 | |
| #41 | <label className="field"> |
| #42 | <span>Max Tokens</span> |
| #43 | <input type="number" defaultValue="4096" /> |
| #44 | </label> |
| #45 | |
| #46 | <label className="toggle"> |
| #47 | <span>Stream output</span> |
| #48 | <input type="checkbox" defaultChecked /> |
| #49 | </label> |
| #50 | </article> |
| #51 | |
| #52 | <article className="card chat-card"> |
| #53 | <div className="chat-card__empty"> |
| #54 | <div className="chat-card__glyph">🦞</div> |
| #55 | <h2>Send a message to start a trench conversation</h2> |
| #56 | <p>{state.inference.models.length} models available, routed through the CLAWD automation fabric.</p> |
| #57 | </div> |
| #58 | <div className="chat-card__composer"> |
| #59 | <input |
| #60 | type="text" |
| #61 | placeholder="Type a message... (Enter to send, Shift+Enter for newline)" |
| #62 | /> |
| #63 | <button className="primary-icon-button" type="button"> |
| #64 | <SendHorizontal size={18} /> |
| #65 | </button> |
| #66 | </div> |
| #67 | </article> |
| #68 | </section> |
| #69 | ); |
| #70 | } |
| #71 |