@nexttylabs/echo 0.2.0

package/app/(dashboard)/settings/branding/page.tsx

@@ -0,0 +1,62 @@
+/*
+ * Copyright (c) 2026 Echo Team
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { getTranslations } from "next-intl/server";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { CopyForm, ThemeForm } from "@/components/portal/settings-forms";
+import { getPortalAdminContext } from "@/lib/portal/settings-context";
+
+export async function generateMetadata() {
+  const t = await getTranslations("settings.branding");
+  return {
+    title: `${t("pageTitle")} - Echo`,
+  };
+}
+
+export default async function BrandingSettingsPage() {
+  const { organization, portalConfig } = await getPortalAdminContext();
+  const t = await getTranslations("settings.branding");
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-2xl font-semibold">{t("pageTitle")}</h1>
+        <p className="text-muted-foreground">{t("pageDescription")}</p>
+      </div>
+
+      <Card className="border-slate-200/80 bg-white/80 shadow-sm">
+        <CardHeader>
+          <CardTitle>{t("themeTitle")}</CardTitle>
+          <CardDescription>{t("themeDesc")}</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <ThemeForm organizationId={organization.id} initialData={portalConfig?.theme} />
+        </CardContent>
+      </Card>
+
+      <Card className="border-slate-200/80 bg-white/80 shadow-sm">
+        <CardHeader>
+          <CardTitle>{t("copyTitle")}</CardTitle>
+          <CardDescription>{t("copyDesc")}</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <CopyForm organizationId={organization.id} initialData={portalConfig?.copy} />
+        </CardContent>
+      </Card>
+    </div>
+  );
+}

package/app/(dashboard)/settings/changelog/page.tsx

@@ -0,0 +1,51 @@
+/*
+ * Copyright (c) 2026 Echo Team
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { getTranslations } from "next-intl/server";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+
+export async function generateMetadata() {
+  const t = await getTranslations("settings.changelog");
+  return {
+    title: `${t("pageTitle")} - Echo`,
+  };
+}
+
+export default async function ChangelogSettingsPage() {
+  const t = await getTranslations("settings.changelog");
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-2xl font-semibold">{t("pageTitle")}</h1>
+        <p className="text-muted-foreground">{t("pageDescription")}</p>
+      </div>
+
+      <Card className="border-slate-200/80 bg-white/80 shadow-sm">
+        <CardHeader>
+          <CardTitle>{t("settingsTitle")}</CardTitle>
+          <CardDescription>{t("settingsDesc")}</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <div className="rounded-md border border-dashed border-slate-200 bg-slate-50/50 px-4 py-8 text-center text-sm text-muted-foreground">
+            {t("settingsComingSoon")}
+          </div>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}

package/app/(dashboard)/settings/danger-zone/page.tsx

@@ -0,0 +1,92 @@
+/*
+ * Copyright (c) 2026 Echo Team
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { getTranslations } from "next-intl/server";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import { AlertTriangle } from "lucide-react";
+
+export async function generateMetadata() {
+  const t = await getTranslations("settings.dangerZone");
+  return {
+    title: `${t("pageTitle")} - Echo`,
+  };
+}
+
+export default async function DangerZoneSettingsPage() {
+  const t = await getTranslations("settings.dangerZone");
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-2xl font-semibold">{t("pageTitle")}</h1>
+        <p className="text-muted-foreground">{t("pageDescription")}</p>
+      </div>
+
+      <Card className="border-destructive/50 bg-destructive/5 shadow-sm">
+        <CardHeader>
+          <div className="flex items-center gap-2">
+            <AlertTriangle className="h-5 w-5 text-destructive" />
+            <CardTitle className="text-destructive">{t("deleteOrg")}</CardTitle>
+          </div>
+          <CardDescription>
+            {t("deleteOrgDesc")}
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <Button variant="destructive" disabled>
+            {t("deleteOrg")}
+          </Button>
+        </CardContent>
+      </Card>
+
+      <Card className="border-destructive/50 bg-destructive/5 shadow-sm">
+        <CardHeader>
+          <div className="flex items-center gap-2">
+            <AlertTriangle className="h-5 w-5 text-destructive" />
+            <CardTitle className="text-destructive">{t("resetData")}</CardTitle>
+          </div>
+          <CardDescription>
+            {t("resetDataDesc")}
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <Button variant="destructive" disabled>
+            {t("resetData")}
+          </Button>
+        </CardContent>
+      </Card>
+
+      <Card className="border-destructive/50 bg-destructive/5 shadow-sm">
+        <CardHeader>
+          <div className="flex items-center gap-2">
+            <AlertTriangle className="h-5 w-5 text-destructive" />
+            <CardTitle className="text-destructive">{t("transferOwnership")}</CardTitle>
+          </div>
+          <CardDescription>
+            {t("transferOwnershipDesc")}
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <Button variant="outline" disabled>
+            {t("transferOwnership")}
+          </Button>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}

package/app/(dashboard)/settings/feedback/page.tsx

@@ -0,0 +1,63 @@
+/*
+ * Copyright (c) 2026 Echo Team
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { getTranslations } from "next-intl/server";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+
+export async function generateMetadata() {
+  const t = await getTranslations("settings.feedbackSettings");
+  return {
+    title: `${t("pageTitle")} - Echo`,
+  };
+}
+
+export default async function FeedbackSettingsPage() {
+  const t = await getTranslations("settings.feedbackSettings");
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-2xl font-semibold">{t("pageTitle")}</h1>
+        <p className="text-muted-foreground">{t("pageDescription")}</p>
+      </div>
+
+      <Card className="border-slate-200/80 bg-white/80 shadow-sm">
+        <CardHeader>
+          <CardTitle>{t("settingsTitle")}</CardTitle>
+          <CardDescription>{t("settingsDesc")}</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <div className="rounded-md border border-dashed border-slate-200 bg-slate-50/50 px-4 py-8 text-center text-sm text-muted-foreground">
+            {t("settingsComingSoon")}
+          </div>
+        </CardContent>
+      </Card>
+
+      <Card className="border-slate-200/80 bg-white/80 shadow-sm">
+        <CardHeader>
+          <CardTitle>{t("roadmapTitle")}</CardTitle>
+          <CardDescription>{t("roadmapDesc")}</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <div className="rounded-md border border-dashed border-slate-200 bg-slate-50/50 px-4 py-8 text-center text-sm text-muted-foreground">
+            {t("roadmapComingSoon")}
+          </div>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}

package/app/(dashboard)/settings/integrations/page.tsx

@@ -0,0 +1,94 @@
+/*
+ * Copyright (c) 2026 Echo Team
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { getTranslations } from "next-intl/server";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+
+export async function generateMetadata() {
+  const t = await getTranslations("settings.integrations");
+  return {
+    title: `${t("pageTitle")} - Echo`,
+  };
+}
+
+export default async function IntegrationsSettingsPage() {
+  const t = await getTranslations("settings.integrations");
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-2xl font-semibold">{t("pageTitle")}</h1>
+        <p className="text-muted-foreground">{t("pageDescription")}</p>
+      </div>
+
+      <Card className="border-slate-200/80 bg-white/80 shadow-sm">
+        <CardHeader>
+          <CardTitle>{t("availableTitle")}</CardTitle>
+          <CardDescription>{t("availableDesc")}</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <div className="grid gap-4 md:grid-cols-2">
+            <div className="rounded-lg border border-slate-200 p-4">
+              <div className="flex items-center gap-3">
+                <div className="flex h-10 w-10 items-center justify-center rounded-md bg-slate-100">
+                  <span className="text-lg">🔗</span>
+                </div>
+                <div>
+                  <h4 className="font-medium">{t("slack")}</h4>
+                  <p className="text-sm text-muted-foreground">{t("slackDesc")}</p>
+                </div>
+              </div>
+            </div>
+            <div className="rounded-lg border border-slate-200 p-4">
+              <div className="flex items-center gap-3">
+                <div className="flex h-10 w-10 items-center justify-center rounded-md bg-slate-100">
+                  <span className="text-lg">📋</span>
+                </div>
+                <div>
+                  <h4 className="font-medium">{t("jira")}</h4>
+                  <p className="text-sm text-muted-foreground">{t("jiraDesc")}</p>
+                </div>
+              </div>
+            </div>
+            <div className="rounded-lg border border-slate-200 p-4">
+              <div className="flex items-center gap-3">
+                <div className="flex h-10 w-10 items-center justify-center rounded-md bg-slate-100">
+                  <span className="text-lg">📊</span>
+                </div>
+                <div>
+                  <h4 className="font-medium">{t("linear")}</h4>
+                  <p className="text-sm text-muted-foreground">{t("linearDesc")}</p>
+                </div>
+              </div>
+            </div>
+            <div className="rounded-lg border border-slate-200 p-4">
+              <div className="flex items-center gap-3">
+                <div className="flex h-10 w-10 items-center justify-center rounded-md bg-slate-100">
+                  <span className="text-lg">💬</span>
+                </div>
+                <div>
+                  <h4 className="font-medium">{t("discord")}</h4>
+                  <p className="text-sm text-muted-foreground">{t("discordDesc")}</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </CardContent>
+      </Card>
+    </div>
+  );
+}

package/app/(dashboard)/settings/layout.tsx

@@ -0,0 +1,43 @@
+/*
+ * Copyright (c) 2026 Echo Team
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { headers } from "next/headers";
+import { redirect } from "next/navigation";
+import { auth } from "@/lib/auth/config";
+import { SettingsSidebar } from "@/components/settings";
+import type { UserRole } from "@/lib/auth/permissions";
+
+export default async function SettingsLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const session = await auth.api.getSession({ headers: await headers() });
+
+  if (!session?.user) {
+    redirect("/login");
+  }
+
+  const userRole = (session.user as { role?: string }).role as UserRole || "customer";
+
+  return (
+    <div className="flex min-h-[calc(100vh-3.5rem)]">
+      <SettingsSidebar userRole={userRole} />
+      <main className="flex-1 p-6">{children}</main>
+    </div>
+  );
+}

package/app/(dashboard)/settings/modules/page.tsx

@@ -0,0 +1,54 @@
+/*
+ * Copyright (c) 2026 Echo Team
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { getTranslations } from "next-intl/server";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { PortalModulesPanel } from "@/components/portal/portal-modules-panel";
+import { getDefaultPortalModules } from "@/lib/portal/modules";
+import { getPortalAdminContext } from "@/lib/portal/settings-context";
+
+export async function generateMetadata() {
+  const t = await getTranslations("settings.modules");
+  return {
+    title: `${t("pageTitle")} - Echo`,
+  };
+}
+
+export default async function ModulesSettingsPage() {
+  const { organization, portalConfig } = await getPortalAdminContext();
+  const modules = portalConfig?.modules ?? getDefaultPortalModules();
+  const t = await getTranslations("settings.modules");
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-2xl font-semibold">{t("pageTitle")}</h1>
+        <p className="text-muted-foreground">{t("pageDescription")}</p>
+      </div>
+
+      <Card className="border-slate-200/80 bg-white/80 shadow-sm">
+        <CardHeader>
+          <CardTitle>{t("configTitle")}</CardTitle>
+          <CardDescription>{t("configDesc")}</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <PortalModulesPanel organizationId={organization.id} initialModules={modules} />
+        </CardContent>
+      </Card>
+    </div>
+  );
+}

package/app/(dashboard)/settings/notifications/page.tsx

@@ -0,0 +1,48 @@
+/*
+ * Copyright (c) 2026 Echo Team
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { headers } from "next/headers";
+import { redirect } from "next/navigation";
+import { getTranslations } from "next-intl/server";
+import { auth } from "@/lib/auth/config";
+import { NotificationPreferences } from "@/components/settings/notification-preferences";
+
+export async function generateMetadata() {
+  const t = await getTranslations("settings.notifications");
+  return {
+    title: `${t("pageTitle")} - Echo`,
+  };
+}
+
+export default async function NotificationSettingsPage() {
+  const session = await auth.api.getSession({ headers: await headers() });
+  const t = await getTranslations("settings.notifications");
+
+  if (!session?.user) {
+    redirect("/login");
+  }
+
+  return (
+    <div className="max-w-2xl">
+      <div className="mb-6">
+        <h1 className="text-2xl font-semibold">{t("pageTitle")}</h1>
+        <p className="text-muted-foreground">{t("pageDescription")}</p>
+      </div>
+      <NotificationPreferences />
+    </div>
+  );
+}

package/app/(dashboard)/settings/organization/page.tsx

@@ -0,0 +1,104 @@
+/*
+ * Copyright (c) 2026 Echo Team
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { cookies, headers } from "next/headers";
+import { redirect } from "next/navigation";
+import { auth } from "@/lib/auth/config";
+import { db } from "@/lib/db";
+import { getUserOrganizations } from "@/lib/auth/organization";
+import { OrganizationForm } from "@/components/settings/organization-form";
+import { OrganizationMembersList } from "@/components/settings/organization-members-list";
+import { InviteMemberForm } from "@/components/settings/invite-member-form";
+import type { UserRole } from "@/lib/auth/permissions";
+import { organizationMembers, user } from "@/lib/db/schema";
+import { eq } from "drizzle-orm";
+
+export const metadata = {
+  title: "组织管理 - Echo",
+};
+
+export default async function OrganizationSettingsPage() {
+  const session = await auth.api.getSession({ headers: await headers() });
+
+  if (!session?.user) {
+    redirect("/login");
+  }
+
+  const userRole = (session.user as { role?: string }).role as UserRole || "customer";
+
+  if (userRole !== "admin") {
+    redirect("/settings/profile");
+  }
+
+  if (!db) {
+      throw new Error("Database connection not available");
+  }
+
+  // Get all user organizations
+  const organizations = await getUserOrganizations(db, session.user.id);
+  
+  if (organizations.length === 0) {
+    redirect("/settings/organizations/new");
+  }
+
+  // Get current organization from cookie (same logic as dashboard layout)
+  const cookieStore = await cookies();
+  const cookieOrgId = cookieStore.get("orgId")?.value ?? null;
+  const currentOrgId = cookieOrgId || organizations[0]?.id || null;
+  
+  // Find the current organization
+  const organization = organizations.find(org => org.id === currentOrgId) || organizations[0];
+
+  if (!organization) {
+    redirect("/settings/organizations/new");
+  }
+
+  const members = await db
+    .select({
+      userId: organizationMembers.userId,
+      role: organizationMembers.role,
+      name: user.name,
+      email: user.email,
+    })
+    .from(organizationMembers)
+    .innerJoin(user, eq(organizationMembers.userId, user.id))
+    .where(eq(organizationMembers.organizationId, organization.id));
+
+  return (
+    <div className="max-w-4xl space-y-6">
+      <div>
+        <h1 className="text-2xl font-semibold">组织管理</h1>
+        <p className="text-muted-foreground">管理您的组织信息和成员</p>
+      </div>
+
+      <OrganizationForm
+        organizationId={organization.id}
+        initialName={organization.name}
+        initialSlug={organization.slug}
+        initialDescription={organization.description ?? ""}
+      />
+
+      <InviteMemberForm organizationId={organization.id} />
+
+      <OrganizationMembersList 
+        organizationId={organization.id} 
+        currentUserId={session.user.id}
+        initialMembers={members}
+      />
+    </div>
+  );
+}

package/app/(dashboard)/settings/organization/portal/access/page.tsx

@@ -0,0 +1,22 @@
+/*
+ * Copyright (c) 2026 Echo Team
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { redirect } from "next/navigation";
+
+export default async function OrganizationPortalAccessPage() {
+  redirect("/settings/portal-access");
+}

package/app/(dashboard)/settings/organization/portal/experience/page.tsx

@@ -0,0 +1,22 @@
+/*
+ * Copyright (c) 2026 Echo Team
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+
+import { redirect } from "next/navigation";
+
+export default async function OrganizationPortalExperiencePage() {
+  redirect("/settings/portal-branding");
+}