@burdenoff/microfe-workspaces 2026.520.1 → 2026.528.1

package/dist/components/MemberListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MemberListItem.js","names":[],"sources":["../../src/components/MemberListItem.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Card,\n  CardContent,\n  Button,\n  Badge,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { MoreHorizontal, UserMinus } from 'lucide-react';\nimport { useRemoveWorkspaceMember } from '../hooks/useMemberMutations';\nimport { nativeImpact, nativeNotify } from '../utils/nativeBridge';\nimport { formatRelativeTime } from '../utils/formatters';\nimport type { WorkspaceMember } from '../types';\n\nfunction getMetadataString(metadata: Record<string, unknown> | undefined, keys: string[]) {\n  for (const key of keys) {\n    const value = metadata?.[key];\n    if (typeof value === 'string' && value.trim()) return value;\n  }\n  return null;\n}\n\nfunction getInitials(value: string) {\n  const parts = value\n    .split(/\\s+|@/)\n    .map((part) => part.trim())\n    .filter(Boolean);\n  const initials = parts.slice(0, 2).map((part) => part[0]?.toUpperCase() ?? '');\n  return initials.join('') || 'U';\n}\n\nexport interface MemberListItemProps {\n  member: WorkspaceMember;\n  onUpdateRoles?: (memberId: string, roleIds: string[]) => void;\n  selected?: boolean;\n  onToggleSelect?: (checked: boolean) => void;\n  canRemove?: boolean;\n}\n\nexport function MemberListItem({\n  member,\n  selected = false,\n  onToggleSelect,\n  canRemove = false,\n}: MemberListItemProps) {\n  const [showRemoveDialog, setShowRemoveDialog] = useState(false);\n  const { mutate: removeMember, isPending: isRemoving } = useRemoveWorkspaceMember(\n    member.workspaceId\n  );\n  const metadata = member.context?.metadata;\n  const displayName =\n    getMetadataString(metadata, ['displayName', 'name', 'email']) ?? `User ${member.userId}`;\n  const avatarUrl = getMetadataString(metadata, ['avatarUrl', 'avatar']);\n\n  const handleRemove = () => {\n    void nativeImpact('medium');\n    removeMember(member.id, {\n      onSuccess: () => {\n        void nativeNotify('success');\n        setShowRemoveDialog(false);\n      },\n      onError: () => {\n        void nativeNotify('error');\n      },\n    });\n  };\n\n  return (\n    <>\n      <Card\n        className={`hover:bg-accent/5 transition-all duration-200 ${\n          selected ? 'ring-2 ring-primary/25 border-primary/50' : ''\n        }`}\n      >\n        <CardContent className=\"p-4\">\n          <div className=\"flex items-center justify-between gap-4\">\n            {/* Member Info */}\n            <div className=\"flex items-center gap-3 flex-1 min-w-0\">\n              {onToggleSelect && (\n                <input\n                  type=\"checkbox\"\n                  checked={selected}\n                  onChange={(event) => onToggleSelect(event.target.checked)}\n                  className=\"h-4 w-4 rounded border-border text-primary\"\n                  aria-label={`Select member ${member.userId}`}\n                />\n              )}\n              <div className=\"w-10 h-10 rounded-full bg-primary/10 flex items-center justify-center flex-shrink-0 transition-colors\">\n                {avatarUrl ? (\n                  <img\n                    src={avatarUrl}\n                    alt={displayName}\n                    className=\"h-full w-full rounded-full object-cover\"\n                  />\n                ) : (\n                  <span className=\"text-sm font-semibold text-primary\">\n                    {getInitials(displayName)}\n                  </span>\n                )}\n              </div>\n\n              {/* Member Details */}\n              <div className=\"flex-1 min-w-0\">\n                <div className=\"flex items-center gap-2\">\n                  <p className=\"font-medium text-sm text-primary truncate\">{displayName}</p>\n                  <Badge variant=\"secondary\" className=\"text-xs\">\n                    Workspace member\n                  </Badge>\n                </div>\n                <p className=\"text-xs text-muted-foreground\">\n                  Joined {formatRelativeTime(member.createdAt)}\n                </p>\n              </div>\n            </div>\n\n            {/* Actions */}\n            {canRemove && (\n              <DropdownMenu>\n                <DropdownMenuTrigger asChild>\n                  <Button variant=\"ghost\" size=\"icon\" className=\"h-8 w-8 flex-shrink-0\">\n                    <MoreHorizontal className=\"h-4 w-4\" />\n                    <span className=\"sr-only\">Open member actions</span>\n                  </Button>\n                </DropdownMenuTrigger>\n                <DropdownMenuContent align=\"end\">\n                  <button\n                    type=\"button\"\n                    onClick={() => setShowRemoveDialog(true)}\n                    className=\"flex w-full items-center rounded-sm px-2 py-1.5 text-sm text-destructive outline-none transition-colors hover:bg-accent hover:text-destructive focus:bg-accent focus:text-destructive\"\n                  >\n                    <UserMinus className=\"mr-2 h-4 w-4\" />\n                    Remove Member\n                  </button>\n                </DropdownMenuContent>\n              </DropdownMenu>\n            )}\n          </div>\n        </CardContent>\n      </Card>\n\n      {/* Remove Confirmation Dialog */}\n      <AlertDialog open={showRemoveDialog} onOpenChange={setShowRemoveDialog}>\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>Remove Member</AlertDialogTitle>\n            <AlertDialogDescription>\n              Are you sure you want to remove this member from the workspace? This action cannot be\n              undone.\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel disabled={isRemoving}>Cancel</AlertDialogCancel>\n            <AlertDialogAction\n              onClick={handleRemove}\n              disabled={isRemoving}\n              className=\"bg-destructive text-destructive-foreground hover:bg-destructive/90\"\n            >\n              {isRemoving ? 'Removing...' : 'Remove Member'}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MemberListItem.js","names":[],"sources":["../../src/components/MemberListItem.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  Card,\n  CardContent,\n  Button,\n  Badge,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from '@burdenoff/fe-libs/ui';\nimport { MoreHorizontal, UserMinus } from 'lucide-react';\nimport { ActorIdentity, useActorProfiles, type ActorInput } from '@burdenoff/fe-libs/shared';\nimport { useRemoveWorkspaceMember } from '../hooks/useMemberMutations';\nimport { nativeImpact, nativeNotify } from '../utils/nativeBridge';\nimport { formatRelativeTime } from '../utils/formatters';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport type { WorkspaceMember } from '../types';\n\nexport interface MemberListItemProps {\n  member: WorkspaceMember;\n  onUpdateRoles?: (memberId: string, roleIds: string[]) => void;\n  selected?: boolean;\n  onToggleSelect?: (checked: boolean) => void;\n  canRemove?: boolean;\n}\n\nexport function MemberListItem({\n  member,\n  selected = false,\n  onToggleSelect,\n  canRemove = false,\n}: MemberListItemProps) {\n  const [showRemoveDialog, setShowRemoveDialog] = useState(false);\n  const { mutate: removeMember, isPending: isRemoving } = useRemoveWorkspaceMember(\n    member.workspaceId\n  );\n  const { apiGatewayUrl, authToken, organizationId } = useWorkspacesContext();\n\n  // Resolve userId → displayName + email via the shared actor profile cache.\n  // UUIDs must never headline a row — the resolved identity goes in primary\n  // position; the raw ID lives in the drill-down inside ActorIdentity.\n  const actors = useMemo<ActorInput[]>(\n    () => [{ actorId: member.userId, actorType: 'user' }],\n    [member.userId]\n  );\n  const profileMap = useActorProfiles(actors, {\n    apiGatewayUrl,\n    authToken,\n    orgId: organizationId,\n  });\n  const profile = profileMap[member.userId];\n\n  const handleRemove = () => {\n    void nativeImpact('medium');\n    removeMember(member.id, {\n      onSuccess: () => {\n        void nativeNotify('success');\n        setShowRemoveDialog(false);\n      },\n      onError: () => {\n        void nativeNotify('error');\n      },\n    });\n  };\n\n  return (\n    <>\n      <Card\n        className={`hover:bg-bg-canvas transition-all duration-200 ${\n          selected ? 'ring-2 ring-action-primary-bg/25 border-action-primary-bg/50' : ''\n        }`}\n      >\n        <CardContent className=\"p-4\">\n          <div className=\"flex items-center justify-between gap-4\">\n            <div className=\"flex items-center gap-3 flex-1 min-w-0\">\n              {onToggleSelect && (\n                <input\n                  type=\"checkbox\"\n                  checked={selected}\n                  onChange={(event) => onToggleSelect(event.target.checked)}\n                  className=\"size-4 rounded border-border-default text-action-primary-bg\"\n                  aria-label={`Select member ${profile?.displayName ?? ''}`}\n                />\n              )}\n\n              <div className=\"flex-1 min-w-0\">\n                {profile ? <ActorIdentity profile={profile} variant=\"cell\" /> : null}\n                <div className=\"mt-1 flex items-center gap-2\">\n                  <Badge variant=\"secondary\" className=\"text-xs\">\n                    Workspace member\n                  </Badge>\n                  <span className=\"text-xs text-text-secondary\">\n                    Joined {formatRelativeTime(member.createdAt)}\n                  </span>\n                </div>\n              </div>\n            </div>\n\n            {canRemove && (\n              <DropdownMenu>\n                <DropdownMenuTrigger asChild>\n                  <Button variant=\"ghost\" size=\"icon\" className=\"size-8 flex-shrink-0\">\n                    <MoreHorizontal className=\"size-4\" />\n                    <span className=\"sr-only\">Open member actions</span>\n                  </Button>\n                </DropdownMenuTrigger>\n                <DropdownMenuContent align=\"end\">\n                  <button\n                    type=\"button\"\n                    onClick={() => setShowRemoveDialog(true)}\n                    className=\"flex w-full items-center rounded-sm px-2 py-1.5 text-sm text-status-danger-text outline-none transition-colors hover:bg-action-ghost-bg-hover focus:bg-action-ghost-bg-hover\"\n                  >\n                    <UserMinus className=\"mr-2 size-4\" />\n                    Remove Member\n                  </button>\n                </DropdownMenuContent>\n              </DropdownMenu>\n            )}\n          </div>\n        </CardContent>\n      </Card>\n\n      <AlertDialog open={showRemoveDialog} onOpenChange={setShowRemoveDialog}>\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>Remove Member</AlertDialogTitle>\n            <AlertDialogDescription>\n              Are you sure you want to remove {profile?.displayName ?? 'this member'} from the\n              workspace? This action cannot be undone.\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel disabled={isRemoving}>Cancel</AlertDialogCancel>\n            <AlertDialogAction\n              onClick={handleRemove}\n              disabled={isRemoving}\n              className=\"bg-status-danger-bg text-status-danger-text hover:bg-status-danger-bg/90\"\n            >\n              {isRemoving ? 'Removing...' : 'Remove Member'}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;AAkCA,SAAgB,EAAe,EAC7B,WACA,cAAW,IACX,mBACA,eAAY,MACU;CACtB,IAAM,CAAC,GAAkB,KAAuB,EAAS,GAAM,EACzD,EAAE,QAAQ,GAAc,WAAW,MAAe,EACtD,EAAO,YACR,EACK,EAAE,kBAAe,cAAW,sBAAmB,GAAsB,EAcrE,IALa,EAJJ,QACP,CAAC;EAAE,SAAS,EAAO;EAAQ,WAAW;EAAQ,CAAC,EACrD,CAAC,EAAO,OAAO,CAChB,EAC2C;EAC1C;EACA;EACA,OAAO;EACR,CAAC,CACyB,EAAO;AAelC,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,WAAW,kDACT,IAAW,iEAAiE;YAG9E,kBAAC,GAAD;GAAa,WAAU;aACrB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACG,KACC,kBAAC,SAAD;MACE,MAAK;MACL,SAAS;MACT,WAAW,MAAU,EAAe,EAAM,OAAO,QAAQ;MACzD,WAAU;MACV,cAAY,iBAAiB,GAAS,eAAe;MACrD,CAAA,EAGJ,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,IAAU,kBAAC,GAAD;OAAwB;OAAS,SAAQ;OAAS,CAAA,GAAG,MAChE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QAAO,SAAQ;QAAY,WAAU;kBAAU;QAEvC,CAAA,EACR,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CAA8C,WACpC,EAAmB,EAAO,UAAU,CACvC;UACH;SACF;QACF;QAEL,KACC,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAqB,SAAA;eACnB,kBAAC,GAAD;MAAQ,SAAQ;MAAQ,MAAK;MAAO,WAAU;gBAA9C,CACE,kBAAC,GAAD,EAAgB,WAAU,UAAW,CAAA,EACrC,kBAAC,QAAD;OAAM,WAAU;iBAAU;OAA0B,CAAA,CAC7C;;KACW,CAAA,EACtB,kBAAC,GAAD;KAAqB,OAAM;eACzB,kBAAC,UAAD;MACE,MAAK;MACL,eAAe,EAAoB,GAAK;MACxC,WAAU;gBAHZ,CAKE,kBAAC,GAAD,EAAW,WAAU,eAAgB,CAAA,EAAA,gBAE9B;;KACW,CAAA,CACT,EAAA,CAAA,CAEb;;GACM,CAAA;EACT,CAAA,EAEP,kBAAC,GAAD;EAAa,MAAM;EAAkB,cAAc;YACjD,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAkB,iBAAgC,CAAA,EAClD,kBAAC,GAAD,EAAA,UAAA;GAAwB;GACW,GAAS,eAAe;GAAc;GAEhD,EAAA,CAAA,CACP,EAAA,CAAA,EACpB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GAAmB,UAAU;aAAY;GAA0B,CAAA,EACnE,kBAAC,GAAD;GACE,eAlFe;AAEzB,IADK,EAAa,SAAS,EAC3B,EAAa,EAAO,IAAI;KACtB,iBAAiB;AAEf,MADK,EAAa,UAAU,EAC5B,EAAoB,GAAM;;KAE5B,eAAe;AACR,QAAa,QAAQ;;KAE7B,CAAC;;GAyEQ,UAAU;GACV,WAAU;aAET,IAAa,gBAAgB;GACZ,CAAA,CACF,EAAA,CAAA,CACD,EAAA,CAAA;EACT,CAAA,CACb,EAAA,CAAA"}

package/dist/components/ProjectCard.js

@@ -35,7 +35,7 @@ function D({ project: D, selected: O = !1, onToggleSelect: k, onTagClick: A, can
 						onChange: (e) => k(e.target.checked),
 						onClick: (e) => e.stopPropagation(),
 						"aria-label": `Select project ${D.name}`,
-						className: "mt-1 h-4 w-4 rounded border-border text-primary"
+						className: "mt-1 size-4 rounded border-border text-primary"
 					}),
 					/* @__PURE__ */ p("div", {
 						className: "p-3 rounded-lg bg-primary/10 transition-colors",
@@ -61,7 +61,7 @@ function D({ project: D, selected: O = !1, onToggleSelect: k, onTagClick: A, can
 				children: /* @__PURE__ */ m(g, {
 					variant: "ghost",
 					size: "sm",
-					className: "h-8 w-8 p-0",
+					className: "size-8 p-0",
 					children: [/* @__PURE__ */ p(f, { size: 16 }), /* @__PURE__ */ p("span", {
 						className: "sr-only",
 						children: "Open project actions"
@@ -117,14 +117,16 @@ function D({ project: D, selected: O = !1, onToggleSelect: k, onTagClick: A, can
 					className: "flex flex-wrap gap-1.5",
 					"aria-label": "Project tags",
 					children: [z.slice(0, 4).map((e) => /* @__PURE__ */ p("span", {
-						onClick: (t) => {
-							t.stopPropagation(), A?.(e);
-						},
-						onKeyDown: (t) => {
-							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), A?.(e));
-						},
-						role: A ? "button" : void 0,
-						tabIndex: A ? 0 : -1,
+						...A ? {
+							role: "button",
+							tabIndex: 0,
+							onClick: (t) => {
+								t.stopPropagation(), A(e);
+							},
+							onKeyDown: (t) => {
+								(t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), A(e));
+							}
+						} : {},
 						children: /* @__PURE__ */ p(E, {
 							id: e.tagId,
 							label: e.label,

package/dist/components/ProjectCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectCard.js","names":[],"sources":["../../src/components/ProjectCard.tsx"],"sourcesContent":["import { FolderKanban, Archive, MoreVertical } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Badge,\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { TagBadge } from '@burdenoff/fe-libs/tag';\n\nimport type { Project, ProjectTag } from '../types';\nimport { formatDate } from '../utils/formatters';\nimport { normalizeProjectTags } from '../utils/projectTags';\nimport { getProjectStatusClasses } from '../utils/tokenHelpers';\nimport {\n  useArchiveProject,\n  useUnarchiveProject,\n  useDeleteProject,\n} from '../hooks/useProjectMutations';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\nimport { nativeConfirm, nativeImpact } from '../utils/nativeBridge';\n\ninterface ProjectCardProps {\n  project: Project;\n  selected?: boolean;\n  onToggleSelect?: (checked: boolean) => void;\n  onTagClick?: (tag: ProjectTag) => void;\n  canArchive?: boolean;\n  canDelete?: boolean;\n}\n\nexport function ProjectCard({\n  project,\n  selected = false,\n  onToggleSelect,\n  onTagClick,\n  canArchive = false,\n  canDelete = false,\n}: ProjectCardProps) {\n  const navigate = useNavigate();\n  const { basePath = '/workspaces' } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n  const { mutate: archiveProject } = useArchiveProject(project.workspaceId);\n  const { mutate: unarchiveProject } = useUnarchiveProject(project.workspaceId);\n  const { mutate: deleteProject } = useDeleteProject(project.workspaceId);\n  const projectTags = normalizeProjectTags(project.tags);\n\n  const handleCardClick = () => {\n    navigate(withCurrentSearch(`${basePath}/${project.workspaceId}/projects/${project.id}`));\n  };\n\n  const handleArchive = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (project.archived) {\n      unarchiveProject(project.id);\n    } else {\n      archiveProject(project.id);\n    }\n  };\n\n  const handleDelete = async (e: React.MouseEvent) => {\n    e.stopPropagation();\n    void nativeImpact('medium');\n    const native = await nativeConfirm({\n      title: 'Delete project',\n      message: `Are you sure you want to delete \"${project.name}\"?`,\n      okButtonTitle: 'Delete',\n      cancelButtonTitle: 'Cancel',\n    });\n    const ok =\n      native === null ? confirm(`Are you sure you want to delete \"${project.name}\"?`) : native;\n    if (ok) {\n      deleteProject(project.id);\n    }\n  };\n\n  const handleCardKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      handleCardClick();\n    }\n  };\n\n  return (\n    <Card\n      className={`cursor-pointer relative ${\n        selected ? 'ring-2 ring-primary/25 border-primary/50' : ''\n      }`}\n      onClick={handleCardClick}\n      onKeyDown={handleCardKeyDown}\n      role=\"button\"\n      tabIndex={0}\n      aria-label={`Open project ${project.name}`}\n    >\n      <CardHeader>\n        <div className=\"flex items-start justify-between\">\n          <div className=\"flex items-center gap-3 flex-1\">\n            {onToggleSelect && (\n              <input\n                type=\"checkbox\"\n                checked={selected}\n                onChange={(event) => onToggleSelect(event.target.checked)}\n                onClick={(event) => event.stopPropagation()}\n                aria-label={`Select project ${project.name}`}\n                className=\"mt-1 h-4 w-4 rounded border-border text-primary\"\n              />\n            )}\n            <div className=\"p-3 rounded-lg bg-primary/10 transition-colors\">\n              <FolderKanban className=\"text-primary\" size={24} />\n            </div>\n            <div className=\"flex-1 min-w-0\">\n              <CardTitle className=\"truncate\">{project.name}</CardTitle>\n              <p className=\"truncate text-sm text-muted-foreground\">{project.key}</p>\n            </div>\n          </div>\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild onClick={(e) => e.stopPropagation()}>\n              <Button variant=\"ghost\" size=\"sm\" className=\"h-8 w-8 p-0\">\n                <MoreVertical size={16} />\n                <span className=\"sr-only\">Open project actions</span>\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\">\n              {canArchive && (\n                <DropdownMenuItem onClick={handleArchive}>\n                  <Archive size={16} className=\"mr-2\" />\n                  {project.archived ? 'Unarchive' : 'Archive'}\n                </DropdownMenuItem>\n              )}\n              {canDelete && (\n                <DropdownMenuItem onClick={handleDelete} className=\"text-destructive\">\n                  Delete\n                </DropdownMenuItem>\n              )}\n            </DropdownMenuContent>\n          </DropdownMenu>\n        </div>\n      </CardHeader>\n      <CardContent className=\"space-y-3\">\n        <div className=\"flex items-center gap-2\">\n          <Badge className={`border ${getProjectStatusClasses(project.status)}`}>\n            {project.status}\n          </Badge>\n          {project.archived && (\n            <Badge\n              variant=\"outline\"\n              className=\"border-workspace-archived-border text-workspace-archived-text\"\n            >\n              <Archive size={12} className=\"mr-1\" />\n              Archived\n            </Badge>\n          )}\n        </div>\n        <div className=\"text-xs text-muted-foreground\">Created {formatDate(project.createdAt)}</div>\n        {projectTags.length > 0 && (\n          <div className=\"flex flex-wrap gap-1.5\" aria-label=\"Project tags\">\n            {projectTags.slice(0, 4).map((tag) => (\n              <span\n                key={tag.tagId}\n                onClick={(event) => {\n                  event.stopPropagation();\n                  onTagClick?.(tag);\n                }}\n                onKeyDown={(event) => {\n                  if (event.key === 'Enter' || event.key === ' ') {\n                    event.preventDefault();\n                    event.stopPropagation();\n                    onTagClick?.(tag);\n                  }\n                }}\n                role={onTagClick ? 'button' : undefined}\n                tabIndex={onTagClick ? 0 : -1}\n              >\n                <TagBadge\n                  id={tag.tagId}\n                  label={tag.label}\n                  color={tag.color ?? undefined}\n                  icon={tag.icon ?? undefined}\n                  description={tag.description ?? undefined}\n                  size=\"sm\"\n                  className={onTagClick ? 'cursor-pointer' : undefined}\n                />\n              </span>\n            ))}\n            {projectTags.length > 4 && (\n              <Badge variant=\"outline\" className=\"text-xs\">\n                +{projectTags.length - 4}\n              </Badge>\n            )}\n          </div>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProjectCard.js","names":[],"sources":["../../src/components/ProjectCard.tsx"],"sourcesContent":["import type React from 'react';\nimport { FolderKanban, Archive, MoreVertical } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Badge,\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { TagBadge } from '@burdenoff/fe-libs/tag';\n\nimport type { Project, ProjectTag } from '../types';\nimport { formatDate } from '../utils/formatters';\nimport { normalizeProjectTags } from '../utils/projectTags';\nimport { getProjectStatusClasses } from '../utils/tokenHelpers';\nimport {\n  useArchiveProject,\n  useUnarchiveProject,\n  useDeleteProject,\n} from '../hooks/useProjectMutations';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\nimport { nativeConfirm, nativeImpact } from '../utils/nativeBridge';\n\ninterface ProjectCardProps {\n  project: Project;\n  selected?: boolean;\n  onToggleSelect?: (checked: boolean) => void;\n  onTagClick?: (tag: ProjectTag) => void;\n  canArchive?: boolean;\n  canDelete?: boolean;\n}\n\nexport function ProjectCard({\n  project,\n  selected = false,\n  onToggleSelect,\n  onTagClick,\n  canArchive = false,\n  canDelete = false,\n}: ProjectCardProps) {\n  const navigate = useNavigate();\n  const { basePath = '/workspaces' } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n  const { mutate: archiveProject } = useArchiveProject(project.workspaceId);\n  const { mutate: unarchiveProject } = useUnarchiveProject(project.workspaceId);\n  const { mutate: deleteProject } = useDeleteProject(project.workspaceId);\n  const projectTags = normalizeProjectTags(project.tags);\n\n  const handleCardClick = () => {\n    navigate(withCurrentSearch(`${basePath}/${project.workspaceId}/projects/${project.id}`));\n  };\n\n  const handleArchive = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (project.archived) {\n      unarchiveProject(project.id);\n    } else {\n      archiveProject(project.id);\n    }\n  };\n\n  const handleDelete = async (e: React.MouseEvent) => {\n    e.stopPropagation();\n    void nativeImpact('medium');\n    const native = await nativeConfirm({\n      title: 'Delete project',\n      message: `Are you sure you want to delete \"${project.name}\"?`,\n      okButtonTitle: 'Delete',\n      cancelButtonTitle: 'Cancel',\n    });\n    const ok =\n      native === null ? confirm(`Are you sure you want to delete \"${project.name}\"?`) : native;\n    if (ok) {\n      deleteProject(project.id);\n    }\n  };\n\n  const handleCardKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      handleCardClick();\n    }\n  };\n\n  return (\n    <Card\n      className={`cursor-pointer relative ${\n        selected ? 'ring-2 ring-primary/25 border-primary/50' : ''\n      }`}\n      onClick={handleCardClick}\n      onKeyDown={handleCardKeyDown}\n      role=\"button\"\n      tabIndex={0}\n      aria-label={`Open project ${project.name}`}\n    >\n      <CardHeader>\n        <div className=\"flex items-start justify-between\">\n          <div className=\"flex items-center gap-3 flex-1\">\n            {onToggleSelect && (\n              <input\n                type=\"checkbox\"\n                checked={selected}\n                onChange={(event) => onToggleSelect(event.target.checked)}\n                onClick={(event) => event.stopPropagation()}\n                aria-label={`Select project ${project.name}`}\n                className=\"mt-1 size-4 rounded border-border text-primary\"\n              />\n            )}\n            <div className=\"p-3 rounded-lg bg-primary/10 transition-colors\">\n              <FolderKanban className=\"text-primary\" size={24} />\n            </div>\n            <div className=\"flex-1 min-w-0\">\n              <CardTitle className=\"truncate\">{project.name}</CardTitle>\n              <p className=\"truncate text-sm text-muted-foreground\">{project.key}</p>\n            </div>\n          </div>\n          <DropdownMenu>\n            <DropdownMenuTrigger asChild onClick={(e) => e.stopPropagation()}>\n              <Button variant=\"ghost\" size=\"sm\" className=\"size-8 p-0\">\n                <MoreVertical size={16} />\n                <span className=\"sr-only\">Open project actions</span>\n              </Button>\n            </DropdownMenuTrigger>\n            <DropdownMenuContent align=\"end\">\n              {canArchive && (\n                <DropdownMenuItem onClick={handleArchive}>\n                  <Archive size={16} className=\"mr-2\" />\n                  {project.archived ? 'Unarchive' : 'Archive'}\n                </DropdownMenuItem>\n              )}\n              {canDelete && (\n                <DropdownMenuItem onClick={handleDelete} className=\"text-destructive\">\n                  Delete\n                </DropdownMenuItem>\n              )}\n            </DropdownMenuContent>\n          </DropdownMenu>\n        </div>\n      </CardHeader>\n      <CardContent className=\"space-y-3\">\n        <div className=\"flex items-center gap-2\">\n          <Badge className={`border ${getProjectStatusClasses(project.status)}`}>\n            {project.status}\n          </Badge>\n          {project.archived && (\n            <Badge\n              variant=\"outline\"\n              className=\"border-workspace-archived-border text-workspace-archived-text\"\n            >\n              <Archive size={12} className=\"mr-1\" />\n              Archived\n            </Badge>\n          )}\n        </div>\n        <div className=\"text-xs text-muted-foreground\">Created {formatDate(project.createdAt)}</div>\n        {projectTags.length > 0 && (\n          <div className=\"flex flex-wrap gap-1.5\" aria-label=\"Project tags\">\n            {projectTags.slice(0, 4).map((tag) => (\n              <span\n                key={tag.tagId}\n                {...(onTagClick\n                  ? {\n                      role: 'button',\n                      tabIndex: 0,\n                      onClick: (event: React.MouseEvent<HTMLSpanElement>) => {\n                        event.stopPropagation();\n                        onTagClick(tag);\n                      },\n                      onKeyDown: (event: React.KeyboardEvent<HTMLSpanElement>) => {\n                        if (event.key === 'Enter' || event.key === ' ') {\n                          event.preventDefault();\n                          event.stopPropagation();\n                          onTagClick(tag);\n                        }\n                      },\n                    }\n                  : {})}\n              >\n                <TagBadge\n                  id={tag.tagId}\n                  label={tag.label}\n                  color={tag.color ?? undefined}\n                  icon={tag.icon ?? undefined}\n                  description={tag.description ?? undefined}\n                  size=\"sm\"\n                  className={onTagClick ? 'cursor-pointer' : undefined}\n                />\n              </span>\n            ))}\n            {projectTags.length > 4 && (\n              <Badge variant=\"outline\" className=\"text-xs\">\n                +{projectTags.length - 4}\n              </Badge>\n            )}\n          </div>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":"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"}

package/dist/components/WorkspaceCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceCard.js","names":[],"sources":["../../src/components/WorkspaceCard.tsx"],"sourcesContent":["import { Building2, Users, FolderKanban } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { Card, CardHeader, CardTitle, CardContent, Badge } from '@burdenoff/fe-libs/ui';\nimport type { Workspace } from '../types';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { getWorkspaceStatusClasses } from '../utils/tokenHelpers';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\n\ninterface WorkspaceCardProps {\n  workspace: Workspace;\n}\n\nexport function WorkspaceCard({ workspace }: WorkspaceCardProps) {\n  const navigate = useNavigate();\n  const { basePath = '/' } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n\n  const handleClick = () => {\n    navigate(withCurrentSearch(`${basePath}/${workspace.id}`));\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      handleClick();\n    }\n  };\n\n  return (\n    <Card\n      className=\"cursor-pointer\"\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      role=\"button\"\n      tabIndex={0}\n      aria-label={`Open workspace ${workspace.name}`}\n    >\n      <CardHeader>\n        <div className=\"flex items-center gap-3\">\n          <div className=\"p-3 rounded-lg bg-primary/10 transition-colors\">\n            <Building2 className=\"text-primary\" size={24} />\n          </div>\n          <div className=\"flex-1 min-w-0\">\n            <CardTitle className=\"text-lg truncate\">{workspace.name}</CardTitle>\n            <div className=\"flex items-center gap-2 mt-1\">\n              <Badge variant=\"outline\" className=\"text-xs\">\n                {workspace.type}\n              </Badge>\n              <Badge className={`text-xs border ${getWorkspaceStatusClasses(workspace.status)}`}>\n                {workspace.status}\n              </Badge>\n            </div>\n          </div>\n        </div>\n      </CardHeader>\n      <CardContent>\n        <div className=\"flex flex-wrap gap-4 text-sm text-muted-foreground\">\n          {typeof workspace.memberCount === 'number' && workspace.memberCount > 0 && (\n            <div className=\"flex items-center gap-1\">\n              <Users size={16} aria-hidden=\"true\" />\n              <span>\n                {workspace.memberCount} member{workspace.memberCount === 1 ? '' : 's'}\n              </span>\n            </div>\n          )}\n          {typeof workspace.projectCount === 'number' && workspace.projectCount > 0 && (\n            <div className=\"flex items-center gap-1\">\n              <FolderKanban size={16} aria-hidden=\"true\" />\n              <span>\n                {workspace.projectCount} project{workspace.projectCount === 1 ? '' : 's'}\n              </span>\n            </div>\n          )}\n        </div>\n        {workspace.domain && (\n          <p className=\"mt-2 truncate text-xs text-muted-foreground\">{workspace.domain}</p>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;AAYA,SAAgB,EAAc,EAAE,gBAAiC;CAC/D,IAAM,IAAW,GAAa,EACxB,EAAE,cAAW,QAAQ,GAAsB,EAC3C,EAAE,yBAAsB,GAAqB,EAE7C,UAAoB;AACxB,IAAS,EAAkB,GAAG,EAAS,GAAG,EAAU,KAAK,CAAC;;AAU5D,QACE,kBAAC,GAAD;EACE,WAAU;EACV,SAAS;EACT,YAXmB,MAA+C;AACpE,IAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,gBAAgB,EACtB,GAAa;;EASb,MAAK;EACL,UAAU;EACV,cAAY,kBAAkB,EAAU;YAN1C,CAQE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAW,WAAU;KAAe,MAAM;KAAM,CAAA;IAC5C,CAAA,EACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAW,WAAU;eAAoB,EAAU;KAAiB,CAAA,EACpE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAO,SAAQ;MAAU,WAAU;gBAChC,EAAU;MACL,CAAA,EACR,kBAAC,GAAD;MAAO,WAAW,kBAAkB,EAA0B,EAAU,OAAO;gBAC5E,EAAU;MACL,CAAA,CACJ;OACF;MACF;MACK,CAAA,EACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,OAAO,EAAU,eAAgB,YAAY,EAAU,cAAc,KACpE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAO,MAAM;KAAI,eAAY;KAAS,CAAA,EACtC,kBAAC,QAAD,EAAA,UAAA;KACG,EAAU;KAAY;KAAQ,EAAU,gBAAgB,IAAI,KAAK;KAC7D,EAAA,CAAA,CACH;OAEP,OAAO,EAAU,gBAAiB,YAAY,EAAU,eAAe,KACtE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAc,MAAM;KAAI,eAAY;KAAS,CAAA,EAC7C,kBAAC,QAAD,EAAA,UAAA;KACG,EAAU;KAAa;KAAS,EAAU,iBAAiB,IAAI,KAAK;KAChE,EAAA,CAAA,CACH;MAEJ;MACL,EAAU,UACT,kBAAC,KAAD;GAAG,WAAU;aAA+C,EAAU;GAAW,CAAA,CAEvE,EAAA,CAAA,CACT"}
+{"version":3,"file":"WorkspaceCard.js","names":[],"sources":["../../src/components/WorkspaceCard.tsx"],"sourcesContent":["import { Building2, Users, FolderKanban } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { Card, CardHeader, CardTitle, CardContent, Badge } from '@burdenoff/fe-libs/ui';\nimport type { Workspace } from '../types';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\nimport { getWorkspaceStatusClasses } from '../utils/tokenHelpers';\nimport { useScopedNavigation } from '../hooks/useScopedNavigation';\n\ninterface WorkspaceCardProps {\n  workspace: Workspace;\n}\n\nexport function WorkspaceCard({ workspace }: WorkspaceCardProps) {\n  const navigate = useNavigate();\n  const { basePath = '/' } = useWorkspacesContext();\n  const { withCurrentSearch } = useScopedNavigation();\n\n  const openWorkspace = () => {\n    navigate(withCurrentSearch(`${basePath}/${workspace.id}`));\n  };\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      openWorkspace();\n    }\n  };\n\n  return (\n    <Card\n      className=\"cursor-pointer\"\n      onClick={openWorkspace}\n      onKeyDown={handleKeyDown}\n      role=\"button\"\n      tabIndex={0}\n      aria-label={`Open workspace ${workspace.name}`}\n    >\n      <CardHeader>\n        <div className=\"flex items-center gap-3\">\n          <div className=\"p-3 rounded-lg bg-primary/10 transition-colors\">\n            <Building2 className=\"text-primary\" size={24} />\n          </div>\n          <div className=\"flex-1 min-w-0\">\n            <CardTitle className=\"text-lg truncate\">{workspace.name}</CardTitle>\n            <div className=\"flex items-center gap-2 mt-1\">\n              <Badge variant=\"outline\" className=\"text-xs\">\n                {workspace.type}\n              </Badge>\n              <Badge className={`text-xs border ${getWorkspaceStatusClasses(workspace.status)}`}>\n                {workspace.status}\n              </Badge>\n            </div>\n          </div>\n        </div>\n      </CardHeader>\n      <CardContent>\n        <div className=\"flex flex-wrap gap-4 text-sm text-muted-foreground\">\n          {typeof workspace.memberCount === 'number' && workspace.memberCount > 0 && (\n            <div className=\"flex items-center gap-1\">\n              <Users size={16} aria-hidden=\"true\" />\n              <span>\n                {workspace.memberCount} member{workspace.memberCount === 1 ? '' : 's'}\n              </span>\n            </div>\n          )}\n          {typeof workspace.projectCount === 'number' && workspace.projectCount > 0 && (\n            <div className=\"flex items-center gap-1\">\n              <FolderKanban size={16} aria-hidden=\"true\" />\n              <span>\n                {workspace.projectCount} project{workspace.projectCount === 1 ? '' : 's'}\n              </span>\n            </div>\n          )}\n        </div>\n        {workspace.domain && (\n          <p className=\"mt-2 truncate text-xs text-muted-foreground\">{workspace.domain}</p>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;AAYA,SAAgB,EAAc,EAAE,gBAAiC;CAC/D,IAAM,IAAW,GAAa,EACxB,EAAE,cAAW,QAAQ,GAAsB,EAC3C,EAAE,yBAAsB,GAAqB,EAE7C,UAAsB;AAC1B,IAAS,EAAkB,GAAG,EAAS,GAAG,EAAU,KAAK,CAAC;;AAU5D,QACE,kBAAC,GAAD;EACE,WAAU;EACV,SAAS;EACT,YAXmB,MAA+C;AACpE,IAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,gBAAgB,EACtB,GAAe;;EASf,MAAK;EACL,UAAU;EACV,cAAY,kBAAkB,EAAU;YAN1C,CAQE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAW,WAAU;KAAe,MAAM;KAAM,CAAA;IAC5C,CAAA,EACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAW,WAAU;eAAoB,EAAU;KAAiB,CAAA,EACpE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAO,SAAQ;MAAU,WAAU;gBAChC,EAAU;MACL,CAAA,EACR,kBAAC,GAAD;MAAO,WAAW,kBAAkB,EAA0B,EAAU,OAAO;gBAC5E,EAAU;MACL,CAAA,CACJ;OACF;MACF;MACK,CAAA,EACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,OAAO,EAAU,eAAgB,YAAY,EAAU,cAAc,KACpE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAO,MAAM;KAAI,eAAY;KAAS,CAAA,EACtC,kBAAC,QAAD,EAAA,UAAA;KACG,EAAU;KAAY;KAAQ,EAAU,gBAAgB,IAAI,KAAK;KAC7D,EAAA,CAAA,CACH;OAEP,OAAO,EAAU,gBAAiB,YAAY,EAAU,eAAe,KACtE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAc,MAAM;KAAI,eAAY;KAAS,CAAA,EAC7C,kBAAC,QAAD,EAAA,UAAA;KACG,EAAU;KAAa;KAAS,EAAU,iBAAiB,IAAI,KAAK;KAChE,EAAA,CAAA,CACH;MAEJ;MACL,EAAU,UACT,kBAAC,KAAD;GAAG,WAAU;aAA+C,EAAU;GAAW,CAAA,CAEvE,EAAA,CAAA,CACT"}

package/dist/components/WorkspacesErrorBoundary.js

@@ -45,6 +45,14 @@ var s = class extends e {
 		window.location.reload();
 	};
 	handleGoHome = () => {
+		if (this.props.onGoHome) {
+			this.props.onGoHome(), this.setState({
+				hasError: !1,
+				error: null,
+				errorInfo: null
+			});
+			return;
+		}
 		window.location.href = "/";
 	};
 	render() {
@@ -57,7 +65,7 @@ var s = class extends e {
 						className: "flex justify-center",
 						children: /* @__PURE__ */ i("div", {
 							className: "rounded-full bg-destructive/10 p-6",
-							children: /* @__PURE__ */ i(t, { className: "h-12 w-12 text-destructive" })
+							children: /* @__PURE__ */ i(t, { className: "size-12 text-destructive" })
 						})
 					}),
 					/* @__PURE__ */ a("div", {
@@ -99,7 +107,7 @@ var s = class extends e {
 							/* @__PURE__ */ a(o, {
 								onClick: this.handleReset,
 								variant: "default",
-								children: [/* @__PURE__ */ i(r, { className: "mr-2 h-4 w-4" }), "Try Again"]
+								children: [/* @__PURE__ */ i(r, { className: "mr-2 size-4" }), "Try Again"]
 							}),
 							/* @__PURE__ */ i(o, {
 								onClick: this.handleReload,
@@ -109,7 +117,7 @@ var s = class extends e {
 							/* @__PURE__ */ a(o, {
 								onClick: this.handleGoHome,
 								variant: "ghost",
-								children: [/* @__PURE__ */ i(n, { className: "mr-2 h-4 w-4" }), "Go Home"]
+								children: [/* @__PURE__ */ i(n, { className: "mr-2 size-4" }), "Go Home"]
 							})
 						]
 					}),
@@ -119,7 +127,7 @@ var s = class extends e {
 							"Need help?",
 							" ",
 							/* @__PURE__ */ i("a", {
-								href: "mailto:support@example.com",
+								href: `mailto:${this.props.supportEmail ?? "support@burdenoff.com"}`,
 								className: "text-primary hover:underline transition-colors duration-200",
 								children: "Contact Support"
 							})

package/dist/components/WorkspacesErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspacesErrorBoundary.js","names":[],"sources":["../../src/components/WorkspacesErrorBoundary.tsx"],"sourcesContent":["import { Component, type ReactNode } from 'react';\nimport { AlertCircle, RefreshCw, Home } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\n\ninterface Props {\n  children: ReactNode;\n  fallback?: ReactNode;\n  onReset?: () => void;\n}\n\ninterface State {\n  hasError: boolean;\n  error: Error | null;\n  errorInfo: React.ErrorInfo | null;\n}\n\n/**\n * Error Boundary component for Workspaces microfrontend\n * Catches and handles runtime errors gracefully\n */\nexport class WorkspacesErrorBoundary extends Component<Props, State> {\n  constructor(props: Props) {\n    super(props);\n    this.state = {\n      hasError: false,\n      error: null,\n      errorInfo: null,\n    };\n  }\n\n  static getDerivedStateFromError(error: Error): Partial<State> {\n    return { hasError: true, error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n    // Log error to console in development\n    if (process.env.NODE_ENV === 'development') {\n      console.error('Workspaces Error Boundary caught an error:', error, errorInfo);\n    }\n\n    // Update state with error details\n    this.setState({\n      error,\n      errorInfo,\n    });\n\n    // Forward to the shell-owned event bus per\n    // ~/products/infra/infra-specs/microfrontends/47-FRONTEND-EVENT-BUS.md.\n    // The shell wires Rybbit / OTel / SRE sinks; the MFE never sinks directly.\n    // Window guard keeps SSR / non-browser environments safe.\n    if (typeof window !== 'undefined') {\n      const w = window as unknown as {\n        __burdenoffEventBus?: { emit: (name: string, payload: unknown) => void };\n      };\n      try {\n        w.__burdenoffEventBus?.emit('workspaces.error-boundary.caught', {\n          source: 'microfe-workspaces',\n          message: error.message,\n          name: error.name,\n          stack: error.stack,\n          componentStack: errorInfo.componentStack,\n        });\n      } catch {\n        // Bus failures must not mask the original render error.\n      }\n    }\n  }\n\n  handleReset = () => {\n    this.setState({\n      hasError: false,\n      error: null,\n      errorInfo: null,\n    });\n\n    // Call optional onReset callback\n    this.props.onReset?.();\n  };\n\n  handleReload = () => {\n    window.location.reload();\n  };\n\n  handleGoHome = () => {\n    window.location.href = '/';\n  };\n\n  render() {\n    if (this.state.hasError) {\n      // Use custom fallback if provided\n      if (this.props.fallback) {\n        return this.props.fallback;\n      }\n\n      // Default error UI\n      return (\n        <div className=\"flex items-center justify-center min-h-[400px] p-6\">\n          <div className=\"max-w-md w-full text-center space-y-6\">\n            {/* Error Icon */}\n            <div className=\"flex justify-center\">\n              <div className=\"rounded-full bg-destructive/10 p-6\">\n                <AlertCircle className=\"h-12 w-12 text-destructive\" />\n              </div>\n            </div>\n\n            {/* Error Message */}\n            <div className=\"space-y-2\">\n              <h2 className=\"text-2xl font-bold\">Something went wrong</h2>\n              <p className=\"text-muted-foreground\">\n                We encountered an unexpected error. Please try refreshing the page or contact\n                support if the problem persists.\n              </p>\n            </div>\n\n            {/* Error Details (Development Only) */}\n            {process.env.NODE_ENV === 'development' && this.state.error && (\n              <details className=\"text-left\">\n                <summary className=\"cursor-pointer text-sm font-medium text-muted-foreground hover:text-foreground transition-colors duration-200\">\n                  Error Details\n                </summary>\n                <div className=\"mt-2 p-4 bg-muted rounded-lg text-xs font-mono overflow-auto max-h-40\">\n                  <p className=\"font-semibold text-destructive\">{this.state.error.name}:</p>\n                  <p className=\"text-foreground\">{this.state.error.message}</p>\n                  {this.state.error.stack && (\n                    <pre className=\"mt-2 text-muted-foreground text-xs overflow-x-auto\">\n                      {this.state.error.stack}\n                    </pre>\n                  )}\n                </div>\n              </details>\n            )}\n\n            {/* Action Buttons */}\n            <div className=\"flex flex-col sm:flex-row gap-3 justify-center\">\n              <Button onClick={this.handleReset} variant=\"default\">\n                <RefreshCw className=\"mr-2 h-4 w-4\" />\n                Try Again\n              </Button>\n              <Button onClick={this.handleReload} variant=\"outline\">\n                Reload Page\n              </Button>\n              <Button onClick={this.handleGoHome} variant=\"ghost\">\n                <Home className=\"mr-2 h-4 w-4\" />\n                Go Home\n              </Button>\n            </div>\n\n            {/* Support Link */}\n            <p className=\"text-sm text-muted-foreground\">\n              Need help?{' '}\n              <a\n                href=\"mailto:support@example.com\"\n                className=\"text-primary hover:underline transition-colors duration-200\"\n              >\n                Contact Support\n              </a>\n            </p>\n          </div>\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n"],"mappings":";;;;;AAoBA,IAAa,IAAb,cAA6C,EAAwB;CACnE,YAAY,GAAc;AAExB,EADA,MAAM,EAAM,EACZ,KAAK,QAAQ;GACX,UAAU;GACV,OAAO;GACP,WAAW;GACZ;;CAGH,OAAO,yBAAyB,GAA8B;AAC5D,SAAO;GAAE,UAAU;GAAM;GAAO;;CAGlC,kBAAkB,GAAc,GAA4B;AAgB1D,MAdA,QAAA,IAAA,aAA6B,iBAC3B,QAAQ,MAAM,8CAA8C,GAAO,EAAU,EAI/E,KAAK,SAAS;GACZ;GACA;GACD,CAAC,EAME,OAAO,SAAW,KAAa;GACjC,IAAM,IAAI;AAGV,OAAI;AACF,MAAE,qBAAqB,KAAK,oCAAoC;KAC9D,QAAQ;KACR,SAAS,EAAM;KACf,MAAM,EAAM;KACZ,OAAO,EAAM;KACb,gBAAgB,EAAU;KAC3B,CAAC;WACI;;;CAMZ,oBAAoB;AAQlB,EAPA,KAAK,SAAS;GACZ,UAAU;GACV,OAAO;GACP,WAAW;GACZ,CAAC,EAGF,KAAK,MAAM,WAAW;;CAGxB,qBAAqB;AACnB,SAAO,SAAS,QAAQ;;CAG1B,qBAAqB;AACnB,SAAO,SAAS,OAAO;;CAGzB,SAAS;AA2EP,SA1EI,KAAK,MAAM,WAET,KAAK,MAAM,WACN,KAAK,MAAM,WAKlB,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cAAf;KAEE,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD,EAAa,WAAU,8BAA+B,CAAA;OAClD,CAAA;MACF,CAAA;KAGN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAqB;OAAyB,CAAA,EAC5D,kBAAC,KAAD;OAAG,WAAU;iBAAwB;OAGjC,CAAA,CACA;;8BAGoB,iBAAiB,KAAK,MAAM,SACpD,kBAAC,WAAD;MAAS,WAAU;gBAAnB,CACE,kBAAC,WAAD;OAAS,WAAU;iBAAgH;OAEzH,CAAA,EACV,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,KAAD;SAAG,WAAU;mBAAb,CAA+C,KAAK,MAAM,MAAM,MAAK,IAAK;;QAC1E,kBAAC,KAAD;SAAG,WAAU;mBAAmB,KAAK,MAAM,MAAM;SAAY,CAAA;QAC5D,KAAK,MAAM,MAAM,SAChB,kBAAC,OAAD;SAAK,WAAU;mBACZ,KAAK,MAAM,MAAM;SACd,CAAA;QAEJ;SACE;;KAIZ,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,GAAD;QAAQ,SAAS,KAAK;QAAa,SAAQ;kBAA3C,CACE,kBAAC,GAAD,EAAW,WAAU,gBAAiB,CAAA,EAAA,YAE/B;;OACT,kBAAC,GAAD;QAAQ,SAAS,KAAK;QAAc,SAAQ;kBAAU;QAE7C,CAAA;OACT,kBAAC,GAAD;QAAQ,SAAS,KAAK;QAAc,SAAQ;kBAA5C,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,UAE1B;;OACL;;KAGN,kBAAC,KAAD;MAAG,WAAU;gBAAb;OAA6C;OAChC;OACX,kBAAC,KAAD;QACE,MAAK;QACL,WAAU;kBACX;QAEG,CAAA;OACF;;KACA;;GACF,CAAA,GAIH,KAAK,MAAM"}
+{"version":3,"file":"WorkspacesErrorBoundary.js","names":[],"sources":["../../src/components/WorkspacesErrorBoundary.tsx"],"sourcesContent":["import { Component, type ReactNode } from 'react';\nimport { AlertCircle, RefreshCw, Home } from 'lucide-react';\nimport { Button } from '@burdenoff/fe-libs/ui';\n\ninterface Props {\n  children: ReactNode;\n  fallback?: ReactNode;\n  onReset?: () => void;\n  /**\n   * Optional \"go home\" handler. The boundary is a class component (can't\n   * call `useNavigate`), so the host shell injects a React-Router-aware\n   * handler here. Falls back to `window.location.href = '/'` when omitted\n   * so a host that hasn't wired this up still gets a working button.\n   */\n  onGoHome?: () => void;\n  /**\n   * Contact-support email shown in the fallback UI. Defaults to\n   * `support@burdenoff.com`; hosts can override (e.g. for a tenant-branded\n   * deployment).\n   */\n  supportEmail?: string;\n}\n\ninterface State {\n  hasError: boolean;\n  error: Error | null;\n  errorInfo: React.ErrorInfo | null;\n}\n\n/**\n * Error Boundary component for Workspaces microfrontend\n * Catches and handles runtime errors gracefully\n */\nexport class WorkspacesErrorBoundary extends Component<Props, State> {\n  constructor(props: Props) {\n    super(props);\n    this.state = {\n      hasError: false,\n      error: null,\n      errorInfo: null,\n    };\n  }\n\n  static getDerivedStateFromError(error: Error): Partial<State> {\n    return { hasError: true, error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n    // Log error to console in development\n    if (process.env.NODE_ENV === 'development') {\n      console.error('Workspaces Error Boundary caught an error:', error, errorInfo);\n    }\n\n    // Update state with error details\n    this.setState({\n      error,\n      errorInfo,\n    });\n\n    // Forward to the shell-owned event bus per\n    // ~/products/infra/infra-specs/microfrontends/47-FRONTEND-EVENT-BUS.md.\n    // The shell wires Rybbit / OTel / SRE sinks; the MFE never sinks directly.\n    // Window guard keeps SSR / non-browser environments safe.\n    if (typeof window !== 'undefined') {\n      const w = window as unknown as {\n        __burdenoffEventBus?: { emit: (name: string, payload: unknown) => void };\n      };\n      try {\n        w.__burdenoffEventBus?.emit('workspaces.error-boundary.caught', {\n          source: 'microfe-workspaces',\n          message: error.message,\n          name: error.name,\n          stack: error.stack,\n          componentStack: errorInfo.componentStack,\n        });\n      } catch {\n        // Bus failures must not mask the original render error.\n      }\n    }\n  }\n\n  handleReset = () => {\n    this.setState({\n      hasError: false,\n      error: null,\n      errorInfo: null,\n    });\n\n    // Call optional onReset callback\n    this.props.onReset?.();\n  };\n\n  handleReload = () => {\n    // Deliberately a full-page reload here: the React tree threw and is\n    // already corrupted, so SPA navigation can't be trusted. This is the\n    // one window.location call we keep in the boundary.\n    window.location.reload();\n  };\n\n  handleGoHome = () => {\n    if (this.props.onGoHome) {\n      this.props.onGoHome();\n      // SPA navigation doesn't remount this boundary; clear error state so\n      // the new route renders instead of the fallback UI.\n      this.setState({ hasError: false, error: null, errorInfo: null });\n      return;\n    }\n    window.location.href = '/';\n  };\n\n  render() {\n    if (this.state.hasError) {\n      // Use custom fallback if provided\n      if (this.props.fallback) {\n        return this.props.fallback;\n      }\n\n      // Default error UI\n      return (\n        <div className=\"flex items-center justify-center min-h-[400px] p-6\">\n          <div className=\"max-w-md w-full text-center space-y-6\">\n            {/* Error Icon */}\n            <div className=\"flex justify-center\">\n              <div className=\"rounded-full bg-destructive/10 p-6\">\n                <AlertCircle className=\"size-12 text-destructive\" />\n              </div>\n            </div>\n\n            {/* Error Message */}\n            <div className=\"space-y-2\">\n              <h2 className=\"text-2xl font-bold\">Something went wrong</h2>\n              <p className=\"text-muted-foreground\">\n                We encountered an unexpected error. Please try refreshing the page or contact\n                support if the problem persists.\n              </p>\n            </div>\n\n            {/* Error Details (Development Only) */}\n            {process.env.NODE_ENV === 'development' && this.state.error && (\n              <details className=\"text-left\">\n                <summary className=\"cursor-pointer text-sm font-medium text-muted-foreground hover:text-foreground transition-colors duration-200\">\n                  Error Details\n                </summary>\n                <div className=\"mt-2 p-4 bg-muted rounded-lg text-xs font-mono overflow-auto max-h-40\">\n                  <p className=\"font-semibold text-destructive\">{this.state.error.name}:</p>\n                  <p className=\"text-foreground\">{this.state.error.message}</p>\n                  {this.state.error.stack && (\n                    <pre className=\"mt-2 text-muted-foreground text-xs overflow-x-auto\">\n                      {this.state.error.stack}\n                    </pre>\n                  )}\n                </div>\n              </details>\n            )}\n\n            {/* Action Buttons */}\n            <div className=\"flex flex-col sm:flex-row gap-3 justify-center\">\n              <Button onClick={this.handleReset} variant=\"default\">\n                <RefreshCw className=\"mr-2 size-4\" />\n                Try Again\n              </Button>\n              <Button onClick={this.handleReload} variant=\"outline\">\n                Reload Page\n              </Button>\n              <Button onClick={this.handleGoHome} variant=\"ghost\">\n                <Home className=\"mr-2 size-4\" />\n                Go Home\n              </Button>\n            </div>\n\n            {/* Support Link */}\n            <p className=\"text-sm text-muted-foreground\">\n              Need help?{' '}\n              <a\n                href={`mailto:${this.props.supportEmail ?? 'support@burdenoff.com'}`}\n                className=\"text-primary hover:underline transition-colors duration-200\"\n              >\n                Contact Support\n              </a>\n            </p>\n          </div>\n        </div>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n"],"mappings":";;;;;AAiCA,IAAa,IAAb,cAA6C,EAAwB;CACnE,YAAY,GAAc;AAExB,EADA,MAAM,EAAM,EACZ,KAAK,QAAQ;GACX,UAAU;GACV,OAAO;GACP,WAAW;GACZ;;CAGH,OAAO,yBAAyB,GAA8B;AAC5D,SAAO;GAAE,UAAU;GAAM;GAAO;;CAGlC,kBAAkB,GAAc,GAA4B;AAgB1D,MAdA,QAAA,IAAA,aAA6B,iBAC3B,QAAQ,MAAM,8CAA8C,GAAO,EAAU,EAI/E,KAAK,SAAS;GACZ;GACA;GACD,CAAC,EAME,OAAO,SAAW,KAAa;GACjC,IAAM,IAAI;AAGV,OAAI;AACF,MAAE,qBAAqB,KAAK,oCAAoC;KAC9D,QAAQ;KACR,SAAS,EAAM;KACf,MAAM,EAAM;KACZ,OAAO,EAAM;KACb,gBAAgB,EAAU;KAC3B,CAAC;WACI;;;CAMZ,oBAAoB;AAQlB,EAPA,KAAK,SAAS;GACZ,UAAU;GACV,OAAO;GACP,WAAW;GACZ,CAAC,EAGF,KAAK,MAAM,WAAW;;CAGxB,qBAAqB;AAInB,SAAO,SAAS,QAAQ;;CAG1B,qBAAqB;AACnB,MAAI,KAAK,MAAM,UAAU;AAIvB,GAHA,KAAK,MAAM,UAAU,EAGrB,KAAK,SAAS;IAAE,UAAU;IAAO,OAAO;IAAM,WAAW;IAAM,CAAC;AAChE;;AAEF,SAAO,SAAS,OAAO;;CAGzB,SAAS;AA2EP,SA1EI,KAAK,MAAM,WAET,KAAK,MAAM,WACN,KAAK,MAAM,WAKlB,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cAAf;KAEE,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD,EAAa,WAAU,4BAA6B,CAAA;OAChD,CAAA;MACF,CAAA;KAGN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,MAAD;OAAI,WAAU;iBAAqB;OAAyB,CAAA,EAC5D,kBAAC,KAAD;OAAG,WAAU;iBAAwB;OAGjC,CAAA,CACA;;8BAGoB,iBAAiB,KAAK,MAAM,SACpD,kBAAC,WAAD;MAAS,WAAU;gBAAnB,CACE,kBAAC,WAAD;OAAS,WAAU;iBAAgH;OAEzH,CAAA,EACV,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,KAAD;SAAG,WAAU;mBAAb,CAA+C,KAAK,MAAM,MAAM,MAAK,IAAK;;QAC1E,kBAAC,KAAD;SAAG,WAAU;mBAAmB,KAAK,MAAM,MAAM;SAAY,CAAA;QAC5D,KAAK,MAAM,MAAM,SAChB,kBAAC,OAAD;SAAK,WAAU;mBACZ,KAAK,MAAM,MAAM;SACd,CAAA;QAEJ;SACE;;KAIZ,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,GAAD;QAAQ,SAAS,KAAK;QAAa,SAAQ;kBAA3C,CACE,kBAAC,GAAD,EAAW,WAAU,eAAgB,CAAA,EAAA,YAE9B;;OACT,kBAAC,GAAD;QAAQ,SAAS,KAAK;QAAc,SAAQ;kBAAU;QAE7C,CAAA;OACT,kBAAC,GAAD;QAAQ,SAAS,KAAK;QAAc,SAAQ;kBAA5C,CACE,kBAAC,GAAD,EAAM,WAAU,eAAgB,CAAA,EAAA,UAEzB;;OACL;;KAGN,kBAAC,KAAD;MAAG,WAAU;gBAAb;OAA6C;OAChC;OACX,kBAAC,KAAD;QACE,MAAM,UAAU,KAAK,MAAM,gBAAgB;QAC3C,WAAU;kBACX;QAEG,CAAA;OACF;;KACA;;GACF,CAAA,GAIH,KAAK,MAAM"}

package/dist/components/tags/ProjectTagsWidget.js

@@ -0,0 +1,248 @@
+import { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
+import { Loader2 as i, Plus as a, Search 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 l, CommandEmpty as u, CommandGroup as d, CommandInput as f, CommandItem as p, CommandList as m, Popover as h, PopoverContent as ne, PopoverTrigger as re } from "@burdenoff/fe-libs/ui";
+import { cn as g } from "@burdenoff/fe-libs/shared/utils";
+import { useGatewayClient as ie } from "@burdenoff/fe-libs/shared/graphql";
+import { gql as _ } from "@apollo/client";
+import { useLazyQuery as v, useMutation as y } from "@apollo/client/react";
+import { TagBadge as ae } from "@burdenoff/fe-libs/tag";
+//#region src/components/tags/ProjectTagsWidget.tsx
+var oe = _`
+  query ProjectTagsWidget_SearchTags($query: String!, $vocabularyId: ID, $limit: Int) {
+    searchTags(query: $query, vocabularyId: $vocabularyId, limit: $limit) {
+      id
+      key
+      label
+      value
+      vocabularyId
+      parentId
+      hierarchyPath
+      color
+      icon
+      description
+      vocabulary {
+        key
+      }
+    }
+  }
+`, b = _`
+  query ProjectTagsWidget_GetVocabularyByKey($key: String!) {
+    getVocabularyByKey(key: $key) {
+      id
+      key
+      name
+    }
+  }
+`, x = _`
+  mutation ProjectTagsWidget_CreateVocabulary($input: CreateVocabularyInput!) {
+    createVocabulary(input: $input) {
+      id
+      key
+      name
+    }
+  }
+`, se = _`
+  mutation ProjectTagsWidget_CreateTag($input: CreateTagInput!) {
+    createTag(input: $input) {
+      id
+      key
+      label
+      value
+      vocabularyId
+      parentId
+      hierarchyPath
+      color
+      icon
+      vocabulary {
+        key
+      }
+    }
+  }
+`, S = "general";
+function C({ entityType: _, entityId: C, workspaceId: w, tags: T, onAdd: E, onRemove: D, allowCreate: O = !0, maxTags: k = 20, className: ce }) {
+	let [le, A] = r(!1), [j, M] = r(""), [N, P] = r(null), [F, I] = r(!1), [L, R] = r(), z = n(null), B = ie("workspace"), V = !w || !C, H = new Set(T.map((e) => e.id)), U = T.length < k, [W, { data: ue, loading: G }] = v(oe, { client: B }), K = (ue?.searchTags ?? []).filter((e) => !H.has(e.id)), [q, { loading: J }] = y(se, { client: B }), [Y] = v(b, { client: B }), [X] = y(x, { client: B }), Z = e(async () => {
+		if (L) return L;
+		let e = (await Y({ variables: { key: S } })).data?.getVocabularyByKey;
+		if (e) return R(e.id), e.id;
+		let t = (await X({ variables: { input: {
+			key: S,
+			name: "General",
+			description: "Default vocabulary for general-purpose tags",
+			scope: "WORKSPACE",
+			allowCustomTags: !0
+		} } })).data?.createVocabulary;
+		if (!t) throw Error("Failed to create default vocabulary");
+		return R(t.id), t.id;
+	}, [
+		L,
+		Y,
+		X
+	]), de = e((e) => {
+		M(e), N && P(null), z.current && clearTimeout(z.current), e.trim() && (z.current = setTimeout(() => {
+			W({ variables: {
+				query: e,
+				vocabularyId: L,
+				limit: 10
+			} });
+		}, 250));
+	}, [
+		W,
+		L,
+		N
+	]);
+	t(() => () => {
+		z.current && clearTimeout(z.current);
+	}, []);
+	let Q = e(async (e) => {
+		if (!(!U || F)) {
+			I(!0);
+			try {
+				await E({
+					...e,
+					vocabularyKey: e.vocabularyKey ?? e.vocabulary?.key ?? null
+				}), M(""), A(!1);
+			} finally {
+				I(!1);
+			}
+		}
+	}, [
+		E,
+		U,
+		F
+	]), fe = e(async () => {
+		if (!(!O || !j.trim() || J)) {
+			P(null);
+			try {
+				let e = j.trim(), t = e.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+				if (!t) {
+					P("Must contain at least one letter or number");
+					return;
+				}
+				let n = (await q({ variables: { input: {
+					key: t,
+					label: e,
+					vocabularyId: await Z()
+				} } })).data?.createTag;
+				if (!n) throw Error("No data returned");
+				await Q(n);
+			} catch (e) {
+				P(e instanceof Error ? e.message : "Failed to create tag");
+			}
+		}
+	}, [
+		O,
+		j,
+		J,
+		Z,
+		q,
+		Q
+	]), pe = e(async (e) => {
+		await D(e);
+	}, [D]);
+	if (V) return null;
+	let $ = !!(O && j.trim() && !G && K.length === 0);
+	return /* @__PURE__ */ c("div", {
+		className: g("flex flex-wrap items-center gap-1.5", ce),
+		children: [T.map((e) => /* @__PURE__ */ s(ae, {
+			id: e.id,
+			label: e.label,
+			color: e.color ?? void 0,
+			icon: e.icon ?? void 0,
+			description: e.description ?? void 0,
+			removable: !0,
+			onRemove: () => void pe(e.id),
+			size: "sm"
+		}, e.id)), U && /* @__PURE__ */ c(h, {
+			open: le,
+			onOpenChange: A,
+			children: [/* @__PURE__ */ c(re, {
+				type: "button",
+				"aria-label": "Add tag",
+				className: g("inline-flex items-center gap-1 px-2 py-0.5 rounded-full border border-dashed", "border-border text-muted-foreground text-xs", "hover:border-foreground hover:text-foreground transition-colors", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"),
+				children: [/* @__PURE__ */ s(te, { className: "size-3" }), /* @__PURE__ */ s("span", { children: T.length > 0 ? "Add" : "Add tags" })]
+			}), /* @__PURE__ */ s(ne, {
+				className: "w-64 p-0",
+				align: "start",
+				side: "bottom",
+				sideOffset: 4,
+				children: /* @__PURE__ */ c(l, {
+					shouldFilter: !1,
+					children: [
+						/* @__PURE__ */ c("div", {
+							className: "flex items-center border-b border-border px-3",
+							children: [
+								/* @__PURE__ */ s(ee, { className: "size-4 shrink-0 text-muted-foreground" }),
+								/* @__PURE__ */ s(f, {
+									placeholder: "Search or create a tag...",
+									value: j,
+									onValueChange: de,
+									className: "h-9 flex-1 border-0 bg-transparent px-2 text-sm outline-none placeholder:text-muted-foreground"
+								}),
+								G && /* @__PURE__ */ s(i, { className: "size-3.5 shrink-0 animate-spin text-muted-foreground" })
+							]
+						}),
+						/* @__PURE__ */ c(m, {
+							className: "max-h-48 overflow-y-auto",
+							children: [
+								j.trim() === "" && /* @__PURE__ */ s(u, {
+									className: "py-4 text-center text-xs text-muted-foreground",
+									children: "Type to search or create a tag"
+								}),
+								K.length > 0 && /* @__PURE__ */ s(d, { children: K.map((e) => /* @__PURE__ */ c(p, {
+									value: e.id,
+									onSelect: () => void Q(e),
+									className: "flex items-center gap-2 px-3 py-2 cursor-pointer",
+									disabled: F,
+									children: [
+										e.icon && /* @__PURE__ */ s("span", {
+											className: "text-sm",
+											children: e.icon
+										}),
+										/* @__PURE__ */ s("span", {
+											className: "truncate text-sm",
+											style: e.color ? { color: e.color } : void 0,
+											children: e.label
+										}),
+										F && /* @__PURE__ */ s(i, { className: "ml-auto size-3 animate-spin" })
+									]
+								}, e.id)) }),
+								$ && /* @__PURE__ */ s(d, { children: /* @__PURE__ */ c(p, {
+									value: `__create__${j}`,
+									onSelect: () => void fe(),
+									className: "flex items-center gap-2 px-3 py-2 cursor-pointer text-primary",
+									disabled: J,
+									children: [J ? /* @__PURE__ */ s(i, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ s(a, { className: "size-3.5" }), /* @__PURE__ */ s("span", {
+										className: "text-sm truncate",
+										children: J ? "Creating..." : `Create "${j}"`
+									})]
+								}) }),
+								j.trim() !== "" && !G && K.length === 0 && !$ && /* @__PURE__ */ s(u, {
+									className: "py-4 text-center text-xs text-muted-foreground",
+									children: "No tags found"
+								}),
+								N && /* @__PURE__ */ s("div", {
+									className: "px-3 py-2 text-xs text-destructive border-t border-border",
+									children: N
+								})
+							]
+						}),
+						!U && /* @__PURE__ */ c("div", {
+							className: "border-t border-border px-3 py-2 text-xs text-muted-foreground flex items-center gap-1",
+							children: [
+								/* @__PURE__ */ s(o, { className: "size-3" }),
+								"Maximum ",
+								k,
+								" tags reached"
+							]
+						})
+					]
+				})
+			})]
+		})]
+	});
+}
+//#endregion
+export { C as ProjectTagsWidget };
+
+//# sourceMappingURL=ProjectTagsWidget.js.map

package/dist/components/tags/ProjectTagsWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProjectTagsWidget.js","names":[],"sources":["../../../src/components/tags/ProjectTagsWidget.tsx"],"sourcesContent":["/**\n * ProjectTagsWidget\n *\n * Local replacement for `@burdenoff/fe-libs/tag` `TagsWidget`, used until\n * fe-libs ships a fix for the non-clickable `AddTagTrigger` (the published\n * trigger swallows the props Radix Slot tries to forward via\n * `<PopoverTrigger asChild>`, so the popover never opens).\n *\n * This component bypasses the broken trigger by rendering a regular\n * `<PopoverTrigger>` (no `asChild`) so Radix mounts the click-handling\n * button itself. Internals (search, create, assign, remove) mirror the\n * fe-libs `TagsWidget` so the data path through wspace-tags-svc is\n * identical.\n *\n * TODO(fe-libs): once `@burdenoff/fe-libs/tag` `AddTagTrigger` forwards\n * props/ref to the underlying button, delete this file and switch back\n * to `<TagsWidget>` from `@burdenoff/fe-libs/tag`.\n */\n\nimport { gql } from '@apollo/client';\nimport { useLazyQuery, useMutation } from '@apollo/client/react';\nimport { Loader2, Plus, Search, Tag as TagIcon, X } from 'lucide-react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { type TagItem } from '@burdenoff/fe-libs/tag';\nimport { TagBadge } from '@burdenoff/fe-libs/tag';\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '@burdenoff/fe-libs/ui';\nimport { useGatewayClient } from '@burdenoff/fe-libs/shared/graphql';\nimport { cn } from '@burdenoff/fe-libs/shared/utils';\n\n// --- GraphQL ----------------------------------------------------------------\n\ninterface VocabResult {\n  id: string;\n  key: string;\n  name: string;\n}\n\nconst SEARCH_TAGS = gql`\n  query ProjectTagsWidget_SearchTags($query: String!, $vocabularyId: ID, $limit: Int) {\n    searchTags(query: $query, vocabularyId: $vocabularyId, limit: $limit) {\n      id\n      key\n      label\n      value\n      vocabularyId\n      parentId\n      hierarchyPath\n      color\n      icon\n      description\n      vocabulary {\n        key\n      }\n    }\n  }\n`;\n\nconst GET_VOCABULARY_BY_KEY = gql`\n  query ProjectTagsWidget_GetVocabularyByKey($key: String!) {\n    getVocabularyByKey(key: $key) {\n      id\n      key\n      name\n    }\n  }\n`;\n\nconst CREATE_VOCABULARY = gql`\n  mutation ProjectTagsWidget_CreateVocabulary($input: CreateVocabularyInput!) {\n    createVocabulary(input: $input) {\n      id\n      key\n      name\n    }\n  }\n`;\n\nconst CREATE_TAG = gql`\n  mutation ProjectTagsWidget_CreateTag($input: CreateTagInput!) {\n    createTag(input: $input) {\n      id\n      key\n      label\n      value\n      vocabularyId\n      parentId\n      hierarchyPath\n      color\n      icon\n      vocabulary {\n        key\n      }\n    }\n  }\n`;\n\nconst DEFAULT_VOCAB_KEY = 'general';\n\n// --- Props ------------------------------------------------------------------\n\nexport interface ProjectTagsWidgetProps {\n  /** Entity type recorded on the assigned-tag projection (e.g. \"Project\"). */\n  entityType: string;\n  /** Entity id (project id). */\n  entityId: string;\n  /** Workspace scope — widget renders nothing when empty. */\n  workspaceId?: string;\n  /** Controlled tag list owned by the parent. */\n  tags: TagItem[];\n  /** Persist a newly assigned tag on the entity. */\n  onAdd: (tag: TagItem) => void | Promise<void>;\n  /** Persist a tag removal on the entity. */\n  onRemove: (tagId: string) => void | Promise<void>;\n  /** Allow creating new tags on the fly. Default: true. */\n  allowCreate?: boolean;\n  /** Cap on assigned tags. Default 20. */\n  maxTags?: number;\n  className?: string;\n}\n\n// --- Component --------------------------------------------------------------\n\nexport function ProjectTagsWidget({\n  entityType: _entityType,\n  entityId,\n  workspaceId,\n  tags,\n  onAdd,\n  onRemove,\n  allowCreate = true,\n  maxTags = 20,\n  className,\n}: ProjectTagsWidgetProps) {\n  const [open, setOpen] = useState(false);\n  const [search, setSearch] = useState('');\n  const [createError, setCreateError] = useState<string | null>(null);\n  const [adding, setAdding] = useState(false);\n  const [resolvedVocabId, setResolvedVocabId] = useState<string | undefined>();\n  const debounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const wsClient = useGatewayClient('workspace');\n\n  const skip = !workspaceId || !entityId;\n\n  const assignedTagIds = new Set(tags.map((t) => t.id));\n  const canAddMore = tags.length < maxTags;\n\n  const [runSearch, { data: searchData, loading: searching }] = useLazyQuery<{\n    searchTags: TagItem[];\n  }>(SEARCH_TAGS, { client: wsClient });\n\n  const searchResults = (searchData?.searchTags ?? []).filter(\n    (t: TagItem) => !assignedTagIds.has(t.id)\n  );\n\n  const [createTag, { loading: creating }] = useMutation<{\n    createTag: TagItem;\n  }>(CREATE_TAG, { client: wsClient });\n\n  const [fetchVocabByKey] = useLazyQuery<{\n    getVocabularyByKey: VocabResult | null;\n  }>(GET_VOCABULARY_BY_KEY, { client: wsClient });\n\n  const [createVocabulary] = useMutation<{\n    createVocabulary: VocabResult;\n  }>(CREATE_VOCABULARY, { client: wsClient });\n\n  const resolveVocabId = useCallback(async (): Promise<string> => {\n    if (resolvedVocabId) return resolvedVocabId;\n\n    const res = await fetchVocabByKey({ variables: { key: DEFAULT_VOCAB_KEY } });\n    const existing = res.data?.getVocabularyByKey;\n    if (existing) {\n      setResolvedVocabId(existing.id);\n      return existing.id;\n    }\n\n    const created = await createVocabulary({\n      variables: {\n        input: {\n          key: DEFAULT_VOCAB_KEY,\n          name: 'General',\n          description: 'Default vocabulary for general-purpose tags',\n          scope: 'WORKSPACE',\n          allowCustomTags: true,\n        },\n      },\n    });\n    const newVocab = created.data?.createVocabulary;\n    if (!newVocab) throw new Error('Failed to create default vocabulary');\n    setResolvedVocabId(newVocab.id);\n    return newVocab.id;\n  }, [resolvedVocabId, fetchVocabByKey, createVocabulary]);\n\n  const handleSearchChange = useCallback(\n    (value: string) => {\n      setSearch(value);\n      if (createError) setCreateError(null);\n      if (debounceRef.current) clearTimeout(debounceRef.current);\n      if (!value.trim()) return;\n      debounceRef.current = setTimeout(() => {\n        void runSearch({\n          variables: { query: value, vocabularyId: resolvedVocabId, limit: 10 },\n        });\n      }, 250);\n    },\n    [runSearch, resolvedVocabId, createError]\n  );\n\n  useEffect(() => {\n    return () => {\n      if (debounceRef.current) clearTimeout(debounceRef.current);\n    };\n  }, []);\n\n  const handleAssign = useCallback(\n    async (tag: TagItem) => {\n      if (!canAddMore || adding) return;\n      setAdding(true);\n      try {\n        const normalizedTag: TagItem = {\n          ...tag,\n          vocabularyKey: tag.vocabularyKey ?? tag.vocabulary?.key ?? null,\n        };\n        await onAdd(normalizedTag);\n        setSearch('');\n        setOpen(false);\n      } finally {\n        setAdding(false);\n      }\n    },\n    [onAdd, canAddMore, adding]\n  );\n\n  const handleCreate = useCallback(async () => {\n    if (!allowCreate || !search.trim() || creating) return;\n    setCreateError(null);\n    try {\n      const label = search.trim();\n      const key = label\n        .toLowerCase()\n        .replace(/[^a-z0-9]+/g, '-')\n        .replace(/^-|-$/g, '');\n      if (!key) {\n        setCreateError('Must contain at least one letter or number');\n        return;\n      }\n      const vocabId = await resolveVocabId();\n      const res = await createTag({\n        variables: { input: { key, label, vocabularyId: vocabId } },\n      });\n      const created = res.data?.createTag;\n      if (!created) throw new Error('No data returned');\n      await handleAssign(created);\n    } catch (err) {\n      setCreateError(err instanceof Error ? err.message : 'Failed to create tag');\n    }\n  }, [allowCreate, search, creating, resolveVocabId, createTag, handleAssign]);\n\n  const handleRemove = useCallback(\n    async (tagId: string) => {\n      await onRemove(tagId);\n    },\n    [onRemove]\n  );\n\n  if (skip) return null;\n\n  const showCreateOption = Boolean(\n    allowCreate && search.trim() && !searching && searchResults.length === 0\n  );\n\n  return (\n    <div className={cn('flex flex-wrap items-center gap-1.5', className)}>\n      {tags.map((tag) => (\n        <TagBadge\n          key={tag.id}\n          id={tag.id}\n          label={tag.label}\n          color={tag.color ?? undefined}\n          icon={tag.icon ?? undefined}\n          description={tag.description ?? undefined}\n          removable\n          onRemove={() => void handleRemove(tag.id)}\n          size=\"sm\"\n        />\n      ))}\n\n      {canAddMore && (\n        <Popover open={open} onOpenChange={setOpen}>\n          {/*\n            Intentionally do NOT use `asChild` here — the fe-libs\n            `AddTagTrigger` swallows the props Radix forwards, leaving the\n            trigger non-clickable. Letting Radix render its own button\n            restores the click handler.\n          */}\n          <PopoverTrigger\n            type=\"button\"\n            aria-label=\"Add tag\"\n            className={cn(\n              'inline-flex items-center gap-1 px-2 py-0.5 rounded-full border border-dashed',\n              'border-border text-muted-foreground text-xs',\n              'hover:border-foreground hover:text-foreground transition-colors',\n              'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring'\n            )}\n          >\n            <TagIcon className=\"size-3\" />\n            <span>{tags.length > 0 ? 'Add' : 'Add tags'}</span>\n          </PopoverTrigger>\n\n          <PopoverContent className=\"w-64 p-0\" align=\"start\" side=\"bottom\" sideOffset={4}>\n            <Command shouldFilter={false}>\n              <div className=\"flex items-center border-b border-border px-3\">\n                <Search className=\"size-4 shrink-0 text-muted-foreground\" />\n                <CommandInput\n                  placeholder=\"Search or create a tag...\"\n                  value={search}\n                  onValueChange={handleSearchChange}\n                  className=\"h-9 flex-1 border-0 bg-transparent px-2 text-sm outline-none placeholder:text-muted-foreground\"\n                />\n                {searching && (\n                  <Loader2 className=\"size-3.5 shrink-0 animate-spin text-muted-foreground\" />\n                )}\n              </div>\n\n              <CommandList className=\"max-h-48 overflow-y-auto\">\n                {search.trim() === '' && (\n                  <CommandEmpty className=\"py-4 text-center text-xs text-muted-foreground\">\n                    Type to search or create a tag\n                  </CommandEmpty>\n                )}\n\n                {searchResults.length > 0 && (\n                  <CommandGroup>\n                    {searchResults.map((tag: TagItem) => (\n                      <CommandItem\n                        key={tag.id}\n                        value={tag.id}\n                        onSelect={() => void handleAssign(tag)}\n                        className=\"flex items-center gap-2 px-3 py-2 cursor-pointer\"\n                        disabled={adding}\n                      >\n                        {tag.icon && <span className=\"text-sm\">{tag.icon}</span>}\n                        <span\n                          className=\"truncate text-sm\"\n                          style={tag.color ? { color: tag.color } : undefined}\n                        >\n                          {tag.label}\n                        </span>\n                        {adding && <Loader2 className=\"ml-auto size-3 animate-spin\" />}\n                      </CommandItem>\n                    ))}\n                  </CommandGroup>\n                )}\n\n                {showCreateOption && (\n                  <CommandGroup>\n                    <CommandItem\n                      value={`__create__${search}`}\n                      onSelect={() => void handleCreate()}\n                      className=\"flex items-center gap-2 px-3 py-2 cursor-pointer text-primary\"\n                      disabled={creating}\n                    >\n                      {creating ? (\n                        <Loader2 className=\"size-3.5 animate-spin\" />\n                      ) : (\n                        <Plus className=\"size-3.5\" />\n                      )}\n                      <span className=\"text-sm truncate\">\n                        {creating ? 'Creating...' : `Create \"${search}\"`}\n                      </span>\n                    </CommandItem>\n                  </CommandGroup>\n                )}\n\n                {search.trim() !== '' &&\n                  !searching &&\n                  searchResults.length === 0 &&\n                  !showCreateOption && (\n                    <CommandEmpty className=\"py-4 text-center text-xs text-muted-foreground\">\n                      No tags found\n                    </CommandEmpty>\n                  )}\n\n                {createError && (\n                  <div className=\"px-3 py-2 text-xs text-destructive border-t border-border\">\n                    {createError}\n                  </div>\n                )}\n              </CommandList>\n\n              {!canAddMore && (\n                <div className=\"border-t border-border px-3 py-2 text-xs text-muted-foreground flex items-center gap-1\">\n                  <X className=\"size-3\" />\n                  Maximum {maxTags} tags reached\n                </div>\n              )}\n            </Command>\n          </PopoverContent>\n        </Popover>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/hooks/useOrgsWithPermission.js

@@ -6,7 +6,7 @@ import { graphqlFetch as i } from "@burdenoff/fe-libs/shared/graphql";
 //#region src/hooks/useOrgsWithPermission.ts
 var a = 50, o = "\n  query CheckRbacPermissions($inputs: [PermissionCheckInput!]!) {\n    checkPermissions(inputs: $inputs) {\n      allowed\n    }\n  }\n";
 function s(s, c, l) {
-	let { user: u } = n(), { authToken: d } = e(), f = u?.id ?? "", p = !!(f && s.length > 0), m = t(() => s.join(","), [s]), h = t(() => [...s], [m]), { data: g, isLoading: _, error: v } = r({
+	let { user: u } = n(), { authToken: d } = e(), f = u?.id ?? "", p = !!(f && s.length > 0), m = t(() => s.join(","), [s]), h = t(() => m ? m.split(",") : [], [m]), { data: g, isLoading: _, error: v } = r({
 		queryKey: [
 			"checkPermissions",
 			f,

package/dist/hooks/useOrgsWithPermission.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOrgsWithPermission.js","names":[],"sources":["../../src/hooks/useOrgsWithPermission.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport { graphqlFetch } from '@burdenoff/fe-libs/shared/graphql';\nimport { useAuth } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\n\n/**\n * Filter a set of organization ids down to those where the current user has\n * a specific RBAC permission. Bulk-checks against the rbac service so the\n * result tracks the authoritative permission evaluator — including\n * overrides and future OPA policies — instead of duplicating role→permission\n * logic on the client.\n *\n * The server caps a single bulk call at `CHECK_PERMISSIONS_BATCH_LIMIT`\n * inputs, so when a user has more orgs than that we chunk into multiple\n * parallel calls and merge the results positionally. Most users will fit\n * in one batch; the chunking is just defensive for power users / service\n * accounts with many memberships.\n *\n * Backend `@rbac` directives still enforce on the mutation; this filter is\n * purely UX so users aren't offered options that will 403 on submit.\n *\n * Note: this MFE talks to the gateway via the shared `graphqlFetch` helper\n * + react-query (not Apollo), so we mirror that pattern instead of using\n * the codegen'd Apollo hook. The duplicate `.graphql` file at\n * `src/operations/global/rbac/check-permissions.graphql` is intentionally\n * kept so when this MFE eventually migrates to the codegen'd pattern (see\n * todo.md, \"Issue to address later\"), the operation already exists.\n */\n\n// Matches the server-side limit on `checkPermissions(inputs: [...])` —\n// kept here as a constant so the chunking intent is explicit.\nconst CHECK_PERMISSIONS_BATCH_LIMIT = 50;\n\n// `decisionPath` is intentionally NOT selected — only `allowed` drives\n// the UI here, and `decisionPath` exposes RBAC policy internals (role\n// names, override decisions) that we don't want to leak into network\n// traffic visible in browser devtools just for UX filtering.\nconst CHECK_PERMISSIONS_QUERY = `\n  query CheckRbacPermissions($inputs: [PermissionCheckInput!]!) {\n    checkPermissions(inputs: $inputs) {\n      allowed\n    }\n  }\n`;\n\ninterface PermissionCheckResult {\n  allowed: boolean;\n}\n\nexport interface UseOrgsWithPermissionResult {\n  allowedIds: Set<string>;\n  loading: boolean;\n  isError: boolean;\n}\n\nexport function useOrgsWithPermission(\n  orgIds: readonly string[],\n  resourceType: string,\n  action: string\n): UseOrgsWithPermissionResult {\n  const { user } = useAuth();\n  const { authToken } = useWorkspacesContext();\n  const actorId = user?.id ?? '';\n\n  const enabled = Boolean(actorId && orgIds.length > 0);\n\n  // `stableIds` only needs to change when the *values* change — a fresh array\n  // with identical contents shouldn't bust the query cache or trigger refetch.\n  // Use the joined string as the memo key so deep-equal arrays share a memo.\n  // Separator MUST be a char that can't appear in an id (',') — joining\n  // on '' would collide on adjacency: ['ab','cd'] and ['a','bcd'] would\n  // share a cache key.\n  const stableKey = useMemo(() => orgIds.join(','), [orgIds]);\n  const stableIds = useMemo(() => [...orgIds], [stableKey]); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const { data, isLoading, error } = useQuery({\n    queryKey: ['checkPermissions', actorId, resourceType, action, stableKey],\n    enabled,\n    queryFn: async (): Promise<PermissionCheckResult[]> => {\n      // Chunk into <=CHECK_PERMISSIONS_BATCH_LIMIT-sized batches so users\n      // with more orgs than the server cap still get a complete answer.\n      // Run batches in parallel and concat in input order so the\n      // positional contract relied on below holds.\n      const chunks: string[][] = [];\n      for (let i = 0; i < stableIds.length; i += CHECK_PERMISSIONS_BATCH_LIMIT) {\n        chunks.push(stableIds.slice(i, i + CHECK_PERMISSIONS_BATCH_LIMIT));\n      }\n\n      const batchResults = await Promise.all(\n        chunks.map(async (chunk) => {\n          const result = await graphqlFetch<{ checkPermissions: PermissionCheckResult[] }>({\n            gateway: 'global',\n            authToken: authToken || undefined,\n            query: CHECK_PERMISSIONS_QUERY,\n            variables: {\n              inputs: chunk.map((scopeId) => ({\n                actorId,\n                actorType: 'USER',\n                scopeId,\n                resourceType,\n                action,\n              })),\n            },\n          });\n\n          if (result.errors?.length) {\n            throw new Error(result.errors[0]?.message || 'Failed to check permissions');\n          }\n          return result.data?.checkPermissions ?? [];\n        })\n      );\n\n      return batchResults.flat();\n    },\n    staleTime: 60 * 1000,\n  });\n\n  const allowedIds = useMemo(() => {\n    const out = new Set<string>();\n    if (!data) return out;\n    // Positional mapping is the documented contract of the bulk\n    // `checkPermissions` API — results come back in the same order as\n    // inputs. Length-guard against a backend that ever reorders/filters\n    // so we never silently mis-attribute a permission to the wrong org.\n    const bounded = Math.min(data.length, stableIds.length);\n    for (let i = 0; i < bounded; i += 1) {\n      if (data[i].allowed && stableIds[i]) out.add(stableIds[i]);\n    }\n    return out;\n  }, [data, stableIds]);\n\n  return {\n    allowedIds,\n    loading: enabled && isLoading,\n    // Surface error so callers can decide between \"stay in loading state\"\n    // and \"show an error\". Default behavior should be the former — the\n    // backend @rbac directive still enforces correctly on submit, so it's\n    // safer to keep the form visible than to lock the user out on a\n    // transient rbac-svc blip.\n    isError: enabled && Boolean(error),\n  };\n}\n"],"mappings":";;;;;;AAgCA,IAAM,IAAgC,IAMhC,IAA0B;AAkBhC,SAAgB,EACd,GACA,GACA,GAC6B;CAC7B,IAAM,EAAE,YAAS,GAAS,EACpB,EAAE,iBAAc,GAAsB,EACtC,IAAU,GAAM,MAAM,IAEtB,IAAU,GAAQ,KAAW,EAAO,SAAS,IAQ7C,IAAY,QAAc,EAAO,KAAK,IAAI,EAAE,CAAC,EAAO,CAAC,EACrD,IAAY,QAAc,CAAC,GAAG,EAAO,EAAE,CAAC,EAAU,CAAC,EAEnD,EAAE,SAAM,cAAW,aAAU,EAAS;EAC1C,UAAU;GAAC;GAAoB;GAAS;GAAc;GAAQ;GAAU;EACxE;EACA,SAAS,YAA8C;GAKrD,IAAM,IAAqB,EAAE;AAC7B,QAAK,IAAI,IAAI,GAAG,IAAI,EAAU,QAAQ,KAAK,EACzC,GAAO,KAAK,EAAU,MAAM,GAAG,IAAI,EAA8B,CAAC;AA2BpE,WAxBqB,MAAM,QAAQ,IACjC,EAAO,IAAI,OAAO,MAAU;IAC1B,IAAM,IAAS,MAAM,EAA4D;KAC/E,SAAS;KACT,WAAW,KAAa,KAAA;KACxB,OAAO;KACP,WAAW,EACT,QAAQ,EAAM,KAAK,OAAa;MAC9B;MACA,WAAW;MACX;MACA;MACA;MACD,EAAE,EACJ;KACF,CAAC;AAEF,QAAI,EAAO,QAAQ,OACjB,OAAU,MAAM,EAAO,OAAO,IAAI,WAAW,8BAA8B;AAE7E,WAAO,EAAO,MAAM,oBAAoB,EAAE;KAC1C,CACH,EAEmB,MAAM;;EAE5B,WAAW,KAAK;EACjB,CAAC;AAgBF,QAAO;EACL,YAfiB,QAAc;GAC/B,IAAM,oBAAM,IAAI,KAAa;AAC7B,OAAI,CAAC,EAAM,QAAO;GAKlB,IAAM,IAAU,KAAK,IAAI,EAAK,QAAQ,EAAU,OAAO;AACvD,QAAK,IAAI,IAAI,GAAG,IAAI,GAAS,KAAK,EAChC,CAAI,EAAK,GAAG,WAAW,EAAU,MAAI,EAAI,IAAI,EAAU,GAAG;AAE5D,UAAO;KACN,CAAC,GAAM,EAAU,CAAC;EAInB,SAAS,KAAW;EAMpB,SAAS,KAAW,EAAQ;EAC7B"}
+{"version":3,"file":"useOrgsWithPermission.js","names":[],"sources":["../../src/hooks/useOrgsWithPermission.ts"],"sourcesContent":["import { useMemo } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport { graphqlFetch } from '@burdenoff/fe-libs/shared/graphql';\nimport { useAuth } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useWorkspacesContext } from '../providers/WorkspacesProvider';\n\n/**\n * Filter a set of organization ids down to those where the current user has\n * a specific RBAC permission. Bulk-checks against the rbac service so the\n * result tracks the authoritative permission evaluator — including\n * overrides and future OPA policies — instead of duplicating role→permission\n * logic on the client.\n *\n * The server caps a single bulk call at `CHECK_PERMISSIONS_BATCH_LIMIT`\n * inputs, so when a user has more orgs than that we chunk into multiple\n * parallel calls and merge the results positionally. Most users will fit\n * in one batch; the chunking is just defensive for power users / service\n * accounts with many memberships.\n *\n * Backend `@rbac` directives still enforce on the mutation; this filter is\n * purely UX so users aren't offered options that will 403 on submit.\n *\n * Note: this MFE talks to the gateway via the shared `graphqlFetch` helper\n * + react-query (not Apollo), so we mirror that pattern instead of using\n * the codegen'd Apollo hook. The duplicate `.graphql` file at\n * `src/operations/global/rbac/check-permissions.graphql` is intentionally\n * kept so when this MFE eventually migrates to the codegen'd pattern (see\n * todo.md, \"Issue to address later\"), the operation already exists.\n */\n\n// Matches the server-side limit on `checkPermissions(inputs: [...])` —\n// kept here as a constant so the chunking intent is explicit.\nconst CHECK_PERMISSIONS_BATCH_LIMIT = 50;\n\n// `decisionPath` is intentionally NOT selected — only `allowed` drives\n// the UI here, and `decisionPath` exposes RBAC policy internals (role\n// names, override decisions) that we don't want to leak into network\n// traffic visible in browser devtools just for UX filtering.\nconst CHECK_PERMISSIONS_QUERY = `\n  query CheckRbacPermissions($inputs: [PermissionCheckInput!]!) {\n    checkPermissions(inputs: $inputs) {\n      allowed\n    }\n  }\n`;\n\ninterface PermissionCheckResult {\n  allowed: boolean;\n}\n\nexport interface UseOrgsWithPermissionResult {\n  allowedIds: Set<string>;\n  loading: boolean;\n  isError: boolean;\n}\n\nexport function useOrgsWithPermission(\n  orgIds: readonly string[],\n  resourceType: string,\n  action: string\n): UseOrgsWithPermissionResult {\n  const { user } = useAuth();\n  const { authToken } = useWorkspacesContext();\n  const actorId = user?.id ?? '';\n\n  const enabled = Boolean(actorId && orgIds.length > 0);\n\n  // `stableIds` only needs to change when the *values* change — a fresh array\n  // with identical contents shouldn't bust the query cache or trigger refetch.\n  // Use the joined string as the memo key so deep-equal arrays share a memo.\n  // Separator MUST be a char that can't appear in an id (',') — joining\n  // on '' would collide on adjacency: ['ab','cd'] and ['a','bcd'] would\n  // share a cache key.\n  const stableKey = useMemo(() => orgIds.join(','), [orgIds]);\n  const stableIds = useMemo(() => (stableKey ? stableKey.split(',') : []), [stableKey]);\n\n  const { data, isLoading, error } = useQuery({\n    queryKey: ['checkPermissions', actorId, resourceType, action, stableKey],\n    enabled,\n    queryFn: async (): Promise<PermissionCheckResult[]> => {\n      // Chunk into <=CHECK_PERMISSIONS_BATCH_LIMIT-sized batches so users\n      // with more orgs than the server cap still get a complete answer.\n      // Run batches in parallel and concat in input order so the\n      // positional contract relied on below holds.\n      const chunks: string[][] = [];\n      for (let i = 0; i < stableIds.length; i += CHECK_PERMISSIONS_BATCH_LIMIT) {\n        chunks.push(stableIds.slice(i, i + CHECK_PERMISSIONS_BATCH_LIMIT));\n      }\n\n      const batchResults = await Promise.all(\n        chunks.map(async (chunk) => {\n          const result = await graphqlFetch<{ checkPermissions: PermissionCheckResult[] }>({\n            gateway: 'global',\n            authToken: authToken || undefined,\n            query: CHECK_PERMISSIONS_QUERY,\n            variables: {\n              inputs: chunk.map((scopeId) => ({\n                actorId,\n                actorType: 'USER',\n                scopeId,\n                resourceType,\n                action,\n              })),\n            },\n          });\n\n          if (result.errors?.length) {\n            throw new Error(result.errors[0]?.message || 'Failed to check permissions');\n          }\n          return result.data?.checkPermissions ?? [];\n        })\n      );\n\n      return batchResults.flat();\n    },\n    staleTime: 60 * 1000,\n  });\n\n  const allowedIds = useMemo(() => {\n    const out = new Set<string>();\n    if (!data) return out;\n    // Positional mapping is the documented contract of the bulk\n    // `checkPermissions` API — results come back in the same order as\n    // inputs. Length-guard against a backend that ever reorders/filters\n    // so we never silently mis-attribute a permission to the wrong org.\n    const bounded = Math.min(data.length, stableIds.length);\n    for (let i = 0; i < bounded; i += 1) {\n      if (data[i].allowed && stableIds[i]) out.add(stableIds[i]);\n    }\n    return out;\n  }, [data, stableIds]);\n\n  return {\n    allowedIds,\n    loading: enabled && isLoading,\n    // Surface error so callers can decide between \"stay in loading state\"\n    // and \"show an error\". Default behavior should be the former — the\n    // backend @rbac directive still enforces correctly on submit, so it's\n    // safer to keep the form visible than to lock the user out on a\n    // transient rbac-svc blip.\n    isError: enabled && Boolean(error),\n  };\n}\n"],"mappings":";;;;;;AAgCA,IAAM,IAAgC,IAMhC,IAA0B;AAkBhC,SAAgB,EACd,GACA,GACA,GAC6B;CAC7B,IAAM,EAAE,YAAS,GAAS,EACpB,EAAE,iBAAc,GAAsB,EACtC,IAAU,GAAM,MAAM,IAEtB,IAAU,GAAQ,KAAW,EAAO,SAAS,IAQ7C,IAAY,QAAc,EAAO,KAAK,IAAI,EAAE,CAAC,EAAO,CAAC,EACrD,IAAY,QAAe,IAAY,EAAU,MAAM,IAAI,GAAG,EAAE,EAAG,CAAC,EAAU,CAAC,EAE/E,EAAE,SAAM,cAAW,aAAU,EAAS;EAC1C,UAAU;GAAC;GAAoB;GAAS;GAAc;GAAQ;GAAU;EACxE;EACA,SAAS,YAA8C;GAKrD,IAAM,IAAqB,EAAE;AAC7B,QAAK,IAAI,IAAI,GAAG,IAAI,EAAU,QAAQ,KAAK,EACzC,GAAO,KAAK,EAAU,MAAM,GAAG,IAAI,EAA8B,CAAC;AA2BpE,WAxBqB,MAAM,QAAQ,IACjC,EAAO,IAAI,OAAO,MAAU;IAC1B,IAAM,IAAS,MAAM,EAA4D;KAC/E,SAAS;KACT,WAAW,KAAa,KAAA;KACxB,OAAO;KACP,WAAW,EACT,QAAQ,EAAM,KAAK,OAAa;MAC9B;MACA,WAAW;MACX;MACA;MACA;MACD,EAAE,EACJ;KACF,CAAC;AAEF,QAAI,EAAO,QAAQ,OACjB,OAAU,MAAM,EAAO,OAAO,IAAI,WAAW,8BAA8B;AAE7E,WAAO,EAAO,MAAM,oBAAoB,EAAE;KAC1C,CACH,EAEmB,MAAM;;EAE5B,WAAW,KAAK;EACjB,CAAC;AAgBF,QAAO;EACL,YAfiB,QAAc;GAC/B,IAAM,oBAAM,IAAI,KAAa;AAC7B,OAAI,CAAC,EAAM,QAAO;GAKlB,IAAM,IAAU,KAAK,IAAI,EAAK,QAAQ,EAAU,OAAO;AACvD,QAAK,IAAI,IAAI,GAAG,IAAI,GAAS,KAAK,EAChC,CAAI,EAAK,GAAG,WAAW,EAAU,MAAI,EAAI,IAAI,EAAU,GAAG;AAE5D,UAAO;KACN,CAAC,GAAM,EAAU,CAAC;EAInB,SAAS,KAAW;EAMpB,SAAS,KAAW,EAAQ;EAC7B"}