minutework 0.1.32 → 0.1.33

package/assets/templates/next-tenant-app/src/app/docs/page.tsx

@@ -1,51 +1,15 @@
-import { notFound } from "next/navigation";
+import { StaticPublicPage } from "@/features/public-shell/components/static-public-page";
 
-import { ContentCollection } from "@/features/public-shell/components/content-collection";
-import { PublicSiteShell } from "@/features/public-shell/components/public-site-shell";
-import { getSiteConfig, listEntries } from "@/lib/content/adapter.server";
-import { appRoutes } from "@/lib/app-routes";
-import {
-  buildDisabledPublicMetadata,
-  buildPublicMetadata,
-  isPublicContentDisabled,
-} from "@/lib/public-site";
-
-export async function generateMetadata() {
-  if (isPublicContentDisabled()) {
-    return buildDisabledPublicMetadata();
-  }
-
-  const siteConfig = await getSiteConfig();
-  const collection = siteConfig.collections.docs;
-
-  return buildPublicMetadata({
-    title: collection.title,
-    description: collection.description,
-    path: appRoutes.docsIndex,
-    siteName: siteConfig.siteName,
-  });
-}
-
-export default async function DocsIndexPage() {
-  if (isPublicContentDisabled()) {
-    notFound();
-  }
-
-  const [siteConfig, entries] = await Promise.all([
-    getSiteConfig(),
-    listEntries("docs"),
-  ]);
-  const collection = siteConfig.collections.docs;
+export const metadata = {
+  title: "Docs",
+};
 
+export default function DocsIndexPage() {
   return (
-    <PublicSiteShell activeHref={appRoutes.docsIndex} siteConfig={siteConfig}>
-      <ContentCollection
-        description={collection.description}
-        entries={entries}
-        eyebrow={collection.eyebrow}
-        kind="docs"
-        title={collection.title}
-      />
-    </PublicSiteShell>
+    <StaticPublicPage
+      eyebrow="Docs"
+      title="Customer documentation"
+      body="Guides, onboarding notes, and product documentation."
+    />
   );
 }

package/assets/templates/next-tenant-app/src/app/layout.tsx

@@ -5,7 +5,6 @@ import { cookies } from "next/headers";
 import type { ReactNode } from "react";
 
 import { AppProviders } from "./providers";
-import { env } from "@/lib/platform/env.server";
 import { resolvePublicMetadataBase } from "@/lib/public-site";
 import {
   isThemeMode,
@@ -25,22 +24,21 @@ const geistMono = Geist_Mono({
 
 export function generateMetadata(): Metadata {
   const metadataBase = resolvePublicMetadataBase();
+  const appName = process.env.MW_TEMPLATE_APP_NAME || "Tenant App";
 
   return {
     ...(metadataBase ? { metadataBase } : {}),
     title: {
-      default: env.MW_TEMPLATE_APP_NAME,
-      template: `%s | ${env.MW_TEMPLATE_APP_NAME}`,
+      default: appName,
+      template: `%s | ${appName}`,
     },
-    description:
-      "SEO-first public and authenticated Next.js starter with a server-owned platform session BFF.",
+    description: "Customer-facing tenant app.",
     openGraph: {
-      title: env.MW_TEMPLATE_APP_NAME,
-      description:
-        "SEO-first public and authenticated Next.js starter with a server-owned platform session BFF.",
-      siteName: env.MW_TEMPLATE_APP_NAME,
+      title: appName,
+      description: "Customer-facing tenant app.",
+      siteName: appName,
       type: "website",
-      ...(env.MW_PUBLIC_BASE_URL ? { url: env.MW_PUBLIC_BASE_URL } : {}),
+      ...(process.env.MW_PUBLIC_BASE_URL ? { url: process.env.MW_PUBLIC_BASE_URL } : {}),
     },
   };
 }

package/assets/templates/next-tenant-app/src/app/login/page.tsx

@@ -1,33 +1,13 @@
-import { redirect } from "next/navigation";
-
 import { LoginScreen } from "@/features/auth/components/login-screen";
-import { appRoutes } from "@/lib/app-routes";
-import { resolveCurrentSession } from "@/lib/platform/client.server";
-import { platformAuthEndpoints } from "@/lib/platform/endpoints.server";
-import { env } from "@/lib/platform/env.server";
-import { readPlatformAuthState } from "@/lib/platform/session.server";
 
 export const metadata = {
-  title: "Sign In",
-  description:
-    "Authenticate into the combined MinuteWork starter to continue into the private workspace surface under /app.",
+  title: "Log In",
   robots: {
     index: false,
     follow: false,
   },
 };
 
-export default async function LoginPage() {
-  const session = await resolveCurrentSession(await readPlatformAuthState());
-
-  if (session.authenticated) {
-    redirect(appRoutes.appHome);
-  }
-
-  return (
-    <LoginScreen
-      appName={env.MW_TEMPLATE_APP_NAME}
-      operatorConsoleHref={platformAuthEndpoints.operatorConsole}
-    />
-  );
+export default function LoginPage() {
+  return <LoginScreen appName={process.env.MW_TEMPLATE_APP_NAME || "Tenant App"} />;
 }

package/assets/templates/next-tenant-app/src/app/page.tsx

@@ -1,49 +1,16 @@
-import { redirect } from "next/navigation";
+import { StaticPublicPage } from "@/features/public-shell/components/static-public-page";
 
-import { MarketingPageCanvas } from "@/features/public-shell/components/marketing-page-canvas";
-import { PublicSiteShell } from "@/features/public-shell/components/public-site-shell";
-import { getMarketingPage, getSiteConfig } from "@/lib/content/adapter.server";
-import { buildEmptyMarketingPage } from "@/lib/content/empty-state";
-import { appRoutes } from "@/lib/app-routes";
-import {
-  buildDisabledPublicMetadata,
-  buildPublicMetadata,
-  isPublicContentDisabled,
-} from "@/lib/public-site";
-
-export async function generateMetadata() {
-  if (isPublicContentDisabled()) {
-    return buildDisabledPublicMetadata();
-  }
-
-  const [siteConfig, page] = await Promise.all([
-    getSiteConfig(),
-    getMarketingPage("home"),
-  ]);
-  const resolvedPage = page ?? buildEmptyMarketingPage("home", siteConfig);
-
-  return buildPublicMetadata({
-    title: resolvedPage.seo.title,
-    description: resolvedPage.seo.description,
-    path: resolvedPage.path,
-    siteName: siteConfig.siteName,
-  });
-}
-
-export default async function HomePage() {
-  if (isPublicContentDisabled()) {
-    redirect(appRoutes.appHome);
-  }
-
-  const [siteConfig, page] = await Promise.all([
-    getSiteConfig(),
-    getMarketingPage("home"),
-  ]);
-  const resolvedPage = page ?? buildEmptyMarketingPage("home", siteConfig);
+export const metadata = {
+  title: "Tenant App",
+  description: "Customer-facing tenant app.",
+};
 
+export default function HomePage() {
   return (
-    <PublicSiteShell activeHref={appRoutes.publicHome} siteConfig={siteConfig}>
-      <MarketingPageCanvas page={resolvedPage} />
-    </PublicSiteShell>
+    <StaticPublicPage
+      eyebrow="Tenant App"
+      title="A customer app connected to MinuteWork"
+      body="Public pages stay generic, while customer auth and manifest APIs come from the MinuteWork web SDK."
+    />
   );
 }

package/assets/templates/next-tenant-app/src/app/pricing/page.tsx

@@ -1,49 +1,15 @@
-import { notFound } from "next/navigation";
+import { StaticPublicPage } from "@/features/public-shell/components/static-public-page";
 
-import { MarketingPageCanvas } from "@/features/public-shell/components/marketing-page-canvas";
-import { PublicSiteShell } from "@/features/public-shell/components/public-site-shell";
-import { getMarketingPage, getSiteConfig } from "@/lib/content/adapter.server";
-import { buildEmptyMarketingPage } from "@/lib/content/empty-state";
-import { appRoutes } from "@/lib/app-routes";
-import {
-  buildDisabledPublicMetadata,
-  buildPublicMetadata,
-  isPublicContentDisabled,
-} from "@/lib/public-site";
-
-export async function generateMetadata() {
-  if (isPublicContentDisabled()) {
-    return buildDisabledPublicMetadata();
-  }
-
-  const [siteConfig, page] = await Promise.all([
-    getSiteConfig(),
-    getMarketingPage("pricing"),
-  ]);
-  const resolvedPage = page ?? buildEmptyMarketingPage("pricing", siteConfig);
-
-  return buildPublicMetadata({
-    title: resolvedPage.seo.title,
-    description: resolvedPage.seo.description,
-    path: resolvedPage.path,
-    siteName: siteConfig.siteName,
-  });
-}
-
-export default async function PricingPage() {
-  if (isPublicContentDisabled()) {
-    notFound();
-  }
-
-  const [siteConfig, page] = await Promise.all([
-    getSiteConfig(),
-    getMarketingPage("pricing"),
-  ]);
-  const resolvedPage = page ?? buildEmptyMarketingPage("pricing", siteConfig);
+export const metadata = {
+  title: "Pricing",
+};
 
+export default function PricingPage() {
   return (
-    <PublicSiteShell activeHref={appRoutes.pricing} siteConfig={siteConfig}>
-      <MarketingPageCanvas page={resolvedPage} />
-    </PublicSiteShell>
+    <StaticPublicPage
+      eyebrow="Pricing"
+      title="Plans for customer access"
+      body="Clear plan options for customer workspaces."
+    />
   );
 }

package/assets/templates/next-tenant-app/src/app/providers.tsx

@@ -4,6 +4,7 @@ import type { ReactNode } from "react";
 
 import { ThemeProvider } from "@/lib/theme";
 import type { ThemeMode } from "@/lib/theme-config";
+import { MinuteWorkSdkProvider } from "@/mw/provider";
 
 export function AppProviders({
   children,
@@ -19,7 +20,7 @@ export function AppProviders({
       enableSystem
       disableTransitionOnChange
     >
-      {children}
+      <MinuteWorkSdkProvider>{children}</MinuteWorkSdkProvider>
     </ThemeProvider>
   );
 }

package/assets/templates/next-tenant-app/src/app/robots.ts

@@ -1,24 +1,9 @@
 import type { MetadataRoute } from "next";
 
-import {
-  isPublicContentDisabled,
-  resolvePublicMetadataBase,
-} from "@/lib/public-site";
+import { resolvePublicMetadataBase } from "@/lib/public-site";
 
 export default function robots(): MetadataRoute.Robots {
   const metadataBase = resolvePublicMetadataBase();
-
-  if (!metadataBase || isPublicContentDisabled()) {
-    return {
-      rules: [
-        {
-          userAgent: "*",
-          disallow: "/",
-        },
-      ],
-    };
-  }
-
   return {
     rules: [
       {
@@ -26,7 +11,11 @@ export default function robots(): MetadataRoute.Robots {
         allow: "/",
       },
     ],
-    sitemap: new URL("/sitemap.xml", metadataBase).toString(),
-    host: metadataBase.host,
+    ...(metadataBase
+      ? {
+          sitemap: new URL("/sitemap.xml", metadataBase).toString(),
+          host: metadataBase.host,
+        }
+      : {}),
   };
 }

package/assets/templates/next-tenant-app/src/app/sitemap.ts

@@ -1,30 +1,14 @@
 import type { MetadataRoute } from "next";
 
-import { listEntries } from "@/lib/content/adapter.server";
 import { appRoutes } from "@/lib/app-routes";
-import { isPublicContentDisabled, resolvePublicSiteUrl } from "@/lib/public-site";
+import { resolvePublicSiteUrl } from "@/lib/public-site";
 
 function buildSitemapUrl(pathname: string) {
-  const url = resolvePublicSiteUrl(pathname);
-
-  if (!url) {
-    throw new Error("MW_PUBLIC_BASE_URL is required to build a public sitemap.");
-  }
-
-  return url.toString();
+  return resolvePublicSiteUrl(pathname)?.toString() ?? pathname;
 }
 
-export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
-  if (isPublicContentDisabled()) {
-    return [];
-  }
-
-  const [docsEntries, blogEntries] = await Promise.all([
-    listEntries("docs"),
-    listEntries("blog"),
-  ]);
-
-  const entries: MetadataRoute.Sitemap = [
+export default function sitemap(): MetadataRoute.Sitemap {
+  return [
     {
       url: buildSitemapUrl(appRoutes.publicHome),
       changeFrequency: "weekly",
@@ -46,23 +30,4 @@ export default async function sitemap(): Promise<MetadataRoute.Sitemap> {
       priority: 0.8,
     },
   ];
-
-  entries.push(
-    ...docsEntries.map((entry) => ({
-      url: buildSitemapUrl(appRoutes.docsPage(entry.slug)),
-      changeFrequency: "weekly" as const,
-      priority: 0.7,
-    })),
-  );
-
-  entries.push(
-    ...blogEntries.map((entry) => ({
-      url: buildSitemapUrl(appRoutes.blogPost(entry.slug)),
-      changeFrequency: "monthly" as const,
-      priority: 0.7,
-      ...(entry.publishedAt ? { lastModified: new Date(entry.publishedAt) } : {}),
-    })),
-  );
-
-  return entries;
 }

package/assets/templates/next-tenant-app/src/features/auth/components/login-screen.tsx

@@ -1,108 +1,81 @@
 "use client";
 
-import { startTransition, useEffect, useState } from "react";
 import type { FormEvent } from "react";
+import { startTransition, useState } from "react";
+import { ArrowRight, MailCheck } from "lucide-react";
+import { useRouter, useSearchParams } from "next/navigation";
 
-import { ArrowRight, ShieldCheck, TerminalSquare } from "lucide-react";
-import { useRouter } from "next/navigation";
-
-import { Button } from "@/design-system/primitives/button";
-import { Input } from "@/design-system/primitives/input";
 import { PanelFrame } from "@/design-system/patterns/panel-frame";
 import { ThemeModeToggle } from "@/design-system/patterns/theme-mode-toggle";
+import { Button } from "@/design-system/primitives/button";
+import { Input } from "@/design-system/primitives/input";
 import { appRoutes } from "@/lib/app-routes";
+import { useMinuteWorkAuth } from "@minutework/web-auth/react";
+
+type AuthMode = "login" | "signup";
 
-export function LoginScreen({
-  appName,
-  operatorConsoleHref,
-}: {
-  appName: string;
-  operatorConsoleHref: string;
-}) {
+export function LoginScreen({ appName }: { appName: string }) {
   const router = useRouter();
-  const [username, setUsername] = useState("demo-user");
-  const [password, setPassword] = useState("demo-password");
+  const searchParams = useSearchParams();
+  const { login, signup } = useMinuteWorkAuth();
+  const [mode, setMode] = useState<AuthMode>("login");
+  const [email, setEmail] = useState("");
+  const [displayName, setDisplayName] = useState("");
+  const [password, setPassword] = useState("");
+  const [notice, setNotice] = useState("");
   const [error, setError] = useState("");
   const [submitting, setSubmitting] = useState(false);
 
-  useEffect(() => {
-    void fetch("/api/auth/session", {
-      method: "GET",
-      cache: "no-store",
-    }).catch(() => null);
-  }, []);
-
   async function handleSubmit(event: FormEvent<HTMLFormElement>) {
     event.preventDefault();
     setSubmitting(true);
     setError("");
+    setNotice("");
 
     try {
-      const response = await fetch("/api/auth/login", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ username, password }),
-      });
-
-      if (!response.ok) {
-        const payload = (await response.json().catch(() => ({}))) as {
-          detail?: string;
-        };
-        setError(payload.detail || "Login failed.");
+      if (mode === "signup") {
+        await signup({
+          email,
+          password,
+          displayName,
+          claimRef: searchParams.get("claim_ref") || undefined,
+        });
+        setNotice("Check your email to finish verification.");
         setSubmitting(false);
         return;
       }
 
+      await login({ email, password });
       startTransition(() => {
         router.replace(appRoutes.appHome);
         router.refresh();
       });
-    } catch {
-      setError("Unable to reach the platform right now.");
+    } catch (caught) {
+      const message =
+        caught instanceof Error ? caught.message : "Unable to complete auth.";
+      setError(message);
       setSubmitting(false);
     }
   }
 
   return (
     <main className="min-h-screen bg-background text-foreground">
-      <div className="mx-auto flex min-h-screen max-w-6xl flex-col gap-10 px-6 py-8 lg:flex-row lg:items-center lg:justify-between">
-        <div className="flex justify-end lg:hidden">
-          <ThemeModeToggle className="max-w-xs" />
-        </div>
-
-        <section className="max-w-2xl space-y-6">
+      <div className="mx-auto flex min-h-screen max-w-6xl flex-col gap-8 px-6 py-8 lg:flex-row lg:items-center lg:justify-between">
+        <section className="max-w-2xl space-y-5">
+          <div className="flex justify-end lg:hidden">
+            <ThemeModeToggle className="max-w-xs" />
+          </div>
           <div className="space-y-3">
             <p className="text-sm font-semibold uppercase tracking-widest text-muted-foreground">
-              Combined Web Starter
+              {appName}
             </p>
             <h1 className="max-w-xl text-4xl font-semibold tracking-tight text-balance sm:text-5xl">
-              Cross the public-to-private boundary without splitting the app.
+              Customer workspace
             </h1>
             <p className="max-w-xl text-base leading-7 text-muted-foreground sm:text-lg">
-              {appName} keeps marketing, docs, and blog routes public at the
-              root while preserving a server-owned platform session BFF under
-              `/app`.
+              Use your customer account to continue.
             </p>
           </div>
-
-          <div className="grid gap-3 sm:grid-cols-2">
-            <PanelFrame tone="raised" radius="xl" padding="lg" className="space-y-2">
-              <TerminalSquare className="size-5 text-primary" />
-              <p className="text-sm font-medium">Generic tenant shell</p>
-              <p className="text-sm leading-6 text-muted-foreground">
-                Start with public storytelling at the root and authenticated
-                workspace routing under `/app` instead of a private-only home page.
-              </p>
-            </PanelFrame>
-            <PanelFrame tone="raised" radius="xl" padding="lg" className="space-y-2">
-              <ShieldCheck className="size-5 text-primary" />
-              <p className="text-sm font-medium">Server-owned session</p>
-              <p className="text-sm leading-6 text-muted-foreground">
-                Session cookies stay on the server boundary while public pages
-                remain free of tenant-context reads and private BFF assumptions.
-              </p>
-            </PanelFrame>
-          </div>
         </section>
 
         <div className="flex w-full max-w-md flex-col gap-4 self-center lg:self-auto">
@@ -111,37 +84,69 @@ export function LoginScreen({
           </div>
 
           <PanelFrame tone="floating" radius="xl" padding="lg" className="space-y-6 shadow-2xl">
-            <div className="space-y-2">
-              <p className="text-sm font-semibold uppercase tracking-widest text-muted-foreground">
-                Template sign-in
-              </p>
-              <h2 className="text-2xl font-semibold tracking-tight">
-                Log into {appName}
-              </h2>
-              <p className="text-sm leading-6 text-muted-foreground">
-                Use platform tenant credentials to establish a server-owned
-                session before entering the authenticated shell under `/app`.
-              </p>
+            <div className="grid grid-cols-2 gap-2 rounded-lg border border-border p-1">
+              <Button
+                type="button"
+                variant={mode === "login" ? "default" : "ghost"}
+                onClick={() => {
+                  setMode("login");
+                  setError("");
+                  setNotice("");
+                }}
+              >
+                Log in
+              </Button>
+              <Button
+                type="button"
+                variant={mode === "signup" ? "default" : "ghost"}
+                onClick={() => {
+                  setMode("signup");
+                  setError("");
+                  setNotice("");
+                }}
+              >
+                Sign up
+              </Button>
             </div>
 
             <form className="space-y-5" onSubmit={handleSubmit}>
+              {mode === "signup" ? (
+                <div className="space-y-2">
+                  <label
+                    className="text-xs font-semibold uppercase tracking-widest text-muted-foreground"
+                    htmlFor="display-name"
+                  >
+                    Name
+                  </label>
+                  <Input
+                    id="display-name"
+                    autoComplete="name"
+                    className="h-12 text-base"
+                    value={displayName}
+                    onChange={(event) => setDisplayName(event.target.value)}
+                  />
+                </div>
+              ) : null}
+
               <div className="space-y-2">
                 <label
                   className="text-xs font-semibold uppercase tracking-widest text-muted-foreground"
-                  htmlFor="username"
+                  htmlFor="email"
                 >
-                  Username
+                  Email
                 </label>
                 <Input
-                  id="username"
-                  name="username"
-                  autoComplete="username"
+                  id="email"
+                  name="email"
+                  type="email"
+                  autoComplete="email"
                   className="h-12 text-base"
-                  value={username}
+                  value={email}
                   onChange={(event) => {
-                    setUsername(event.target.value);
+                    setEmail(event.target.value);
                     setError("");
                   }}
+                  required
                 />
               </div>
 
@@ -156,40 +161,34 @@ export function LoginScreen({
                   id="password"
                   name="password"
                   type="password"
-                  autoComplete="current-password"
+                  autoComplete={mode === "signup" ? "new-password" : "current-password"}
                   className="h-12 text-base"
                   value={password}
                   onChange={(event) => {
                     setPassword(event.target.value);
                     setError("");
                   }}
+                  required
                 />
               </div>
 
-              {error ? (
-                <p className="text-sm leading-6 text-destructive">{error}</p>
+              {notice ? (
+                <div className="flex items-start gap-2 rounded-md border border-border bg-muted/40 p-3 text-sm text-foreground">
+                  <MailCheck className="mt-0.5 size-4 text-primary" />
+                  <p>{notice}</p>
+                </div>
               ) : null}
+              {error ? <p className="text-sm leading-6 text-destructive">{error}</p> : null}
 
               <Button
                 type="submit"
                 className="h-12 w-full text-sm font-semibold"
                 disabled={submitting}
               >
-                {submitting ? "Signing in" : "Sign In"}
+                {submitting ? "Working" : mode === "signup" ? "Create account" : "Log in"}
                 <ArrowRight className="size-4" />
               </Button>
             </form>
-
-            <div className="flex flex-wrap items-center justify-between gap-3 border-t border-border pt-4">
-              <p className="text-sm text-muted-foreground">
-                Need the operator console instead?
-              </p>
-              <Button asChild type="button" variant="outline">
-                <a href={operatorConsoleHref} target="_blank" rel="noreferrer">
-                  Open /ops
-                </a>
-              </Button>
-            </div>
           </PanelFrame>
         </div>
       </div>