@streamoid/settings 0.6.1 → 0.6.3

package/README.md

@@ -155,3 +155,19 @@ See [`src/adapters.ts`](src/adapters.ts) for full type definitions.
 
 - **0.1.0** — Adapter surface and package scaffold. Tab content lands in
   subsequent releases as files migrate from `cxo-dashboard` into the package.
+
+## Workspace owner in the sidebar
+
+`useWorkspaceOrganization({ workspaceId, request, enabled, onOpenOrganization })`
+returns organization props for `ScWorkspaceAccountMenu` from `@streamoid/ui`.
+The host supplies a stable authenticated GET transport returning the unified
+API envelope. The adapter reads `/workspace`, finds the exact selected workspace,
+and resolves only its `organizationId` through `/organization/:id` and `/role`.
+It never chooses an organization from the user's membership list. An unowned
+workspace, a loading request, and an unavailable owner remain distinct states.
+
+Enable it while the menu is open. Requests are aborted on close/switch and stale
+responses cannot update the next workspace. Organization roles come from the
+organization API, never the workspace role. Guests may see an authorized owner
+name, but only members/admins get the optional navigation callback. The host
+owns routing; apps without organization settings omit the callback.

package/dist/index.d.mts

@@ -1,5 +1,6 @@
 import * as react from 'react';
 import react__default, { SVGProps, ReactNode } from 'react';
+import { WorkspaceUsage, ScWorkspaceAccountMenuProps } from '@streamoid/ui';
 
 /**
  * Settings tab identifiers and URL mapping helpers.
@@ -141,6 +142,13 @@ interface SettingsWorkspaceCurrent {
     /** Optional reactive credit summary if the host tracks it. */
     availableCredits?: number | null;
     totalCredits?: number | null;
+    /**
+     * Storage & bandwidth against the plan allowance, as the HOST has already
+     * fetched and evaluated it (`evaluateWorkspaceUsage` from `@streamoid/ui`).
+     * This package never requests it. When present, the Billing tab renders a
+     * usage meter for each kind; absent or null renders none.
+     */
+    usage?: WorkspaceUsage | null;
     /** ISO country code for the workspace; drives plan currency selection. */
     country?: string;
     /**
@@ -512,6 +520,8 @@ interface MemberPermissionsPayload {
     serviceIds: string[];
     storeIds: string[];
 }
+/** `SettingsWorkspaceCurrent.usage`; re-exported from `@streamoid/ui`. */
+type WorkspaceUsageResponse = WorkspaceUsage;
 interface AvailableCreditsResponse {
     availableCredits: number;
 }
@@ -1384,4 +1394,20 @@ 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, OrganizationInviteModal, type OrganizationInviteModalProps, type OrganizationJoinRequest, type OrganizationMember, 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, type WorkspaceData, WorkspaceGeneralTab, type WorkspaceGeneralTabProps, type WorkspaceInvite, WorkspaceListTab, type WorkspaceMember, WorkspaceModal, WorkspaceTab, countLabel, resolveSettingsTabFromPath, useSettingsAdapters, userLanguageLabel };
+/** Host transport: authenticated GET returning the unified API envelope. */
+type WorkspaceOrganizationRequest = (path: string, signal: AbortSignal) => Promise<unknown>;
+interface WorkspaceOrganization {
+    _id: string;
+    name: string;
+    role?: string;
+}
+/** Resolve only the selected workspace's owner, never a user's first org. */
+declare function loadWorkspaceOrganization(workspaceId: string, request: WorkspaceOrganizationRequest, signal: AbortSignal): Promise<WorkspaceOrganization | null>;
+declare function useWorkspaceOrganization({ workspaceId, request, enabled, onOpenOrganization, }: {
+    workspaceId?: string | null;
+    request: WorkspaceOrganizationRequest;
+    enabled?: boolean;
+    onOpenOrganization?: (organizationId: string) => void;
+}): Pick<ScWorkspaceAccountMenuProps, "organizationName" | "organizationRole" | "organizationStatus" | "onOrganizationClick">;
+
+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, OrganizationInviteModal, type OrganizationInviteModalProps, type OrganizationJoinRequest, type OrganizationMember, 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, type WorkspaceData, WorkspaceGeneralTab, type WorkspaceGeneralTabProps, type WorkspaceInvite, WorkspaceListTab, type WorkspaceMember, WorkspaceModal, type WorkspaceOrganization, type WorkspaceOrganizationRequest, WorkspaceTab, type WorkspaceUsageResponse, countLabel, loadWorkspaceOrganization, resolveSettingsTabFromPath, useSettingsAdapters, useWorkspaceOrganization, userLanguageLabel };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import * as react from 'react';
 import react__default, { SVGProps, ReactNode } from 'react';
