@burdenoff/fe-libs 2026.601.11 → 2026.601.13

package/dist/sharing/SharedWithList.js

@@ -0,0 +1,184 @@
+import { cn as e } from "../lib/utils.js";
+import { Button as t } from "../ui/button.js";
+import { Badge as n } from "../ui/badge.js";
+import { ActorIdentity as r } from "../shared/actors/ActorIdentity.js";
+import { PermissionSelect as i } from "./PermissionSelect.js";
+import { useActorProfiles as a } from "../shared/actors/useActorProfiles.js";
+import { copyTextToClipboard as o, normalizeShareUrl as s } from "./shareUrl.js";
+import { useState as c } from "react";
+import { Check as l, Clock as u, Copy as d, Link2 as f, Trash2 as p } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/sharing/SharedWithList.tsx
+function g(e) {
+	switch (e) {
+		case "ACCEPTED": return {
+			variant: "success",
+			label: "Accepted"
+		};
+		case "PENDING": return {
+			variant: "warning",
+			label: "Pending"
+		};
+		case "EXPIRED": return {
+			variant: "secondary",
+			label: "Expired"
+		};
+		case "REVOKED": return {
+			variant: "secondary",
+			label: "Revoked"
+		};
+		default: return {
+			variant: "info",
+			label: e
+		};
+	}
+}
+function _(e) {
+	let t = new Date(e);
+	if (Number.isNaN(t.getTime())) return "";
+	let n = t.getTime() - Date.now();
+	if (n <= 0) return "Expired";
+	let r = Math.floor(n / (1e3 * 60 * 60));
+	return r > 24 ? `${Math.floor(r / 24)}d left` : r > 0 ? `${r}h left` : `${Math.floor(n / (1e3 * 60))}m left`;
+}
+function v(e, t) {
+	if (e.granteeUserId) return t[e.granteeUserId] || {
+		actorId: e.granteeUserId,
+		actorType: "user",
+		displayName: e.granteeEmail ?? `User ${e.granteeUserId.slice(0, 8)}`,
+		secondaryLabel: e.granteeEmail ?? e.granteeUserId,
+		email: e.granteeEmail ?? void 0,
+		resolved: !!e.granteeEmail
+	};
+	let n = e.granteeEmail ?? "Pending invite";
+	return {
+		actorId: e.id,
+		actorType: "user",
+		displayName: n,
+		secondaryLabel: n,
+		email: e.granteeEmail ?? void 0,
+		resolved: !!e.granteeEmail
+	};
+}
+var y = ({ controller: y, workspaceId: b, authToken: x, apiGatewayUrl: S, className: C }) => {
+	let { grants: w, links: T, capabilities: E } = y, [D, O] = c(null), k = a(w.filter((e) => !!e.granteeUserId).map((e) => ({
+		actorId: e.granteeUserId,
+		actorType: "user"
+	})), {
+		workspaceId: b,
+		authToken: x,
+		apiGatewayUrl: S
+	}), A = async (e) => {
+		e.shareUrl && await o(s(e.shareUrl)).then(() => !0, () => !1) && (O(e.id), setTimeout(() => O((t) => t === e.id ? null : t), 2e3));
+	};
+	return w.length > 0 || T.length > 0 ? /* @__PURE__ */ h("div", {
+		className: e("space-y-3", C),
+		"data-testid": "shared-with-list",
+		children: [w.length > 0 ? /* @__PURE__ */ h("div", {
+			className: "space-y-2",
+			children: [/* @__PURE__ */ m("h4", {
+				className: "text-xs font-medium uppercase tracking-wider text-text-tertiary",
+				children: "People with access"
+			}), w.map((e) => {
+				let a = g(e.status);
+				return /* @__PURE__ */ h("div", {
+					"data-testid": "share-row",
+					className: "flex items-center justify-between gap-3 rounded-md border border-border-subtle bg-bg-surface px-3 py-2",
+					children: [/* @__PURE__ */ h("div", {
+						className: "flex min-w-0 flex-1 items-center gap-2",
+						children: [/* @__PURE__ */ m(r, {
+							profile: v(e, k),
+							variant: "inline",
+							hideIdDrilldown: !0
+						}), /* @__PURE__ */ m(n, {
+							variant: a.variant,
+							children: a.label
+						})]
+					}), /* @__PURE__ */ h("div", {
+						className: "flex items-center gap-2",
+						children: [y.updateRole ? /* @__PURE__ */ m(i, {
+							value: e.role,
+							roles: E.roles,
+							onChange: (t) => {
+								y.updateRole?.(e.id, t);
+							},
+							className: "h-8 w-36",
+							testId: `share-row-role-${e.id}`
+						}) : /* @__PURE__ */ m("span", {
+							className: "text-sm text-text-secondary",
+							children: e.role
+						}), y.revoke ? /* @__PURE__ */ m(t, {
+							type: "button",
+							variant: "ghost",
+							size: "icon-sm",
+							"data-testid": "share-row-revoke",
+							"aria-label": "Revoke access",
+							onClick: () => {
+								y.revoke?.(e.id);
+							},
+							className: "text-text-secondary hover:text-status-error-text",
+							children: /* @__PURE__ */ m(p, { className: "size-4" })
+						}) : null]
+					})]
+				}, e.id);
+			})]
+		}) : null, T.length > 0 ? /* @__PURE__ */ h("div", {
+			className: "space-y-2",
+			children: [/* @__PURE__ */ m("h4", {
+				className: "text-xs font-medium uppercase tracking-wider text-text-tertiary",
+				children: "Public links"
+			}), T.map((e) => /* @__PURE__ */ h("div", {
+				"data-testid": "share-row",
+				className: "flex items-center justify-between gap-3 rounded-md border border-border-subtle bg-bg-surface px-3 py-2",
+				children: [/* @__PURE__ */ h("div", {
+					className: "flex min-w-0 flex-1 items-center gap-2",
+					children: [
+						/* @__PURE__ */ m(f, { className: "size-4 shrink-0 text-action-primary-text" }),
+						/* @__PURE__ */ m("span", {
+							className: "truncate text-sm text-text-primary",
+							children: e.shareUrl ? s(e.shareUrl) : "Public link"
+						}),
+						e.expiresAt ? /* @__PURE__ */ h("span", {
+							className: "inline-flex items-center gap-1 whitespace-nowrap text-xs text-text-secondary",
+							children: [/* @__PURE__ */ m(u, { className: "size-3" }), _(e.expiresAt)]
+						}) : null
+					]
+				}), /* @__PURE__ */ h("div", {
+					className: "flex items-center gap-1",
+					children: [e.shareUrl ? /* @__PURE__ */ m(t, {
+						type: "button",
+						variant: "ghost",
+						size: "icon-sm",
+						"data-testid": "share-copy-link",
+						"aria-label": "Copy link",
+						onClick: () => {
+							A(e);
+						},
+						className: "text-text-secondary hover:text-action-primary-text",
+						children: D === e.id ? /* @__PURE__ */ m(l, { className: "size-4 text-status-success-text" }) : /* @__PURE__ */ m(d, { className: "size-4" })
+					}) : null, y.revokeLink ? /* @__PURE__ */ m(t, {
+						type: "button",
+						variant: "ghost",
+						size: "icon-sm",
+						"data-testid": "share-row-revoke",
+						"aria-label": "Revoke link",
+						onClick: () => {
+							y.revokeLink?.(e.id);
+						},
+						className: "text-text-secondary hover:text-status-error-text",
+						children: /* @__PURE__ */ m(p, { className: "size-4" })
+					}) : null]
+				})]
+			}, e.id))]
+		}) : null]
+	}) : /* @__PURE__ */ m("div", {
+		className: e("rounded-md border border-border-subtle bg-bg-sunken px-3 py-4", C),
+		"data-testid": "shared-with-list",
+		children: /* @__PURE__ */ m("p", {
+			className: "text-center text-sm text-text-secondary",
+			children: "No one has access yet."
+		})
+	});
+};
+//#endregion
+export { y as SharedWithList };

