@morphika/andami 0.1.2

package/app/admin/login/page.tsx

@@ -0,0 +1,88 @@
+"use client";
+
+import { Suspense, useState } from "react";
+import { useRouter, useSearchParams } from "next/navigation";
+import { getSiteConfig } from "../../../lib/config";
+
+function LoginForm() {
+  const [password, setPassword] = useState("");
+  const [error, setError] = useState("");
+  const [isLoading, setIsLoading] = useState(false);
+  const router = useRouter();
+  const searchParams = useSearchParams();
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setError("");
+    setIsLoading(true);
+
+    try {
+      const res = await fetch("/api/admin/auth", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ password }),
+      });
+
+      if (res.ok) {
+        const redirect = searchParams.get("redirect") || "/admin";
+        router.push(redirect);
+        router.refresh();
+      } else {
+        const data = await res.json();
+        setError(data.error || "Invalid password");
+      }
+    } catch {
+      setError("Connection error. Please try again.");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+
+  return (
+    <div className="flex min-h-screen items-center justify-center bg-[#0a0a0a]">
+      <div className="w-full max-w-sm px-6">
+        <div className="mb-8 text-center">
+          <h1 className="font-mono text-xl uppercase tracking-widest text-white">
+            {getSiteConfig().adminTitle}
+          </h1>
+          <p className="mt-2 font-mono text-xs uppercase tracking-wider text-neutral-500">
+            Enter password to continue
+          </p>
+        </div>
+
+        <form onSubmit={handleSubmit} className="space-y-4">
+          <div>
+            <input
+              type="password"
+              value={password}
+              onChange={(e) => setPassword(e.target.value)}
+              placeholder="Password"
+              autoFocus
+              className="w-full rounded-none border border-neutral-700 bg-transparent px-4 py-3 font-mono text-sm text-white placeholder-neutral-600 outline-none transition-colors focus:border-neutral-400"
+            />
+          </div>
+
+          {error && (
+            <p className="font-mono text-xs text-red-500">{error}</p>
+          )}
+
+          <button
+            type="submit"
+            disabled={isLoading || !password}
+            className="w-full border border-white bg-white px-4 py-3 font-mono text-sm uppercase tracking-wider text-black transition-all hover:bg-transparent hover:text-white disabled:opacity-40 disabled:cursor-not-allowed"
+          >
+            {isLoading ? "..." : "Login"}
+          </button>
+        </form>
+      </div>
+    </div>
+  );
+}
+
+export default function AdminLoginPage() {
+  return (
+    <Suspense>
+      <LoginForm />
+    </Suspense>
+  );
+}

package/app/admin/navigation/page.tsx

