@streamoid/settings 0.7.3 → 0.7.5

package/dist/index.d.mts

@@ -182,6 +182,9 @@ interface SettingsWorkspaceListItem {
     /** The organization this workspace belongs to, if any. My workspaces groups
      *  the list under each organization (named from `organization.list()`). */
     organizationId?: string;
+    /** The organization's name, when the host has it (used by `listPage()`
+     *  rows whose organization isn't in `organization.list()`). */
+    organizationName?: string;
 }
 interface SettingsWorkspaceAdapter {
     /** Same authenticated transport used by the sidebar owner lookup. */
@@ -240,6 +243,20 @@ interface SettingsWorkspaceAdapter {
      * When omitted, the plan on each `list()` item is used as before.
      */
     fetchPlans?: (workspaceIds: string[]) => Promise<Record<string, string>>;
+    /**
+     * Optional: one page of the workspace list, from the API
+     * (`GET /workspace?limit=&offset=`). When given, My workspaces asks for each
+     * page as it is shown and renders exactly what comes back — `total` is every
+     * workspace the user can see. When omitted (or when a page request fails),
+     * My workspaces pages through `list()` in the browser as before.
+     */
+    listPage?: (params: {
+        limit: number;
+        offset: number;
+    }) => Promise<{
+        items: SettingsWorkspaceListItem[];
+        total: number;
+    }>;
     /**
      * Optional: host-controlled refresh after the package mutates workspace
      * state. If provided, the package will call this instead of (or in addition
@@ -349,6 +366,14 @@ interface OrganizationWorkspaceItem {
     imageUrl?: string;
     orgVisibility: "private" | "shared";
 }
+/** A shared workspace in the organization that the viewer isn't in yet. */
+interface OrganizationJoinableWorkspace {
+    _id: string;
+    name: string;
+    imageUrl?: string;
+    /** Who created it, shown under the name. */
+    ownerName?: string;
+}
 interface OrganizationJoinRequest {
     _id: string;
     workspace: {
@@ -438,6 +463,15 @@ interface SettingsOrganizationAdapter {
         canClaimEmailDomain?: boolean;
     }>;
     fetchWorkspaces: () => Promise<OrganizationWorkspaceItem[]>;
+    /**
+     * Optional: the organization's shared workspaces the viewer isn't in yet —
+     * the workspace picker's list. When given (with `joinWorkspaces`), org
+     * members see them under Organization › Workspaces and can join any of them
+     * as a member at any time, not only at first sign-in.
+     */
+    fetchJoinableWorkspaces?: () => Promise<OrganizationJoinableWorkspace[]>;
+    /** Optional: join those workspaces as a member. Resolves to the ids joined. */
+    joinWorkspaces?: (workspaceIds: string[]) => Promise<string[]>;
     fetchJoinRequests: () => Promise<OrganizationJoinRequest[]>;
     approveJoinRequest: (requestId: string) => Promise<void>;
     rejectJoinRequest: (requestId: string) => Promise<void>;
@@ -961,7 +995,7 @@ interface WorkspaceListGroup {
  * last. Groups keep the order the organizations came in.
  */
 declare function groupWorkspaceList(workspaces: WorkspaceInfo[], organizations?: WorkspaceListOrganization[]): WorkspaceListGroup[];
-declare function WorkspaceListTab({ workspaces, loading, onCreateClick: _onCreateClick, onEditClick, onSwitchClick, onLeaveClick, fetchPlans, organizations, pageSize, }: {
+declare function WorkspaceListTab({ workspaces, loading, onCreateClick: _onCreateClick, onEditClick, onSwitchClick, onLeaveClick, fetchPlans, organizations, pageSize, listPage, reloadKey, }: {
     workspaces: WorkspaceInfo[];
     loading: boolean;
     onCreateClick: () => void;
@@ -973,6 +1007,18 @@ declare function WorkspaceListTab({ workspaces, loading, onCreateClick: _onCreat
     /** The viewer's organizations, to group the list under. */
     organizations?: WorkspaceListOrganization[];
     pageSize?: number;
+    /** One page from the API (see SettingsWorkspaceAdapter.listPage). When
+     *  given, each page is fetched as it is shown and rendered as returned. */
+    listPage?: (params: {
+        limit: number;
+        offset: number;
+    }) => Promise<{
+        items: WorkspaceInfo[];
+        total: number;
+    }>;
+    /** Changes whenever the host's list changes (a leave, a rename…), so the
+     *  page on screen is fetched again. */
+    reloadKey?: string;
 }): react.JSX.Element;
 /**
  * @deprecated Renamed to `WorkspaceListTab` in 0.4.0 — the tab is a workspace
@@ -1439,4 +1485,4 @@ declare function SettingsAdaptersProvider({ adapters, children, }: {
  */
 declare function useSettingsAdapters(): SettingsAdapters;
 
-export { APP_KEYS, type ApiToken, type AppKey, type AvailableCreditsResponse, BillingContent, type BillingEventPayload, type BillingProduct, type BillingSubscription, BuyCreditsModal, type BuyCreditsPayload, type BuyCreditsResponse, ConfirmDeleteModal, ConfirmLeaveModal, type CreatedToken, type CustomCreditInfo, type CustomCreditResponse, DEFAULT_PERMISSIONS, DEFAULT_USER_LANGUAGE, ExportDateModal, InviteUpdateModal, type InvoicePdfResponse, MemberListFrame, type MemberListFrameProps, type MemberListTab, MemberListToolbar, type MemberListToolbarProps, type MemberPermissionsPayload, OrganizationContent, type OrganizationData, type OrganizationInvite, type OrganizationJoinRequest, type OrganizationMember, OrganizationMemberModal, type OrganizationMemberModalProps, OrganizationModal, type OrganizationView, type OrganizationWorkspaceItem, type Price, type PriceMetadata, type ProductsResponse, ProfileAvatar, ProfileTab, ReferralTab, SCOPE_LABELS, ScopeHeader, type ScopeHeaderProps, type ServiceItem, type SettingsAdapters, SettingsAdaptersProvider, type SettingsApiAdapter, type SettingsAuthAdapter, type SettingsAuthUser, SettingsContent, type SettingsContentProps, type SettingsImageUploadAdapter, type SettingsNavigationAdapter, type SettingsOrganizationAdapter, type SettingsOrganizationCurrent, type SettingsOrganizationListItem, type SettingsScope, type SettingsTab, type SettingsToastAdapter, SettingsTooltip, type SettingsTooltipPlacement, type SettingsTooltipProps, type SettingsWorkspaceAdapter, type SettingsWorkspaceCurrent, type SettingsWorkspaceListItem, SiconKey, type StoreItem, type SubscriptionPlan, type SubscriptionResponse, TAB_DESCRIPTIONS, TAB_LABELS, TAB_SCOPE, TAB_TO_URL, type TeamMember, TeamsContent, type TokenExpiry, TokensContent, URL_TO_TAB, USER_LANGUAGES, type UpdateSubscriptionPayload, type UpdateSubscriptionResponse, type UsageHistoryItem, type UsageHistoryResponse, type UserLanguage, type UserPermissions, WORKSPACE_LIST_PAGE_SIZE, type WorkspaceData, WorkspaceGeneralTab, type WorkspaceGeneralTabProps, type WorkspaceInvite, type WorkspaceListOrganization, WorkspaceListTab, type WorkspaceMember, WorkspaceModal, type WorkspaceOrganization, type WorkspaceOrganizationRequest, WorkspacePicker, type WorkspacePickerItem, type WorkspacePickerProps, WorkspaceTab, type WorkspaceUsageResponse, countLabel, groupWorkspaceList, loadWorkspaceOrganization, resolveSettingsTabFromPath, useSettingsAdapters, useWorkspaceOrganization, userLanguageLabel };
+export { APP_KEYS, type ApiToken, type AppKey, type AvailableCreditsResponse, BillingContent, type BillingEventPayload, type BillingProduct, type BillingSubscription, BuyCreditsModal, type BuyCreditsPayload, type BuyCreditsResponse, ConfirmDeleteModal, ConfirmLeaveModal, type CreatedToken, type CustomCreditInfo, type CustomCreditResponse, DEFAULT_PERMISSIONS, DEFAULT_USER_LANGUAGE, ExportDateModal, InviteUpdateModal, type InvoicePdfResponse, MemberListFrame, type MemberListFrameProps, type MemberListTab, MemberListToolbar, type MemberListToolbarProps, type MemberPermissionsPayload, OrganizationContent, type OrganizationData, type OrganizationInvite, type OrganizationJoinRequest, type OrganizationJoinableWorkspace, type OrganizationMember, OrganizationMemberModal, type OrganizationMemberModalProps, OrganizationModal, type OrganizationView, type OrganizationWorkspaceItem, type Price, type PriceMetadata, type ProductsResponse, ProfileAvatar, ProfileTab, ReferralTab, SCOPE_LABELS, ScopeHeader, type ScopeHeaderProps, type ServiceItem, type SettingsAdapters, SettingsAdaptersProvider, type SettingsApiAdapter, type SettingsAuthAdapter, type SettingsAuthUser, SettingsContent, type SettingsContentProps, type SettingsImageUploadAdapter, type SettingsNavigationAdapter, type SettingsOrganizationAdapter, type SettingsOrganizationCurrent, type SettingsOrganizationListItem, type SettingsScope, type SettingsTab, type SettingsToastAdapter, SettingsTooltip, type SettingsTooltipPlacement, type SettingsTooltipProps, type SettingsWorkspaceAdapter, type SettingsWorkspaceCurrent, type SettingsWorkspaceListItem, SiconKey, type StoreItem, type SubscriptionPlan, type SubscriptionResponse, TAB_DESCRIPTIONS, TAB_LABELS, TAB_SCOPE, TAB_TO_URL, type TeamMember, TeamsContent, type TokenExpiry, TokensContent, URL_TO_TAB, USER_LANGUAGES, type UpdateSubscriptionPayload, type UpdateSubscriptionResponse, type UsageHistoryItem, type UsageHistoryResponse, type UserLanguage, type UserPermissions, WORKSPACE_LIST_PAGE_SIZE, type WorkspaceData, WorkspaceGeneralTab, type WorkspaceGeneralTabProps, type WorkspaceInvite, type WorkspaceListOrganization, WorkspaceListTab, type WorkspaceMember, WorkspaceModal, type WorkspaceOrganization, type WorkspaceOrganizationRequest, WorkspacePicker, type WorkspacePickerItem, type WorkspacePickerProps, WorkspaceTab, type WorkspaceUsageResponse, countLabel, groupWorkspaceList, loadWorkspaceOrganization, resolveSettingsTabFromPath, useSettingsAdapters, useWorkspaceOrganization, userLanguageLabel };

package/dist/index.d.ts

@@ -182,6 +182,9 @@ interface SettingsWorkspaceListItem {
     /** The organization this workspace belongs to, if any. My workspaces groups
      *  the list under each organization (named from `organization.list()`). */
     organizationId?: string;
+    /** The organization's name, when the host has it (used by `listPage()`
+     *  rows whose organization isn't in `organization.list()`). */
+    organizationName?: string;
 }
 interface SettingsWorkspaceAdapter {
     /** Same authenticated transport used by the sidebar owner lookup. */
@@ -240,6 +243,20 @@ interface SettingsWorkspaceAdapter {
      * When omitted, the plan on each `list()` item is used as before.
      */
     fetchPlans?: (workspaceIds: string[]) => Promise<Record<string, string>>;
+    /**
+     * Optional: one page of the workspace list, from the API
+     * (`GET /workspace?limit=&offset=`). When given, My workspaces asks for each
+     * page as it is shown and renders exactly what comes back — `total` is every
+     * workspace the user can see. When omitted (or when a page request fails),
+     * My workspaces pages through `list()` in the browser as before.
+     */
+    listPage?: (params: {
+        limit: number;
+        offset: number;
+    }) => Promise<{
+        items: SettingsWorkspaceListItem[];
+        total: number;
+    }>;
     /**
      * Optional: host-controlled refresh after the package mutates workspace
      * state. If provided, the package will call this instead of (or in addition
@@ -349,6 +366,14 @@ interface OrganizationWorkspaceItem {
     imageUrl?: string;
     orgVisibility: "private" | "shared";
 }
+/** A shared workspace in the organization that the viewer isn't in yet. */
+interface OrganizationJoinableWorkspace {
+    _id: string;
+    name: string;
+    imageUrl?: string;
+    /** Who created it, shown under the name. */
+    ownerName?: string;
+}
 interface OrganizationJoinRequest {
     _id: string;
     workspace: {
@@ -438,6 +463,15 @@ interface SettingsOrganizationAdapter {
         canClaimEmailDomain?: boolean;
     }>;
     fetchWorkspaces: () => Promise<OrganizationWorkspaceItem[]>;
+    /**
+     * Optional: the organization's shared workspaces the viewer isn't in yet —
+     * the workspace picker's list. When given (with `joinWorkspaces`), org
+     * members see them under Organization › Workspaces and can join any of them
+     * as a member at any time, not only at first sign-in.
+     */
+    fetchJoinableWorkspaces?: () => Promise<OrganizationJoinableWorkspace[]>;
+    /** Optional: join those workspaces as a member. Resolves to the ids joined. */
+    joinWorkspaces?: (workspaceIds: string[]) => Promise<string[]>;
     fetchJoinRequests: () => Promise<OrganizationJoinRequest[]>;
     approveJoinRequest: (requestId: string) => Promise<void>;
     rejectJoinRequest: (requestId: string) => Promise<void>;
@@ -961,7 +995,7 @@ interface WorkspaceListGroup {
  * last. Groups keep the order the organizations came in.
  */
 declare function groupWorkspaceList(workspaces: WorkspaceInfo[], organizations?: WorkspaceListOrganization[]): WorkspaceListGroup[];
-declare function WorkspaceListTab({ workspaces, loading, onCreateClick: _onCreateClick, onEditClick, onSwitchClick, onLeaveClick, fetchPlans, organizations, pageSize, }: {
+declare function WorkspaceListTab({ workspaces, loading, onCreateClick: _onCreateClick, onEditClick, onSwitchClick, onLeaveClick, fetchPlans, organizations, pageSize, listPage, reloadKey, }: {
     workspaces: WorkspaceInfo[];
     loading: boolean;
     onCreateClick: () => void;
@@ -973,6 +1007,18 @@ declare function WorkspaceListTab({ workspaces, loading, onCreateClick: _onCreat
     /** The viewer's organizations, to group the list under. */
     organizations?: WorkspaceListOrganization[];
     pageSize?: number;
+    /** One page from the API (see SettingsWorkspaceAdapter.listPage). When
+     *  given, each page is fetched as it is shown and rendered as returned. */
+    listPage?: (params: {
+        limit: number;
+        offset: number;
+    }) => Promise<{
+        items: WorkspaceInfo[];
+        total: number;
+    }>;
+    /** Changes whenever the host's list changes (a leave, a rename…), so the
+     *  page on screen is fetched again. */
+    reloadKey?: string;
 }): react.JSX.Element;
 /**
  * @deprecated Renamed to `WorkspaceListTab` in 0.4.0 — the tab is a workspace
@@ -1439,4 +1485,4 @@ declare function SettingsAdaptersProvider({ adapters, children, }: {
  */
 declare function useSettingsAdapters(): SettingsAdapters;
 
-export { APP_KEYS, type ApiToken, type AppKey, type AvailableCreditsResponse, BillingContent, type BillingEventPayload, type BillingProduct, type BillingSubscription, BuyCreditsModal, type BuyCreditsPayload, type BuyCreditsResponse, ConfirmDeleteModal, ConfirmLeaveModal, type CreatedToken, type CustomCreditInfo, type CustomCreditResponse, DEFAULT_PERMISSIONS, DEFAULT_USER_LANGUAGE, ExportDateModal, InviteUpdateModal, type InvoicePdfResponse, MemberListFrame, type MemberListFrameProps, type MemberListTab, MemberListToolbar, type MemberListToolbarProps, type MemberPermissionsPayload, OrganizationContent, type OrganizationData, type OrganizationInvite, type OrganizationJoinRequest, type OrganizationMember, OrganizationMemberModal, type OrganizationMemberModalProps, OrganizationModal, type OrganizationView, type OrganizationWorkspaceItem, type Price, type PriceMetadata, type ProductsResponse, ProfileAvatar, ProfileTab, ReferralTab, SCOPE_LABELS, ScopeHeader, type ScopeHeaderProps, type ServiceItem, type SettingsAdapters, SettingsAdaptersProvider, type SettingsApiAdapter, type SettingsAuthAdapter, type SettingsAuthUser, SettingsContent, type SettingsContentProps, type SettingsImageUploadAdapter, type SettingsNavigationAdapter, type SettingsOrganizationAdapter, type SettingsOrganizationCurrent, type SettingsOrganizationListItem, type SettingsScope, type SettingsTab, type SettingsToastAdapter, SettingsTooltip, type SettingsTooltipPlacement, type SettingsTooltipProps, type SettingsWorkspaceAdapter, type SettingsWorkspaceCurrent, type SettingsWorkspaceListItem, SiconKey, type StoreItem, type SubscriptionPlan, type SubscriptionResponse, TAB_DESCRIPTIONS, TAB_LABELS, TAB_SCOPE, TAB_TO_URL, type TeamMember, TeamsContent, type TokenExpiry, TokensContent, URL_TO_TAB, USER_LANGUAGES, type UpdateSubscriptionPayload, type UpdateSubscriptionResponse, type UsageHistoryItem, type UsageHistoryResponse, type UserLanguage, type UserPermissions, WORKSPACE_LIST_PAGE_SIZE, type WorkspaceData, WorkspaceGeneralTab, type WorkspaceGeneralTabProps, type WorkspaceInvite, type WorkspaceListOrganization, WorkspaceListTab, type WorkspaceMember, WorkspaceModal, type WorkspaceOrganization, type WorkspaceOrganizationRequest, WorkspacePicker, type WorkspacePickerItem, type WorkspacePickerProps, WorkspaceTab, type WorkspaceUsageResponse, countLabel, groupWorkspaceList, loadWorkspaceOrganization, resolveSettingsTabFromPath, useSettingsAdapters, useWorkspaceOrganization, userLanguageLabel };
+export { APP_KEYS, type ApiToken, type AppKey, type AvailableCreditsResponse, BillingContent, type BillingEventPayload, type BillingProduct, type BillingSubscription, BuyCreditsModal, type BuyCreditsPayload, type BuyCreditsResponse, ConfirmDeleteModal, ConfirmLeaveModal, type CreatedToken, type CustomCreditInfo, type CustomCreditResponse, DEFAULT_PERMISSIONS, DEFAULT_USER_LANGUAGE, ExportDateModal, InviteUpdateModal, type InvoicePdfResponse, MemberListFrame, type MemberListFrameProps, type MemberListTab, MemberListToolbar, type MemberListToolbarProps, type MemberPermissionsPayload, OrganizationContent, type OrganizationData, type OrganizationInvite, type OrganizationJoinRequest, type OrganizationJoinableWorkspace, type OrganizationMember, OrganizationMemberModal, type OrganizationMemberModalProps, OrganizationModal, type OrganizationView, type OrganizationWorkspaceItem, type Price, type PriceMetadata, type ProductsResponse, ProfileAvatar, ProfileTab, ReferralTab, SCOPE_LABELS, ScopeHeader, type ScopeHeaderProps, type ServiceItem, type SettingsAdapters, SettingsAdaptersProvider, type SettingsApiAdapter, type SettingsAuthAdapter, type SettingsAuthUser, SettingsContent, type SettingsContentProps, type SettingsImageUploadAdapter, type SettingsNavigationAdapter, type SettingsOrganizationAdapter, type SettingsOrganizationCurrent, type SettingsOrganizationListItem, type SettingsScope, type SettingsTab, type SettingsToastAdapter, SettingsTooltip, type SettingsTooltipPlacement, type SettingsTooltipProps, type SettingsWorkspaceAdapter, type SettingsWorkspaceCurrent, type SettingsWorkspaceListItem, SiconKey, type StoreItem, type SubscriptionPlan, type SubscriptionResponse, TAB_DESCRIPTIONS, TAB_LABELS, TAB_SCOPE, TAB_TO_URL, type TeamMember, TeamsContent, type TokenExpiry, TokensContent, URL_TO_TAB, USER_LANGUAGES, type UpdateSubscriptionPayload, type UpdateSubscriptionResponse, type UsageHistoryItem, type UsageHistoryResponse, type UserLanguage, type UserPermissions, WORKSPACE_LIST_PAGE_SIZE, type WorkspaceData, WorkspaceGeneralTab, type WorkspaceGeneralTabProps, type WorkspaceInvite, type WorkspaceListOrganization, WorkspaceListTab, type WorkspaceMember, WorkspaceModal, type WorkspaceOrganization, type WorkspaceOrganizationRequest, WorkspacePicker, type WorkspacePickerItem, type WorkspacePickerProps, WorkspaceTab, type WorkspaceUsageResponse, countLabel, groupWorkspaceList, loadWorkspaceOrganization, resolveSettingsTabFromPath, useSettingsAdapters, useWorkspaceOrganization, userLanguageLabel };

package/dist/index.js

@@ -6174,6 +6174,79 @@ function WorkspaceRow({ workspace }) {
     }
   );
 }
+function JoinableWorkspaceRow({
+  workspace,
+  joining,
+  onJoin
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+    "div",
+    {
+      className: "flex items-center self-stretch shrink-0",
+      style: {
+        borderBottom: `1px solid ${T11.borderSubtle}`,
+        padding: `${T11.spXl} ${T11.sp3xl}`,
+        gap: T11.sp6xl
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center min-w-0", style: { flex: 1, gap: T11.spMd }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+            ProfileAvatar,
+            {
+              name: workspace.name,
+              profileImage: workspace.imageUrl,
+              size: 28,
+              borderRadius: "var(--radius-lg)"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex flex-col min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              "span",
+              {
+                className: "truncate",
+                style: {
+                  fontFamily: T11.font,
+                  fontSize: T11.fsSm,
+                  fontWeight: 500,
+                  lineHeight: T11.lhSm,
+                  color: T11.primary
+                },
+                children: workspace.name
+              }
+            ),
+            workspace.ownerName && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+              "span",
+              {
+                className: "truncate",
+                style: {
+                  fontFamily: T11.font,
+                  fontSize: T11.fsXs,
+                  fontWeight: 400,
+                  lineHeight: T11.lhXs,
+                  color: T11.muted
+                },
+                children: [
+                  "Created by ",
+                  workspace.ownerName
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          import_ui8.ScButton,
+          {
+            text: joining ? "Joining\u2026" : "Join",
+            variant: "secondary",
+            size: "sm",
+            state: joining ? "disabled" : "default",
+            onClick: joining ? void 0 : onJoin
+          }
+        )
+      ]
+    }
+  );
+}
 function JoinRequestRow({
   request,
   onApprove,
@@ -6293,10 +6366,13 @@ function OrganizationContent({
   embedded = false,
   view = "people"
 } = {}) {
-  const { organization, toast } = useSettingsAdapters();
+  const { organization, workspace: workspaceAdapter, toast } = useSettingsAdapters();
   const current = organization.current;
   const [members, setMembers] = (0, import_react12.useState)([]);
   const [workspaces, setWorkspaces] = (0, import_react12.useState)([]);
+  const canJoinShared = current?.role === "member" && !!organization.fetchJoinableWorkspaces && !!organization.joinWorkspaces;
+  const [joinable, setJoinable] = (0, import_react12.useState)([]);
+  const [joiningId, setJoiningId] = (0, import_react12.useState)(null);
   const [joinRequests, setJoinRequests] = (0, import_react12.useState)([]);
   const [highestRole, setHighestRole] = (0, import_react12.useState)("guest");
   const [searchQuery, setSearchQuery] = (0, import_react12.useState)("");
@@ -6306,12 +6382,20 @@ function OrganizationContent({
     if (!organization.current) return;
     setLoadingData(true);
     try {
-      const [membersRes, workspacesRes, joinRequestsRes, highestRoleRes] = await Promise.all([
+      const [
+        membersRes,
+        workspacesRes,
+        joinRequestsRes,
+        highestRoleRes,
+        joinableRes
+      ] = await Promise.all([
         organization.fetchMembers().catch(() => null),
         organization.fetchWorkspaces().catch(() => null),
         organization.fetchJoinRequests().catch(() => null),
-        organization.getHighestRole?.().catch(() => null) ?? Promise.resolve(null)
+        organization.getHighestRole?.().catch(() => null) ?? Promise.resolve(null),
+        canJoinShared ? organization.fetchJoinableWorkspaces().catch(() => null) : Promise.resolve(null)
       ]);
+      if (joinableRes) setJoinable(joinableRes);
       if (highestRoleRes?.role) setHighestRole(highestRoleRes.role);
       if (membersRes) setMembers(membersRes.filter((m) => m?.user));
       if (workspacesRes) setWorkspaces(workspacesRes);
@@ -6320,10 +6404,30 @@ function OrganizationContent({
     } finally {
       setLoadingData(false);
     }
-  }, [organization]);
+  }, [organization, canJoinShared]);
   (0, import_react12.useEffect)(() => {
     fetchData();
   }, [fetchData]);
+  const handleJoinWorkspace = async (target) => {
+    if (!organization.joinWorkspaces) return;
+    setJoiningId(target._id);
+    try {
+      const joined = await organization.joinWorkspaces([target._id]);
+      if (!joined.includes(target._id)) {
+        toast.error(`Couldn't join ${target.name}. Try again.`);
+        return;
+      }
+      toast.success(`Joined ${target.name}`);
+      await workspaceAdapter.refresh?.().catch(() => void 0);
+      await fetchData();
+    } catch (err) {
+      toast.error(
+        err instanceof Error ? err.message : `Couldn't join ${target.name}`
+      );
+    } finally {
+      setJoiningId(null);
+    }
+  };
   const [manageModalOpen, setManageModalOpen] = (0, import_react12.useState)(false);
   const handleUpdateOrganization = async (name, imageFile) => {
     if (!current) return false;
@@ -6552,6 +6656,23 @@ function OrganizationContent({
         children: workspaces.map((ws) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(WorkspaceRow, { workspace: ws }, ws._id))
       }
     ),
+    canJoinShared && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      Section,
+      {
+        title: "Shared workspaces you can join",
+        empty: joinable.length === 0,
+        emptyText: "You're in every shared workspace in this organization",
+        children: joinable.map((ws) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          JoinableWorkspaceRow,
+          {
+            workspace: ws,
+            joining: joiningId === ws._id,
+            onJoin: () => void handleJoinWorkspace(ws)
+          },
+          ws._id
+        ))
+      }
+    ),
     (isOrgAdmin || joinRequests.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       Section,
       {
@@ -10938,26 +11059,59 @@ function WorkspaceListTab({
   onLeaveClick,
   fetchPlans,
   organizations = [],
-  pageSize = WORKSPACE_LIST_PAGE_SIZE
+  pageSize = WORKSPACE_LIST_PAGE_SIZE,
+  listPage,
+  reloadKey
 }) {
   const currentWorkspace = workspaces.find((ws) => ws.isCurrent);
-  const groups = groupWorkspaceList(
+  const currentOrganization = organizations.find(
+    (org) => org._id && org._id === currentWorkspace?.organizationId
+  );
+  const [page, setPage] = (0, import_react17.useState)(0);
+  const [serverPage, setServerPage] = (0, import_react17.useState)(null);
+  const [serverFailed, setServerFailed] = (0, import_react17.useState)(false);
+  const serverMode = !!listPage && !serverFailed;
+  (0, import_react17.useEffect)(() => {
+    if (!listPage || serverFailed) return;
+    let cancelled = false;
+    listPage({ limit: pageSize, offset: page * pageSize }).then((result) => {
+      if (cancelled) return;
+      const lastPage = Math.max(0, Math.ceil(result.total / pageSize) - 1);
+      if (page > lastPage) {
+        setPage(lastPage);
+        return;
+      }
+      setServerPage({ page, items: result.items, total: result.total });
+    }).catch(() => {
+      if (!cancelled) setServerFailed(true);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [listPage, serverFailed, page, pageSize, reloadKey]);
+  const organizationLabel = (org) => org.role === "guest" ? `${org.name} \xB7 Guest` : org.name;
+  const serverGroupOf = (ws) => {
+    const org = organizations.find((o) => o._id === ws.organizationId);
+    if (org) return { key: org._id, label: organizationLabel(org), workspaces: [] };
+    if (ws.organizationId && ws.organizationName) {
+      return { key: ws.organizationId, label: ws.organizationName, workspaces: [] };
+    }
+    return { key: "__no_org__", label: "No organization", workspaces: [] };
+  };
+  const groups = serverMode ? [] : groupWorkspaceList(
     workspaces.filter((ws) => !ws.isCurrent),
     organizations
   );
   const rows = groups.flatMap(
     (group) => group.workspaces.map((ws) => ({ ws, group }))
   );
-  const otherWorkspaces = rows.map((row) => row.ws);
-  const currentOrganization = organizations.find(
-    (org) => org._id && org._id === currentWorkspace?.organizationId
-  );
-  const pageCount = Math.max(1, Math.ceil(otherWorkspaces.length / pageSize));
-  const [page, setPage] = (0, import_react17.useState)(0);
-  const safePage = Math.min(page, pageCount - 1);
+  const listTotal = serverMode ? serverPage?.total ?? 0 : rows.length;
+  const pageCount = Math.max(1, Math.ceil(listTotal / pageSize));
+  const safePage = serverMode ? serverPage?.page ?? 0 : Math.min(page, pageCount - 1);
   const pageStart = safePage * pageSize;
-  const pageRows = rows.slice(pageStart, pageStart + pageSize);
+  const pageRows = serverMode ? (serverPage?.items ?? []).map((ws) => ({ ws, group: serverGroupOf(ws) })) : rows.slice(pageStart, pageStart + pageSize);
   const pageWorkspaces = pageRows.map((row) => row.ws);
+  const listLoading = loading || serverMode && !serverPage;
   const [plans, setPlans] = (0, import_react17.useState)({});
   const requestedPlans = (0, import_react17.useRef)(/* @__PURE__ */ new Set());
   const visibleIds = [
@@ -10973,7 +11127,7 @@ function WorkspaceListTab({
     };
   }, []);
   (0, import_react17.useEffect)(() => {
-    if (!fetchPlans || loading) return;
+    if (!fetchPlans || listLoading) return;
     const missing = visibleKey.split(",").filter((id) => id && !requestedPlans.current.has(id));
     if (!missing.length) return;
     missing.forEach((id) => requestedPlans.current.add(id));
@@ -10981,7 +11135,7 @@ function WorkspaceListTab({
       if (mounted.current) setPlans((prev) => ({ ...prev, ...found }));
     }).catch(() => {
     });
-  }, [fetchPlans, loading, visibleKey]);
+  }, [fetchPlans, listLoading, visibleKey]);
   const planOf = (ws) => fetchPlans ? plans[ws._id] ?? "" : ws.plan ?? "";
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     "div",
@@ -11002,7 +11156,7 @@ function WorkspaceListTab({
             children: "Switching changes which workspace the rest of Settings acts on."
           }
         ),
-        loading && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        listLoading && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "p",
           {
             style: {
@@ -11013,7 +11167,7 @@ function WorkspaceListTab({
             children: "Loading workspaces\u2026"
           }
         ),
-        !loading && currentWorkspace && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+        !listLoading && currentWorkspace && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
           "div",
           {
             className: "flex flex-col items-start shrink-0 w-full",
@@ -11053,7 +11207,7 @@ function WorkspaceListTab({
             ]
           }
         ),
-        !loading && currentWorkspace && otherWorkspaces.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        !listLoading && currentWorkspace && listTotal > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "div",
           {
             className: "shrink-0 w-full",
@@ -11063,7 +11217,7 @@ function WorkspaceListTab({
             }
           }
         ),
-        !loading && otherWorkspaces.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+        !listLoading && listTotal > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
           "div",
           {
             className: "flex flex-col items-start flex-1 min-h-0 w-full",
@@ -11099,8 +11253,8 @@ function WorkspaceListTab({
                         role: ws.role,
                         plan: planOf(ws),
                         ownerId: ws.ownerEmail,
-                        type: "otherWS",
-                        onSwitch: () => onSwitchClick(ws),
+                        type: ws.isCurrent ? "currentWS" : "otherWS",
+                        onSwitch: ws.isCurrent ? void 0 : () => onSwitchClick(ws),
                         onSettings: () => onEditClick(ws),
                         onLeave: () => onLeaveClick(ws)
                       }
@@ -11129,7 +11283,7 @@ function WorkspaceListTab({
                           pageStart + pageWorkspaces.length,
                           " of",
                           " ",
-                          otherWorkspaces.length
+                          listTotal
                         ]
                       }
                     ),
@@ -11303,6 +11457,24 @@ function SettingsContentInner({
   (0, import_react17.useEffect)(() => {
     void refreshWorkspaceList();
   }, [refreshWorkspaceList]);
+  const hostListPage = workspace.listPage;
+  const listWorkspacePage = (0, import_react17.useMemo)(
+    () => hostListPage ? async (params) => {
+      const result = await hostListPage(params);
+      return {
+        total: result.total,
+        items: result.items.map(
+          (it) => ({
+            ...it,
+            isCurrent: it.isCurrent ?? it._id === workspaceId,
+            imageUrl: it.imageUrl ?? it.image,
+            initials: deriveInitials(it.name)
+          })
+        )
+      };
+    } : void 0,
+    [hostListPage, workspaceId]
+  );
   const [listOrganizations, setListOrganizations] = (0, import_react17.useState)([]);
   (0, import_react17.useEffect)(() => {
     if (activeTab !== "workspaceList" || typeof organization?.list !== "function") {
@@ -11976,6 +12148,8 @@ function SettingsContentInner({
                         loading: workspaceListLoading && workspaceList.length === 0,
                         fetchPlans: workspace.fetchPlans,
                         organizations: listOrganizations,
+                        listPage: listWorkspacePage,
+                        reloadKey: displayWorkspaces.map((ws) => `${ws._id}:${ws.name}:${ws.role}`).join(","),
                         onCreateClick: handleCreateClick,
                         onEditClick: handleEditClick,
                         onSwitchClick: async (ws) => {

package/dist/index.mjs

@@ -167,7 +167,8 @@ import {
   useState as useState15,
   useEffect as useEffect13,
   useRef as useRef7,
-  useCallback as useCallback7
+  useCallback as useCallback7,
+  useMemo as useMemo3
 } from "react";
 import {
   ScSidebarMenu,
@@ -6150,6 +6151,79 @@ function WorkspaceRow({ workspace }) {
     }
   );
 }
+function JoinableWorkspaceRow({
+  workspace,
+  joining,
+  onJoin
+}) {
+  return /* @__PURE__ */ jsxs14(
+    "div",
+    {
+      className: "flex items-center self-stretch shrink-0",
+      style: {
+        borderBottom: `1px solid ${T11.borderSubtle}`,
+        padding: `${T11.spXl} ${T11.sp3xl}`,
+        gap: T11.sp6xl
+      },
+      children: [
+        /* @__PURE__ */ jsxs14("div", { className: "flex items-center min-w-0", style: { flex: 1, gap: T11.spMd }, children: [
+          /* @__PURE__ */ jsx17(
+            ProfileAvatar,
+            {
+              name: workspace.name,
+              profileImage: workspace.imageUrl,
+              size: 28,
+              borderRadius: "var(--radius-lg)"
+            }
+          ),
+          /* @__PURE__ */ jsxs14("div", { className: "flex flex-col min-w-0", children: [
+            /* @__PURE__ */ jsx17(
+              "span",
+              {
+                className: "truncate",
+                style: {
+                  fontFamily: T11.font,
+                  fontSize: T11.fsSm,
+                  fontWeight: 500,
+                  lineHeight: T11.lhSm,
+                  color: T11.primary
+                },
+                children: workspace.name
+              }
+            ),
+            workspace.ownerName && /* @__PURE__ */ jsxs14(
+              "span",
+              {
+                className: "truncate",
+                style: {
+                  fontFamily: T11.font,
+                  fontSize: T11.fsXs,
+                  fontWeight: 400,
+                  lineHeight: T11.lhXs,
+                  color: T11.muted
+                },
+                children: [
+                  "Created by ",
+                  workspace.ownerName
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx17(
+          ScButton5,
+          {
+            text: joining ? "Joining\u2026" : "Join",
+            variant: "secondary",
+            size: "sm",
+            state: joining ? "disabled" : "default",
+            onClick: joining ? void 0 : onJoin
+          }
+        )
+      ]
+    }
+  );
+}
 function JoinRequestRow({
   request,
   onApprove,
@@ -6269,10 +6343,13 @@ function OrganizationContent({
   embedded = false,
   view = "people"
 } = {}) {
-  const { organization, toast } = useSettingsAdapters();
+  const { organization, workspace: workspaceAdapter, toast } = useSettingsAdapters();
   const current = organization.current;
   const [members, setMembers] = useState10([]);
   const [workspaces, setWorkspaces] = useState10([]);
+  const canJoinShared = current?.role === "member" && !!organization.fetchJoinableWorkspaces && !!organization.joinWorkspaces;
+  const [joinable, setJoinable] = useState10([]);
+  const [joiningId, setJoiningId] = useState10(null);
   const [joinRequests, setJoinRequests] = useState10([]);
   const [highestRole, setHighestRole] = useState10("guest");
   const [searchQuery, setSearchQuery] = useState10("");
@@ -6282,12 +6359,20 @@ function OrganizationContent({
     if (!organization.current) return;
     setLoadingData(true);
     try {
-      const [membersRes, workspacesRes, joinRequestsRes, highestRoleRes] = await Promise.all([
+      const [
+        membersRes,
+        workspacesRes,
+        joinRequestsRes,
+        highestRoleRes,
+        joinableRes
+      ] = await Promise.all([
         organization.fetchMembers().catch(() => null),
         organization.fetchWorkspaces().catch(() => null),
         organization.fetchJoinRequests().catch(() => null),
-        organization.getHighestRole?.().catch(() => null) ?? Promise.resolve(null)
+        organization.getHighestRole?.().catch(() => null) ?? Promise.resolve(null),
+        canJoinShared ? organization.fetchJoinableWorkspaces().catch(() => null) : Promise.resolve(null)
       ]);
+      if (joinableRes) setJoinable(joinableRes);
       if (highestRoleRes?.role) setHighestRole(highestRoleRes.role);
       if (membersRes) setMembers(membersRes.filter((m) => m?.user));
       if (workspacesRes) setWorkspaces(workspacesRes);
@@ -6296,10 +6381,30 @@ function OrganizationContent({
     } finally {
       setLoadingData(false);
     }
-  }, [organization]);
+  }, [organization, canJoinShared]);
   useEffect10(() => {
     fetchData();
   }, [fetchData]);
+  const handleJoinWorkspace = async (target) => {
+    if (!organization.joinWorkspaces) return;
+    setJoiningId(target._id);
+    try {
+      const joined = await organization.joinWorkspaces([target._id]);
+      if (!joined.includes(target._id)) {
+        toast.error(`Couldn't join ${target.name}. Try again.`);
+        return;
+      }
+      toast.success(`Joined ${target.name}`);
+      await workspaceAdapter.refresh?.().catch(() => void 0);
+      await fetchData();
+    } catch (err) {
+      toast.error(
+        err instanceof Error ? err.message : `Couldn't join ${target.name}`
+      );
+    } finally {
+      setJoiningId(null);
+    }
+  };
   const [manageModalOpen, setManageModalOpen] = useState10(false);
   const handleUpdateOrganization = async (name, imageFile) => {
     if (!current) return false;
@@ -6528,6 +6633,23 @@ function OrganizationContent({
         children: workspaces.map((ws) => /* @__PURE__ */ jsx17(WorkspaceRow, { workspace: ws }, ws._id))
       }
     ),
+    canJoinShared && /* @__PURE__ */ jsx17(
+      Section,
+      {
+        title: "Shared workspaces you can join",
+        empty: joinable.length === 0,
+        emptyText: "You're in every shared workspace in this organization",
+        children: joinable.map((ws) => /* @__PURE__ */ jsx17(
+          JoinableWorkspaceRow,
+          {
+            workspace: ws,
+            joining: joiningId === ws._id,
+            onJoin: () => void handleJoinWorkspace(ws)
+          },
+          ws._id
+        ))
+      }
+    ),
     (isOrgAdmin || joinRequests.length > 0) && /* @__PURE__ */ jsx17(
       Section,
       {
@@ -10941,26 +11063,59 @@ function WorkspaceListTab({
   onLeaveClick,
   fetchPlans,
   organizations = [],
-  pageSize = WORKSPACE_LIST_PAGE_SIZE
+  pageSize = WORKSPACE_LIST_PAGE_SIZE,
+  listPage,
+  reloadKey
 }) {
   const currentWorkspace = workspaces.find((ws) => ws.isCurrent);
-  const groups = groupWorkspaceList(
+  const currentOrganization = organizations.find(
+    (org) => org._id && org._id === currentWorkspace?.organizationId
+  );
+  const [page, setPage] = useState15(0);
+  const [serverPage, setServerPage] = useState15(null);
+  const [serverFailed, setServerFailed] = useState15(false);
+  const serverMode = !!listPage && !serverFailed;
+  useEffect13(() => {
+    if (!listPage || serverFailed) return;
+    let cancelled = false;
+    listPage({ limit: pageSize, offset: page * pageSize }).then((result) => {
+      if (cancelled) return;
+      const lastPage = Math.max(0, Math.ceil(result.total / pageSize) - 1);
+      if (page > lastPage) {
+        setPage(lastPage);
+        return;
+      }
+      setServerPage({ page, items: result.items, total: result.total });
+    }).catch(() => {
+      if (!cancelled) setServerFailed(true);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [listPage, serverFailed, page, pageSize, reloadKey]);
+  const organizationLabel = (org) => org.role === "guest" ? `${org.name} \xB7 Guest` : org.name;
+  const serverGroupOf = (ws) => {
+    const org = organizations.find((o) => o._id === ws.organizationId);
+    if (org) return { key: org._id, label: organizationLabel(org), workspaces: [] };
+    if (ws.organizationId && ws.organizationName) {
+      return { key: ws.organizationId, label: ws.organizationName, workspaces: [] };
+    }
+    return { key: "__no_org__", label: "No organization", workspaces: [] };
+  };
+  const groups = serverMode ? [] : groupWorkspaceList(
     workspaces.filter((ws) => !ws.isCurrent),
     organizations
   );
   const rows = groups.flatMap(
     (group) => group.workspaces.map((ws) => ({ ws, group }))
   );
-  const otherWorkspaces = rows.map((row) => row.ws);
-  const currentOrganization = organizations.find(
-    (org) => org._id && org._id === currentWorkspace?.organizationId
-  );
-  const pageCount = Math.max(1, Math.ceil(otherWorkspaces.length / pageSize));
-  const [page, setPage] = useState15(0);
-  const safePage = Math.min(page, pageCount - 1);
+  const listTotal = serverMode ? serverPage?.total ?? 0 : rows.length;
+  const pageCount = Math.max(1, Math.ceil(listTotal / pageSize));
+  const safePage = serverMode ? serverPage?.page ?? 0 : Math.min(page, pageCount - 1);
   const pageStart = safePage * pageSize;
-  const pageRows = rows.slice(pageStart, pageStart + pageSize);
+  const pageRows = serverMode ? (serverPage?.items ?? []).map((ws) => ({ ws, group: serverGroupOf(ws) })) : rows.slice(pageStart, pageStart + pageSize);
   const pageWorkspaces = pageRows.map((row) => row.ws);
+  const listLoading = loading || serverMode && !serverPage;
   const [plans, setPlans] = useState15({});
   const requestedPlans = useRef7(/* @__PURE__ */ new Set());
   const visibleIds = [
@@ -10976,7 +11131,7 @@ function WorkspaceListTab({
     };
   }, []);
   useEffect13(() => {
-    if (!fetchPlans || loading) return;
+    if (!fetchPlans || listLoading) return;
     const missing = visibleKey.split(",").filter((id) => id && !requestedPlans.current.has(id));
     if (!missing.length) return;
     missing.forEach((id) => requestedPlans.current.add(id));
@@ -10984,7 +11139,7 @@ function WorkspaceListTab({
       if (mounted.current) setPlans((prev) => ({ ...prev, ...found }));
     }).catch(() => {
     });
-  }, [fetchPlans, loading, visibleKey]);
+  }, [fetchPlans, listLoading, visibleKey]);
   const planOf = (ws) => fetchPlans ? plans[ws._id] ?? "" : ws.plan ?? "";
   return /* @__PURE__ */ jsxs19(
     "div",
@@ -11005,7 +11160,7 @@ function WorkspaceListTab({
             children: "Switching changes which workspace the rest of Settings acts on."
           }
         ),
-        loading && /* @__PURE__ */ jsx22(
+        listLoading && /* @__PURE__ */ jsx22(
           "p",
           {
             style: {
@@ -11016,7 +11171,7 @@ function WorkspaceListTab({
             children: "Loading workspaces\u2026"
           }
         ),
-        !loading && currentWorkspace && /* @__PURE__ */ jsxs19(
+        !listLoading && currentWorkspace && /* @__PURE__ */ jsxs19(
           "div",
           {
             className: "flex flex-col items-start shrink-0 w-full",
@@ -11056,7 +11211,7 @@ function WorkspaceListTab({
             ]
           }
         ),
-        !loading && currentWorkspace && otherWorkspaces.length > 0 && /* @__PURE__ */ jsx22(
+        !listLoading && currentWorkspace && listTotal > 0 && /* @__PURE__ */ jsx22(
           "div",
           {
             className: "shrink-0 w-full",
@@ -11066,7 +11221,7 @@ function WorkspaceListTab({
             }
           }
         ),
-        !loading && otherWorkspaces.length > 0 && /* @__PURE__ */ jsxs19(
+        !listLoading && listTotal > 0 && /* @__PURE__ */ jsxs19(
           "div",
           {
             className: "flex flex-col items-start flex-1 min-h-0 w-full",
@@ -11102,8 +11257,8 @@ function WorkspaceListTab({
                         role: ws.role,
                         plan: planOf(ws),
                         ownerId: ws.ownerEmail,
-                        type: "otherWS",
-                        onSwitch: () => onSwitchClick(ws),
+                        type: ws.isCurrent ? "currentWS" : "otherWS",
+                        onSwitch: ws.isCurrent ? void 0 : () => onSwitchClick(ws),
                         onSettings: () => onEditClick(ws),
                         onLeave: () => onLeaveClick(ws)
                       }
@@ -11132,7 +11287,7 @@ function WorkspaceListTab({
                           pageStart + pageWorkspaces.length,
                           " of",
                           " ",
-                          otherWorkspaces.length
+                          listTotal
                         ]
                       }
                     ),
@@ -11306,6 +11461,24 @@ function SettingsContentInner({
   useEffect13(() => {
     void refreshWorkspaceList();
   }, [refreshWorkspaceList]);
+  const hostListPage = workspace.listPage;
+  const listWorkspacePage = useMemo3(
+    () => hostListPage ? async (params) => {
+      const result = await hostListPage(params);
+      return {
+        total: result.total,
+        items: result.items.map(
+          (it) => ({
+            ...it,
+            isCurrent: it.isCurrent ?? it._id === workspaceId,
+            imageUrl: it.imageUrl ?? it.image,
+            initials: deriveInitials(it.name)
+          })
+        )
+      };
+    } : void 0,
+    [hostListPage, workspaceId]
+  );
   const [listOrganizations, setListOrganizations] = useState15([]);
   useEffect13(() => {
     if (activeTab !== "workspaceList" || typeof organization?.list !== "function") {
@@ -11979,6 +12152,8 @@ function SettingsContentInner({
                         loading: workspaceListLoading && workspaceList.length === 0,
                         fetchPlans: workspace.fetchPlans,
                         organizations: listOrganizations,
+                        listPage: listWorkspacePage,
+                        reloadKey: displayWorkspaces.map((ws) => `${ws._id}:${ws.name}:${ws.role}`).join(","),
                         onCreateClick: handleCreateClick,
                         onEditClick: handleEditClick,
                         onSwitchClick: async (ws) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamoid/settings",
-  "version": "0.7.3",
+  "version": "0.7.5",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",