package/dist/sharing/index.d.ts

@@ -0,0 +1,9 @@
+export { ROLE_DESCRIPTIONS, ROLE_LABELS, SHARE_ROLES, roleDescription, roleLabel, type ShareCapabilities, type ShareController, type ShareGrantView, type ShareResourceRef, type ShareRole, type ShareStatus, type ShareVisibility, } from './types';
+export { ShareDialog, type ShareDialogProps } from './ShareDialog';
+export { MemberPicker, type MemberPickerProps, type SelectedMember } from './MemberPicker';
+export { PermissionSelect, type PermissionSelectProps } from './PermissionSelect';
+export { SharedWithList, type SharedWithListProps } from './SharedWithList';
+export { AcceptSharePage, type AcceptSharePageProps, type SharePreview } from './AcceptSharePage';
+export { useWorkspaceDirectory, type UseWorkspaceDirectoryParams, type UseWorkspaceDirectoryResult, type WorkspaceDirectoryMember, } from './useWorkspaceDirectory';
+export { copyTextToClipboard, escapeHtmlAttribute, normalizeShareUrl } from './shareUrl';
+//# sourceMappingURL=index.d.ts.map

package/dist/sharing/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/sharing/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,eAAe,EACf,SAAS,EACT,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,eAAe,GACrB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGlG,OAAO,EACL,qBAAqB,EACrB,KAAK,2BAA2B,EAChC,KAAK,2BAA2B,EAChC,KAAK,wBAAwB,GAC9B,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC"}