@@ -0,0 +1,157 @@
+"use client";
+
+import { useState, useEffect, useCallback } from "react";
+import { csrfHeaders } from "../../../lib/csrf-client";
+import { NavBuilder } from "../../../components/admin/nav-builder";
+import { revalidateSite } from "../../../lib/revalidate";
+import type { NavItem, NavDesign, SiteSettings } from "../../../lib/sanity/types";
+
+/**
+ * /admin/navigation — Navigation editing.
+ * Session 129: Footer tab removed — footers are now custom sections placed freely by the user.
+ */
+export default function AdminNavigationPage() {
+  const [settings, setSettings] = useState<SiteSettings | null>(null);
+  const [loading, setLoading] = useState(true);
+  const [savingNav, setSavingNav] = useState(false);
+  const [message, setMessage] = useState<{
+    type: "success" | "error";
+    text: string;
+  } | null>(null);
+
+  // ── Load settings ──
+  const fetchSettings = useCallback(async () => {
+    try {
+      const res = await fetch("/api/admin/settings");
+      if (res.ok) {
+        const data = await res.json();
+        setSettings(data.settings || null);
+      }
+    } catch {
+      setMessage({ type: "error", text: "Failed to load navigation" });
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  useEffect(() => {
+    fetchSettings();
+  }, [fetchSettings]);
+
+  // ── Auto-dismiss messages ──
+  useEffect(() => {
+    if (!message) return;
+    const timer = setTimeout(() => setMessage(null), 5000);
+    return () => clearTimeout(timer);
+  }, [message]);
+
+  // ── Save handlers ──
+  const handleSaveNavBuilder = async (navItems: NavItem[], navDesign: NavDesign) => {
+    setSavingNav(true);
+    setMessage(null);
+    try {
+      // Sanitize items for Sanity
+      const sanitizedItems = navItems.map((item) => ({
+        _key: item._key,
+        type: item.type || "menu-item",
+        label: item.label,
+        ...(item.logo_image ? { logo_image: item.logo_image } : {}),
+        link_type: item.link_type,
+        ...(item.link_type === "internal" && item.internal_page
+          ? { internal_page: { _ref: item.internal_page._id } }
+          : {}),
+        ...(item.link_type === "external"
+          ? { external_url: item.external_url }
+          : {}),
+        ...(item.link_type === "content" ? {
+          ...(item.content_type ? { content_type: item.content_type } : {}),
+          ...(item.content_asset ? { content_asset: item.content_asset } : {}),
+          ...(item.content_url ? { content_url: item.content_url } : {}),
+        } : {}),
+        visible: item.visible,
+        grid_column: item.grid_column,
+        column_span: item.column_span || 1,
+        ...(item.style_overrides && Object.keys(item.style_overrides).length > 0
+          ? { style_overrides: item.style_overrides }
+          : {}),
+      }));
+
+      // Save nav items
+      const navRes = await fetch("/api/admin/settings", {
+        method: "POST",
+        headers: { "Content-Type": "application/json", ...csrfHeaders() },
+        body: JSON.stringify({ section: "navigation", data: { nav_items: sanitizedItems } }),
+      });
+      if (!navRes.ok) {
+        const errData = await navRes.json();
+        throw new Error(errData.error || "Save items failed");
+      }
+
+      // Save nav design
+      const designRes = await fetch("/api/admin/settings", {
+        method: "POST",
+        headers: { "Content-Type": "application/json", ...csrfHeaders() },
+        body: JSON.stringify({ section: "nav_design", data: { nav_design: navDesign } }),
+      });
+      if (!designRes.ok) {
+        const errData = await designRes.json();
+        throw new Error(errData.error || "Save design failed");
+      }
+
+      setMessage({ type: "success", text: "Navigation saved" });
+
+      // Refresh settings
+      const settingsRes = await fetch("/api/admin/settings");
+      if (settingsRes.ok) {
+        const settingsData = await settingsRes.json();
+        setSettings(settingsData.settings || null);
+      }
+      revalidateSite();
+    } catch (err) {
+      setMessage({
+        type: "error",
+        text: err instanceof Error ? err.message : "Save failed",
+      });
+    } finally {
+      setSavingNav(false);
+    }
+  };
+
+  if (loading) {
+    return (
+      <div className="flex items-center justify-center py-20">
+        <span className="text-sm text-neutral-400 animate-pulse">
+          Loading navigation...
+        </span>
+      </div>
+    );
+  }
+
+  return (
+    <div className="space-y-6">
+      <h1 className="text-2xl font-semibold text-neutral-900">
+        Navigation
+      </h1>
+
+      {/* Message banner */}
+      {message && (
+        <div
+          className={`p-3 rounded-xl border transition-opacity ${
+            message.type === "success"
+              ? "border-green-200 bg-green-50 text-green-700"
+              : "border-red-200 bg-red-50 text-red-700"
+          }`}
+        >
+          <p className="text-sm">{message.text}</p>
+        </div>
+      )}
+
+      <NavBuilder
+        initialItems={settings?.nav_items || []}
+        initialDesign={settings?.nav_design || {}}
+        onSave={handleSaveNavBuilder}
+        saving={savingNav}
+      />
+    </div>
+  );
+}

package/app/admin/page.tsx

@@ -0,0 +1,17 @@
+import { redirect } from "next/navigation";
+import { getSetupStatus } from "../../lib/setup/detect";
+
+export default async function AdminPage() {
+  // Check if this is a fresh instance that needs onboarding
+  try {
+    const status = await getSetupStatus();
+    if (!status.complete) {
+      redirect("/admin/setup");
+    }
+  } catch {
+    // If setup check fails (e.g., no Sanity connection), go to wizard
+    redirect("/admin/setup");
+  }
+
+  redirect("/admin/pages");
+}