@elizaos/ui 2.0.0-beta.2 → 2.0.3-beta.3

package/cloud/organization/OrganizationSection.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Self-loading Organization settings section.
+ *
+ * Zero-arg component (the contract for `registerSettingsSection`): it resolves
+ * the current user + organization itself via {@link useOrganizationUser} and
+ * renders the {@link OrganizationTab}. This is what the Wave-3 settings/section
+ * agent registers into the settings-section registry, and what the cloud route
+ * (`OrganizationPage`) mounts.
+ *
+ * It does not own its own providers — it assumes it renders inside the cloud
+ * shell, which supplies the React-Query client and {@link CloudI18nProvider}.
+ */
+export declare function OrganizationSection(): import("react/jsx-runtime").JSX.Element;
+export default OrganizationSection;
+//# sourceMappingURL=OrganizationSection.d.ts.map

package/cloud/organization/OrganizationSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationSection.d.ts","sourceRoot":"","sources":["../../../../../../src/cloud/organization/OrganizationSection.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAOH,wBAAgB,mBAAmB,4CAwBlC;AAED,eAAe,mBAAmB,CAAC"}

package/cloud/organization/OrganizationSection.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Self-loading Organization settings section.
+ *
+ * Zero-arg component (the contract for `registerSettingsSection`): it resolves
+ * the current user + organization itself via {@link useOrganizationUser} and
+ * renders the {@link OrganizationTab}. This is what the Wave-3 settings/section
+ * agent registers into the settings-section registry, and what the cloud route
+ * (`OrganizationPage`) mounts.
+ *
+ * It does not own its own providers — it assumes it renders inside the cloud
+ * shell, which supplies the React-Query client and {@link CloudI18nProvider}.
+ */
+import { Loader2 } from "lucide-react";
+import { ApiError } from "../lib/api-client.js";
+import { useOrganizationUser } from "./data/use-organization.js";
+import { OrganizationTab } from "./organization-tab.js";
+export function OrganizationSection() {
+    const { data: user, isLoading, error } = useOrganizationUser();
+    if (isLoading) {
+        return (_jsx("div", { className: "flex items-center justify-center py-16", children: _jsx(Loader2, { className: "h-8 w-8 animate-spin text-[#FF5800]" }) }));
+    }
+    if (error || !user) {
+        const message = error instanceof ApiError && error.status === 401
+            ? "Sign in to Eliza Cloud to manage your organization."
+            : "Unable to load your organization.";
+        return (_jsx("div", { className: "bg-[rgba(10,10,10,0.75)] border border-brand-surface p-8 text-center", children: _jsx("p", { className: "text-sm font-mono text-white/60", children: message }) }));
+    }
+    return _jsx(OrganizationTab, { user: user });
+}
+export default OrganizationSection;

package/cloud/organization/data/cloud-org-types.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Organization DTO contract for the app-hosted Organization settings surface.
+ *
+ * These shapes mirror the canonical cloud-shared DTOs
+ * (`@elizaos/cloud-shared/types` — `OrgMemberDto`, `OrgInviteDto`,
+ * `OrganizationDto`, `UserWithOrganizationDto`) returned by:
+ *
+ * - `GET  /api/v1/user`                          → current user + organization
+ * - `GET  /api/organizations/members`            → {@link OrgMemberDto}[]
+ * - `GET  /api/organizations/invites`            → {@link OrgInviteDto}[]
+ *
+ * They are re-declared locally (not imported from `@elizaos/cloud-shared`)
+ * because `@elizaos/ui` deliberately does not depend on the cloud-shared server
+ * bundle. If the backend contract changes, update both — these are the exact
+ * fields the route handlers serialize (see
+ * `packages/cloud-api/organizations/**` and
+ * `packages/cloud-shared/src/types/cloud-api.ts`).
+ */
+export interface OrgMemberDto {
+    id: string;
+    name: string | null;
+    email: string | null;
+    wallet_address: string | null;
+    wallet_chain_type: string | null;
+    role: string;
+    is_active: boolean;
+    created_at: string;
+    updated_at: string;
+}
+export interface OrgInviteDto {
+    id: string;
+    email: string;
+    role: string;
+    status: string;
+    expires_at: string;
+    created_at: string;
+    inviter: {
+        id: string;
+        name: string | null;
+        email: string | null;
+    } | null;
+    accepted_at: string | null;
+}
+export interface OrganizationDto {
+    id: string;
+    name: string;
+    slug: string;
+    credit_balance: string;
+    billing_email: string | null;
+    is_active: boolean;
+    created_at: string;
+    updated_at: string;
+}
+export interface UserWithOrganizationDto {
+    id: string;
+    email: string | null;
+    name: string | null;
+    wallet_address: string | null;
+    wallet_chain_type: string | null;
+    organization_id: string | null;
+    role: string;
+    organization: OrganizationDto | null;
+}
+/** `member` | `admin` — the two roles an invite can target (owner is implicit). */
+export type InviteRole = "member" | "admin";
+//# sourceMappingURL=cloud-org-types.d.ts.map

