@burdenoff/microfe-workspaces 2026.1013.2 → 2026.1016.1

package/dist/WorkspacesRoot.d.ts

@@ -0,0 +1,33 @@
+import { FC } from 'react';
+import { WorkspacesRootProps } from './types';
+/**
+ * Root component for the Workspaces microfrontend.
+ *
+ * This is the main entry point that host applications import and render.
+ * It sets up the necessary providers and renders the internal routing.
+ * Automatically registers navigation items with the shell if registration functions are provided.
+ * Nav items for feature-previewed pages (projects, members, activity) are conditionally
+ * hidden based on feature flags.
+ *
+ * @example
+ * ```tsx
+ * import { WorkspacesRoot } from '@burdenoff/micro-fe/workspaces';
+ *
+ * function App() {
+ *   return (
+ *     <Route path="/workspaces/*" element={
+ *       <WorkspacesRoot
+ *         basePath="/workspaces"
+ *         navigate={navigate}
+ *         currentUser={user}
+ *         workspaceId="ws-123"
+ *         tenantId="tenant-123"
+ *         apiGatewayUrl="https://gw-global.local.burdenoff.com"
+ *         authToken="token"
+ *       />
+ *     } />
+ *   );
+ * }
+ * ```
+ */
+export declare const WorkspacesRoot: FC<WorkspacesRootProps>;

package/dist/WorkspacesRoutes.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Internal routing for the Workspaces microfrontend.
+ * Defines all routes and their corresponding page components.
+ *
+ * - WorkspacesListPage: Eager loaded (main entry point)
+ * - All other pages: Lazy loaded for better performance
+ * - Projects, Members, Activity: gated by feature flags (unreleased)
+ */
+export declare function WorkspacesRoutes(): import('react').JSX.Element;

package/dist/components/CreateProjectDialog.d.ts

@@ -0,0 +1,5 @@
+interface CreateProjectDialogProps {
+    workspaceId?: string;
+}
+export declare function CreateProjectDialog({ workspaceId }: CreateProjectDialogProps): import('react').JSX.Element;
+export {};

package/dist/components/CreateWorkspaceDialog.d.ts

@@ -0,0 +1 @@
+export declare function CreateWorkspaceDialog(): import('react').JSX.Element;

package/dist/components/InviteMemberDialog.d.ts

@@ -0,0 +1,6 @@
+interface InviteMemberDialogProps {
+    /** Workspace ID to invite the member to (from URL params) */
+    workspaceId?: string;
+}
+export declare function InviteMemberDialog({ workspaceId }: InviteMemberDialogProps): import('react').JSX.Element;
+export {};

package/dist/components/MemberListItem.d.ts

@@ -0,0 +1,9 @@
+import { WorkspaceMember } from '../types';
+export interface MemberListItemProps {
+    member: WorkspaceMember;
+    onUpdateRoles?: (memberId: string, roleIds: string[]) => void;
+    selected?: boolean;
+    onToggleSelect?: (checked: boolean) => void;
+    canRemove?: boolean;
+}
+export declare function MemberListItem({ member, selected, onToggleSelect, canRemove, }: MemberListItemProps): import('react').JSX.Element;

package/dist/components/ProjectCard.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { Project, ProjectTag } from '../types';
+interface ProjectCardProps {
+    project: Project;
+    selected?: boolean;
+    onToggleSelect?: (checked: boolean) => void;
+    onTagClick?: (tag: ProjectTag) => void;
+    canArchive?: boolean;
+    canDelete?: boolean;
+    canRename?: boolean;
+}
+export declare function ProjectCard({ project, selected, onToggleSelect, onTagClick, canArchive, canDelete, canRename, }: ProjectCardProps): React.JSX.Element;
+export {};

package/dist/components/ProjectMemberPickerDialog.d.ts

@@ -0,0 +1,8 @@
+export interface ProjectMemberPickerDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    workspaceId: string;
+    projectId: string;
+    projectName?: string;
+}
+export declare function ProjectMemberPickerDialog({ open, onOpenChange, workspaceId, projectId, projectName, }: ProjectMemberPickerDialogProps): import('react').JSX.Element;

package/dist/components/RenameProjectDialog.d.ts

@@ -0,0 +1,11 @@
+interface RenameProjectDialogProps {
+    project: {
+        id: string;
+        name: string;
+        workspaceId: string;
+    };
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}
+export declare function RenameProjectDialog({ project, open, onOpenChange }: RenameProjectDialogProps): import('react').JSX.Element;
+export {};