+import { WorkspaceUsage, ScWorkspaceAccountMenuProps } from '@streamoid/ui';
 
 /**
  * Settings tab identifiers and URL mapping helpers.
@@ -141,6 +142,13 @@ interface SettingsWorkspaceCurrent {
     /** Optional reactive credit summary if the host tracks it. */
     availableCredits?: number | null;
     totalCredits?: number | null;
+    /**
+     * Storage & bandwidth against the plan allowance, as the HOST has already
+     * fetched and evaluated it (`evaluateWorkspaceUsage` from `@streamoid/ui`).
+     * This package never requests it. When present, the Billing tab renders a
+     * usage meter for each kind; absent or null renders none.
+     */
+    usage?: WorkspaceUsage | null;
     /** ISO country code for the workspace; drives plan currency selection. */
     country?: string;
     /**
@@ -512,6 +520,8 @@ interface MemberPermissionsPayload {
     serviceIds: string[];
     storeIds: string[];
 }
+/** `SettingsWorkspaceCurrent.usage`; re-exported from `@streamoid/ui`. */
+type WorkspaceUsageResponse = WorkspaceUsage;
 interface AvailableCreditsResponse {
     availableCredits: number;
 }
@@ -1384,4 +1394,20 @@ 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, OrganizationInviteModal, type OrganizationInviteModalProps, type OrganizationJoinRequest, type OrganizationMember, 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, type WorkspaceData, WorkspaceGeneralTab, type WorkspaceGeneralTabProps, type WorkspaceInvite, WorkspaceListTab, type WorkspaceMember, WorkspaceModal, WorkspaceTab, countLabel, resolveSettingsTabFromPath, useSettingsAdapters, userLanguageLabel };
+/** Host transport: authenticated GET returning the unified API envelope. */
+type WorkspaceOrganizationRequest = (path: string, signal: AbortSignal) => Promise<unknown>;
+interface WorkspaceOrganization {
+    _id: string;
+    name: string;
+    role?: string;
+}
+/** Resolve only the selected workspace's owner, never a user's first org. */
+declare function loadWorkspaceOrganization(workspaceId: string, request: WorkspaceOrganizationRequest, signal: AbortSignal): Promise<WorkspaceOrganization | null>;
+declare function useWorkspaceOrganization({ workspaceId, request, enabled, onOpenOrganization, }: {
+    workspaceId?: string | null;
+    request: WorkspaceOrganizationRequest;
+    enabled?: boolean;
+    onOpenOrganization?: (organizationId: string) => void;
+}): Pick<ScWorkspaceAccountMenuProps, "organizationName" | "organizationRole" | "organizationStatus" | "onOrganizationClick">;
+
+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, OrganizationInviteModal, type OrganizationInviteModalProps, type OrganizationJoinRequest, type OrganizationMember, 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, type WorkspaceData, WorkspaceGeneralTab, type WorkspaceGeneralTabProps, type WorkspaceInvite, WorkspaceListTab, type WorkspaceMember, WorkspaceModal, type WorkspaceOrganization, type WorkspaceOrganizationRequest, WorkspaceTab, type WorkspaceUsageResponse, countLabel, loadWorkspaceOrganization, resolveSettingsTabFromPath, useSettingsAdapters, useWorkspaceOrganization, userLanguageLabel };

package/dist/index.js

@@ -56,8 +56,10 @@ __export(index_exports, {
   WorkspaceModal: () => WorkspaceModal,
   WorkspaceTab: () => WorkspaceTab,
   countLabel: () => countLabel,
+  loadWorkspaceOrganization: () => loadWorkspaceOrganization,
   resolveSettingsTabFromPath: () => resolveSettingsTabFromPath,
   useSettingsAdapters: () => useSettingsAdapters,
+  useWorkspaceOrganization: () => useWorkspaceOrganization,
   userLanguageLabel: () => userLanguageLabel
 });
 module.exports = __toCommonJS(index_exports);
@@ -9175,6 +9177,7 @@ function BillingContent({
     fetchBillingOverview();
     fetchUserMap();
   }, [fetchBillingOverview, fetchUserMap]);
+  const usage = workspace.current?.usage ?? null;
   (0, import_react14.useEffect)(() => {
     void logBillingEvent("billing_page_viewed", "Billing page viewed", {
       action: "view"
@@ -9482,6 +9485,28 @@ function BillingContent({
         ]
       }
     ),
+    usage ? /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+      "div",
+      {
+        className: "grid shrink-0 w-full",
+        style: {
+          gap: "var(--spacing-6xl)",
+          gridTemplateColumns: "repeat(auto-fit, minmax(18rem, 1fr))"
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_ui9.ScUsageMeterCard, { kind: "storage", plan: usage.plan, status: usage.storage }),
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+            import_ui9.ScUsageMeterCard,
+            {
+              kind: "bandwidth",
+              plan: usage.plan,
+              status: usage.bandwidth,
+              footnote: `This billing month \xB7 resets ${new Date(usage.period.to).toLocaleDateString(void 0, { day: "numeric", month: "short" })}`
+            }
+          )
+        ]
+      }
+    ) : null,
     /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex items-center justify-between shrink-0 w-full", children: [
       /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(BillingTabBar, { activeTab, onTabChange: setActiveTab }),
       /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
