The original icon PNGs had pre-baked rounded corners and transparent backgrounds. When iOS applies its own superellipse mask on Add to Home Screen, the transparent corners were filled with white, creating a visible white border around the icon. Changes: - Regenerate all icon PNGs as full-bleed (no rounded corners, opaque background filling entire canvas) from the existing logo SVG - Add dedicated apple-touch-icon.png at 180x180 (iOS standard size) - Add favicon.ico for universal browser fallback - Replace oversized app/icon.png (540x540) with 192x192 full-bleed - Update layout.tsx to reference apple-touch-icon.png - Add explicit purpose: "any" to 192x192 manifest entry Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
36 lines
792 B
TypeScript
36 lines
792 B
TypeScript
import type { MetadataRoute } from "next";
|
|
|
|
export default function manifest(): MetadataRoute.Manifest {
|
|
return {
|
|
name: "Multica",
|
|
short_name: "Multica",
|
|
description: "Distributed AI agent framework",
|
|
id: "/",
|
|
scope: "/",
|
|
start_url: "/",
|
|
display: "standalone",
|
|
orientation: "any",
|
|
background_color: "#09090b",
|
|
theme_color: "#09090b",
|
|
icons: [
|
|
{
|
|
src: "/logo-192x192.png",
|
|
sizes: "192x192",
|
|
type: "image/png",
|
|
purpose: "any",
|
|
},
|
|
{
|
|
src: "/logo-512x512.png",
|
|
sizes: "512x512",
|
|
type: "image/png",
|
|
purpose: "any",
|
|
},
|
|
{
|
|
src: "/logo-512x512.png",
|
|
sizes: "512x512",
|
|
type: "image/png",
|
|
purpose: "maskable",
|
|
},
|
|
],
|
|
};
|
|
}
|