package/dist/components/WorkspaceCard.d.ts

@@ -0,0 +1,6 @@
+import { Workspace } from '../types';
+interface WorkspaceCardProps {
+    workspace: Workspace;
+}
+export declare function WorkspaceCard({ workspace }: WorkspaceCardProps): import('react').JSX.Element;
+export {};

package/dist/components/WorkspaceContextPathSync.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Keeps the workspace-scoped URL (`/workspaces/:workspaceId/...`) in step with the
+ * active context.
+ *
+ * The route path `:workspaceId` intentionally OVERRIDES the active context for data
+ * fetching (deep-link / drill into a specific workspace). The hazard is that the
+ * chrome context switcher updates the active context (+ `?workspace=` query +
+ * storage) but cannot rewrite this MFE's route path — so after a switch the path
+ * segment goes stale and its override silently points the page at the previously
+ * viewed workspace (wrong project list, create lands in the old workspace, etc.;
+ * BOFF-2805).
+ *
+ * Fix: when (and only when) the active context workspace CHANGES, rewrite the path's
+ * workspace segment to the new context. Firing on change — not on mount — preserves
+ * deep-links and drill-in (those change the path, not the context, so they are left
+ * alone and their override stands). Nested resource ids (`/projects/:projectId/...`)
+ * are dropped because they belong to the old workspace; we land on the page-level
+ * route for the new workspace. The query string (`?workspace=…&org=…`) is preserved.
+ *
+ * One-directional (context → path); the path never writes back to context, so there
+ * is no feedback loop.
+ */
+export declare function WorkspaceContextPathSync(): null;

package/dist/components/WorkspacesErrorBoundary.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+interface Props {
+    children: ReactNode;
+    fallback?: ReactNode;
+    onReset?: () => void;
+    /**
+     * Optional "go home" handler. The boundary is a class component (can't
+     * call `useNavigate`), so the host shell injects a React-Router-aware
+     * handler here. Falls back to `window.location.href = '/'` when omitted
+     * so a host that hasn't wired this up still gets a working button.
+     */
+    onGoHome?: () => void;
+    /**
+     * Contact-support email shown in the fallback UI. Defaults to
+     * `support@burdenoff.com`; hosts can override (e.g. for a tenant-branded
+     * deployment).
+     */
+    supportEmail?: string;
+}
+/**
+ * Error Boundary component for Workspaces microfrontend.
+ * Catches and handles runtime errors gracefully.
+ *
+ * The public export is a thin functional wrapper around the class boundary
+ * so it can consume the i18n translator via `useTr()`.
+ */
+export declare function WorkspacesErrorBoundary(props: Props): import('react').JSX.Element;
+export {};

package/dist/components/index.d.ts

@@ -0,0 +1,7 @@
+export { WorkspaceCard } from './WorkspaceCard';
+export { CreateWorkspaceDialog } from './CreateWorkspaceDialog';
+export { ProjectCard } from './ProjectCard';
+export { CreateProjectDialog } from './CreateProjectDialog';
+export { MemberListItem } from './MemberListItem';
+export { InviteMemberDialog } from './InviteMemberDialog';
+export { WorkspacesErrorBoundary } from './WorkspacesErrorBoundary';

package/dist/components/tags/ProjectTagsWidget.d.ts

@@ -0,0 +1,21 @@
+import { TagItem } from '@burdenoff/fe-libs/tag';
+export interface ProjectTagsWidgetProps {
+    /** Entity type recorded on the assigned-tag projection (e.g. "Project"). */
+    entityType: string;
+    /** Entity id (project id). */
+    entityId: string;
+    /** Workspace scope — widget renders nothing when empty. */
+    workspaceId?: string;
+    /** Controlled tag list owned by the parent. */
+    tags: TagItem[];
+    /** Persist a newly assigned tag on the entity. */
+    onAdd: (tag: TagItem) => void | Promise<void>;
+    /** Persist a tag removal on the entity. */
+    onRemove: (tagId: string) => void | Promise<void>;
+    /** Allow creating new tags on the fly. Default: true. */
+    allowCreate?: boolean;
+    /** Cap on assigned tags. Default 20. */
+    maxTags?: number;
+    className?: string;
+}
+export declare function ProjectTagsWidget({ entityType: _entityType, entityId, workspaceId, tags, onAdd, onRemove, allowCreate, maxTags, className, }: ProjectTagsWidgetProps): import('react').JSX.Element | null;

package/dist/components/tags/ProjectTagsWidget.js

