@nexttylabs/echo 0.2.0

package/app/(dashboard)/admin/feedback/new/page.tsx

@@ -0,0 +1,91 @@
+/*
+ * 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 { canSubmitOnBehalf, type UserRole } from "@/lib/auth/permissions";
+import { SubmitOnBehalfForm } from "@/components/feedback/submit-on-behalf-form";
+import { db } from "@/lib/db";
+import { getUserOrganization } from "@/lib/auth/organization";
+
+export default async function NewFeedbackPage() {
+  const session = await auth.api.getSession({ headers: await headers() });
+
+  if (!session?.user) {
+    redirect("/login");
+  }
+
+  const userRole = ((session.user as { role?: string }).role ?? "customer") as UserRole;
+  const hasSubmitOnBehalfPermission = canSubmitOnBehalf(userRole);
+
+  if (!hasSubmitOnBehalfPermission) {
+    return (
+      <div className="min-h-screen bg-gradient-to-br from-slate-50 via-white to-slate-100 px-4 py-12">
+        <div className="mx-auto flex w-full max-w-2xl flex-col gap-6">
+          <div className="rounded-lg border border-red-200 bg-red-50 p-6">
+            <h1 className="text-xl font-semibold text-red-800">权限不足</h1>
+            <p className="mt-2 text-sm text-red-600">
+              您没有代客户提交反馈的权限。请联系管理员获取相应权限。
+            </p>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  if (!db) {
+    throw new Error("Database not configured");
+  }
+
+  const organization = await getUserOrganization(db, session.user.id);
+
+  if (!organization) {
+    return (
+      <div className="min-h-screen bg-gradient-to-br from-slate-50 via-white to-slate-100 px-4 py-12">
+        <div className="mx-auto flex w-full max-w-2xl flex-col gap-6">
+          <div className="rounded-lg border border-amber-200 bg-amber-50 p-6">
+            <h1 className="text-xl font-semibold text-amber-800">未找到组织</h1>
+            <p className="mt-2 text-sm text-amber-700">
+              请先加入组织后再代客户提交反馈。
+            </p>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="min-h-screen bg-gradient-to-br from-slate-50 via-white to-slate-100 px-4 py-12">
+      <div className="mx-auto flex w-full max-w-2xl flex-col gap-6">
+        <div>
+          <h1 className="text-3xl font-semibold tracking-tight text-slate-900">
+            代客户提交反馈
+          </h1>
+          <p className="mt-2 text-sm text-slate-600">
+            以客服身份代表客户提交反馈，系统将同时记录客服和客户信息
+          </p>
+        </div>
+        <SubmitOnBehalfForm
+          organizationId={organization.id}
+          userRole={userRole}
+          userId={session.user.id}
+        />
+      </div>
+    </div>
+  );
+}

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

@@ -0,0 +1,81 @@
+/*
+ * 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 { getTranslations } from "next-intl/server";
+import { auth } from "@/lib/auth/config";
+import { db } from "@/lib/db";
+import { getOrgContext } from "@/lib/auth/org-context";
+import { FeedbackList } from "@/components/feedback/feedback-list";
+import { getRequestUrl } from "@/lib/http/get-request-url";
+
+export default async function AdminFeedbackListPage() {
+  const t = await getTranslations();
+  const headerList = await headers();
+  const cookieStore = await cookies();
+  const session = await auth.api.getSession({ headers: headerList });
+
+  if (!session?.user) {
+    redirect("/login");
+  }
+
+  if (!db) {
+    throw new Error("Database not configured");
+  }
+
+  let organizationId: string | null = null;
+
+  try {
+    const url = getRequestUrl(headerList, "/admin/feedback");
+    const context = await getOrgContext({
+      request: { nextUrl: url, headers: headerList, cookies: cookieStore },
+      db,
+      userId: session.user.id,
+      requireMembership: true,
+    });
+    organizationId = context.organizationId;
+  } catch {
+    organizationId = null;
+  }
+
+  if (!organizationId) {
+    return (
+      <div className="container mx-auto py-8 px-4">
+        <p className="text-muted-foreground">{t('common.noOrganization')}</p>
+      </div>
+    );
+  }
+
+  return (
+    <div className="container mx-auto py-8 px-4">
+      <div className="mb-8">
+        <h1 className="text-3xl font-bold">{t('feedback.pageTitle')}</h1>
+        <p className="text-muted-foreground mt-2">{t('feedback.pageDescription')}</p>
+      </div>
+      <FeedbackList
+        organizationId={organizationId}
+        page={1}
+        pageSize={20}
+        sortBy="createdAt"
+        sortOrder="desc"
+        basePath="/admin/feedback"
+        canDelete
+      />
+    </div>
+  );
+}

package/app/(dashboard)/admin/layout.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 { auth } from "@/lib/auth/config";
+import type { UserRole } from "@/lib/auth/permissions";
+
+export default async function AdminLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  let session = null;
+  try {
+    session = await auth.api.getSession({ headers: await headers() });
+  } catch {
+    redirect("/login");
+  }
+
+  if (!session?.user) {
+    redirect("/login");
+  }
+
+  const role = (session.user as { role?: string }).role as
+    | UserRole
+    | undefined;
+
+  if (role !== "admin") {
+    redirect("/no-access");
+  }
+
+  return <>{children}</>;
+}

package/app/(dashboard)/analytics/portal/page.tsx

@@ -0,0 +1,30 @@
+/*
+ * 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 { getEmptyPortalAnalytics } from "@/lib/portal/analytics";
+
+export default async function PortalAnalyticsPage() {
+  const t = await getTranslations("analytics.portal");
+  const analytics = getEmptyPortalAnalytics();
+  return (
+    <div>
+      <h1>{t("title")}</h1>
+      <p>{t("timeseriesPoints", { count: analytics.timeseries.length })}</p>
+    </div>
+  );
+}

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

@@ -0,0 +1,133 @@
+/*
+ * 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 { getTranslations } from "next-intl/server";
+import Link from "next/link";
+import { ExternalLink } from "lucide-react";
+import { auth } from "@/lib/auth/config";
+import { db } from "@/lib/db";
+import { getDashboardStats, type DashboardStats } from "@/lib/dashboard/get-dashboard-stats";
+import { getUserOrganizations } from "@/lib/auth/organization";
+import { getOrgContext } from "@/lib/auth/org-context";
+import { StatsCards, RecentFeedbackList, StatusChart } from "@/components/dashboard";
+import { Button } from "@/components/ui/button";
+import type { UserRole } from "@/lib/auth/permissions";
+
+interface PageProps {
+  searchParams?: Promise<{ organizationId?: string }>;
+}
+
+export default async function DashboardPage({ searchParams }: PageProps) {
+  const headerList = await headers();
+  const cookieStore = await cookies();
+  const session = await auth.api.getSession({ headers: headerList });
+  const userRole = (session?.user as { role?: string } | undefined)?.role as UserRole || "customer";
+  const t = await getTranslations("dashboard");
+  const params = await searchParams;
+
+  let stats: DashboardStats = {
+    totalFeedback: 0,
+    pendingFeedback: 0,
+    weeklyFeedback: 0,
+    resolvedFeedback: 0,
+    statusDistribution: [],
+    recentFeedback: [],
+  };
+
+  let organizationSlug: string | null = null;
+  let organizations: Array<{ id: string; name: string; slug: string; role: string }> = [];
+  let shouldPersistDefaultOrg = false;
+
+  if (db && session?.user) {
+    try {
+      organizations = await getUserOrganizations(db, session.user.id);
+      const queryOrgId = params?.organizationId ?? null;
+      const cookieOrgId = cookieStore.get("orgId")?.value ?? null;
+      const fallbackOrgId = organizations[0]?.id ?? null;
+      const resolvedOrgId = queryOrgId || cookieOrgId || fallbackOrgId;
+
+      shouldPersistDefaultOrg = !queryOrgId && !cookieOrgId && !!fallbackOrgId;
+
+      // Persist default org via cookie if needed
+      if (shouldPersistDefaultOrg && fallbackOrgId) {
+        // Cookie will be set by the layout
+      }
+
+      if (resolvedOrgId) {
+        const url = new URL("http://localhost/dashboard");
+        if (queryOrgId) {
+          url.searchParams.set("organizationId", queryOrgId);
+        }
+        const context = await getOrgContext({
+          request: { nextUrl: url, headers: headerList, cookies: cookieStore },
+          db,
+          userId: session.user.id,
+          organizationId: resolvedOrgId,
+          requireMembership: true,
+        });
+
+        organizationSlug = organizations.find((org) => org.id === context.organizationId)?.slug ?? null;
+
+        stats = await getDashboardStats(db, {
+          userId: session.user.id,
+          userRole,
+          organizationId: context.organizationId,
+        });
+      }
+    } catch {
+      // Failed to fetch stats, use defaults
+    }
+  }
+
+  return (
+    <div className="p-6 space-y-6">
+      <div className="flex items-center justify-between">
+        <div>
+          <h1 className="text-2xl font-bold">{t("pageTitle")}</h1>
+          <p className="text-muted-foreground">{t("pageDescription")}</p>
+        </div>
+        <div className="flex items-center gap-3">
+          {organizationSlug && (
+            <Button asChild variant="outline">
+              <Link href={`/${organizationSlug}`} target="_blank">
+                <ExternalLink className="mr-2 h-4 w-4" />
+                {t("visitPortal")}
+              </Link>
+            </Button>
+          )}
+        </div>
+      </div>
+
+      <StatsCards
+        totalFeedback={stats.totalFeedback}
+        pendingFeedback={stats.pendingFeedback}
+        weeklyFeedback={stats.weeklyFeedback}
+        resolvedFeedback={stats.resolvedFeedback}
+      />
+
+      <div className="grid gap-6 lg:grid-cols-3">
+        <div className="lg:col-span-2">
+          <RecentFeedbackList feedback={stats.recentFeedback} />
+        </div>
+        <div>
+          <StatusChart data={stats.statusDistribution} />
+        </div>
+      </div>
+    </div>
+  );
+}

package/app/(dashboard)/layout.tsx

@@ -0,0 +1,69 @@
+/*
+ * 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 { DashboardLayout } from "@/components/layout";
+import type { UserRole } from "@/lib/auth/permissions";
+
+export default async function DashboardRootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  let session = null;
+  try {
+    session = await auth.api.getSession({ headers: await headers() });
+  } catch {
+    redirect("/login");
+  }
+
+  if (!session?.user) {
+    redirect("/login");
+  }
+
+  const userRole = (session.user as { role?: string }).role as UserRole || "customer";
+
+  // Fetch organizations
+  let organizations: Array<{ id: string; name: string; slug: string; role: string }> = [];
+  let currentOrgId: string | null = null;
+
+  if (db) {
+    organizations = await getUserOrganizations(db, session.user.id);
+    const cookieStore = await cookies();
+    const cookieOrgId = cookieStore.get("orgId")?.value ?? null;
+    currentOrgId = cookieOrgId || organizations[0]?.id || null;
+  }
+
+  return (
+    <DashboardLayout
+      user={{
+        name: session.user.name,
+        email: session.user.email,
+        image: session.user.image,
+        role: userRole,
+      }}
+      organizations={organizations}
+      currentOrgId={currentOrgId}
+    >
+      {children}
+    </DashboardLayout>
+  );
+}

package/app/(dashboard)/no-access/page.tsx

@@ -0,0 +1,45 @@
+/*
+ * 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 Link from "next/link";
+import { useTranslations } from "next-intl";
+
+export default function NoAccessPage() {
+  const t = useTranslations("errors.noAccess");
+  return (
+    <div className="container mx-auto flex min-h-[calc(100vh-3.5rem)] flex-col items-center justify-center px-4 py-10 text-center">
+      <h1 className="text-2xl font-semibold">{t("title")}</h1>
+      <p className="mt-2 text-muted-foreground">
+        {t("message")}
+      </p>
+      <div className="mt-6 flex gap-3">
+        <Link
+          href="/dashboard"
+          className="rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground"
+        >
+          {t("backToDashboard")}
+        </Link>
+        <Link
+          href="/settings"
+          className="rounded-md border px-4 py-2 text-sm font-medium"
+        >
+          {t("viewSettings")}
+        </Link>
+      </div>
+    </div>
+  );
+}

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

@@ -0,0 +1,56 @@
+/*
+ * 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 { PortalAccessForm } from "@/components/portal/settings-forms";
+import { getPortalAdminContext } from "@/lib/portal/settings-context";
+
+export async function generateMetadata() {
+  const t = await getTranslations("settings.access");
+  return {
+    title: `${t("pageTitle")} - Echo`,
+  };
+}
+
+export default async function AccessSettingsPage() {
+  const { organization, portalConfig } = await getPortalAdminContext();
+  const t = await getTranslations("settings.access");
+
+  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("visibilityTitle")}</CardTitle>
+          <CardDescription>{t("visibilityDesc")}</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <PortalAccessForm
+            organizationId={organization.id}
+            initialSharing={portalConfig?.sharing}
+            initialSeo={portalConfig?.seo}
+          />
+        </CardContent>
+      </Card>
+    </div>
+  );
+}

package/app/(dashboard)/settings/api-keys/page.tsx

@@ -0,0 +1,55 @@
+/*
+ * 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 { ApiKeysList } from "@/components/settings/api-keys-list";
+import type { UserRole } from "@/lib/auth/permissions";
+
+export async function generateMetadata() {
+  const t = await getTranslations("settings.apiKeys");
+  return {
+    title: `${t("pageTitle")} - Echo`,
+  };
+}
+
+export default async function ApiKeysSettingsPage() {
+  const session = await auth.api.getSession({ headers: await headers() });
+  const t = await getTranslations("settings.apiKeys");
+
+  if (!session?.user) {
+    redirect("/login");
+  }
+
+  const userRole = (session.user as { role?: string }).role as UserRole || "customer";
+
+  if (userRole !== "admin" && userRole !== "product_manager") {
+    redirect("/settings/profile");
+  }
+
+  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>
+      <ApiKeysList />
+    </div>
+  );
+}

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

@@ -0,0 +1,40 @@
+/*
+ * 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 { AppearanceForm } from "@/components/settings/appearance-form";
+
+export async function generateMetadata() {
+  const t = await getTranslations("settings.appearance");
+  return {
+    title: `${t("pageTitle")} - Echo`,
+  };
+}
+
+export default async function AppearanceSettingsPage() {
+  const t = await getTranslations("settings.appearance");
+
+  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>
+      <AppearanceForm />
+    </div>
+  );
+}