@tribe-nest/forge 3.60.0 → 3.63.0

package/src/ui/styled/portal/_tests/PortalHome.spec.tsx

@@ -0,0 +1,148 @@
+import { describe, expect, it } from "vitest";
+import { renderToStaticMarkup } from "react-dom/server";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { ForgeClientProvider } from "../../../../provider/ForgeProvider";
+import { PublicAuthContext } from "../../../../contexts/PublicAuthContext";
+import { ForgeThemeProvider } from "../../../theme/ForgeThemeProvider";
+import type { PortalSummary } from "../../../headless/portal/usePortal";
+import { PortalShell } from "../PortalShell";
+import { PortalHome } from "../PortalHome";
+
+/**
+ * The portal's home, rendered through `react-dom/server` with the summary
+ * SEEDED into the query cache, so the real `usePortalSummary` (and its key)
+ * stays in the path.
+ */
+
+const PROFILE_ID = "profile-1";
+const ACCOUNT_ID = "account-1";
+
+const member = {
+  id: ACCOUNT_ID,
+  email: "ada@example.com",
+  firstName: "Ada",
+  lastName: "Client",
+  kind: "fan",
+  status: "active",
+  createdAt: "2026-01-01T00:00:00.000Z",
+  updatedAt: "2026-01-01T00:00:00.000Z",
+  membership: null,
+};
+
+const sections = {
+  projects: 1,
+  invoices: 1,
+  documents: 1,
+  bookings: 0,
+  memberships: 0,
+  courses: 0,
+  films: 0,
+  orders: 0,
+  tickets: 0,
+  waitlist: 0,
+  saved: 0,
+  messages: 0,
+  files: 0,
+};
+
+function render(summary: PortalSummary): string {
+  const queryClient = new QueryClient({ defaultOptions: { queries: { retry: false } } });
+  queryClient.setQueryData(["portal-summary", PROFILE_ID, ACCOUNT_ID], summary);
+  queryClient.setQueryData(["work-portal-projects", PROFILE_ID], []);
+  return renderToStaticMarkup(
+    <QueryClientProvider client={queryClient}>
+      <ForgeClientProvider apiUrl="http://api.test" profileId={PROFILE_ID}>
+        <PublicAuthContext.Provider
+          value={{ user: member, currencies: null, userSelectedCurrency: "USD", logout: () => {} } as never}
+        >
+          <ForgeThemeProvider
+            theme={{ colors: { text: "#111111", background: "#ffffff", primary: "#6d28d9" }, cornerRadius: 8 }}
+          >
+            <PortalShell section="home">
+              <PortalHome />
+            </PortalShell>
+          </ForgeThemeProvider>
+        </PublicAuthContext.Provider>
+      </ForgeClientProvider>
+    </QueryClientProvider>,
+  );
+}
+
+describe("PortalHome", () => {
+  it("leads with each thing that needs the person, as an action on the exact item", () => {
+    const html = render({
+      sections,
+      lastActivity: { work: "2026-09-30T00:00:00Z", library: null },
+      attention: [
+        {
+          kind: "invoice_overdue",
+          id: "inv-1",
+          invoiceNumber: "INV-1042",
+          total: "1200.00",
+          currency: "USD",
+          dueDate: "2026-09-01T00:00:00Z",
+          projectId: "p1",
+          projectName: "Website redesign",
+        },
+        {
+          kind: "approval_requested",
+          id: "req-1",
+          milestoneId: "m1",
+          milestoneName: "Homepage design",
+          projectId: "p1",
+          projectName: "Website redesign",
+          requestedAt: "2026-09-29T00:00:00Z",
+          note: "Ready for your eyes",
+        },
+        {
+          kind: "document_to_sign",
+          id: "doc-1",
+          title: "Engagement letter",
+          token: "tok-abc",
+          sentAt: "2026-09-28T00:00:00Z",
+          expiresAt: null,
+        },
+      ],
+    });
+
+    expect(html).toContain("Ada");
+    expect(html).toContain("3 things need you.");
+
+    expect(html).toContain("Pay invoice INV-1042");
+    expect(html).toContain("$1,200.00");
+    expect(html).toContain('href="/i/invoice/inv-1"');
+
+    expect(html).toContain("Review Homepage design");
+    expect(html).toContain('href="/i/account/projects/p1#approvals"');
+
+    expect(html).toContain("Sign Engagement letter");
+    expect(html).toContain('href="/i/documents/tok-abc"');
+
+    // In the server's order, which ranks overdue money first.
+    expect(html.indexOf("INV-1042")).toBeLessThan(html.indexOf("Homepage design"));
+    expect(html.indexOf("Homepage design")).toBeLessThan(html.indexOf("Engagement letter"));
+  });
+
+  it("says the person is caught up, and draws no list, when nothing needs them", () => {
+    const html = render({ sections, lastActivity: { work: null, library: null }, attention: [] });
+    expect(html).toContain("You&#x27;re all caught up.");
+    expect(html).not.toContain('data-testid="portal-needs-you"');
+  });
+
+  it("draws the client's sections and badges them, and no fan sections", () => {
+    const html = render({
+      sections,
+      lastActivity: { work: "2026-09-30T00:00:00Z", library: null },
+      attention: [
+        { kind: "document_to_sign", id: "doc-1", title: "Letter", token: "t", sentAt: "2026-09-28T00:00:00Z", expiresAt: null },
+      ],
+    });
+    expect(html).toContain('data-testid="portal-nav-projects"');
+    expect(html).toContain('data-testid="portal-nav-invoices"');
+    expect(html).toContain('data-testid="portal-nav-documents"');
+    expect(html).not.toContain('data-testid="portal-nav-films"');
+    expect(html).not.toContain('data-testid="portal-nav-orders"');
+    expect(html).toContain('href="/i/account/documents"');
+    expect(html).toContain("1 need you");
+  });
+});