package/cloud/organization/data/cloud-org-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloud-org-types.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud/organization/data/cloud-org-types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAEH,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE;QACP,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;QACpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;KACtB,GAAG,IAAI,CAAC;IACT,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,uBAAuB;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,eAAe,GAAG,IAAI,CAAC;CACtC;AAED,mFAAmF;AACnF,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC"}

package/cloud/organization/data/cloud-org-types.js

@@ -0,0 +1,19 @@
+/**
+ * Organization DTO contract for the app-hosted Organization settings surface.
+ *
+ * These shapes mirror the canonical cloud-shared DTOs
+ * (`@elizaos/cloud-shared/types` — `OrgMemberDto`, `OrgInviteDto`,
+ * `OrganizationDto`, `UserWithOrganizationDto`) returned by:
+ *
+ * - `GET  /api/v1/user`                          → current user + organization
+ * - `GET  /api/organizations/members`            → {@link OrgMemberDto}[]
+ * - `GET  /api/organizations/invites`            → {@link OrgInviteDto}[]
+ *
+ * They are re-declared locally (not imported from `@elizaos/cloud-shared`)
+ * because `@elizaos/ui` deliberately does not depend on the cloud-shared server
+ * bundle. If the backend contract changes, update both — these are the exact
+ * fields the route handlers serialize (see
+ * `packages/cloud-api/organizations/**` and
+ * `packages/cloud-shared/src/types/cloud-api.ts`).
+ */
+export {};

package/cloud/organization/data/use-organization.d.ts

@@ -0,0 +1,44 @@
+/**
+ * React-Query data hooks for the Organization settings surface.
+ *
+ * Ported from the cloud-frontend organization tab, which used raw `fetch()` +
+ * manual `useState`/`useEffect` loading and component-local refetch. Here the
+ * reads/writes go through the shared typed {@link api} client and React-Query,
+ * so mutations invalidate the relevant query instead of re-running ad-hoc
+ * fetchers.
+ *
+ * Endpoints (note plural `organizations`, no `/v1`):
+ * - `GET    /api/v1/user`                          current user + organization
+ * - `GET    /api/organizations/members`            list members (owner/admin)
+ * - `GET    /api/organizations/invites`            list invites (owner/admin)
+ * - `POST   /api/organizations/invites`            create invite (owner/admin)
+ * - `DELETE /api/organizations/invites/:inviteId`  revoke invite (owner/admin)
+ * - `PATCH  /api/organizations/members/:userId`    update role (owner)
+ * - `DELETE /api/organizations/members/:userId`    remove member (owner/admin)
+ */
+import type { InviteRole, OrgInviteDto, OrgMemberDto, UserWithOrganizationDto } from "./cloud-org-types.js";
+export declare const organizationQueryKeys: {
+    user: readonly ["cloud", "organization", "user"];
+    members: readonly ["cloud", "organization", "members"];
+    invites: readonly ["cloud", "organization", "invites"];
+};
+/** Current user (with organization) used to scope the org surface + RBAC. */
+export declare function useOrganizationUser(): import("@tanstack/react-query").UseQueryResult<NoInfer<UserWithOrganizationDto>, Error>;
+/** Organization members. Backend gates this to owner/admin (403 otherwise). */
+export declare function useOrganizationMembers(enabled: boolean): import("@tanstack/react-query").UseQueryResult<NoInfer<OrgMemberDto[]>, Error>;
+/** Pending + historical invites. Backend gates this to owner/admin. */
+export declare function useOrganizationInvites(enabled: boolean): import("@tanstack/react-query").UseQueryResult<NoInfer<OrgInviteDto[]>, Error>;
+/** Translate an {@link ApiError} into the human message the API put in `error`. */
+declare function messageOf(error: unknown, fallback: string): string;
+export declare function useCreateInvite(): import("@tanstack/react-query").UseMutationResult<void, Error, {
+    email: string;
+    role: InviteRole;
+}, unknown>;
+export declare function useRevokeInvite(): import("@tanstack/react-query").UseMutationResult<void, Error, string, unknown>;
+export declare function useUpdateMemberRole(): import("@tanstack/react-query").UseMutationResult<void, Error, {
+    userId: string;
+    role: InviteRole;
+}, unknown>;
+export declare function useRemoveMember(): import("@tanstack/react-query").UseMutationResult<void, Error, string, unknown>;
+export { messageOf as organizationErrorMessage };
+//# sourceMappingURL=use-organization.d.ts.map

