+
API documentation
Companion to{" "}
@@ -57,6 +55,6 @@ export default function DocsPage() {
))}
-
+
);
}
diff --git a/src/app/layout.test.tsx b/src/app/layout.test.tsx
index 7713367..5221ec5 100644
--- a/src/app/layout.test.tsx
+++ b/src/app/layout.test.tsx
@@ -1,4 +1,4 @@
-import { metadata } from "./layout";
+import { metadata, viewport } from "./layout";
describe("root layout metadata", () => {
it("keeps the home route on the default AgentPay title", () => {
@@ -7,4 +7,18 @@ describe("root layout metadata", () => {
template: "%s — AgentPay",
});
});
+
+ it("configures the manifest and apple-touch icon in metadata", () => {
+ expect(metadata.manifest).toBe("/manifest.webmanifest");
+ expect(metadata.icons).toMatchObject({
+ apple: "/favicon.ico",
+ });
+ });
+
+ it("configures the themeColor in viewport", () => {
+ expect(viewport.themeColor).toEqual([
+ { media: "(prefers-color-scheme: light)", color: "#ffffff" },
+ { media: "(prefers-color-scheme: dark)", color: "#0a0a0a" },
+ ]);
+ });
});
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index e68e2a4..e831c77 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,4 +1,4 @@
-import type { Metadata } from "next";
+import type { Metadata, Viewport } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
import { Header } from "@/components/Header";
@@ -16,6 +16,13 @@ const geistMono = Geist_Mono({
subsets: ["latin"],
});
+export const viewport: Viewport = {
+ themeColor: [
+ { media: "(prefers-color-scheme: light)", color: "#ffffff" },
+ { media: "(prefers-color-scheme: dark)", color: "#0a0a0a" },
+ ],
+};
+
export const metadata: Metadata = {
title: {
default: "AgentPay",
@@ -24,6 +31,10 @@ export const metadata: Metadata = {
description: "Machine-to-machine payment protocol on Stellar",
applicationName: "AgentPay",
authors: [{ name: "AgentPay" }],
+ manifest: "/manifest.webmanifest",
+ icons: {
+ apple: "/favicon.ico",
+ },
openGraph: {
title: "AgentPay",
description: "Pay-per-request billing for AI agents and APIs on Stellar.",
diff --git a/src/app/manifest.test.ts b/src/app/manifest.test.ts
new file mode 100644
index 0000000..eedf254
--- /dev/null
+++ b/src/app/manifest.test.ts
@@ -0,0 +1,27 @@
+import manifest from "./manifest";
+
+describe("manifest metadata route", () => {
+ it("returns a valid manifest configuration", () => {
+ const config = manifest();
+
+ // Required fields assertion
+ expect(config.name).toBe("AgentPay");
+ expect(config.short_name).toBe("AgentPay");
+ expect(config.description).toBe("Machine-to-machine payment protocol on Stellar");
+ expect(config.start_url).toBe("/");
+ expect(config.display).toBe("standalone");
+
+ // Colors matching globals.css dark/light palette
+ const allowedColors = ["#0a0a0a", "#ffffff"];
+ expect(allowedColors).toContain(config.background_color);
+ expect(allowedColors).toContain(config.theme_color);
+
+ // Icon entries check
+ expect(config.icons).toBeDefined();
+ expect(config.icons!.length).toBeGreaterThan(0);
+ const hasFavicon = config.icons!.some(
+ (icon) => icon.src === "/favicon.ico"
+ );
+ expect(hasFavicon).toBe(true);
+ });
+});
diff --git a/src/app/manifest.ts b/src/app/manifest.ts
new file mode 100644
index 0000000..2923e33
--- /dev/null
+++ b/src/app/manifest.ts
@@ -0,0 +1,20 @@
+import type { MetadataRoute } from "next";
+
+export default function manifest(): MetadataRoute.Manifest {
+ return {
+ name: "AgentPay",
+ short_name: "AgentPay",
+ description: "Machine-to-machine payment protocol on Stellar",
+ start_url: "/",
+ display: "standalone",
+ background_color: "#0a0a0a",
+ theme_color: "#0a0a0a",
+ icons: [
+ {
+ src: "/favicon.ico",
+ sizes: "any",
+ type: "image/x-icon",
+ },
+ ],
+ };
+}
diff --git a/src/app/services/new/page.tsx b/src/app/services/new/page.tsx
index 7f438fb..2c46adb 100644
--- a/src/app/services/new/page.tsx
+++ b/src/app/services/new/page.tsx
@@ -3,6 +3,7 @@
import { useState } from "react";
import { useRouter } from "next/navigation";
import { apiPost } from "@/lib/apiClient";
+import { PageShell } from "@/components/PageShell";
export default function NewServicePage() {
const router = useRouter();
@@ -31,11 +32,7 @@ export default function NewServicePage() {
};
return (
-