package/src/ui/styled/portal/_tests/PortalMessages.spec.tsx

@@ -0,0 +1,168 @@
+import { describe, expect, it } from "vitest";
+import { renderToStaticMarkup } from "react-dom/server";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { ForgeClientProvider } from "../../../../provider/ForgeProvider";
+import { PublicAuthContext } from "../../../../contexts/PublicAuthContext";
+import { ForgeThemeProvider } from "../../../theme/ForgeThemeProvider";
+import {
+  portalMessagesInOrder,
+  portalMessagesKey,
+  portalThreadKey,
+  type PortalMessage,
+  type PortalMessagesPage,
+  type PortalThreadState,
+} from "../../../headless/portal/usePortalMessages";
+import { PortalMessages } from "../PortalMessages";
+
+/**
+ * The Messages page, rendered through `react-dom/server` with the thread and
+ * the first page of messages SEEDED into the query cache, so the real hooks
+ * (and their keys) stay in the path.
+ */
+
+const PROFILE_ID = "profile-1";
+const ACCOUNT_ID = "account-1";
+
+const member = {
+  id: ACCOUNT_ID,
+  email: "ada@example.com",
+  firstName: "Ada",
+  lastName: "Client",
+  kind: "fan",
+  status: "active",
+  createdAt: "2026-01-01T00:00:00.000Z",
+  updatedAt: "2026-01-01T00:00:00.000Z",
+  membership: null,
+};
+
+const MINE: PortalMessage = {
+  id: "m-1",
+  content: "Can we move the deadline?",
+  attachments: [
+    { url: "https://cdn.test/brief.pdf", fileName: "brief.pdf", fileSize: 2048, fileType: "application/pdf" },
+  ],
+  createdAt: "2026-09-30T10:00:00.000Z",
+  fromTeam: false,
+  isMine: true,
+  senderName: "Ada",
+};
+const REPLY: PortalMessage = {
+  id: "m-2",
+  content: "Friday works for us.",
+  attachments: [],
+  createdAt: "2026-09-30T11:00:00.000Z",
+  fromTeam: true,
+  isMine: false,
+  senderName: "Ava Rivers Studio",
+};
+
+function render(state: PortalThreadState, pages: PortalMessagesPage[] | null): string {
+  const queryClient = new QueryClient({ defaultOptions: { queries: { retry: false } } });
+  queryClient.setQueryData(portalThreadKey(PROFILE_ID, ACCOUNT_ID), state);
+  if (pages) {
+    queryClient.setQueryData(portalMessagesKey(PROFILE_ID, ACCOUNT_ID), {
+      pages,
+      pageParams: pages.map((_, i) => (i === 0 ? undefined : `cursor-${i}`)),
+    });
+  }
+  return renderToStaticMarkup(
+    <QueryClientProvider client={queryClient}>
+      <ForgeClientProvider apiUrl="http://api.test/" profileId={PROFILE_ID}>
+        <PublicAuthContext.Provider
+          value={{ user: member, currencies: null, userSelectedCurrency: "USD", logout: () => {} } as never}
+        >
+          <ForgeThemeProvider
+            theme={{ colors: { text: "#111111", background: "#ffffff", primary: "#6d28d9" }, cornerRadius: 8 }}
+          >
+            <PortalMessages />
+          </ForgeThemeProvider>
+        </PublicAuthContext.Provider>
+      </ForgeClientProvider>
+    </QueryClientProvider>,
+  );
+}
+
+const THREAD = {
+  id: "thread-1",
+  createdAt: "2026-09-30T10:00:00.000Z",
+  unreadCount: 0,
+  lastMessageAt: "2026-09-30T11:00:00.000Z",
+  lastPreview: "Friday works for us.",
+};
+
+describe("PortalMessages", () => {
+  it("renders the conversation oldest first: mine on the right, the creator's reply signed by the brand", () => {
+    const html = render({ allowed: true, creator: { name: "Ava Rivers Studio" }, thread: THREAD }, [
+      { data: [MINE, REPLY], nextCursor: null },
+    ]);
+    expect(html).toContain('data-testid="portal-messages"');
+    expect(html).toContain(">Messages<");
+    const mineAt = html.indexOf('data-testid="portal-message-mine"');
+    const theirsAt = html.indexOf('data-testid="portal-message-theirs"');
+    expect(mineAt).toBeGreaterThan(-1);
+    expect(theirsAt).toBeGreaterThan(mineAt);
+    expect(html).toContain("Can we move the deadline?");
+    expect(html).toContain("Friday works for us.");
+    expect(html).toContain("Ava Rivers Studio ·");
+    expect(html).toContain("You ·");
+    // The attachment renders through the chat transport's own component.
+    expect(html).toContain("brief.pdf");
+    expect(html).toContain('aria-label="Your conversation with Ava Rivers Studio"');
+    expect(html).toContain('data-testid="portal-messages-composer"');
+    expect(html).not.toContain('data-testid="portal-messages-earlier"');
+  });
+
+  it("offers earlier messages when the server has more", () => {
+    const html = render({ allowed: true, creator: { name: "Ava" }, thread: THREAD }, [
+      { data: [REPLY], nextCursor: "m-2" },
+    ]);
+    expect(html).toContain('data-testid="portal-messages-earlier"');
+  });
+
+  it("an empty conversation invites the first message, with a composer", () => {
+    const html = render({ allowed: true, creator: { name: "Ava Rivers Studio" }, thread: null }, [
+      { data: [], nextCursor: null },
+    ]);
+    expect(html).toContain('data-testid="portal-empty"');
+    expect(html).toContain("Ask Ava Rivers Studio anything about your project, booking or order");
+    expect(html).toContain('data-testid="portal-messages-composer"');
+    expect(html).toContain('placeholder="Write a message"');
+  });
+
+  it("a person who may not message is told so, and gets no composer", () => {
+    const html = render({ allowed: false, creator: { name: "Ava Rivers Studio" }, thread: null }, [
+      { data: [], nextCursor: null },
+    ]);
+    expect(html).toContain("Messages are not open yet");
+    expect(html).not.toContain('data-testid="portal-messages-composer"');
+  });
+
+  it("every class it renders is fg: prefixed (lucide's own icon classes aside)", () => {
+    const html = render({ allowed: true, creator: { name: "Ava" }, thread: THREAD }, [
+      { data: [MINE, REPLY], nextCursor: "m-1" },
+    ]);
+    const classes = [...html.matchAll(/class="([^"]*)"/g)].flatMap((m) => m[1].split(/\s+/)).filter(Boolean);
+    expect(classes.length).toBeGreaterThan(0);
+    expect(classes.filter((c) => !c.startsWith("fg:") && !c.startsWith("lucide"))).toEqual([]);
+  });
+
+  it("orders pages: the newest page last, each oldest first inside", () => {
+    const ordered = portalMessagesInOrder([
+      {
+        data: [
+          { ...REPLY, id: "c" },
+          { ...REPLY, id: "d" },
+        ],
+        nextCursor: "c",
+      },
+      {
+        data: [
+          { ...MINE, id: "a" },
+          { ...MINE, id: "b" },
+        ],
+        nextCursor: null,
+      },
+    ]);
+    expect(ordered.map((m) => m.id)).toEqual(["a", "b", "c", "d"]);
+  });
+});