package/cloud/organization/data/use-organization.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-organization.d.ts","sourceRoot":"","sources":["../../../../../../../src/cloud/organization/data/use-organization.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAIH,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,uBAAuB,EACxB,MAAM,mBAAmB,CAAC;AAQ3B,eAAO,MAAM,qBAAqB;;;;CAIjC,CAAC;AAEF,6EAA6E;AAC7E,wBAAgB,mBAAmB,4FAQlC;AAED,+EAA+E;AAC/E,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,OAAO,kFAWtD;AAED,uEAAuE;AACvE,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,OAAO,kFAWtD;AAED,mFAAmF;AACnF,iBAAS,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAI3D;AAED,wBAAgB,eAAe;WAGQ,MAAM;UAAQ,UAAU;YAY9D;AAED,wBAAgB,eAAe,oFAY9B;AAED,wBAAgB,mBAAmB;YAGK,MAAM;UAAQ,UAAU;YAY/D;AAED,wBAAgB,eAAe,oFAY9B;AAED,OAAO,EAAE,SAAS,IAAI,wBAAwB,EAAE,CAAC"}

package/cloud/organization/data/use-organization.js

@@ -0,0 +1,124 @@
+/**
+ * React-Query data hooks for the Organization settings surface.
+ *
+ * Ported from the cloud-frontend organization tab, which used raw `fetch()` +
+ * manual `useState`/`useEffect` loading and component-local refetch. Here the
+ * reads/writes go through the shared typed {@link api} client and React-Query,
+ * so mutations invalidate the relevant query instead of re-running ad-hoc
+ * fetchers.
+ *
+ * Endpoints (note plural `organizations`, no `/v1`):
+ * - `GET    /api/v1/user`                          current user + organization
+ * - `GET    /api/organizations/members`            list members (owner/admin)
+ * - `GET    /api/organizations/invites`            list invites (owner/admin)
+ * - `POST   /api/organizations/invites`            create invite (owner/admin)
+ * - `DELETE /api/organizations/invites/:inviteId`  revoke invite (owner/admin)
+ * - `PATCH  /api/organizations/members/:userId`    update role (owner)
+ * - `DELETE /api/organizations/members/:userId`    remove member (owner/admin)
+ */
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { ApiError, api } from "../../lib/api-client.js";
+export const organizationQueryKeys = {
+    user: ["cloud", "organization", "user"],
+    members: ["cloud", "organization", "members"],
+    invites: ["cloud", "organization", "invites"],
+};
+/** Current user (with organization) used to scope the org surface + RBAC. */
+export function useOrganizationUser() {
+    return useQuery({
+        queryKey: organizationQueryKeys.user,
+        queryFn: async () => {
+            const res = await api("/api/v1/user");
+            return res.data;
+        },
+    });
+}
+/** Organization members. Backend gates this to owner/admin (403 otherwise). */
+export function useOrganizationMembers(enabled) {
+    return useQuery({
+        queryKey: organizationQueryKeys.members,
+        enabled,
+        queryFn: async () => {
+            const res = await api("/api/organizations/members");
+            return res.data;
+        },
+    });
+}
+/** Pending + historical invites. Backend gates this to owner/admin. */
+export function useOrganizationInvites(enabled) {
+    return useQuery({
+        queryKey: organizationQueryKeys.invites,
+        enabled,
+        queryFn: async () => {
+            const res = await api("/api/organizations/invites");
+            return res.data;
+        },
+    });
+}
+/** Translate an {@link ApiError} into the human message the API put in `error`. */
+function messageOf(error, fallback) {
+    if (error instanceof ApiError)
+        return error.message || fallback;
+    if (error instanceof Error)
+        return error.message || fallback;
+    return fallback;
+}
+export function useCreateInvite() {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: async (input) => {
+            await api("/api/organizations/invites", {
+                method: "POST",
+                json: input,
+            });
+        },
+        onSuccess: () => {
+            void queryClient.invalidateQueries({
+                queryKey: organizationQueryKeys.invites,
+            });
+        },
+    });
+}
+export function useRevokeInvite() {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: async (inviteId) => {
+            await api(`/api/organizations/invites/${inviteId}`, { method: "DELETE" });
+        },
+        onSuccess: () => {
+            void queryClient.invalidateQueries({
+                queryKey: organizationQueryKeys.invites,
+            });
+        },
+    });
+}
+export function useUpdateMemberRole() {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: async (input) => {
+            await api(`/api/organizations/members/${input.userId}`, {
+                method: "PATCH",
+                json: { role: input.role },
+            });
+        },
+        onSuccess: () => {
+            void queryClient.invalidateQueries({
+                queryKey: organizationQueryKeys.members,
+            });
+        },
+    });
+}
+export function useRemoveMember() {
+    const queryClient = useQueryClient();
+    return useMutation({
+        mutationFn: async (userId) => {
+            await api(`/api/organizations/members/${userId}`, { method: "DELETE" });
+        },
+        onSuccess: () => {
+            void queryClient.invalidateQueries({
+                queryKey: organizationQueryKeys.members,
+            });
+        },
+    });
+}
+export { messageOf as organizationErrorMessage };