package/dist/sharing/shareUrl.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Share-URL helpers, promoted from the VibeControls MFE so every product can
+ * normalize/copy share links consistently. Generic: the allowlist covers
+ * product-specific share prefixes plus the generic `/share/accept/` route.
+ */
+/**
+ * Rewrite a same-surface share URL onto the current window origin. Only paths
+ * in {@link SHARE_PATH_ALLOWLIST} are rewritten; everything else (and any
+ * non-http(s) protocol, or SSR with no `window`) is returned verbatim.
+ */
+export declare function normalizeShareUrl(url: string): string;
+/** Escape a string for safe interpolation into an HTML attribute value. */
+export declare function escapeHtmlAttribute(value: string): string;
+/**
+ * Copy text to the clipboard with a robust fallback. Prefers the async
+ * Clipboard API; falls back to a hidden `<textarea>` + `execCommand('copy')`
+ * for older browsers / insecure contexts. Rejects if the copy fails.
+ */
+export declare function copyTextToClipboard(text: string): Promise<void>;
+//# sourceMappingURL=shareUrl.d.ts.map

package/dist/sharing/shareUrl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shareUrl.d.ts","sourceRoot":"","sources":["../../src/sharing/shareUrl.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AASH;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAcrD;AAED,2EAA2E;AAC3E,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAOzD;AAED;;;;GAIG;AACH,wBAAsB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAyBrE"}

package/dist/sharing/shareUrl.js

@@ -0,0 +1,39 @@
+//#region src/sharing/shareUrl.ts
+var e = [
+	"/share/accept/",
+	"/vibecontrols/",
+	"/files/share/"
+];
+function t(t) {
+	if (typeof window > "u") return t;
+	try {
+		let n = new URL(t, window.location.origin);
+		if ((n.protocol === "http:" || n.protocol === "https:") && e.some((e) => n.pathname.startsWith(e))) return `${window.location.origin}${n.pathname}${n.search}${n.hash}`;
+	} catch {
+		return t;
+	}
+	return t;
+}
+function n(e) {
+	return e.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/'/g, "&#39;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+async function r(e) {
+	try {
+		if (typeof navigator < "u" && navigator.clipboard) {
+			await navigator.clipboard.writeText(e);
+			return;
+		}
+		throw Error("Clipboard API unavailable");
+	} catch {
+		if (typeof document > "u") throw Error("Clipboard copy failed");
+		let t = document.createElement("textarea");
+		t.value = e, t.style.position = "fixed", t.style.opacity = "0", document.body.appendChild(t);
+		try {
+			if (t.select(), !document.execCommand("copy")) throw Error("Clipboard copy failed");
+		} finally {
+			document.body.removeChild(t);
+		}
+	}
+}
+//#endregion
+export { r as copyTextToClipboard, n as escapeHtmlAttribute, t as normalizeShareUrl };