package/src/ui/styled/portal/_tests/PortalPreviewBanner.spec.tsx

@@ -0,0 +1,132 @@
+// @vitest-environment jsdom
+import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
+import { act, cleanup, fireEvent, render, screen } from "@testing-library/react";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import type { ReactNode } from "react";
+import { createSharedContext } from "../../../../runtime/registry";
+import { PublicAuthContext } from "../../../../contexts/PublicAuthContext";
+import { ForgeThemeProvider } from "../../../theme/ForgeThemeProvider";
+import { PUBLIC_ACCESS_TOKEN_KEY, PUBLIC_REFRESH_TOKEN_KEY } from "../../../../client/tokenStorage";
+import { PortalPreviewBanner, formatPreviewEnd } from "../PortalPreviewBanner";
+
+/**
+ * The "Previewing as ..." banner. jsdom, because Exit is behaviour: it must end
+ * the session on the server, drop the token from this browser and leave.
+ *
+ * The Forge client context is provided directly (it is a shared context keyed
+ * by name), so `client.post` is a spy and nothing reaches a network.
+ */
+
+const ForgeContext = createSharedContext<unknown>("forgeClient", null);
+
+const EXPIRES_AT = "2026-10-01T14:32:00.000Z";
+
+function setup(user: Record<string, unknown> | null) {
+  const post = vi.fn().mockResolvedValue({ data: {} });
+  const setToken = vi.fn();
+  const queryClient = new QueryClient();
+  const clear = vi.spyOn(queryClient, "clear");
+  const wrapper = ({ children }: { children: ReactNode }) => (
+    <QueryClientProvider client={queryClient}>
+      <ForgeContext.Provider value={{ client: { post }, setToken, profileId: "profile-1" }}>
+        <PublicAuthContext.Provider value={{ user } as never}>
+          <ForgeThemeProvider
+            theme={{ colors: { text: "#111111", background: "#ffffff", primary: "#6d28d9" }, cornerRadius: 8 }}
+          >
+            {children}
+          </ForgeThemeProvider>
+        </PublicAuthContext.Provider>
+      </ForgeContext.Provider>
+    </QueryClientProvider>
+  );
+  render(<PortalPreviewBanner />, { wrapper });
+  return { post, setToken, clear };
+}
+
+const pat = {
+  id: "account-1",
+  email: "pat@example.com",
+  firstName: "Pat",
+  lastName: "Client",
+  kind: "fan",
+  status: "active",
+  createdAt: "2026-01-01T00:00:00.000Z",
+  updatedAt: "2026-01-01T00:00:00.000Z",
+};
+
+describe("PortalPreviewBanner", () => {
+  let assign: ReturnType<typeof vi.fn>;
+
+  beforeEach(() => {
+    localStorage.clear();
+    assign = vi.fn();
+    vi.stubGlobal("location", { ...window.location, assign, href: "http://site.test/i/account", search: "" });
+  });
+
+  afterEach(() => {
+    cleanup();
+    vi.unstubAllGlobals();
+  });
+
+  it("renders nothing for an ordinary session", () => {
+    setup({ ...pat, preview: null });
+    expect(screen.queryByRole("status")).toBeNull();
+    expect(screen.queryByRole("button")).toBeNull();
+  });
+
+  it("renders nothing when signed out", () => {
+    setup(null);
+    expect(screen.queryByRole("status")).toBeNull();
+  });
+
+  it("names the client, says read-only, and shows when it ends", () => {
+    setup({ ...pat, preview: { previewedByName: "Dev Tribe", expiresAt: EXPIRES_AT } });
+    const banner = screen.getByRole("status");
+    expect(banner.textContent).toContain(
+      `Previewing as Pat Client. Read-only, ends ${formatPreviewEnd(EXPIRES_AT, "en")}.`,
+    );
+    expect(screen.getByRole("button", { name: "Exit preview" })).toBeTruthy();
+  });
+
+  it("falls back to the email when the client has no name", () => {
+    setup({ ...pat, firstName: "", lastName: "", preview: { previewedByName: "Dev", expiresAt: EXPIRES_AT } });
+    expect(screen.getByRole("status").textContent).toContain("Previewing as pat@example.com.");
+  });
+
+  it("Exit ends the session on the server, forgets the token and the cache, and goes home", async () => {
+    localStorage.setItem(PUBLIC_ACCESS_TOKEN_KEY, "preview-token");
+    localStorage.setItem(PUBLIC_REFRESH_TOKEN_KEY, "stale-refresh");
+    const { post, setToken, clear } = setup({
+      ...pat,
+      preview: { previewedByName: "Dev Tribe", expiresAt: EXPIRES_AT },
+    });
+
+    await act(async () => {
+      fireEvent.click(screen.getByRole("button", { name: "Exit preview" }));
+    });
+
+    expect(post).toHaveBeenCalledWith("/public/sessions/preview/end");
+    expect(localStorage.getItem(PUBLIC_ACCESS_TOKEN_KEY)).toBeNull();
+    expect(localStorage.getItem(PUBLIC_REFRESH_TOKEN_KEY)).toBeNull();
+    expect(setToken).toHaveBeenCalledWith(null);
+    expect(clear).toHaveBeenCalled();
+    expect(assign).toHaveBeenCalledWith("/");
+  });
+
+  it("Exit still leaves this browser signed out when the server call fails", async () => {
+    localStorage.setItem(PUBLIC_ACCESS_TOKEN_KEY, "preview-token");
+    const { post, setToken } = setup({
+      ...pat,
+      preview: { previewedByName: "Dev Tribe", expiresAt: EXPIRES_AT },
+    });
+    post.mockRejectedValueOnce(new Error("network"));
+
+    await act(async () => {
+      fireEvent.click(screen.getByRole("button", { name: "Exit preview" }));
+    });
+
+    expect(localStorage.getItem(PUBLIC_ACCESS_TOKEN_KEY)).toBeNull();
+    expect(setToken).toHaveBeenCalledWith(null);
+    expect(assign).toHaveBeenCalledWith("/");
+  });
+});