package/cloud/organization/index.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Organization domain barrel (app-hosted Eliza Cloud).
+ *
+ * Members + invites management with RBAC owner > admin > member. Lifted from
+ * `@elizaos/cloud-frontend/src/dashboard/settings/_components/.../organization`
+ * and rewired onto the app's shared cloud infra (typed `api` client +
+ * React-Query + cloud route registry + cloud i18n).
+ *
+ * Consumers:
+ * - the Wave-3 settings agent registers {@link OrganizationSection} (zero-arg,
+ *   self-loading) into the settings-section registry.
+ * - the cloud router shell mounts the standalone route by side-effect of
+ *   importing `./routes` (which calls `registerCloudRoute("dashboard/organization")`).
+ *
+ * Single-org reality: a user belongs to exactly one organization. Accepting an
+ * invite *moves* the invitee to this org (it does not add a second membership);
+ * the invite dialog copy surfaces that explicitly.
+ */
+import "./routes.js";
+export type { InviteRole, OrganizationDto, OrgInviteDto, OrgMemberDto, UserWithOrganizationDto, } from "./data/cloud-org-types.js";
+export { organizationErrorMessage, organizationQueryKeys, useCreateInvite, useOrganizationInvites, useOrganizationMembers, useOrganizationUser, useRemoveMember, useRevokeInvite, useUpdateMemberRole, } from "./data/use-organization.js";
+export { InviteMemberDialog } from "./invite-member-dialog.js";
+export { MembersList } from "./members-list.js";
+export { MembersTab } from "./members-tab.js";
+export { OrganizationPage } from "./OrganizationPage.js";
+export { default as OrganizationSectionDefault, OrganizationSection, } from "./OrganizationSection.js";
+export { OrganizationGeneralTab } from "./organization-general-tab.js";
+export { OrganizationTab } from "./organization-tab.js";
+export { PendingInvitesList } from "./pending-invites-list.js";
+//# sourceMappingURL=index.d.ts.map

package/cloud/organization/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/cloud/organization/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAGH,OAAO,UAAU,CAAC;AAElB,YAAY,EACV,UAAU,EACV,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,uBAAuB,GACxB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,wBAAwB,EACxB,qBAAqB,EACrB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,eAAe,EACf,eAAe,EACf,mBAAmB,GACpB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EACL,OAAO,IAAI,0BAA0B,EACrC,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC"}

package/cloud/organization/index.js

@@ -0,0 +1,29 @@
+/**
+ * Organization domain barrel (app-hosted Eliza Cloud).
+ *
+ * Members + invites management with RBAC owner > admin > member. Lifted from
+ * `@elizaos/cloud-frontend/src/dashboard/settings/_components/.../organization`
+ * and rewired onto the app's shared cloud infra (typed `api` client +
+ * React-Query + cloud route registry + cloud i18n).
+ *
+ * Consumers:
+ * - the Wave-3 settings agent registers {@link OrganizationSection} (zero-arg,
+ *   self-loading) into the settings-section registry.
+ * - the cloud router shell mounts the standalone route by side-effect of
+ *   importing `./routes` (which calls `registerCloudRoute("dashboard/organization")`).
+ *
+ * Single-org reality: a user belongs to exactly one organization. Accepting an
+ * invite *moves* the invitee to this org (it does not add a second membership);
+ * the invite dialog copy surfaces that explicitly.
+ */
+// Side-effect: register the `dashboard/organization` cloud route.
+import "./routes.js";
+export { organizationErrorMessage, organizationQueryKeys, useCreateInvite, useOrganizationInvites, useOrganizationMembers, useOrganizationUser, useRemoveMember, useRevokeInvite, useUpdateMemberRole, } from "./data/use-organization.js";
+export { InviteMemberDialog } from "./invite-member-dialog.js";
+export { MembersList } from "./members-list.js";
+export { MembersTab } from "./members-tab.js";
+export { OrganizationPage } from "./OrganizationPage.js";
+export { default as OrganizationSectionDefault, OrganizationSection, } from "./OrganizationSection.js";
+export { OrganizationGeneralTab } from "./organization-general-tab.js";
+export { OrganizationTab } from "./organization-tab.js";
+export { PendingInvitesList } from "./pending-invites-list.js";