@@ -12309,3 +12334,73 @@ function SettingsContentInner({
     }
   );
 }
+
+// src/workspace-organization.ts
+var import_react17 = require("react");
+function dataOf(value) {
+  if (!value || typeof value !== "object") throw new Error("Invalid response");
+  const envelope = value;
+  if (envelope.status?.code != null && envelope.status.code !== 0) {
+    throw new Error("Organization request failed");
+  }
+  return "data" in envelope ? envelope.data : envelope;
+}
+async function loadWorkspaceOrganization(workspaceId, request, signal) {
+  const rows = dataOf(await request("/workspace", signal));
+  if (!Array.isArray(rows)) throw new Error("Invalid workspace list");
+  const row = rows.find((item) => (item.workspace?._id ?? item._id) === workspaceId);
+  if (!row) throw new Error("Workspace not found");
+  const workspace = row.workspace ?? row;
+  const owner = workspace.organization !== void 0 ? workspace.organization : row.organization;
+  const ownerRef = workspace.organizationId !== void 0 ? workspace.organizationId : row.organizationId;
+  if (ownerRef === null || owner === null) return null;
+  const id = typeof ownerRef === "string" ? ownerRef : ownerRef?._id ?? owner?._id;
+  if (!id) return null;
+  const path = `/organization/${encodeURIComponent(id)}`;
+  const [detail, role] = await Promise.allSettled([
+    owner?.name && owner._id === id ? Promise.resolve(owner) : request(path, signal).then(dataOf),
+    request(`${path}/role`, signal).then(dataOf)
+  ]);
+  if (signal.aborted) throw new Error("Request aborted");
+  if (detail.status !== "fulfilled" || !detail.value?.name || detail.value._id !== id) {
+    throw new Error("Organization unavailable");
+  }
+  return {
+    _id: id,
+    name: detail.value.name,
+    // A workspace role is never an organization permission.
+    role: role.status === "fulfilled" ? role.value?.role : void 0
+  };
+}
+function useWorkspaceOrganization({
+  workspaceId,
+  request,
+  enabled = true,
+  onOpenOrganization
+}) {
+  const [result, setResult] = (0, import_react17.useState)();
+  (0, import_react17.useEffect)(() => {
+    if (!enabled || !workspaceId) return;
+    const controller = new AbortController();
+    setResult(void 0);
+    loadWorkspaceOrganization(workspaceId, request, controller.signal).then(
+      (owner2) => {
+        if (!controller.signal.aborted) setResult({ workspaceId, owner: owner2 });
+      },
+      () => {
+        if (!controller.signal.aborted) setResult({ workspaceId, error: true });
+      }
+    );
+    return () => controller.abort();
+  }, [workspaceId, request, enabled]);
+  if (!workspaceId || !enabled) return {};
+  if (result?.workspaceId !== workspaceId) return { organizationStatus: "loading" };
+  if (result.error) return { organizationStatus: "error" };
+  const owner = result.owner;
+  const canOpen = owner?.role === "admin" || owner?.role === "member";
+  return {
+    organizationName: owner?.name ?? null,
+    organizationRole: owner?.role,
+    onOrganizationClick: owner && canOpen && onOpenOrganization ? () => onOpenOrganization(owner._id) : void 0
+  };
+}

package/dist/index.mjs

