+ ZyntroAI Console
+
+ Backend: {health}
+
+
+
+ setName(e.target.value)}
+ onKeyDown={(e) => e.key === "Enter" && create()}
+ placeholder="New item name"
+ aria-label="Item name"
+ />
+
+
+ {error && {error}
}
+
+
+ {items.map((it) => (
+ -
+ {it.name} #{it.id}
+
+ ))}
+
+
+ );
+}
diff --git a/frontend/src/lib/api.ts b/frontend/src/lib/api.ts
new file mode 100644
index 0000000..68dc7a0
--- /dev/null
+++ b/frontend/src/lib/api.ts
@@ -0,0 +1,39 @@
+// Type-safe API client for the ZyntroAI backend.
+const BASE = import.meta.env.VITE_API_URL ?? "/api/v1";
+
+export interface Item {
+ id: number;
+ name: string;
+ description: string | null;
+ created_at: string;
+ updated_at: string;
+}
+
+export interface Health {
+ status: string;
+ env: string;
+}
+
+async function request