package/cloud/organization/invite-member-dialog.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Dialog component for inviting members to an organization.
+ * Allows setting email and role (member or admin) with validation and error
+ * handling.
+ *
+ * Ported from `@elizaos/cloud-frontend`; the raw `fetch()` POST is replaced by
+ * the {@link useCreateInvite} React-Query mutation (typed client +
+ * invalidation), and the copy now surfaces the single-org reality: accepting an
+ * invite *moves* the invitee's organization (Eliza Cloud is single-membership),
+ * so the invitee switches to this org rather than gaining a second membership.
+ *
+ * @param props - Invite member dialog configuration
+ * @param props.isOpen - Whether dialog is open
+ * @param props.onClose - Callback when dialog closes
+ * @param props.onSuccess - Callback when invitation is successfully sent
+ * @param props.organizationName - Name of the org the invitee will switch to
+ */
+interface InviteMemberDialogProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSuccess: () => void;
+    organizationName: string;
+}
+export declare function InviteMemberDialog({ isOpen, onClose, onSuccess, organizationName, }: InviteMemberDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=invite-member-dialog.d.ts.map

package/cloud/organization/invite-member-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"invite-member-dialog.d.ts","sourceRoot":"","sources":["../../../../../../src/cloud/organization/invite-member-dialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAyBH,UAAU,uBAAuB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,OAAO,EACP,SAAS,EACT,gBAAgB,GACjB,EAAE,uBAAuB,2CAuKzB"}

package/cloud/organization/invite-member-dialog.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Dialog component for inviting members to an organization.
+ * Allows setting email and role (member or admin) with validation and error
+ * handling.
+ *
+ * Ported from `@elizaos/cloud-frontend`; the raw `fetch()` POST is replaced by
+ * the {@link useCreateInvite} React-Query mutation (typed client +
+ * invalidation), and the copy now surfaces the single-org reality: accepting an
+ * invite *moves* the invitee's organization (Eliza Cloud is single-membership),
+ * so the invitee switches to this org rather than gaining a second membership.
+ *
+ * @param props - Invite member dialog configuration
+ * @param props.isOpen - Whether dialog is open
+ * @param props.onClose - Callback when dialog closes
+ * @param props.onSuccess - Callback when invitation is successfully sent
+ * @param props.organizationName - Name of the org the invitee will switch to
+ */
+import { AlertCircle, Loader2, Mail, UserCog } from "lucide-react";
+import { useState } from "react";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../cloud-ui/index.js";
+import { organizationErrorMessage, useCreateInvite, } from "./data/use-organization.js";
+export function InviteMemberDialog({ isOpen, onClose, onSuccess, organizationName, }) {
+    const [email, setEmail] = useState("");
+    const [role, setRole] = useState("member");
+    const [error, setError] = useState(null);
+    const createInvite = useCreateInvite();
+    const isSubmitting = createInvite.isPending;
+    const handleSubmit = async (e) => {
+        e.preventDefault();
+        setError(null);
+        if (!email?.includes("@")) {
+            setError("Please enter a valid email address");
+            return;
+        }
+        try {
+            await createInvite.mutateAsync({ email, role });
+            setEmail("");
+            setRole("member");
+            onSuccess();
+        }
+        catch (err) {
+            setError(organizationErrorMessage(err, "Failed to send invitation"));
+        }
+    };
+    const handleClose = () => {
+        if (!isSubmitting) {
+            setEmail("");
+            setRole("member");
+            setError(null);
+            onClose();
+        }
+    };
+    return (_jsx(Dialog, { open: isOpen, onOpenChange: handleClose, children: _jsxs(DialogContent, { className: "bg-neutral-950 border border-brand-surface p-4 sm:p-6 max-w-[95vw] sm:max-w-md", children: [_jsxs(DialogHeader, { children: [_jsxs(DialogTitle, { className: "flex items-center gap-2 text-white font-mono", children: [_jsx(Mail, { className: "h-5 w-5 text-[#FF5800]" }), "Invite Team Member"] }), _jsxs(DialogDescription, { className: "text-white/60 font-mono text-xs md:text-sm", children: ["Send an invitation to join", " ", _jsx("span", { className: "text-white", children: organizationName }), ". They'll receive an email with a link to accept. Accepting will switch them to ", _jsx("span", { className: "text-white", children: organizationName }), " \u2014 a person belongs to one organization at a time, so they'll leave their current one."] })] }), _jsxs("form", { onSubmit: handleSubmit, className: "space-y-4", children: [error && (_jsxs("div", { className: "bg-[#EB4335]/10 border border-[#EB4335]/40 p-3 flex items-start gap-2", children: [_jsx(AlertCircle, { className: "h-4 w-4 text-[#EB4335] flex-shrink-0 mt-0.5" }), _jsx("p", { className: "text-xs md:text-sm font-mono text-[#EB4335]", children: error })] })), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "email", className: "text-white font-mono text-sm", children: "Email Address" }), _jsx(Input, { id: "email", type: "email", placeholder: "colleague@company.com", value: email, onChange: (e) => setEmail(e.target.value), disabled: isSubmitting, required: true, autoFocus: true, className: "bg-transparent border-[#303030] text-white" }), _jsx("p", { className: "text-xs font-mono text-white/40", children: "They'll need to sign up with this email address" })] }), _jsxs("div", { className: "space-y-2", children: [_jsxs(Label, { htmlFor: "role", className: "flex items-center gap-2 text-white font-mono text-sm", children: [_jsx(UserCog, { className: "h-4 w-4 text-[#FF5800]" }), "Role"] }), _jsxs(Select, { value: role, onValueChange: (value) => setRole(value), disabled: isSubmitting, children: [_jsx(SelectTrigger, { id: "role", className: "bg-transparent border-[#303030] text-white", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { className: "bg-[#1a1a1a] border-[#303030]", children: [_jsx(SelectItem, { value: "member", children: _jsxs("div", { className: "flex flex-col items-start", children: [_jsx("span", { className: "font-mono font-medium text-white", children: "Member" }), _jsx("span", { className: "text-xs font-mono text-white/40", children: "Can use resources and view organization" })] }) }), _jsx(SelectItem, { value: "admin", children: _jsxs("div", { className: "flex flex-col items-start", children: [_jsx("span", { className: "font-mono font-medium text-white", children: "Admin" }), _jsx("span", { className: "text-xs font-mono text-white/40", children: "Can invite and manage members" })] }) })] })] })] }), _jsxs(DialogFooter, { className: "gap-2 sm:gap-0 flex flex-col sm:flex-row", children: [_jsx("button", { type: "button", onClick: handleClose, disabled: isSubmitting, className: "px-4 py-2 text-white hover:bg-white/5 transition-colors disabled:opacity-50 order-2 sm:order-1", children: "Cancel" }), _jsxs("button", { type: "submit", disabled: isSubmitting, className: "relative bg-[#e1e1e1] px-4 py-2 overflow-hidden hover:bg-white transition-colors disabled:opacity-50 disabled:cursor-not-allowed order-1 sm:order-2", children: [_jsx("div", { className: "absolute inset-0 opacity-20 bg-repeat pointer-events-none", style: {
+                                                backgroundImage: `url(/assets/settings/pattern-6px-flip.png)`,
+                                                backgroundSize: "2.915576934814453px 2.915576934814453px",
+                                            } }), _jsx("span", { className: "relative z-10 text-black font-mono font-medium text-sm flex items-center justify-center gap-2", children: isSubmitting ? (_jsxs(_Fragment, { children: [_jsx(Loader2, { className: "h-4 w-4 animate-spin" }), "Sending..."] })) : (_jsxs(_Fragment, { children: [_jsx(Mail, { className: "h-4 w-4" }), "Send Invitation"] })) })] })] })] })] }) }));
+}