package/dist/sharing/types.d.ts

@@ -0,0 +1,94 @@
+/**
+ * Generic sharing binding contract.
+ *
+ * These types are the *load-bearing* contract between the presentational
+ * sharing UI in `@burdenoff/fe-libs/sharing` and the consuming microfrontend.
+ * The fe-libs components are presentational + state-machine only — they never
+ * import GraphQL codegen hooks. Each MFE implements a {@link ShareController}
+ * (wiring its own queries/mutations) and injects it into the components.
+ */
+/** Capability/permission level a grant confers on the grantee. */
+export type ShareRole = 'VIEWER' | 'COMMENTER' | 'EDITOR' | 'MANAGER';
+/** Visibility mode of the shared resource. */
+export type ShareVisibility = 'PRIVATE' | 'SHARED_WITH_USERS' | 'SHARED_WITH_VIBE' | 'PUBLIC_LINK';
+/** Lifecycle status of an individual grant. */
+export type ShareStatus = 'PENDING' | 'ACCEPTED' | 'REVOKED' | 'EXPIRED';
+/**
+ * Describes the resource being shared. `type` is an opaque, product-defined
+ * string (e.g. `"file"`, `"vibe"`, `"session"`); the UI only uses it for
+ * display + copy. `vibeId` gates the "Everyone with Vibe" mode.
+ */
+export interface ShareResourceRef {
+    type: string;
+    id: string;
+    name: string;
+    vibeId?: string | null;
+    ownerId?: string | null;
+    visibility?: ShareVisibility;
+}
+/**
+ * A single share grant (a user invite or a public link), as projected for
+ * the UI. The controller maps its own backend shape onto this view.
+ */
+export interface ShareGrantView {
+    id: string;
+    granteeUserId?: string | null;
+    granteeEmail?: string | null;
+    role: ShareRole;
+    status: ShareStatus;
+    visibility: ShareVisibility;
+    expiresAt?: string | null;
+    token?: string | null;
+    shareUrl?: string | null;
+    createdAt?: string;
+}
+/** Roles + descriptions surfaced in selectors. */
+export interface ShareCapabilities {
+    supportsUsers: boolean;
+    supportsLink: boolean;
+    supportsVibeShare: boolean;
+    supportsExpiry: boolean;
+    roles: ShareRole[];
+}
+/**
+ * The controller contract. The MFE implements this (typically by wrapping its
+ * generated GraphQL hooks) and passes it to {@link ShareDialog} /
+ * {@link SharedWithList}. Only `loading`, `grants`, `links`, `refetch`,
+ * `createUserShare`, and `capabilities` are required; the rest are optional
+ * and the UI feature-detects them (hiding/disabling controls when absent).
+ */
+export interface ShareController {
+    loading: boolean;
+    grants: ShareGrantView[];
+    links: ShareGrantView[];
+    refetch: () => void;
+    createUserShare(input: {
+        email: string;
+        role: ShareRole;
+        message?: string;
+        expiresAt?: string;
+    }): Promise<void>;
+    createLinkShare?(input: {
+        role: ShareRole;
+        expiresAt?: string | null;
+    }): Promise<{
+        shareUrl: string;
+    }>;
+    updateRole?(grantId: string, role: ShareRole): Promise<void>;
+    revoke?(grantId: string): Promise<void>;
+    revokeLink?(grantId: string): Promise<void>;
+    setVisibility?(visibility: ShareVisibility): Promise<void>;
+    currentVisibility?: ShareVisibility;
+    capabilities: ShareCapabilities;
+}
+/** Canonical, ordered list of roles (low → high privilege). */
+export declare const SHARE_ROLES: readonly ShareRole[];
+/** Human-friendly label per role. */
+export declare const ROLE_LABELS: Record<ShareRole, string>;
+/** One-line description of what each role can do. */
+export declare const ROLE_DESCRIPTIONS: Record<ShareRole, string>;
+/** Resolve a display label for a role, falling back to the raw value. */
+export declare function roleLabel(role: ShareRole): string;
+/** Resolve a description for a role, falling back to an empty string. */
+export declare function roleDescription(role: ShareRole): string;
+//# sourceMappingURL=types.d.ts.map

