@nexttylabs/echo 0.10.0 → 0.12.0

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @nexttylabs/echo
 
+## 0.12.0
+
+### Minor Changes
+
+- fc3d8f1: support light/dark theme
+- cc04d9f: Use the organization member role uniformly.
+- 5cfdeb7: feat: support editing user profile
+
+### Patch Changes
+
+- 76fda4d: fix organizational setting i18n
+- 7dba561: remove legacy changeset files
+- 158b254: show current orgnization
+- 1e798f1: remove unuse tables and published files
+- e3c4e1c: fix workflow errors
+- d315d85: Fix the theme display issue.
+- daf9abb: first release
+
+## 0.11.0
+
+### Minor Changes
+
+- fc3d8f1: support light/dark theme
+- cc04d9f: Use the organization member role uniformly.
+- 5cfdeb7: feat: support editing user profile
+
+### Patch Changes
+
+- 76fda4d: fix organizational setting i18n
+- 7dba561: remove legacy changeset files
+- 158b254: show current orgnization
+- 1e798f1: remove unuse tables and published files
+- e3c4e1c: fix workflow errors
+- daf9abb: first release
+
 ## 0.10.0
 
 ### Minor Changes

package/app/(auth)/login/page.tsx

@@ -36,13 +36,13 @@ export default async function LoginPage() {
   const t = await getTranslations("auth.login");
 
   return (
-    <div className="min-h-screen bg-gradient-to-br from-slate-50 via-white to-slate-100 px-4 py-12">
+    <div className="min-h-screen bg-background px-4 py-12">
       <div className="mx-auto flex w-full max-w-md flex-col gap-6">
         <div className="text-center">
-          <h1 className="text-3xl font-semibold tracking-tight text-slate-900">
+          <h1 className="text-3xl font-semibold tracking-tight text-foreground">
             {t("pageTitle")}
           </h1>
-          <p className="mt-2 text-sm text-slate-600">
+          <p className="mt-2 text-sm text-muted-foreground">
             {t("pageSubtitle")}
           </p>
         </div>

package/app/(auth)/register/page.tsx

@@ -31,13 +31,13 @@ export default async function RegisterPage() {
   const t = await getTranslations("auth.register");
 
   return (
-    <div className="min-h-screen bg-gradient-to-br from-slate-50 via-white to-slate-100 px-4 py-12">
+    <div className="min-h-screen bg-background px-4 py-12">
       <div className="mx-auto flex w-full max-w-md flex-col gap-6">
         <div className="text-center">
-          <h1 className="text-3xl font-semibold tracking-tight text-slate-900">
+          <h1 className="text-3xl font-semibold tracking-tight text-foreground">
             {t("pageTitle")}
           </h1>
-          <p className="mt-2 text-sm text-slate-600">
+          <p className="mt-2 text-sm text-muted-foreground">
             {t("pageSubtitle")}
           </p>
         </div>

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

@@ -39,11 +39,11 @@ export default async function NewFeedbackPage() {
 
   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="min-h-screen bg-background 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">
+          <div className="rounded-lg border border-amber-200 bg-amber-50 p-6 dark:border-amber-800 dark:bg-amber-950">
+            <h1 className="text-xl font-semibold text-amber-800 dark:text-amber-200">未找到组织</h1>
+            <p className="mt-2 text-sm text-amber-700 dark:text-amber-300">
               请先加入组织后再代客户提交反馈。
             </p>
           </div>
@@ -58,11 +58,11 @@ export default async function NewFeedbackPage() {
 
   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="min-h-screen bg-background 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">
+          <div className="rounded-lg border border-red-200 bg-red-50 p-6 dark:border-red-800 dark:bg-red-950">
+            <h1 className="text-xl font-semibold text-red-800 dark:text-red-200">权限不足</h1>
+            <p className="mt-2 text-sm text-red-600 dark:text-red-300">
               您没有代客户提交反馈的权限。请联系管理员获取相应权限。
             </p>
           </div>
@@ -72,13 +72,13 @@ export default async function NewFeedbackPage() {
   }
 
   return (
-    <div className="min-h-screen bg-gradient-to-br from-slate-50 via-white to-slate-100 px-4 py-12">
+    <div className="min-h-screen bg-background 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 className="text-3xl font-semibold tracking-tight text-foreground">
             代客户提交反馈
           </h1>
-          <p className="mt-2 text-sm text-slate-600">
+          <p className="mt-2 text-sm text-muted-foreground">
             以客服身份代表客户提交反馈，系统将同时记录客服和客户信息
           </p>
         </div>

package/app/(dashboard)/settings/organizations/[orgId]/members/page.tsx

@@ -46,13 +46,13 @@ export default async function OrganizationMembersPage({
     : [];
 
   return (
-    <div className="min-h-screen bg-gradient-to-br from-slate-50 via-white to-slate-100 px-4 py-12">
+    <div className="min-h-screen bg-background px-4 py-12">
       <div className="mx-auto flex w-full max-w-3xl flex-col gap-6">
         <div>
-          <h1 className="text-3xl font-semibold tracking-tight text-slate-900">
+          <h1 className="text-3xl font-semibold tracking-tight text-foreground">
             成员管理
           </h1>
-          <p className="mt-2 text-sm text-slate-600">
+          <p className="mt-2 text-sm text-muted-foreground">
             管理当前组织成员并发送新的邀请
           </p>
         </div>

package/app/(dashboard)/settings/organizations/new/page.tsx

@@ -19,13 +19,13 @@ import { OrganizationForm } from "@/components/settings/organization-form";
 
 export default function NewOrganizationPage() {
   return (
-    <div className="min-h-screen bg-gradient-to-br from-slate-50 via-white to-slate-100 px-4 py-12">
+    <div className="min-h-screen bg-background 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 className="text-3xl font-semibold tracking-tight text-foreground">
             创建组织
           </h1>
-          <p className="mt-2 text-sm text-slate-600">
+          <p className="mt-2 text-sm text-muted-foreground">
             为新的团队或项目创建独立空间
           </p>
         </div>

package/components/landing/hero.tsx

@@ -25,11 +25,11 @@ export function Hero() {
   const t = useTranslations("hero");
   
   return (
-    <div className="min-h-screen bg-linear-to-br from-slate-50 via-white to-slate-100">
+    <div className="min-h-screen bg-background">
       <header className="container mx-auto flex items-center justify-between px-4 py-6">
         <div className="flex items-center gap-2">
           <MessageSquare className="size-8 text-primary" />
-          <span className="text-2xl font-bold text-slate-900">{t("title")}</span>
+          <span className="text-2xl font-bold text-foreground">{t("title")}</span>
         </div>
         <nav className="flex items-center gap-4">
           <LanguageSwitcher variant="icon" />
@@ -44,13 +44,13 @@ export function Hero() {
 
       <main className="container mx-auto px-4 py-20">
         <section className="mx-auto max-w-4xl text-center">
-          <h1 className="text-5xl font-bold tracking-tight text-slate-900 sm:text-6xl">
+          <h1 className="text-5xl font-bold tracking-tight text-foreground sm:text-6xl">
             {t("headline")}
           </h1>
-          <p className="mt-6 text-xl text-slate-600">
+          <p className="mt-6 text-xl text-muted-foreground">
             {t("description")}
             <br />
-            <span className="font-medium text-slate-700">{t("subtitle")}</span>
+            <span className="font-medium text-foreground/80">{t("subtitle")}</span>
           </p>
           <div className="mt-10 flex flex-wrap items-center justify-center gap-4">
             <Button size="lg" asChild>
@@ -63,7 +63,7 @@ export function Hero() {
         </section>
 
         <section className="mx-auto mt-32 max-w-5xl">
-          <h2 className="text-center text-3xl font-bold text-slate-900">{t("coreValues")}</h2>
+          <h2 className="text-center text-3xl font-bold text-foreground">{t("coreValues")}</h2>
           <div className="mt-12 grid gap-8 sm:grid-cols-2 lg:grid-cols-4">
             <FeatureCard
               icon={<Zap className="size-6" />}
@@ -89,8 +89,8 @@ export function Hero() {
         </section>
 
         <section className="mx-auto mt-32 max-w-3xl text-center">
-          <h2 className="text-3xl font-bold text-slate-900">{t("ready.title")}</h2>
-          <p className="mt-4 text-lg text-slate-600">
+          <h2 className="text-3xl font-bold text-foreground">{t("ready.title")}</h2>
+          <p className="mt-4 text-lg text-muted-foreground">
             {t("ready.description")}
           </p>
           <div className="mt-8 flex flex-wrap items-center justify-center gap-4">
@@ -104,21 +104,21 @@ export function Hero() {
         </section>
       </main>
 
-      <footer className="container mx-auto border-t border-slate-200 px-4 py-8">
+      <footer className="container mx-auto border-t border-border px-4 py-8">
         <div className="flex flex-col items-center justify-between gap-4 sm:flex-row">
-          <div className="flex items-center gap-2 text-sm text-slate-500">
+          <div className="flex items-center gap-2 text-sm text-muted-foreground">
             <MessageSquare className="size-4" />
             <span>{t("footer.title")}</span>
           </div>
-          <div className="flex gap-6 text-sm text-slate-500">
-            <Link href="/docs" className="hover:text-slate-700">
+          <div className="flex gap-6 text-sm text-muted-foreground">
+            <Link href="/docs" className="hover:text-foreground">
               {t("footer.docs")}
             </Link>
             <a
               href="https://github.com"
               target="_blank"
               rel="noopener noreferrer"
-              className="hover:text-slate-700"
+              className="hover:text-foreground"
             >
               GitHub
             </a>
@@ -139,12 +139,12 @@ function FeatureCard({
   description: string;
 }) {
   return (
-    <div className="rounded-xl border border-slate-200 bg-white p-6 shadow-sm">
+    <div className="rounded-xl border border-border bg-card p-6 shadow-sm">
       <div className="flex size-12 items-center justify-center rounded-lg bg-primary/10 text-primary">
         {icon}
       </div>
-      <h3 className="mt-4 font-semibold text-slate-900">{title}</h3>
-      <p className="mt-2 text-sm text-slate-600">{description}</p>
+      <h3 className="mt-4 font-semibold text-card-foreground">{title}</h3>
+      <p className="mt-2 text-sm text-muted-foreground">{description}</p>
     </div>
   );
 }

package/components/layout/sidebar.tsx

@@ -78,7 +78,6 @@ export function Sidebar({ user, organizations = [], currentOrgId, onClose }: Sid
   const locale = useLocale() as AppLocale;
   const [isPending, startTransition] = useTransition();
   const pendingOrgIdRef = useRef<string | null>(null);
-  const pendingLocaleRef = useRef<AppLocale | null>(null);
 
   const navItems = [
     { href: "/dashboard", label: t("dashboard"), icon: LayoutDashboard },
@@ -118,26 +117,14 @@ export function Sidebar({ user, organizations = [], currentOrgId, onClose }: Sid
     pendingOrgIdRef.current = orgId;
   };
 
-  // Set locale cookie when pendingLocale changes
-  useEffect(() => {
-    const nextLocale = pendingLocaleRef.current;
-    if (!nextLocale) return;
-    if (nextLocale === locale) {
-      startTransition(() => {
-        pendingLocaleRef.current = null;
-      });
-      return;
-    }
+  const handleLocaleChange = (nextLocale: AppLocale) => {
+    if (nextLocale === locale) return;
     const secure = window.location.protocol === "https:" ? ";secure" : "";
+    // eslint-disable-next-line react-hooks/immutability
     document.cookie = `${LOCALE_COOKIE_NAME}=${nextLocale};path=/;max-age=${60 * 60 * 24 * 365};samesite=lax${secure}`;
     startTransition(() => {
       router.refresh();
-      pendingLocaleRef.current = null;
     });
-  }, [locale, router]);
-
-  const handleLocaleChange = (nextLocale: AppLocale) => {
-    pendingLocaleRef.current = nextLocale;
   };
 
   const currentOrg = organizations.find((org) => org.id === currentOrgId);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexttylabs/echo",
-  "version": "0.10.0",
+  "version": "0.12.0",
   "license": "AGPL-3.0",
   "private": false,
   "publishConfig": {