package/cloud/organization/members-list.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Members list component displaying organization members with role management.
+ * Supports role updates and member removal with permission checks.
+ *
+ * Ported from `@elizaos/cloud-frontend` org settings; imports retargeted to the
+ * app-hosted cloud-ui bundle + local DTO contract + cloud i18n context.
+ *
+ * @param props - Members list configuration
+ * @param props.members - Array of member objects
+ * @param props.currentUserId - Current user's ID
+ * @param props.currentUserRole - Current user's role
+ * @param props.isOwner - Whether current user is organization owner
+ * @param props.onUpdateRole - Callback when member role is updated
+ * @param props.onRemove - Callback when member is removed
+ */
+import type { OrgMemberDto } from "./data/cloud-org-types.js";
+interface MembersListProps {
+    members: OrgMemberDto[];
+    currentUserId: string;
+    currentUserRole: string;
+    isOwner: boolean;
+    onUpdateRole: (userId: string, role: string) => void;
+    onRemove: (userId: string) => void;
+}
+export declare function MembersList({ members, currentUserId, currentUserRole, isOwner, onUpdateRole, onRemove, }: MembersListProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=members-list.d.ts.map

package/cloud/organization/members-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"members-list.d.ts","sourceRoot":"","sources":["../../../../../../src/cloud/organization/members-list.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAqBH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,UAAU,gBAAgB;IACxB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,aAAa,EACb,eAAe,EACf,OAAO,EACP,YAAY,EACZ,QAAQ,GACT,EAAE,gBAAgB,2CAsOlB"}

package/cloud/organization/members-list.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Members list component displaying organization members with role management.
+ * Supports role updates and member removal with permission checks.
+ *
+ * Ported from `@elizaos/cloud-frontend` org settings; imports retargeted to the
+ * app-hosted cloud-ui bundle + local DTO contract + cloud i18n context.
+ *
+ * @param props - Members list configuration
+ * @param props.members - Array of member objects
+ * @param props.currentUserId - Current user's ID
+ * @param props.currentUserRole - Current user's role
+ * @param props.isOwner - Whether current user is organization owner
+ * @param props.onUpdateRole - Callback when member role is updated
+ * @param props.onRemove - Callback when member is removed
+ */
+import { format } from "date-fns";
+import { Crown, Mail, Shield, User, UserMinus, Wallet } from "lucide-react";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../../cloud-ui/index.js";
+import { useCloudT } from "../shell/CloudI18nProvider.js";
+export function MembersList({ members, currentUserId, currentUserRole, isOwner, onUpdateRole, onRemove, }) {
+    const t = useCloudT();
+    if (members.length === 0) {
+        return (_jsxs("div", { className: "bg-[rgba(10,10,10,0.75)] border border-brand-surface p-8 text-center", children: [_jsx(User, { className: "h-12 w-12 mx-auto text-white/40 mb-4" }), _jsx("p", { className: "text-sm font-mono text-white/60", children: t("cloud.membersList.noMembers", {
+                        defaultValue: "No members found",
+                    }) })] }));
+    }
+    const getRoleIcon = (role) => {
+        switch (role) {
+            case "owner":
+                return _jsx(Crown, { className: "h-4 w-4" });
+            case "admin":
+                return _jsx(Shield, { className: "h-4 w-4" });
+            default:
+                return _jsx(User, { className: "h-4 w-4" });
+        }
+    };
+    const getInitials = (member) => {
+        if (member.name) {
+            return member.name
+                .split(" ")
+                .map((n) => n[0])
+                .join("")
+                .toUpperCase()
+                .substring(0, 2);
+        }
+        if (member.email) {
+            return member.email.substring(0, 2).toUpperCase();
+        }
+        if (member.wallet_address) {
+            return member.wallet_address.substring(2, 4).toUpperCase();
+        }
+        return "??";
+    };
+    const getDisplayName = (member) => {
+        if (member.name)
+            return member.name;
+        if (member.email)
+            return member.email;
+        if (member.wallet_address) {
+            return `${member.wallet_address.substring(0, 6)}...${member.wallet_address.substring(member.wallet_address.length - 4)}`;
+        }
+        return t("cloud.membersList.unknown", { defaultValue: "Unknown" });
+    };
+    const canUpdateRole = (member) => {
+        return isOwner && member.id !== currentUserId && member.role !== "owner";
+    };
+    const canRemove = (member) => {
+        if (member.id === currentUserId)
+            return false;
+        if (member.role === "owner")
+            return false;
+        if (currentUserRole === "owner")
+            return true;
+        if (currentUserRole === "admin" && member.role !== "admin")
+            return true;
+        return false;
+    };
+    return (_jsx("div", { className: "space-y-3", children: members.map((member) => (_jsx("div", { className: "bg-[rgba(10,10,10,0.75)] border border-brand-surface p-3 md:p-4", children: _jsxs("div", { className: "flex flex-col sm:flex-row items-start gap-4", children: [_jsx("div", { className: "flex items-center justify-center bg-[rgba(255,88,0,0.25)] size-10 md:size-12 flex-shrink-0", children: _jsx("span", { className: "text-white text-sm md:text-base font-mono font-medium", children: getInitials(member) }) }), _jsx("div", { className: "flex-1 min-w-0 w-full", children: _jsxs("div", { className: "flex flex-col lg:flex-row items-start justify-between gap-3 lg:gap-4", children: [_jsxs("div", { className: "flex-1 min-w-0 w-full", children: [_jsxs("div", { className: "flex items-center gap-2 mb-1 flex-wrap", children: [_jsx("h4", { className: "font-mono font-semibold text-sm md:text-base text-white truncate", children: getDisplayName(member) }), member.id === currentUserId && (_jsx("span", { className: "px-2 py-0.5 border border-white/20 text-xs font-mono text-white/60", children: t("cloud.membersList.you", { defaultValue: "You" }) }))] }), _jsxs("div", { className: "space-y-1", children: [member.email && (_jsxs("p", { className: "text-xs md:text-sm font-mono text-white/60 flex items-center gap-1.5", children: [_jsx(Mail, { className: "h-3.5 w-3.5 flex-shrink-0" }), _jsx("span", { className: "truncate", children: member.email })] })), member.wallet_address && (_jsxs("p", { className: "text-xs md:text-sm font-mono text-white/60 flex items-center gap-1.5 flex-wrap", children: [_jsx(Wallet, { className: "h-3.5 w-3.5 flex-shrink-0" }), _jsxs("span", { className: "font-mono text-xs break-all", children: [member.wallet_address.substring(0, 10), "...", member.wallet_address.substring(member.wallet_address.length - 8)] }), member.wallet_chain_type && (_jsx("span", { className: "px-2 py-0.5 border border-white/20 text-xs font-mono text-white/60", children: member.wallet_chain_type }))] })), _jsx("p", { className: "text-xs font-mono text-white/40", children: t("cloud.membersList.memberSince", {
+                                                        date: format(new Date(member.created_at), "MMM d, yyyy"),
+                                                        defaultValue: "Member since {{date}}",
+                                                    }) })] })] }), _jsxs("div", { className: "flex items-center gap-2 w-full sm:w-auto justify-end", children: [canUpdateRole(member) ? (_jsxs(Select, { value: member.role, onValueChange: (role) => onUpdateRole(member.id, role), children: [_jsx(SelectTrigger, { className: "w-full sm:w-32 bg-transparent border-[#303030] text-white", children: _jsx(SelectValue, { children: _jsxs("div", { className: "flex items-center gap-1.5", children: [getRoleIcon(member.role), _jsx("span", { className: "capitalize font-mono text-xs md:text-sm", children: member.role })] }) }) }), _jsxs(SelectContent, { className: "bg-[#1a1a1a] border-[#303030]", children: [_jsx(SelectItem, { value: "admin", children: _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(Shield, { className: "h-4 w-4" }), _jsx("span", { className: "font-mono", children: t("cloud.membersList.admin", {
+                                                                            defaultValue: "Admin",
+                                                                        }) })] }) }), _jsx(SelectItem, { value: "member", children: _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(User, { className: "h-4 w-4" }), _jsx("span", { className: "font-mono", children: t("cloud.membersList.member", {
+                                                                            defaultValue: "Member",
+                                                                        }) })] }) })] })] })) : (_jsxs("span", { className: `px-2 py-1 border text-xs font-mono uppercase flex items-center gap-1.5 ${member.role === "owner" ? "bg-[#FF5800]/20 text-[#FF5800] border-[#FF5800]/40" : member.role === "admin" ? "bg-white/10 text-white border-white/20" : "bg-white/5 text-white/60 border-white/10"}`, children: [getRoleIcon(member.role), _jsx("span", { className: "capitalize", children: member.role })] })), canRemove(member) && (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx("button", { type: "button", className: "p-2 hover:bg-white/5 transition-colors border border-white/10", children: _jsx(UserMinus, { className: "h-4 w-4 text-[#EB4335]" }) }) }), _jsxs(AlertDialogContent, { className: "bg-neutral-950 border border-brand-surface", children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { className: "text-white font-mono", children: t("cloud.membersList.removeMember", {
+                                                                        defaultValue: "Remove Member",
+                                                                    }) }), _jsx(AlertDialogDescription, { className: "text-white/60 font-mono text-sm", children: t("cloud.membersList.removeConfirm", {
+                                                                        name: getDisplayName(member),
+                                                                        defaultValue: "Are you sure you want to remove {{name}} from the organization? They will lose access to all resources.",
+                                                                    }) })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { className: "bg-transparent border-[#303030] text-white hover:bg-white/5", children: t("cloud.membersList.cancel", {
+                                                                        defaultValue: "Cancel",
+                                                                    }) }), _jsx(AlertDialogAction, { onClick: () => onRemove(member.id), className: "bg-[#EB4335] hover:bg-[#EB4335]/90 text-white", children: t("cloud.membersList.remove", {
+                                                                        defaultValue: "Remove",
+                                                                    }) })] })] })] }))] })] }) })] }) }, member.id))) }));
+}

package/cloud/organization/members-tab.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Members tab component for managing organization members and invites.
+ * Displays current members, pending invites, and provides invite functionality.
+ *
+ * Ported from `@elizaos/cloud-frontend`; the component's hand-rolled
+ * `useState`/`useEffect` fetchers + per-action `fetch()` calls are replaced by
+ * the React-Query hooks in `./data/use-organization` (typed client + automatic
+ * invalidation). RBAC (owner > admin > member) and toast UX are unchanged.
+ *
+ * @param props - Members tab configuration
+ * @param props.user - User data with organization information
+ */
+import type { UserWithOrganizationDto } from "./data/cloud-org-types.js";
+interface MembersTabProps {
+    user: UserWithOrganizationDto;
+}
+export declare function MembersTab({ user }: MembersTabProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=members-tab.d.ts.map