package/dist/sharing/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/sharing/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,kEAAkE;AAClE,MAAM,MAAM,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEtE,8CAA8C;AAC9C,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,mBAAmB,GAAG,kBAAkB,GAAG,aAAa,CAAC;AAEnG,+CAA+C;AAC/C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;AAEzE;;;;GAIG;AACH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,eAAe,CAAC;CAC9B;AAED;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,IAAI,EAAE,SAAS,CAAC;IAChB,MAAM,EAAE,WAAW,CAAC;IACpB,UAAU,EAAE,eAAe,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,kDAAkD;AAClD,MAAM,WAAW,iBAAiB;IAChC,aAAa,EAAE,OAAO,CAAC;IACvB,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,cAAc,EAAE,OAAO,CAAC;IACxB,KAAK,EAAE,SAAS,EAAE,CAAC;CACpB;AAED;;;;;;GAMG;AACH,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,CAAC,KAAK,EAAE;QACrB,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,SAAS,CAAC;QAChB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClB,eAAe,CAAC,CAAC,KAAK,EAAE;QACtB,IAAI,EAAE,SAAS,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KAC3B,GAAG,OAAO,CAAC;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClC,UAAU,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7D,MAAM,CAAC,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACxC,UAAU,CAAC,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,aAAa,CAAC,CAAC,UAAU,EAAE,eAAe,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3D,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC,YAAY,EAAE,iBAAiB,CAAC;CACjC;AAED,+DAA+D;AAC/D,eAAO,MAAM,WAAW,EAAE,SAAS,SAAS,EAAiD,CAAC;AAE9F,qCAAqC;AACrC,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAKjD,CAAC;AAEF,qDAAqD;AACrD,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAKvD,CAAC;AAEF,yEAAyE;AACzE,wBAAgB,SAAS,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAEjD;AAED,yEAAyE;AACzE,wBAAgB,eAAe,CAAC,IAAI,EAAE,SAAS,GAAG,MAAM,CAEvD"}

package/dist/sharing/types.js

@@ -0,0 +1,25 @@
+//#region src/sharing/types.ts
+var e = [
+	"VIEWER",
+	"COMMENTER",
+	"EDITOR",
+	"MANAGER"
+], t = {
+	VIEWER: "Viewer",
+	COMMENTER: "Commenter",
+	EDITOR: "Editor",
+	MANAGER: "Manager"
+}, n = {
+	VIEWER: "Can view",
+	COMMENTER: "Can view and comment",
+	EDITOR: "Can view, comment, and edit",
+	MANAGER: "Full access, including sharing and settings"
+};
+function r(e) {
+	return t[e] ?? e;
+}
+function i(e) {
+	return n[e] ?? "";
+}
+//#endregion
+export { n as ROLE_DESCRIPTIONS, t as ROLE_LABELS, e as SHARE_ROLES, i as roleDescription, r as roleLabel };

package/dist/sharing/useWorkspaceDirectory.d.ts