@@ -6956,7 +6956,8 @@ import {
   ScBillingHistoryTableList,
   ScHeader,
   ScPlanCard,
-  ScPlanComparison
+  ScPlanComparison,
+  ScUsageMeterCard
 } from "@streamoid/ui";
 import {
   SiconDownload,
@@ -9177,6 +9178,7 @@ function BillingContent({
     fetchBillingOverview();
     fetchUserMap();
   }, [fetchBillingOverview, fetchUserMap]);
+  const usage = workspace.current?.usage ?? null;
   useEffect10(() => {
     void logBillingEvent("billing_page_viewed", "Billing page viewed", {
       action: "view"
@@ -9484,6 +9486,28 @@ function BillingContent({
         ]
       }
     ),
+    usage ? /* @__PURE__ */ jsxs16(
+      "div",
+      {
+        className: "grid shrink-0 w-full",
+        style: {
+          gap: "var(--spacing-6xl)",
+          gridTemplateColumns: "repeat(auto-fit, minmax(18rem, 1fr))"
+        },
+        children: [
+          /* @__PURE__ */ jsx18(ScUsageMeterCard, { kind: "storage", plan: usage.plan, status: usage.storage }),
+          /* @__PURE__ */ jsx18(
+            ScUsageMeterCard,
+            {
+              kind: "bandwidth",
+              plan: usage.plan,
+              status: usage.bandwidth,
+              footnote: `This billing month \xB7 resets ${new Date(usage.period.to).toLocaleDateString(void 0, { day: "numeric", month: "short" })}`
+            }
+          )
+        ]
+      }
+    ) : null,
     /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between shrink-0 w-full", children: [
       /* @__PURE__ */ jsx18(BillingTabBar, { activeTab, onTabChange: setActiveTab }),
       /* @__PURE__ */ jsxs16(
@@ -12317,6 +12341,76 @@ function SettingsContentInner({
     }
   );
 }
+
+// src/workspace-organization.ts
+import { useEffect as useEffect13, useState as useState15 } from "react";
+function dataOf(value) {
+  if (!value || typeof value !== "object") throw new Error("Invalid response");
+  const envelope = value;
+  if (envelope.status?.code != null && envelope.status.code !== 0) {
+    throw new Error("Organization request failed");
+  }
+  return "data" in envelope ? envelope.data : envelope;
+}
+async function loadWorkspaceOrganization(workspaceId, request, signal) {
+  const rows = dataOf(await request("/workspace", signal));
+  if (!Array.isArray(rows)) throw new Error("Invalid workspace list");
+  const row = rows.find((item) => (item.workspace?._id ?? item._id) === workspaceId);
+  if (!row) throw new Error("Workspace not found");
+  const workspace = row.workspace ?? row;
+  const owner = workspace.organization !== void 0 ? workspace.organization : row.organization;
+  const ownerRef = workspace.organizationId !== void 0 ? workspace.organizationId : row.organizationId;
+  if (ownerRef === null || owner === null) return null;
+  const id = typeof ownerRef === "string" ? ownerRef : ownerRef?._id ?? owner?._id;
+  if (!id) return null;
+  const path = `/organization/${encodeURIComponent(id)}`;
+  const [detail, role] = await Promise.allSettled([
+    owner?.name && owner._id === id ? Promise.resolve(owner) : request(path, signal).then(dataOf),
+    request(`${path}/role`, signal).then(dataOf)
+  ]);
+  if (signal.aborted) throw new Error("Request aborted");
+  if (detail.status !== "fulfilled" || !detail.value?.name || detail.value._id !== id) {
+    throw new Error("Organization unavailable");
+  }
+  return {
+    _id: id,
+    name: detail.value.name,
+    // A workspace role is never an organization permission.
+    role: role.status === "fulfilled" ? role.value?.role : void 0
+  };
+}
+function useWorkspaceOrganization({
+  workspaceId,
+  request,
+  enabled = true,
+  onOpenOrganization
+}) {
+  const [result, setResult] = useState15();
+  useEffect13(() => {
+    if (!enabled || !workspaceId) return;
+    const controller = new AbortController();
+    setResult(void 0);
+    loadWorkspaceOrganization(workspaceId, request, controller.signal).then(
+      (owner2) => {
+        if (!controller.signal.aborted) setResult({ workspaceId, owner: owner2 });
+      },
+      () => {
+        if (!controller.signal.aborted) setResult({ workspaceId, error: true });
+      }
+    );
+    return () => controller.abort();
+  }, [workspaceId, request, enabled]);
+  if (!workspaceId || !enabled) return {};
+  if (result?.workspaceId !== workspaceId) return { organizationStatus: "loading" };
+  if (result.error) return { organizationStatus: "error" };
+  const owner = result.owner;
+  const canOpen = owner?.role === "admin" || owner?.role === "member";
+  return {
+    organizationName: owner?.name ?? null,
+    organizationRole: owner?.role,
+    onOrganizationClick: owner && canOpen && onOpenOrganization ? () => onOpenOrganization(owner._id) : void 0
+  };
+}
 export {
   APP_KEYS,
   BillingContent,
@@ -12354,7 +12448,9 @@ export {
   WorkspaceModal,
   WorkspaceTab,
   countLabel,
+  loadWorkspaceOrganization,
   resolveSettingsTabFromPath,
   useSettingsAdapters,
+  useWorkspaceOrganization,
   userLanguageLabel
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamoid/settings",
-  "version": "0.6.1",
+  "version": "0.6.3",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
@@ -24,7 +24,7 @@
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@streamoid/ui": "*",
+    "@streamoid/ui": ">=0.6.74",
     "@streamoid/icons": "*"
   },
   "devDependencies": {