@@ -1,15 +1,15 @@
 import { useTr as e } from "../../hooks/useTr.js";
 import { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
-import { Loader2 as a, Plus as ee, Tag as te, X as ne } from "lucide-react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Command as re, CommandEmpty as c, CommandGroup as l, CommandInput as u, CommandItem as d, CommandList as f, Popover as p, PopoverContent as ie, PopoverTrigger as ae } from "@burdenoff/fe-libs/ui";
-import { cn as m } from "@burdenoff/fe-libs/shared/utils";
-import { useGatewayClient as oe } from "@burdenoff/fe-libs/shared/graphql";
-import { gql as h } from "@apollo/client";
-import { useLazyQuery as g, useMutation as _ } from "@apollo/client/react";
-import { TagBadge as v } from "@burdenoff/fe-libs/tag";
+import { Loader2 as a, Plus as ee, Tag as te, X as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Command as ne, CommandEmpty as l, CommandGroup as u, CommandInput as d, CommandItem as f, CommandList as p, Popover as m, PopoverContent as re, PopoverTrigger as ie } from "@burdenoff/fe-libs/ui";
+import { cn as h } from "@burdenoff/fe-libs/shared/utils";
+import { useGatewayClient as ae } from "@burdenoff/fe-libs/shared/graphql";
+import { TagBadge as oe } from "@burdenoff/fe-libs/tag";
+import { gql as g } from "@apollo/client";
+import { useLazyQuery as _, useMutation as v } from "@apollo/client/react";
 //#region src/components/tags/ProjectTagsWidget.tsx
-var y = h`
+var y = g`
   query ProjectTagsWidget_SearchTags($query: String!, $vocabularyId: ID, $limit: Int) {
     searchTags(query: $query, vocabularyId: $vocabularyId, limit: $limit) {
       id
@@ -27,7 +27,7 @@ var y = h`
       }
     }
   }
-`, b = h`
+`, b = g`
   query ProjectTagsWidget_GetVocabularyByKey($key: String!) {
     getVocabularyByKey(key: $key) {
       id
@@ -35,7 +35,7 @@ var y = h`
       name
     }
   }
-`, se = h`
+`, se = g`
   mutation ProjectTagsWidget_CreateVocabulary($input: CreateVocabularyInput!) {
     createVocabulary(input: $input) {
       id
@@ -43,7 +43,7 @@ var y = h`
       name
     }
   }
-`, x = h`
+`, x = g`
   mutation ProjectTagsWidget_CreateTag($input: CreateTagInput!) {
     createTag(input: $input) {
       id
@@ -66,8 +66,8 @@ function C(e) {
 	let t = e;
 	return typeof t.id == "string" && typeof t.key == "string" && typeof t.label == "string";
 }
-function w({ entityType: h, entityId: w, workspaceId: ce, tags: T, onAdd: E, onRemove: D, allowCreate: O = !0, maxTags: k = 20, className: le }) {
-	let A = e(), [ue, j] = i(!1), [M, N] = i(""), [P, F] = i(null), [I, L] = i(!1), [R, z] = i(), B = r(null), V = oe("workspace"), H = !ce || !w, de = new Set(T.map((e) => e.id)), U = T.length < k, [W, { data: fe, loading: G }] = g(y, { client: V }), K = (fe?.searchTags ?? []).filter((e) => C(e) && !de.has(e.id)), [q, { loading: J }] = _(x, { client: V }), [Y] = g(b, { client: V }), [X] = _(se, { client: V }), Z = t(async () => {
+function w({ entityType: g, entityId: w, workspaceId: ce, tags: T, onAdd: E, onRemove: D, allowCreate: O = !0, maxTags: k = 20, className: le }) {
+	let A = e(), [ue, j] = i(!1), [M, N] = i(""), [P, F] = i(null), [I, L] = i(!1), [R, z] = i(), B = r(null), V = ae("workspace"), H = !ce || !w, de = new Set(T.map((e) => e.id)), U = T.length < k, [W, { data: fe, loading: G }] = _(y, { client: V }), K = (fe?.searchTags ?? []).filter((e) => C(e) && !de.has(e.id)), [q, { loading: J }] = v(x, { client: V }), [Y] = _(b, { client: V }), [X] = v(se, { client: V }), Z = t(async () => {
 		if (R) return R;
 		let e = (await Y({ variables: { key: S } })).data?.getVocabularyByKey;
 		if (e) return z(e.id), e.id;
@@ -150,9 +150,9 @@ function w({ entityType: h, entityId: w, workspaceId: ce, tags: T, onAdd: E, onR
 	}, [D]);
 	if (H) return null;
 	let $ = !!(O && M.trim() && !G && K.length === 0);
-	return /* @__PURE__ */ s("div", {
-		className: m("flex flex-wrap items-center gap-1.5", le),
-		children: [T.map((e) => /* @__PURE__ */ o(v, {
+	return /* @__PURE__ */ c("div", {
+		className: h("flex flex-wrap items-center gap-1.5", le),
+		children: [T.map((e) => /* @__PURE__ */ s(oe, {
 			id: e.id,
 			label: e.label,
 			color: e.color ?? void 0,
@@ -161,79 +161,79 @@ function w({ entityType: h, entityId: w, workspaceId: ce, tags: T, onAdd: E, onR
 			removable: !0,
 			onRemove: () => void he(e.id),
 			size: "sm"
-		}, e.id)), U && /* @__PURE__ */ s(p, {
+		}, e.id)), U && /* @__PURE__ */ c(m, {
 			open: ue,
 			onOpenChange: j,
-			children: [/* @__PURE__ */ s(ae, {
+			children: [/* @__PURE__ */ c(ie, {
 				type: "button",
 				"aria-label": A("projectTagsWidget.addTagAriaLabel", "Add tag"),
-				className: m("inline-flex items-center gap-1 px-2 py-0.5 rounded-full border border-dashed", "border-border-subtle text-text-secondary text-xs", "hover:border-foreground hover:text-text-primary transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]"),
-				children: [/* @__PURE__ */ o(te, { className: "size-3" }), /* @__PURE__ */ o("span", { children: T.length > 0 ? A("projectTagsWidget.add", "Add") : A("projectTagsWidget.addTags", "Add tags") })]
-			}), /* @__PURE__ */ o(ie, {
+				className: h("inline-flex items-center gap-1 px-2 py-0.5 rounded-full border border-dashed", "border-border-subtle text-text-secondary text-xs", "hover:border-foreground hover:text-text-primary transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]"),
+				children: [/* @__PURE__ */ s(te, { className: "size-3" }), /* @__PURE__ */ s("span", { children: T.length > 0 ? A("projectTagsWidget.add", "Add") : A("projectTagsWidget.addTags", "Add tags") })]
+			}), /* @__PURE__ */ s(re, {
 				className: "z-50 w-72 max-w-[calc(100vw-2rem)] border-border-subtle/80 bg-popover p-0 shadow-xl",
 				align: "start",
 				side: "bottom",
 				sideOffset: 8,
-				children: /* @__PURE__ */ s(re, {
+				children: /* @__PURE__ */ c(ne, {
 					shouldFilter: !1,
 					children: [
-						/* @__PURE__ */ s("div", {
+						/* @__PURE__ */ c("div", {
 							className: "relative",
-							children: [/* @__PURE__ */ o(u, {
+							children: [/* @__PURE__ */ s(d, {
 								placeholder: A("projectTagsWidget.searchPlaceholder", "Search or create a tag..."),
 								value: M,
 								onValueChange: pe,
 								className: "h-10 border-0 bg-transparent pr-9 text-sm outline-none placeholder:text-text-secondary"
-							}), G && /* @__PURE__ */ o(a, { className: "absolute right-3 top-1/2 size-3.5 -translate-y-1/2 animate-spin text-text-secondary" })]
+							}), G && /* @__PURE__ */ s(a, { className: "absolute right-3 top-1/2 size-3.5 -translate-y-1/2 animate-spin text-text-secondary" })]
 						}),
-						/* @__PURE__ */ s(f, {
+						/* @__PURE__ */ c(p, {
 							className: "max-h-48 overflow-y-auto",
 							children: [
-								M.trim() === "" && /* @__PURE__ */ o(c, {
+								M.trim() === "" && /* @__PURE__ */ s(l, {
 									className: "py-4 text-center text-xs text-text-secondary",
 									children: A("projectTagsWidget.typeToSearch", "Type to search or create a tag")
 								}),
-								K.length > 0 && /* @__PURE__ */ o(l, { children: K.map((e) => /* @__PURE__ */ s(d, {
+								K.length > 0 && /* @__PURE__ */ s(u, { children: K.map((e) => /* @__PURE__ */ c(f, {
 									value: e.id,
 									onSelect: () => void Q(e),
 									className: "flex items-center gap-2 px-3 py-2 cursor-pointer",
 									disabled: I,
 									children: [
-										e.icon && /* @__PURE__ */ o("span", {
+										e.icon && /* @__PURE__ */ s("span", {
 											className: "text-sm",
 											children: e.icon
 										}),
-										/* @__PURE__ */ o("span", {
+										/* @__PURE__ */ s("span", {
 											className: "truncate text-sm",
 											style: e.color ? { color: e.color } : void 0,
 											children: e.label
 										}),
-										I && /* @__PURE__ */ o(a, { className: "ml-auto size-3 animate-spin" })
+										I && /* @__PURE__ */ s(a, { className: "ml-auto size-3 animate-spin" })
 									]
 								}, e.id)) }),
-								$ && /* @__PURE__ */ o(l, { children: /* @__PURE__ */ s(d, {
+								$ && /* @__PURE__ */ s(u, { children: /* @__PURE__ */ c(f, {
 									value: `__create__${M}`,
 									onSelect: () => void me(),
 									className: "flex items-center gap-2 px-3 py-2 cursor-pointer text-primary",
 									disabled: J,
-									children: [J ? /* @__PURE__ */ o(a, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ o(ee, { className: "size-3.5" }), /* @__PURE__ */ o("span", {
+									children: [J ? /* @__PURE__ */ s(a, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ s(ee, { className: "size-3.5" }), /* @__PURE__ */ s("span", {
 										className: "text-sm truncate",
 										children: J ? A("projectTagsWidget.creating", "Creating...") : A("projectTagsWidget.create", "Create \"{{label}}\"", { label: M })
 									})]
 								}) }),
-								M.trim() !== "" && !G && K.length === 0 && !$ && /* @__PURE__ */ o(c, {
+								M.trim() !== "" && !G && K.length === 0 && !$ && /* @__PURE__ */ s(l, {
 									className: "py-4 text-center text-xs text-text-secondary",
 									children: A("projectTagsWidget.noTagsFound", "No tags found")
 								}),
-								P && /* @__PURE__ */ o("div", {
+								P && /* @__PURE__ */ s("div", {
 									className: "px-3 py-2 text-xs text-status-error-text border-t border-border-subtle",
 									children: P
 								})
 							]
 						}),
-						!U && /* @__PURE__ */ s("div", {
+						!U && /* @__PURE__ */ c("div", {
 							className: "border-t border-border-subtle px-3 py-2 text-xs text-text-secondary flex items-center gap-1",
-							children: [/* @__PURE__ */ o(ne, { className: "size-3" }), A("projectTagsWidget.maxTagsReached", "Maximum {{maxTags}} tags reached", { maxTags: k })]
+							children: [/* @__PURE__ */ s(o, { className: "size-3" }), A("projectTagsWidget.maxTagsReached", "Maximum {{maxTags}} tags reached", { maxTags: k })]
 						})
 					]
 				})

package/dist/constants/permissions.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Workspace MFE - Permission Constants
+ *
+ * Maps to action definitions in wspace-rbac-svc seed file.
+ * Format: {resourceType}:{action}
+ */
+export declare const WORKSPACE_PERMISSIONS: {
+    readonly WORKSPACE_LIST: "workspace:list";
+    readonly WORKSPACE_READ: "workspace:read";
+    readonly WORKSPACE_CREATE: "workspace:create";
+    readonly WORKSPACE_UPDATE: "workspace:update";
+    readonly WORKSPACE_DELETE: "workspace:delete";
+    readonly WORKSPACE_ARCHIVE: "workspace:archive";
+    readonly MEMBER_LIST: "workspace-member:list";
+    readonly MEMBER_READ: "workspace-member:read";
+    readonly MEMBER_CREATE: "workspace-member:create";
+    readonly MEMBER_UPDATE: "workspace-member:update";
+    readonly MEMBER_DELETE: "workspace-member:delete";
+    readonly PROJECT_LIST: "project:list";
+    readonly PROJECT_READ: "project:read";
+    readonly PROJECT_CREATE: "project:create";
+    readonly PROJECT_UPDATE: "project:update";
+    readonly PROJECT_DELETE: "project:delete";
+    readonly PROJECT_ARCHIVE: "project:archive";
+    readonly PROJECT_MEMBER_LIST: "project-member:list";
+    readonly PROJECT_MEMBER_READ: "project-member:read";
+    readonly PROJECT_MEMBER_CREATE: "project-member:create";
+    readonly PROJECT_MEMBER_DELETE: "project-member:delete";
+    readonly SETTINGS_READ: "settings:read";
+    readonly SETTINGS_WRITE: "settings:write";
+    readonly ACTIVITY_READ: "activity-log:read";
+};