@@ -0,0 +1,43 @@
+/**
+ * A workspace member entry, resolved to a human-friendly identity for the
+ * sharing autocomplete. `email` may be empty when the directory only exposes a
+ * userId (the picker still allows free-typing an email to invite).
+ */
+export interface WorkspaceDirectoryMember {
+    id: string;
+    name: string;
+    email: string;
+    avatar?: string;
+}
+export interface UseWorkspaceDirectoryParams {
+    /** Workspace whose members are listed. */
+    workspaceId: string;
+    /** Override the active profile's access token. */
+    authToken?: string;
+    /**
+     * Override the WORKSPACE gateway base URL. Resolved like `useActorProfiles`:
+     * an explicit workspace gateway is honored, otherwise the URL is derived from
+     * the current hostname (LOCAL/ALPHA/PROD).
+     */
+    apiGatewayUrl?: string;
+}
+export interface UseWorkspaceDirectoryResult {
+    members: WorkspaceDirectoryMember[];
+    /** Update the case-insensitive client-side filter query. */
+    search: (q: string) => void;
+    loading: boolean;
+    /** Whether the backend reported more members beyond the loaded page. */
+    hasMore: boolean;
+    /** Load the next page of members (no-op while loading or when no more). */
+    fetchMore: () => void;
+}
+/**
+ * Autocomplete data source for the sharing MemberPicker. Mirrors the resolution
+ * strategy of `useActorProfiles`: it lists `workspaceMembers` (ids only) and
+ * resolves human identities via `workspaceMemberIdentities`, against the
+ * WORKSPACE gateway with a workspace token attached. Identity-resolution
+ * failures are best-effort and fall back to a short-id label rather than
+ * surfacing an error toast — the picker still works for free-typed emails.
+ */
+export declare function useWorkspaceDirectory(params: UseWorkspaceDirectoryParams): UseWorkspaceDirectoryResult;
+//# sourceMappingURL=useWorkspaceDirectory.d.ts.map

package/dist/sharing/useWorkspaceDirectory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWorkspaceDirectory.d.ts","sourceRoot":"","sources":["../../src/sharing/useWorkspaceDirectory.ts"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,MAAM,WAAW,wBAAwB;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,2BAA2B;IAC1C,0CAA0C;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,wBAAwB,EAAE,CAAC;IACpC,4DAA4D;IAC5D,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,wEAAwE;IACxE,OAAO,EAAE,OAAO,CAAC;IACjB,2EAA2E;IAC3E,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAsDD;;;;;;;GAOG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,2BAA2B,GAClC,2BAA2B,CA4J7B"}

package/dist/sharing/useWorkspaceDirectory.js

