my-project-public

repository

loading code, commits, and activity

repositories

loading repo index

my-project-public — gitlawb

#1	import { useState } from "react";
#2	import { Header } from "./components/Header";
#3	import { Sidebar } from "./components/Sidebar";
#4	import { SceneBackdrop } from "./components/SceneBackdrop";
#5	import { SandboxPage } from "./components/SandboxPage";
#6	import { InferencePage } from "./components/InferencePage";
#7	import { BillingPage } from "./components/BillingPage";
#8	import { PlaceholderPage } from "./components/PlaceholderPage";
#9	import { mockDashboard } from "./data/mockDashboard";
#10	import type { NavKey } from "./types";
#11
#12	const headerByView: Record<NavKey, { title: string; subtitle: string }> = {
#13	sandboxes: {
#14	title: "CLAWD Cloud",
#15	subtitle: "Sovereign compute trenches. Your infrastructure, your keys, your brood.",
#16	},
#17	inference: {
#18	title: "Inference",
#19	subtitle: "AI inference routed through the CLAWD runtime. Trench-safe model controls.",
#20	},
#21	billing: {
#22	title: "Billing",
#23	subtitle: "Credits, reserves, and token-backed compute. USDC and $CLAWD settlement.",
#24	},
#25	spawn: {
#26	title: "Spawn Automations",
#27	subtitle: "Brood management, lineage trees, and sovereign deployment recipes.",
#28	},
#29	keys: {
#30	title: "API Keys",
#31	subtitle: "Shell-scoped operator keys. Provisioned via SIWE. Trench-safe secrets.",
#32	},
#33	};
#34
#35	export function App() {
#36	const [active, setActive] = useState<NavKey>("sandboxes");
#37	const state = mockDashboard;
#38
#39	return (
#40	<div className="app-shell">
#41	<SceneBackdrop />
#42	<Sidebar
#43	active={active}
#44	onSelect={setActive}
#45	walletShort={state.identity.walletShort}
#46	ageDays={state.identity.accountAgeDays}
#47	/>
#48	<main className="main-shell">
#49	<Header {...headerByView[active]} />
#50	{active === "sandboxes" ? <SandboxPage state={state} /> : null}
#51	{active === "inference" ? <InferencePage state={state} /> : null}
#52	{active === "billing" ? <BillingPage state={state} /> : null}
#53	{active === "spawn" ? (
#54	<PlaceholderPage
#55	title="Spawn Automations"
#56	copy="Next step: wire this page to automaton lineage, sandbox creation, and on-chain spawn funding using SOL, USDC, and $CLAWD."
#57	/>
#58	) : null}
#59	{active === "keys" ? (
#60	<PlaceholderPage
#61	title="API Keys"
#62	copy="Next step: bind this to provisioned runtime keys, pay.sh configuration, and inference-provider scopes."
#63	/>
#64	) : null}
#65	</main>
#66	</div>
#67	);
#68	}
#69

z6Mkq5mY3JWtxoxUobWcfNHm7AkRubgSWEZTkBVqZXJviFZ5/my-project-public