@cimplify/cli 0.7.15 → 0.7.17

package/dist/dispatcher.mjs

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
-import { TEMPLATES } from './chunk-U7L3GR3Y.mjs';
-import { package_default } from './chunk-DY5TIVWB.mjs';
+import { TEMPLATES } from './chunk-XKO2EB5J.mjs';
+import { package_default } from './chunk-NIDPHJ45.mjs';
 
 // src/dispatcher.ts
 var VERSION = package_default.version ?? "unknown";
@@ -138,16 +138,16 @@ var COMMANDS = {
   logs: () => import('./logs-YNN2PQ24.mjs'),
   status: () => import('./status-JSYXM5RT.mjs'),
   dev: () => import('./dev-ONW2S77K.mjs'),
-  introspect: () => import('./introspect-ED3XKT4A.mjs'),
+  introspect: () => import('./introspect-HWOZIVET.mjs'),
   inspect: () => import('./inspect-CGYX4DDF.mjs'),
-  doctor: () => import('./doctor-W2BBP6OL.mjs'),
-  explain: () => import('./explain-N6DBSJHA.mjs'),
+  doctor: () => import('./doctor-AMR3MFFS.mjs'),
+  explain: () => import('./explain-6LYQ2OL4.mjs'),
   assets: () => import('./assets-74SK63TR.mjs'),
   repo: () => import('./repo-KNQMSPVV.mjs'),
-  list: () => import('./list-X3D3GABS.mjs'),
-  add: () => import('./add-A5PYZXDS.mjs'),
-  update: () => import('./update-2SWGQJR2.mjs'),
-  upgrade: () => import('./update-2SWGQJR2.mjs'),
+  list: () => import('./list-WC7JWDCJ.mjs'),
+  add: () => import('./add-VSGQEUDS.mjs'),
+  update: () => import('./update-6LL5PQEQ.mjs'),
+  upgrade: () => import('./update-6LL5PQEQ.mjs'),
   "auth-step-up": () => import('./auth-step-up-BIUYQJP6.mjs')
 };
 var COMMAND_PREFIXES = {

package/dist/{doctor-W2BBP6OL.mjs → doctor-AMR3MFFS.mjs}

@@ -1,8 +1,8 @@
 #!/usr/bin/env node
-import { gatherIntrospection } from './chunk-WNVMNOW7.mjs';
+import { gatherIntrospection } from './chunk-OJRMBHMT.mjs';
 import './chunk-K5464A3L.mjs';
 import './chunk-DBZ3UOQ2.mjs';
-import './chunk-DY5TIVWB.mjs';
+import './chunk-NIDPHJ45.mjs';
 import { parseArgs, flagBool } from './chunk-C4M3DXKC.mjs';
 import { ApiClient } from './chunk-MAOO6ZZ5.mjs';
 import { readAuthOrNull } from './chunk-UBAI443T.mjs';

package/dist/{explain-N6DBSJHA.mjs → explain-6LYQ2OL4.mjs}

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { package_default } from './chunk-DY5TIVWB.mjs';
+import { package_default } from './chunk-NIDPHJ45.mjs';
 import { parseArgs } from './chunk-C4M3DXKC.mjs';
 import { bold, dim, info, result, CliError, CLI_ERROR_CODE } from './chunk-E2T2SBP5.mjs';
 

package/dist/{introspect-ED3XKT4A.mjs → introspect-HWOZIVET.mjs}

@@ -1,8 +1,8 @@
 #!/usr/bin/env node
-export { run as default, extractMockSeed, gatherIntrospection, renderIntrospection } from './chunk-WNVMNOW7.mjs';
+export { run as default, extractMockSeed, gatherIntrospection, renderIntrospection } from './chunk-OJRMBHMT.mjs';
 import './chunk-K5464A3L.mjs';
 import './chunk-DBZ3UOQ2.mjs';
-import './chunk-DY5TIVWB.mjs';
+import './chunk-NIDPHJ45.mjs';
 import './chunk-C4M3DXKC.mjs';
 import './chunk-UBAI443T.mjs';
 import './chunk-E2T2SBP5.mjs';

package/dist/{list-X3D3GABS.mjs → list-WC7JWDCJ.mjs}

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { REGISTRY_INDEX } from './chunk-U7L3GR3Y.mjs';
+import { REGISTRY_INDEX } from './chunk-XKO2EB5J.mjs';
 import { parseArgs, flagBool } from './chunk-C4M3DXKC.mjs';
 import { CliError, CLI_ERROR_CODE, info, bold, dim, green, result } from './chunk-E2T2SBP5.mjs';
 

package/dist/{update-2SWGQJR2.mjs → update-6LL5PQEQ.mjs}

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { package_default } from './chunk-DY5TIVWB.mjs';
+import { package_default } from './chunk-NIDPHJ45.mjs';
 import { promptYesNo } from './chunk-ITAFAORS.mjs';
 import { parseArgs, flagBool, flagString } from './chunk-C4M3DXKC.mjs';
 import { success, bold, info, dim, result, failure, CliError, CLI_ERROR_CODE, step, isJsonMode } from './chunk-E2T2SBP5.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cimplify/cli",
-  "version": "0.7.15",
+  "version": "0.7.17",
   "description": "Cimplify CLI — deploy, manage env vars, link projects, and scaffold storefronts",
   "keywords": [
     "cimplify",

package/templates/storefront-auto/app/account/orders/[id]/page.tsx

@@ -0,0 +1,42 @@
+import { notFound } from "next/navigation";
+import { AccountSignedOutPrompt, toAccountOrderView } from "@cimplify/sdk/react";
+import type { EnrichedOrder } from "@cimplify/sdk";
+import { brand } from "@/lib/brand";
+import { apiFetch, serverAccessToken, serverSession } from "@/lib/cimplify-server";
+import { OrderDetail } from "@/components/order-detail";
+
+const CLIENT_ID = process.env.NEXT_PUBLIC_CIMPLIFY_CLIENT_ID ?? "";
+const REDIRECT_URI = process.env.CIMPLIFY_REDIRECT_URI ?? "";
+
+export default async function OrderDetailPage({
+  params,
+}: {
+  params: Promise<{ id: string }>;
+}) {
+  const { id } = await params;
+
+  const session = await serverSession();
+  if (!session) {
+    return (
+      <AccountSignedOutPrompt
+        clientId={CLIENT_ID}
+        redirectUri={REDIRECT_URI}
+        eyebrow={brand.account.loginEyebrow}
+        title={brand.account.loginTitle}
+        description={brand.account.loginSubtitle}
+      />
+    );
+  }
+
+  const bearer = await serverAccessToken();
+  const order = await apiFetch<EnrichedOrder>(`/api/v1/orders/${encodeURIComponent(id)}`, {
+    bearer,
+  });
+  if (!order) notFound();
+
+  return (
+    <div className="mx-auto w-full max-w-5xl px-4 py-8 sm:px-6">
+      <OrderDetail {...toAccountOrderView(order)} />
+    </div>
+  );
+}

package/templates/storefront-auto/app/sitemap-page/page.tsx

@@ -54,8 +54,6 @@ const STATIC_LINKS: { title: string; links: { href: string; label: string }[] }[
     links: [
       { href: "/account", label: "Account" },
       { href: "/account/orders", label: "Orders" },
-      { href: "/account/addresses", label: "Addresses" },
-      { href: "/account/wallets", label: "Wallets" },
       { href: "/login", label: "Sign in" },
       { href: "/signup", label: "Create account" },
       { href: "/track-order", label: "Track an order" },

package/templates/storefront-auto/components/account-pill.tsx

@@ -1,8 +1,7 @@
 "use client";
 
 import { useEffect, useRef } from "react";
-import Link from "next/link";
-import { CimplifySignInButton, useCimplifySession } from "@cimplify/sdk/react";
+import { CimplifyUserButton, useCimplifySession } from "@cimplify/sdk/react";
 import { signInSilent } from "@cimplify/sdk";
 
 const CLIENT_ID = process.env.NEXT_PUBLIC_CIMPLIFY_CLIENT_ID ?? "";
@@ -26,24 +25,12 @@ export function AccountPill() {
 
   if (loading || !CLIENT_ID) return <span className="h-9 w-24" aria-hidden />;
 
-  if (session) {
-    const first = session.name?.split(/\s+/)[0] ?? "Account";
-    return (
-      <Link
-        href="/account"
-        className="text-[13px] font-medium tracking-wide text-foreground hover:text-primary transition-colors"
-      >
-        Hi, {first}
-      </Link>
-    );
-  }
-
   return (
-    <CimplifySignInButton
+    <CimplifyUserButton
+      session={session}
       clientId={CLIENT_ID}
       redirectUri={`${typeof window !== "undefined" ? window.location.origin : ""}/auth/callback`}
-      variant="text"
-      onSuccess={() => refresh()}
+      onSignIn={refresh}
     />
   );
 }

package/templates/storefront-auto/components/order-detail.tsx

@@ -0,0 +1,11 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+import { AccountOrderView, type AccountOrderViewProps } from "@cimplify/sdk/react";
+
+// Thin client wrapper so the server page can pass the (serializable) view-model
+// while `onBack` (a function) is supplied on the client.
+export function OrderDetail(props: AccountOrderViewProps) {
+  const router = useRouter();
+  return <AccountOrderView {...props} onBack={() => router.push("/account/orders")} />;
+}

package/templates/storefront-auto/lib/brand.ts

@@ -716,7 +716,6 @@ export const brand: Brand = {
           { label: "Sign in", href: "/login" },
           { label: "Create account", href: "/signup" },
           { label: "Your orders", href: "/account/orders" },
-          { label: "Wallets", href: "/account/wallets" },
         ],
       },
       {

package/templates/storefront-auto/lib/cimplify-server.ts

@@ -8,8 +8,6 @@ import type { NavItem } from "@cimplify/sdk/react";
 export const ACCOUNT_NAV: NavItem[] = [
   { label: "Dashboard", href: "/account" },
   { label: "Orders", href: "/account/orders" },
-  { label: "Addresses", href: "/account/addresses" },
-  { label: "Wallets", href: "/account/wallets" },
   { label: "Cimplify identity", href: "https://link.cimplify.io", external: true },
 ];
 

package/templates/storefront-bakery/AGENTS.md

@@ -39,8 +39,6 @@ app/
 
   account/page.tsx               <AccountDashboardPage /> (native, Server Component)
   account/orders/page.tsx        <AccountOrdersPage /> (native)
-  account/addresses/page.tsx     Native list + Server Actions for CRUD
-  account/wallets/page.tsx       Native list + Server Actions for CRUD
   login/page.tsx                 redirect → hosted OAuth, then /account
   signup/page.tsx                redirect → hosted OAuth, then /account
 

package/templates/storefront-bakery/app/account/orders/[id]/page.tsx

@@ -0,0 +1,42 @@
+import { notFound } from "next/navigation";
+import { AccountSignedOutPrompt, toAccountOrderView } from "@cimplify/sdk/react";
+import type { EnrichedOrder } from "@cimplify/sdk";
+import { brand } from "@/lib/brand";
+import { apiFetch, serverAccessToken, serverSession } from "@/lib/cimplify-server";
+import { OrderDetail } from "@/components/order-detail";
+
+const CLIENT_ID = process.env.NEXT_PUBLIC_CIMPLIFY_CLIENT_ID ?? "";
+const REDIRECT_URI = process.env.CIMPLIFY_REDIRECT_URI ?? "";
+
+export default async function OrderDetailPage({
+  params,
+}: {
+  params: Promise<{ id: string }>;
+}) {
+  const { id } = await params;
+
+  const session = await serverSession();
+  if (!session) {
+    return (
+      <AccountSignedOutPrompt
+        clientId={CLIENT_ID}
+        redirectUri={REDIRECT_URI}
+        eyebrow={brand.account.loginEyebrow}
+        title={brand.account.loginTitle}
+        description={brand.account.loginSubtitle}
+      />
+    );
+  }
+
+  const bearer = await serverAccessToken();
+  const order = await apiFetch<EnrichedOrder>(`/api/v1/orders/${encodeURIComponent(id)}`, {
+    bearer,
+  });
+  if (!order) notFound();
+
+  return (
+    <div className="mx-auto w-full max-w-5xl px-4 py-8 sm:px-6">
+      <OrderDetail {...toAccountOrderView(order)} />
+    </div>
+  );
+}

package/templates/storefront-bakery/app/sitemap-page/page.tsx

@@ -54,8 +54,6 @@ const STATIC_LINKS: { title: string; links: { href: string; label: string }[] }[
     links: [
       { href: "/account", label: "Account" },
       { href: "/account/orders", label: "Orders" },
-      { href: "/account/addresses", label: "Addresses" },
-      { href: "/account/wallets", label: "Wallets" },
       { href: "/login", label: "Sign in" },
       { href: "/signup", label: "Create account" },
       { href: "/track-order", label: "Track an order" },

package/templates/storefront-bakery/components/account-pill.tsx

@@ -1,8 +1,7 @@
 "use client";
 
 import { useEffect, useRef } from "react";
-import Link from "next/link";
-import { CimplifySignInButton, useCimplifySession } from "@cimplify/sdk/react";
+import { CimplifyUserButton, useCimplifySession } from "@cimplify/sdk/react";
 import { signInSilent } from "@cimplify/sdk";
 
 const CLIENT_ID = process.env.NEXT_PUBLIC_CIMPLIFY_CLIENT_ID ?? "";
@@ -26,24 +25,12 @@ export function AccountPill() {
 
   if (loading || !CLIENT_ID) return <span className="h-9 w-24" aria-hidden />;
 
-  if (session) {
-    const first = session.name?.split(/\s+/)[0] ?? "Account";
-    return (
-      <Link
-        href="/account"
-        className="text-[13px] font-medium tracking-wide text-foreground hover:text-primary transition-colors"
-      >
-        Hi, {first}
-      </Link>
-    );
-  }
-
   return (
-    <CimplifySignInButton
+    <CimplifyUserButton
+      session={session}
       clientId={CLIENT_ID}
       redirectUri={`${typeof window !== "undefined" ? window.location.origin : ""}/auth/callback`}
-      variant="text"
-      onSuccess={() => refresh()}
+      onSignIn={refresh}
     />
   );
 }

package/templates/storefront-bakery/components/order-detail.tsx

@@ -0,0 +1,11 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+import { AccountOrderView, type AccountOrderViewProps } from "@cimplify/sdk/react";
+
+// Thin client wrapper so the server page can pass the (serializable) view-model
+// while `onBack` (a function) is supplied on the client.
+export function OrderDetail(props: AccountOrderViewProps) {
+  const router = useRouter();
+  return <AccountOrderView {...props} onBack={() => router.push("/account/orders")} />;
+}

package/templates/storefront-bakery/lib/brand.ts

@@ -542,7 +542,6 @@ export const brand: Brand = {
           { label: "Sign in", href: "/login" },
           { label: "Create account", href: "/signup" },
           { label: "Your orders", href: "/account/orders" },
-          { label: "Wallets", href: "/account/wallets" },
         ],
       },
       {

package/templates/storefront-bakery/lib/cimplify-server.ts

@@ -8,8 +8,6 @@ import type { NavItem } from "@cimplify/sdk/react";
 export const ACCOUNT_NAV: NavItem[] = [
   { label: "Dashboard", href: "/account" },
   { label: "Orders", href: "/account/orders" },
-  { label: "Addresses", href: "/account/addresses" },
-  { label: "Wallets", href: "/account/wallets" },
   { label: "Cimplify identity", href: "https://link.cimplify.io", external: true },
 ];
 

package/templates/storefront-fashion/AGENTS.md

@@ -42,8 +42,6 @@ app/
 
   account/page.tsx               <AccountDashboardPage /> (native, Server Component)
   account/orders/page.tsx        <AccountOrdersPage /> (native)
-  account/addresses/page.tsx     Native list + Server Actions for CRUD
-  account/wallets/page.tsx       Native list + Server Actions for CRUD
   login/page.tsx, signup/page.tsx  redirects → /account
 
   contact/page.tsx, track-order/page.tsx

package/templates/storefront-fashion/app/account/orders/[id]/page.tsx

@@ -0,0 +1,42 @@
+import { notFound } from "next/navigation";
+import { AccountSignedOutPrompt, toAccountOrderView } from "@cimplify/sdk/react";
+import type { EnrichedOrder } from "@cimplify/sdk";
+import { brand } from "@/lib/brand";
+import { apiFetch, serverAccessToken, serverSession } from "@/lib/cimplify-server";
+import { OrderDetail } from "@/components/order-detail";
+
+const CLIENT_ID = process.env.NEXT_PUBLIC_CIMPLIFY_CLIENT_ID ?? "";
+const REDIRECT_URI = process.env.CIMPLIFY_REDIRECT_URI ?? "";
+
+export default async function OrderDetailPage({
+  params,
+}: {
+  params: Promise<{ id: string }>;
+}) {
+  const { id } = await params;
+
+  const session = await serverSession();
+  if (!session) {
+    return (
+      <AccountSignedOutPrompt
+        clientId={CLIENT_ID}
+        redirectUri={REDIRECT_URI}
+        eyebrow={brand.account.loginEyebrow}
+        title={brand.account.loginTitle}
+        description={brand.account.loginSubtitle}
+      />
+    );
+  }
+
+  const bearer = await serverAccessToken();
+  const order = await apiFetch<EnrichedOrder>(`/api/v1/orders/${encodeURIComponent(id)}`, {
+    bearer,
+  });
+  if (!order) notFound();
+
+  return (
+    <div className="mx-auto w-full max-w-5xl px-4 py-8 sm:px-6">
+      <OrderDetail {...toAccountOrderView(order)} />
+    </div>
+  );
+}

package/templates/storefront-fashion/app/sitemap-page/page.tsx

@@ -54,8 +54,6 @@ const STATIC_LINKS: { title: string; links: { href: string; label: string }[] }[
     links: [
       { href: "/account", label: "Account" },
       { href: "/account/orders", label: "Orders" },
-      { href: "/account/addresses", label: "Addresses" },
-      { href: "/account/wallets", label: "Wallets" },
       { href: "/login", label: "Sign in" },
       { href: "/signup", label: "Create account" },
       { href: "/track-order", label: "Track an order" },

package/templates/storefront-fashion/components/account-pill.tsx

@@ -1,8 +1,7 @@
 "use client";
 
 import { useEffect, useRef } from "react";
-import Link from "next/link";
-import { CimplifySignInButton, useCimplifySession } from "@cimplify/sdk/react";
+import { CimplifyUserButton, useCimplifySession } from "@cimplify/sdk/react";
 import { signInSilent } from "@cimplify/sdk";
 
 const CLIENT_ID = process.env.NEXT_PUBLIC_CIMPLIFY_CLIENT_ID ?? "";
@@ -26,24 +25,12 @@ export function AccountPill() {
 
   if (loading || !CLIENT_ID) return <span className="h-9 w-24" aria-hidden />;
 
-  if (session) {
-    const first = session.name?.split(/\s+/)[0] ?? "Account";
-    return (
-      <Link
-        href="/account"
-        className="text-[13px] font-medium tracking-wide text-foreground hover:text-primary transition-colors"
-      >
-        Hi, {first}
-      </Link>
-    );
-  }
-
   return (
-    <CimplifySignInButton
+    <CimplifyUserButton
+      session={session}
       clientId={CLIENT_ID}
       redirectUri={`${typeof window !== "undefined" ? window.location.origin : ""}/auth/callback`}
-      variant="text"
-      onSuccess={() => refresh()}
+      onSignIn={refresh}
     />
   );
 }

package/templates/storefront-fashion/components/order-detail.tsx

@@ -0,0 +1,11 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+import { AccountOrderView, type AccountOrderViewProps } from "@cimplify/sdk/react";
+
+// Thin client wrapper so the server page can pass the (serializable) view-model
+// while `onBack` (a function) is supplied on the client.
+export function OrderDetail(props: AccountOrderViewProps) {
+  const router = useRouter();
+  return <AccountOrderView {...props} onBack={() => router.push("/account/orders")} />;
+}

package/templates/storefront-fashion/lib/brand.ts

@@ -490,7 +490,6 @@ export const brand: Brand = {
           { label: "Sign in", href: "/login" },
           { label: "Create account", href: "/signup" },
           { label: "Your orders", href: "/account/orders" },
-          { label: "Wallets", href: "/account/wallets" },
         ],
       },
       {

package/templates/storefront-fashion/lib/cimplify-server.ts

@@ -8,8 +8,6 @@ import type { NavItem } from "@cimplify/sdk/react";
 export const ACCOUNT_NAV: NavItem[] = [
   { label: "Dashboard", href: "/account" },
   { label: "Orders", href: "/account/orders" },
-  { label: "Addresses", href: "/account/addresses" },
-  { label: "Wallets", href: "/account/wallets" },
   { label: "Cimplify identity", href: "https://link.cimplify.io", external: true },
 ];
 

package/templates/storefront-grocery/AGENTS.md

@@ -30,8 +30,6 @@ app/
 
   account/page.tsx               <AccountDashboardPage /> (native, Server Component)
   account/orders/page.tsx        <AccountOrdersPage /> (native)
-  account/addresses/page.tsx     Native list + Server Actions for CRUD
-  account/wallets/page.tsx       Native list + Server Actions for CRUD
   login/page.tsx, signup/page.tsx  redirects → /account
 
   contact/page.tsx, track-order/page.tsx

package/templates/storefront-grocery/app/account/orders/[id]/page.tsx

@@ -0,0 +1,42 @@
+import { notFound } from "next/navigation";
+import { AccountSignedOutPrompt, toAccountOrderView } from "@cimplify/sdk/react";
+import type { EnrichedOrder } from "@cimplify/sdk";
+import { brand } from "@/lib/brand";
+import { apiFetch, serverAccessToken, serverSession } from "@/lib/cimplify-server";
+import { OrderDetail } from "@/components/order-detail";
+
+const CLIENT_ID = process.env.NEXT_PUBLIC_CIMPLIFY_CLIENT_ID ?? "";
+const REDIRECT_URI = process.env.CIMPLIFY_REDIRECT_URI ?? "";
+
+export default async function OrderDetailPage({
+  params,
+}: {
+  params: Promise<{ id: string }>;
+}) {
+  const { id } = await params;
+
+  const session = await serverSession();
+  if (!session) {
+    return (
+      <AccountSignedOutPrompt
+        clientId={CLIENT_ID}
+        redirectUri={REDIRECT_URI}
+        eyebrow={brand.account.loginEyebrow}
+        title={brand.account.loginTitle}
+        description={brand.account.loginSubtitle}
+      />
+    );
+  }
+
+  const bearer = await serverAccessToken();
+  const order = await apiFetch<EnrichedOrder>(`/api/v1/orders/${encodeURIComponent(id)}`, {
+    bearer,
+  });
+  if (!order) notFound();
+
+  return (
+    <div className="mx-auto w-full max-w-5xl px-4 py-8 sm:px-6">
+      <OrderDetail {...toAccountOrderView(order)} />
+    </div>
+  );
+}

package/templates/storefront-grocery/app/sitemap-page/page.tsx

@@ -54,8 +54,6 @@ const STATIC_LINKS: { title: string; links: { href: string; label: string }[] }[
     links: [
       { href: "/account", label: "Account" },
       { href: "/account/orders", label: "Orders" },
-      { href: "/account/addresses", label: "Addresses" },
-      { href: "/account/wallets", label: "Wallets" },
       { href: "/login", label: "Sign in" },
       { href: "/signup", label: "Create account" },
       { href: "/track-order", label: "Track an order" },

package/templates/storefront-grocery/components/account-pill.tsx

@@ -1,8 +1,7 @@
 "use client";
 
 import { useEffect, useRef } from "react";
-import Link from "next/link";
-import { CimplifySignInButton, useCimplifySession } from "@cimplify/sdk/react";
+import { CimplifyUserButton, useCimplifySession } from "@cimplify/sdk/react";
 import { signInSilent } from "@cimplify/sdk";
 
 const CLIENT_ID = process.env.NEXT_PUBLIC_CIMPLIFY_CLIENT_ID ?? "";
@@ -26,24 +25,12 @@ export function AccountPill() {
 
   if (loading || !CLIENT_ID) return <span className="h-9 w-24" aria-hidden />;
 
-  if (session) {
-    const first = session.name?.split(/\s+/)[0] ?? "Account";
-    return (
-      <Link
-        href="/account"
-        className="text-[13px] font-medium tracking-wide text-foreground hover:text-primary transition-colors"
-      >
-        Hi, {first}
-      </Link>
-    );
-  }
-
   return (
-    <CimplifySignInButton
+    <CimplifyUserButton
+      session={session}
       clientId={CLIENT_ID}
       redirectUri={`${typeof window !== "undefined" ? window.location.origin : ""}/auth/callback`}
-      variant="text"
-      onSuccess={() => refresh()}
+      onSignIn={refresh}
     />
   );
 }

package/templates/storefront-grocery/components/order-detail.tsx

@@ -0,0 +1,11 @@
+"use client";
+
+import { useRouter } from "next/navigation";
+import { AccountOrderView, type AccountOrderViewProps } from "@cimplify/sdk/react";
+
+// Thin client wrapper so the server page can pass the (serializable) view-model
+// while `onBack` (a function) is supplied on the client.
+export function OrderDetail(props: AccountOrderViewProps) {
+  const router = useRouter();
+  return <AccountOrderView {...props} onBack={() => router.push("/account/orders")} />;
+}

package/templates/storefront-grocery/lib/brand.ts

@@ -347,7 +347,6 @@ export const brand: Brand = {
           { label: "Sign in", href: "/login" },
           { label: "Create account", href: "/signup" },
           { label: "Your orders", href: "/account/orders" },
-          { label: "Wallets", href: "/account/wallets" },
         ],
       },
       {

package/templates/storefront-grocery/lib/cimplify-server.ts

@@ -8,8 +8,6 @@ import type { NavItem } from "@cimplify/sdk/react";
 export const ACCOUNT_NAV: NavItem[] = [
   { label: "Dashboard", href: "/account" },
   { label: "Orders", href: "/account/orders" },
-  { label: "Addresses", href: "/account/addresses" },
-  { label: "Wallets", href: "/account/wallets" },
   { label: "Cimplify identity", href: "https://link.cimplify.io", external: true },
 ];
 

package/templates/storefront-pharmacy/AGENTS.md

@@ -35,8 +35,6 @@ app/
 
   account/page.tsx               <AccountDashboardPage /> (native, Server Component)
   account/orders/page.tsx        <AccountOrdersPage /> (native)
-  account/addresses/page.tsx     Native list + Server Actions for CRUD
-  account/wallets/page.tsx       Native list + Server Actions for CRUD
   login/page.tsx, signup/page.tsx  redirects → /account
 
   contact/page.tsx               Pharmacist consult form