@nexttylabs/echo 0.7.0 → 0.9.0

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @nexttylabs/echo
 
+## 0.9.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.8.0
+
+### Minor Changes
+
+- fc3d8f1: support light/dark theme
+- cc04d9f: Use the organization member role uniformly.
+- 5cfdeb7: feat: support editing user profile
+
+### Patch Changes
+
+- 7dba561: remove legacy changeset files
+- 158b254: show current orgnization
+- 1e798f1: remove unuse tables and published files
+- e3c4e1c: fix workflow errors
+- daf9abb: first release
+
 ## 0.7.0
 
 ### Minor Changes

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

@@ -18,14 +18,16 @@
 import { cookies, headers } from "next/headers";
 import { getTranslations } from "next-intl/server";
 import Link from "next/link";
-import { ExternalLink } from "lucide-react";
+import { ExternalLink, Building2 } 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 { getUserOrganizations, type UserOrganization } 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 { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { Badge } from "@/components/ui/badge";
 import type { UserRole } from "@/lib/auth/permissions";
 
 interface PageProps {
@@ -49,8 +51,8 @@ export default async function DashboardPage({ searchParams }: PageProps) {
     recentFeedback: [],
   };
 
-  let organizationSlug: string | null = null;
-  let organizations: Array<{ id: string; name: string; slug: string; role: string }> = [];
+  let currentOrganization: UserOrganization | null = null;
+  let organizations: UserOrganization[] = [];
   let shouldPersistDefaultOrg = false;
 
   if (db && session?.user) {
@@ -81,7 +83,7 @@ export default async function DashboardPage({ searchParams }: PageProps) {
           requireMembership: true,
         });
 
-        organizationSlug = organizations.find((org) => org.id === context.organizationId)?.slug ?? null;
+        currentOrganization = organizations.find((org) => org.id === context.organizationId) ?? null;
 
         stats = await getDashboardStats(db, {
           userId: session.user.id,
@@ -96,23 +98,49 @@ export default async function DashboardPage({ searchParams }: PageProps) {
 
   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>
+        <h1 className="text-2xl font-bold">{t("pageTitle")}</h1>
+        <p className="text-muted-foreground">{t("pageDescription")}</p>
       </div>
 
+      {/* Current Organization Info Card */}
+      {currentOrganization && (
+        <Card>
+          <CardHeader className="pb-3">
+            <CardTitle className="flex items-center gap-2 text-lg">
+              <Building2 className="h-5 w-5" />
+              {t("currentOrganization")}
+            </CardTitle>
+          </CardHeader>
+          <CardContent>
+            <div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
+              <div className="space-y-1">
+                <div className="flex items-center gap-2">
+                  <span className="font-semibold">{currentOrganization.name}</span>
+                  <Badge variant="secondary">{currentOrganization.role}</Badge>
+                </div>
+                {currentOrganization.slug && (
+                  <p className="text-sm text-muted-foreground">
+                    {t("slug")}: <code className="rounded bg-muted px-1 py-0.5">{currentOrganization.slug}</code>
+                  </p>
+                )}
+                {currentOrganization.description && (
+                  <p className="text-sm text-muted-foreground">{currentOrganization.description}</p>
+                )}
+              </div>
+              {currentOrganization.slug && (
+                <Button asChild variant="outline" size="sm">
+                  <Link href={`/${currentOrganization.slug}`} target="_blank">
+                    <ExternalLink className="mr-2 h-4 w-4" />
+                    {t("visitPortal")}
+                  </Link>
+                </Button>
+              )}
+            </div>
+          </CardContent>
+        </Card>
+      )}
+
       <StatsCards
         totalFeedback={stats.totalFeedback}
         pendingFeedback={stats.pendingFeedback}

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

@@ -17,6 +17,7 @@
 
 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 { getUserOrganizations } from "@/lib/auth/organization";
@@ -27,11 +28,15 @@ 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 async function generateMetadata() {
+  const t = await getTranslations("settings.organizationPage");
+  return {
+    title: `${t("pageTitle")} - Echo`,
+  };
+}
 
 export default async function OrganizationSettingsPage() {
+  const t = await getTranslations("settings.organizationPage");
   const session = await auth.api.getSession({ headers: await headers() });
 
   if (!session?.user) {
@@ -80,8 +85,8 @@ export default async function OrganizationSettingsPage() {
   return (
     <div className="max-w-4xl space-y-6">
       <div>
-        <h1 className="text-2xl font-semibold">组织管理</h1>
-        <p className="text-muted-foreground">管理您的组织信息和成员</p>
+        <h1 className="text-2xl font-semibold">{t("pageTitle")}</h1>
+        <p className="text-muted-foreground">{t("pageDescription")}</p>
       </div>
 
       <OrganizationForm
@@ -101,3 +106,4 @@ export default async function OrganizationSettingsPage() {
     </div>
   );
 }
+

package/components/settings/invite-member-form.tsx

@@ -19,6 +19,7 @@
  */
 
 import { useState } from "react";
+import { useTranslations } from "next-intl";
 import { Button } from "@/components/ui/button";
 import {
   Card,
@@ -38,6 +39,7 @@ type InviteMemberFormProps = {
 };
 
 export function InviteMemberForm({ organizationId }: InviteMemberFormProps) {
+  const t = useTranslations("settings.organizationPage.invite");
   const [email, setEmail] = useState("");
   const [isLoading, setIsLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
@@ -58,12 +60,12 @@ export function InviteMemberForm({ organizationId }: InviteMemberFormProps) {
     const json = await res.json().catch(() => null);
 
     if (!res.ok) {
-      setError(json?.error ?? "发送邀请失败，请稍后重试");
+      setError(json?.error ?? t("sendFailed"));
       setIsLoading(false);
       return;
     }
 
-    setSuccess("邀请已发送，等待对方接受");
+    setSuccess(t("sendSuccess"));
     setEmail("");
     setIsLoading(false);
   };
@@ -71,8 +73,8 @@ export function InviteMemberForm({ organizationId }: InviteMemberFormProps) {
   return (
     <Card>
       <CardHeader>
-        <CardTitle>邀请成员</CardTitle>
-        <CardDescription>通过邮箱邀请新成员加入组织</CardDescription>
+        <CardTitle>{t("title")}</CardTitle>
+        <CardDescription>{t("description")}</CardDescription>
       </CardHeader>
       <CardContent>
         <form onSubmit={handleSubmit} className="space-y-4">
@@ -88,7 +90,7 @@ export function InviteMemberForm({ organizationId }: InviteMemberFormProps) {
           ) : null}
 
           <div className="space-y-2">
-            <Label htmlFor="invite-email">成员邮箱</Label>
+            <Label htmlFor="invite-email">{t("emailLabel")}</Label>
             <Input
               id="invite-email"
               name="email"
@@ -102,18 +104,19 @@ export function InviteMemberForm({ organizationId }: InviteMemberFormProps) {
           </div>
 
           <div className="space-y-2">
-            <Label>邀请角色</Label>
+            <Label>{t("roleLabel")}</Label>
             <div className="flex items-center gap-3 rounded-md border border-dashed border-slate-200 px-3 py-2 text-sm text-slate-600">
               <Badge variant="secondary">{DEFAULT_ROLE}</Badge>
-              <span>当前仅支持成员角色</span>
+              <span>{t("roleNote")}</span>
             </div>
           </div>
 
           <Button type="submit" className="w-full" disabled={isLoading || !email}>
-            {isLoading ? "发送中..." : "发送邀请"}
+            {isLoading ? t("sending") : t("send")}
           </Button>
         </form>
       </CardContent>
     </Card>
   );
 }
+

package/components/settings/organization-members-list.tsx

@@ -19,6 +19,7 @@
  */
 
 import { useState } from "react";
+import { useTranslations } from "next-intl";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "@/components/ui/alert-dialog";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
@@ -47,6 +48,7 @@ export function OrganizationMembersList({
   currentUserId,
   initialMembers,
 }: OrganizationMembersListProps) {
+  const t = useTranslations("settings.organizationPage.members");
   const [members, setMembers] = useState(initialMembers);
   const [error, setError] = useState<string | null>(null);
   const [pendingMemberId, setPendingMemberId] = useState<string | null>(null);
@@ -68,7 +70,7 @@ export function OrganizationMembersList({
 
     const json = await res.json().catch(() => null);
     if (!res.ok) {
-      setError(json?.error ?? "移除失败，请稍后重试");
+      setError(json?.error ?? t("removeFailed"));
       setPendingMemberId(null);
       return;
     }
@@ -93,7 +95,7 @@ export function OrganizationMembersList({
 
     const json = await res.json().catch(() => null);
     if (!res.ok) {
-      setError(json?.error ?? "更新角色失败，请稍后重试");
+      setError(json?.error ?? t("updateRoleFailed"));
       setPendingMemberId(null);
       return;
     }
@@ -110,8 +112,8 @@ export function OrganizationMembersList({
     <>
     <Card>
       <CardHeader>
-        <CardTitle>组织成员</CardTitle>
-        <CardDescription>查看并移除组织中的成员</CardDescription>
+        <CardTitle>{t("title")}</CardTitle>
+        <CardDescription>{t("description")}</CardDescription>
       </CardHeader>
       <CardContent className="space-y-4">
         {error ? (
@@ -122,14 +124,14 @@ export function OrganizationMembersList({
 
         {members.length === 0 ? (
           <div className="rounded-md border border-dashed border-slate-200 bg-white/60 px-4 py-6 text-sm text-slate-500">
-            当前组织暂无成员。
+            {t("noMembers")}
           </div>
         ) : (
           <div className="space-y-3">
             {members.map((member) => {
               const isSelf = currentUserId === member.userId;
               const isPending = pendingMemberId === member.userId;
-              const displayName = member.name ?? member.email ?? "未知成员";
+              const displayName = member.name ?? member.email ?? t("unknownMember");
               const secondaryText = member.email ?? member.userId;
 
               return (
@@ -151,7 +153,7 @@ export function OrganizationMembersList({
 
                     {isSelf ? (
                       <Button variant="outline" size="sm" disabled>
-                        不能移除自己
+                        {t("cannotRemoveSelf")}
                       </Button>
                     ) : (
                       <Button
@@ -160,7 +162,7 @@ export function OrganizationMembersList({
                         disabled={!currentUserId || isPending}
                         onClick={() => setMemberToRemove({ id: member.userId, name: displayName })}
                       >
-                        {isPending ? "移除中..." : "移除"}
+                        {isPending ? t("removing") : t("remove")}
                       </Button>
                     )}
                   </div>
@@ -175,19 +177,19 @@ export function OrganizationMembersList({
     <AlertDialog open={!!memberToRemove} onOpenChange={(open) => !open && setMemberToRemove(null)}>
       <AlertDialogContent>
         <AlertDialogHeader>
-          <AlertDialogTitle>确认移除成员？</AlertDialogTitle>
+          <AlertDialogTitle>{t("confirmRemoveTitle")}</AlertDialogTitle>
           <AlertDialogDescription>
-            {memberToRemove?.name} 将失去组织访问权限，此操作无法撤销。
+            {t("confirmRemoveDescription", { name: memberToRemove?.name ?? "" })}
           </AlertDialogDescription>
         </AlertDialogHeader>
         <AlertDialogFooter>
-          <AlertDialogCancel disabled={pendingMemberId !== null}>取消</AlertDialogCancel>
+          <AlertDialogCancel disabled={pendingMemberId !== null}>{t("cancel")}</AlertDialogCancel>
           <AlertDialogAction
             variant="destructive"
             onClick={handleRemove}
             disabled={pendingMemberId !== null}
           >
-            {pendingMemberId === memberToRemove?.id ? "移除中..." : "确认移除"}
+            {pendingMemberId === memberToRemove?.id ? t("removing") : t("confirmRemove")}
           </AlertDialogAction>
         </AlertDialogFooter>
       </AlertDialogContent>
@@ -195,3 +197,4 @@ export function OrganizationMembersList({
   </>
   );
 }
+

package/messages/en.json

@@ -126,6 +126,36 @@
       "updatedSuccess": "Organization updated",
       "genericError": "Something went wrong. Please try again later."
     },
+    "organizationPage": {
+      "pageTitle": "Organization Management",
+      "pageDescription": "Manage your organization information and members",
+      "members": {
+        "title": "Organization Members",
+        "description": "View and manage members in the organization",
+        "noMembers": "No members in this organization yet.",
+        "unknownMember": "Unknown Member",
+        "removeFailed": "Failed to remove member, please try again later",
+        "updateRoleFailed": "Failed to update role, please try again later",
+        "cannotRemoveSelf": "Cannot remove yourself",
+        "removing": "Removing...",
+        "remove": "Remove",
+        "confirmRemoveTitle": "Confirm member removal?",
+        "confirmRemoveDescription": "{name} will lose access to the organization. This action cannot be undone.",
+        "cancel": "Cancel",
+        "confirmRemove": "Confirm Remove"
+      },
+      "invite": {
+        "title": "Invite Members",
+        "description": "Invite new members to join the organization via email",
+        "emailLabel": "Member Email",
+        "roleLabel": "Invite Role",
+        "roleNote": "Currently only member role is supported",
+        "sendFailed": "Failed to send invitation, please try again later",
+        "sendSuccess": "Invitation sent, waiting for acceptance",
+        "sending": "Sending...",
+        "send": "Send Invitation"
+      }
+    },
     "profile": {
       "pageTitle": "Profile",
       "pageDescription": "Manage your account information and preferences",
@@ -557,6 +587,8 @@
     "pageTitle": "Dashboard",
     "pageDescription": "Feedback management overview",
     "visitPortal": "Visit Web Portal",
+    "currentOrganization": "Current Organization",
+    "slug": "Slug",
     "stats": {
       "totalFeedback": "Total Feedback",
       "pending": "Pending",

package/messages/jp.json

@@ -126,6 +126,36 @@
       "updatedSuccess": "組織情報を更新しました",
       "genericError": "エラーが発生しました。後でもう一度お試しください。"
     },
+    "organizationPage": {
+      "pageTitle": "組織管理",
+      "pageDescription": "組織情報とメンバーを管理します",
+      "members": {
+        "title": "組織メンバー",
+        "description": "組織内のメンバーを表示・管理",
+        "noMembers": "現在この組織にはメンバーがいません。",
+        "unknownMember": "不明なメンバー",
+        "removeFailed": "メンバーの削除に失敗しました。後でもう一度お試しください",
+        "updateRoleFailed": "ロールの更新に失敗しました。後でもう一度お試しください",
+        "cannotRemoveSelf": "自分自身を削除できません",
+        "removing": "削除中...",
+        "remove": "削除",
+        "confirmRemoveTitle": "メンバーを削除しますか？",
+        "confirmRemoveDescription": "{name} は組織へのアクセス権を失います。この操作は取り消せません。",
+        "cancel": "キャンセル",
+        "confirmRemove": "削除を確認"
+      },
+      "invite": {
+        "title": "メンバーを招待",
+        "description": "メールでメンバーを組織に招待",
+        "emailLabel": "メンバーのメールアドレス",
+        "roleLabel": "招待ロール",
+        "roleNote": "現在はメンバーロールのみサポートされています",
+        "sendFailed": "招待の送信に失敗しました。後でもう一度お試しください",
+        "sendSuccess": "招待を送信しました。相手の承認をお待ちください",
+        "sending": "送信中...",
+        "send": "招待を送信"
+      }
+    },
     "profile": {
       "pageTitle": "プロフィール",
       "pageDescription": "アカウント情報と設定を管理",
@@ -557,6 +587,8 @@
     "pageTitle": "ダッシュボード",
     "pageDescription": "フィードバック管理の概要",
     "visitPortal": "Web Portalにアクセス",
+    "currentOrganization": "現在の組織",
+    "slug": "スラッグ",
     "stats": {
       "totalFeedback": "総フィードバック数",
       "pending": "保留中",

package/messages/zh-CN.json

@@ -126,6 +126,36 @@
       "updatedSuccess": "组织信息已更新",
       "genericError": "发生错误，请稍后重试"
     },
+    "organizationPage": {
+      "pageTitle": "组织管理",
+      "pageDescription": "管理您的组织信息和成员",
+      "members": {
+        "title": "组织成员",
+        "description": "查看并移除组织中的成员",
+        "noMembers": "当前组织暂无成员。",
+        "unknownMember": "未知成员",
+        "removeFailed": "移除失败，请稍后重试",
+        "updateRoleFailed": "更新角色失败，请稍后重试",
+        "cannotRemoveSelf": "不能移除自己",
+        "removing": "移除中...",
+        "remove": "移除",
+        "confirmRemoveTitle": "确认移除成员？",
+        "confirmRemoveDescription": "{name} 将失去组织访问权限，此操作无法撤销。",
+        "cancel": "取消",
+        "confirmRemove": "确认移除"
+      },
+      "invite": {
+        "title": "邀请成员",
+        "description": "通过邮箱邀请新成员加入组织",
+        "emailLabel": "成员邮箱",
+        "roleLabel": "邀请角色",
+        "roleNote": "当前仅支持成员角色",
+        "sendFailed": "发送邀请失败，请稍后重试",
+        "sendSuccess": "邀请已发送，等待对方接受",
+        "sending": "发送中...",
+        "send": "发送邀请"
+      }
+    },
     "profile": {
       "pageTitle": "个人资料",
       "pageDescription": "管理你的账户信息和偏好设置",
@@ -557,6 +587,8 @@
     "pageTitle": "仪表盘",
     "pageDescription": "反馈管理概览",
     "visitPortal": "访问 Web Portal",
+    "currentOrganization": "当前组织",
+    "slug": "标识符",
     "stats": {
       "totalFeedback": "总反馈数",
       "pending": "待处理",

package/package.json

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