@@ -0,0 +1,117 @@
+import { resolveGatewayUrls as e } from "../shared/config/gatewayUrls.js";
+import { getStoredAuthToken as t, graphqlFetch as n } from "../shared/graphql/fetch.js";
+import { useCallback as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
+//#region src/sharing/useWorkspaceDirectory.ts
+var c = 50, l = "\n  query SharingWorkspaceMembers($workspaceId: ID!, $pagination: PaginationInput) {\n    workspaceMembers(workspaceId: $workspaceId, pagination: $pagination) {\n      items {\n        id\n        userId\n      }\n      total\n      hasMore\n    }\n  }\n", u = "\n  query SharingWorkspaceMemberIdentities($userIds: [ID!]!, $workspaceId: ID) {\n    workspaceMemberIdentities(userIds: $userIds, workspaceId: $workspaceId) {\n      userId\n      displayName\n      email\n      avatar\n    }\n  }\n";
+function d(e) {
+	return e.length <= 12 ? e : `${e.slice(0, 8)}…${e.slice(-4)}`;
+}
+function f(e) {
+	return /(?:gw-wspace|graphqlworkspaces|workspaces\.)/.test(e);
+}
+function p(p) {
+	let { workspaceId: m, authToken: h, apiGatewayUrl: g } = p, _ = h ?? t() ?? void 0, v = a(() => {
+		try {
+			let t = e();
+			return g && f(g) ? g : t.workspaceBaseUrl;
+		} catch {
+			return;
+		}
+	}, [g]), [y, b] = s([]), [x, S] = s(!1), [C, w] = s(!1), [T, E] = s(""), [D, O] = s(0), k = `${m}|${v ?? ""}`, A = o(k);
+	A.current !== k && (A.current = k), i(() => {
+		b([]), w(!1), O(0);
+	}, [k]), i(() => {
+		if (!m || !v) return;
+		let e = !1;
+		async function t() {
+			S(!0);
+			try {
+				let t = await n({
+					gateway: "workspace",
+					baseUrl: v,
+					authToken: _,
+					workspaceId: m,
+					workspaceToken: !0,
+					query: l,
+					operationName: "SharingWorkspaceMembers",
+					suppressGlobalErrorEvent: !0,
+					variables: {
+						workspaceId: m,
+						pagination: {
+							limit: c,
+							offset: D * c
+						}
+					}
+				});
+				if (e) return;
+				let r = t.data?.workspaceMembers, i = r?.items ?? [], a = [...new Set(i.map((e) => e.userId))], o = /* @__PURE__ */ new Map();
+				if (a.length > 0) try {
+					let t = await n({
+						gateway: "workspace",
+						baseUrl: v,
+						authToken: _,
+						workspaceId: m,
+						workspaceToken: !0,
+						query: u,
+						operationName: "SharingWorkspaceMemberIdentities",
+						suppressGlobalErrorEvent: !0,
+						variables: {
+							userIds: a,
+							workspaceId: m
+						}
+					});
+					if (e) return;
+					for (let e of t.data?.workspaceMemberIdentities ?? []) o.set(e.userId, {
+						displayName: e.displayName,
+						email: e.email,
+						avatar: e.avatar
+					});
+				} catch {}
+				let s = a.map((e) => {
+					let t = o.get(e);
+					return {
+						id: e,
+						name: t?.displayName?.trim() || t?.email?.trim() || d(e),
+						email: t?.email?.trim() ?? "",
+						avatar: t?.avatar ?? void 0
+					};
+				});
+				if (e) return;
+				b((e) => {
+					if (D === 0) return s;
+					let t = new Set(e.map((e) => e.id));
+					return [...e, ...s.filter((e) => !t.has(e.id))];
+				}), w(!!r?.hasMore);
+			} catch {
+				e || w(!1);
+			} finally {
+				e || S(!1);
+			}
+		}
+		return t(), () => {
+			e = !0;
+		};
+	}, [
+		m,
+		v,
+		_,
+		D
+	]);
+	let j = r((e) => {
+		E(e);
+	}, []), M = r(() => {
+		S((e) => (!e && C && O((e) => e + 1), e));
+	}, [C]);
+	return {
+		members: a(() => {
+			let e = T.trim().toLowerCase();
+			return e ? y.filter((t) => t.name.toLowerCase().includes(e) || t.email.toLowerCase().includes(e)) : y;
+		}, [y, T]),
+		search: j,
+		loading: x,
+		hasMore: C,
+		fetchMore: M
+	};
+}
+//#endregion
+export { p as useWorkspaceDirectory };

package/dist/sharing.d.ts

@@ -0,0 +1,2 @@
+export * from './sharing/index'
+export {}

package/dist/sharing.js

@@ -0,0 +1,9 @@
+import { ROLE_DESCRIPTIONS as e, ROLE_LABELS as t, SHARE_ROLES as n, roleDescription as r, roleLabel as i } from "./sharing/types.js";
+import { useWorkspaceDirectory as a } from "./sharing/useWorkspaceDirectory.js";
+import { MemberPicker as o } from "./sharing/MemberPicker.js";
+import { PermissionSelect as s } from "./sharing/PermissionSelect.js";
+import { copyTextToClipboard as c, escapeHtmlAttribute as l, normalizeShareUrl as u } from "./sharing/shareUrl.js";
+import { SharedWithList as d } from "./sharing/SharedWithList.js";
+import { ShareDialog as f } from "./sharing/ShareDialog.js";
+import { AcceptSharePage as p } from "./sharing/AcceptSharePage.js";
+export { p as AcceptSharePage, o as MemberPicker, s as PermissionSelect, e as ROLE_DESCRIPTIONS, t as ROLE_LABELS, n as SHARE_ROLES, f as ShareDialog, d as SharedWithList, c as copyTextToClipboard, l as escapeHtmlAttribute, u as normalizeShareUrl, r as roleDescription, i as roleLabel, a as useWorkspaceDirectory };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/fe-libs",
-  "version": "2026.601.11",
+  "version": "2026.601.13",
   "description": "Burdenoff frontend primitives and domain libraries",
   "type": "module",
   "imports": {
@@ -22,6 +22,10 @@
       "types": "./dist/ui.d.ts",
       "import": "./dist/ui.js"
     },
+    "./sharing": {
+      "types": "./dist/sharing.d.ts",
+      "import": "./dist/sharing.js"
+    },
     "./chrome": {
       "types": "./dist/chrome.d.ts",
       "import": "./dist/chrome.js"