package/src/ui/styled/portal/_tests/portalNav.spec.ts

@@ -0,0 +1,123 @@
+import { describe, expect, it } from "vitest";
+import { buildPortalNav } from "../portalNav";
+import type { PortalSummary } from "../../../headless/portal/usePortal";
+
+/**
+ * What the portal draws in its navigation, and in which order.
+ *
+ * The rule the research behind the portal was clearest about: no section the
+ * person has nothing in. A fan never sees "Projects", a client never sees
+ * "Films". The exception is the page being shown, so an emailed link never
+ * lands somewhere the navigation disowns.
+ */
+
+const empty = {
+  projects: 0,
+  invoices: 0,
+  documents: 0,
+  bookings: 0,
+  memberships: 0,
+  courses: 0,
+  films: 0,
+  orders: 0,
+  tickets: 0,
+  waitlist: 0,
+  saved: 0,
+  messages: 0,
+  files: 0,
+};
+
+const summary = (overrides: Partial<PortalSummary> = {}): PortalSummary => ({
+  sections: { ...empty },
+  lastActivity: { work: null, library: null },
+  attention: [],
+  ...overrides,
+});
+
+const keys = (nav: ReturnType<typeof buildPortalNav>) => nav.groups.flatMap((g) => g.items.map((i) => i.key));
+
+describe("buildPortalNav", () => {
+  it("draws only the always-present items for someone with nothing yet", () => {
+    const nav = buildPortalNav(summary(), "home");
+    expect(keys(nav)).toEqual(["home", "activity", "settings", "notifications"]);
+    expect(nav.groups.map((g) => g.group)).toEqual(["start", "account"]);
+    expect(nav.primary).toBeNull();
+  });
+
+  it("draws only the always-present items until the summary arrives", () => {
+    // Not every section flashing in and then vanishing.
+    expect(keys(buildPortalNav(undefined, "home"))).toEqual(["home", "activity", "settings", "notifications"]);
+  });
+
+  it("draws a section once the person has something in it", () => {
+    const nav = buildPortalNav(summary({ sections: { ...empty, orders: 2, tickets: 1 } }), "home");
+    expect(keys(nav)).toEqual(["home", "activity", "orders", "tickets", "settings", "notifications"]);
+  });
+
+  it("keeps the section being shown, even when it is empty", () => {
+    // An emailed link to /i/account/invoices for someone whose invoices are
+    // all on another profile still lands on a page its navigation owns.
+    const nav = buildPortalNav(summary(), "invoices");
+    expect(keys(nav)).toContain("invoices");
+  });
+
+  it("puts work first for a client and the library first for a fan", () => {
+    const sections = { ...empty, projects: 1, orders: 1 };
+    const client = buildPortalNav(
+      summary({ sections, lastActivity: { work: "2026-09-30T10:00:00Z", library: "2026-01-01T00:00:00Z" } }),
+      "home",
+    );
+    const fan = buildPortalNav(
+      summary({ sections, lastActivity: { work: "2026-01-01T00:00:00Z", library: "2026-09-30T10:00:00Z" } }),
+      "home",
+    );
+    expect(client.groups.map((g) => g.group)).toEqual(["start", "work", "library", "account"]);
+    expect(client.primary?.key).toBe("projects");
+    expect(fan.groups.map((g) => g.group)).toEqual(["start", "library", "work", "account"]);
+    expect(fan.primary?.key).toBe("orders");
+  });
+
+  it("counts what needs the person against the section it belongs to", () => {
+    const nav = buildPortalNav(
+      summary({
+        sections: { ...empty, invoices: 3, documents: 1, projects: 1 },
+        attention: [
+          { kind: "invoice_overdue", id: "i1", invoiceNumber: "INV-1", total: "10.00", currency: "USD", dueDate: null, projectId: null, projectName: null },
+          { kind: "invoice_due", id: "i2", invoiceNumber: "INV-2", total: "10.00", currency: "USD", dueDate: null, projectId: null, projectName: null },
+          { kind: "document_to_sign", id: "d1", title: "Agreement", token: "tok", sentAt: "2026-09-01T00:00:00Z", expiresAt: null },
+          {
+            kind: "approval_requested",
+            id: "a1",
+            milestoneId: "m1",
+            milestoneName: "Design",
+            projectId: "p1",
+            projectName: "Site",
+            requestedAt: "2026-09-01T00:00:00Z",
+            note: null,
+          },
+        ],
+      }),
+      "home",
+    );
+    expect(nav.badges).toEqual({ invoices: 2, documents: 1, projects: 1 });
+  });
+
+  it("draws Messages beside Home once the person may message, and counts its unread messages", () => {
+    const nav = buildPortalNav(
+      summary({
+        sections: { ...empty, messages: 1 },
+        attention: [
+          { kind: "message_unread", id: "thread-1", unreadCount: 3, lastMessageAt: "2026-10-01T09:00:00Z", preview: "Hi" },
+        ],
+      }),
+      "home",
+    );
+    expect(keys(nav).slice(0, 3)).toEqual(["home", "messages", "activity"]);
+    expect(nav.badges.messages).toBe(3);
+  });
+
+  it("draws Files with a client's work once they have any", () => {
+    const nav = buildPortalNav(summary({ sections: { ...empty, files: 2 } }), "home");
+    expect(nav.groups.find((g) => g.group === "work")?.items.map((i) => i.key)).toEqual(["files"]);
+  });
+});

package/src/ui/styled/portal/index.ts

@@ -0,0 +1,13 @@
+// The client portal (`/i/account/*`): one frame, a home that leads with what
+// needs the person, and a page per section.
+export { PortalShell, type PortalShellProps } from "./PortalShell";
+export { PortalHome } from "./PortalHome";
+export { PortalActivity } from "./PortalActivity";
+export { PortalProjects, PortalProject, PortalTask } from "./PortalProjects";
+export { PortalInvoices, PortalDocuments } from "./PortalBilling";
+export { PortalLink, usePortal, type PortalContextValue } from "./shared";
+export { PORTAL_ITEMS, buildPortalNav, type PortalSection, type PortalGroup, type PortalNavItem } from "./portalNav";
+export { PortalAccountSection, type PortalAccountSectionKey } from "./PortalAccountSection";
+export { PortalFiles } from "./PortalFiles";
+export { PortalPreviewBanner } from "./PortalPreviewBanner";
+export { PortalMessages } from "./PortalMessages";