@burdenoff/microfe-workspaces 2026.625.1 → 2026.625.2

package/dist/components/MemberListItem.js

@@ -5,7 +5,7 @@ import { formatRelativeTime as i } from "../utils/formatters.js";
 import { useMemo as a, useState as o } from "react";
 import { MoreHorizontal as s, UserMinus as c } from "lucide-react";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { AlertDialog as f, AlertDialogAction as p, AlertDialogCancel as m, AlertDialogContent as h, AlertDialogDescription as g, AlertDialogFooter as _, AlertDialogHeader as v, AlertDialogTitle as y, Badge as b, Button as x, Card as S, CardContent as C, DropdownMenu as w, DropdownMenuContent as T, DropdownMenuTrigger as E } from "@burdenoff/fe-libs/ui";
+import { AlertDialog as f, AlertDialogAction as p, AlertDialogCancel as m, AlertDialogContent as h, AlertDialogDescription as g, AlertDialogFooter as _, AlertDialogHeader as v, AlertDialogTitle as y, Badge as b, Button as x, CardContent as S, DropdownMenu as C, DropdownMenuContent as w, DropdownMenuTrigger as T, GlassCard as E } from "@burdenoff/fe-libs/ui";
 import { ActorIdentity as D, useActorProfiles as O } from "@burdenoff/fe-libs/shared";
 //#region src/components/MemberListItem.tsx
 function k({ member: k, selected: A = !1, onToggleSelect: j, canRemove: M = !1 }) {
@@ -18,9 +18,10 @@ function k({ member: k, selected: A = !1, onToggleSelect: j, canRemove: M = !1 }
 		orgId: z,
 		workspaceId: k.workspaceId
 	})[k.userId];
-	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(S, {
-		className: `hover:bg-bg-canvas transition-all duration-200 ${A ? "ring-2 ring-action-primary-bg/25 border-action-primary-bg/50" : ""}`,
-		children: /* @__PURE__ */ u(C, {
+	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(E, {
+		treatment: "plain",
+		className: `border-border-seam ${A ? "ring-2 ring-action-primary-bg/25 border-action-primary-bg/50" : ""}`,
+		children: /* @__PURE__ */ u(S, {
 			className: "p-4",
 			children: /* @__PURE__ */ d("div", {
 				className: "flex items-center justify-between gap-4",
@@ -49,7 +50,7 @@ function k({ member: k, selected: A = !1, onToggleSelect: j, canRemove: M = !1 }
 							})]
 						})]
 					})]
-				}), M && /* @__PURE__ */ d(w, { children: [/* @__PURE__ */ u(E, {
+				}), M && /* @__PURE__ */ d(C, { children: [/* @__PURE__ */ u(T, {
 					asChild: !0,
 					children: /* @__PURE__ */ d(x, {
 						variant: "ghost",
@@ -60,7 +61,7 @@ function k({ member: k, selected: A = !1, onToggleSelect: j, canRemove: M = !1 }
 							children: "Open member actions"
 						})]
 					})
-				}), /* @__PURE__ */ u(T, {
+				}), /* @__PURE__ */ u(w, {
 					align: "end",
 					children: /* @__PURE__ */ d("button", {
 						type: "button",

package/dist/components/MemberListItem.js.map

@@ -1 +1 @@
-{"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    workspaceId: member.workspaceId,\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,EAerE,IANa,EAJJ,QACP,CAAC;EAAE,SAAS,EAAO;EAAQ,WAAW;EAAQ,CAAC,EACrD,CAAC,EAAO,OAAO,CAChB,EAC2C;EAC1C;EACA;EACA,OAAO;EACP,aAAa,EAAO;EACrB,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"}
+{"version":3,"file":"MemberListItem.js","names":[],"sources":["../../src/components/MemberListItem.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport {\n  GlassCard,\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    workspaceId: member.workspaceId,\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      <GlassCard\n        treatment=\"plain\"\n        className={`border-border-seam ${\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      </GlassCard>\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,EAerE,IANa,EAJJ,QACP,CAAC;EAAE,SAAS,EAAO;EAAQ,WAAW;EAAQ,CAAC,EACrD,CAAC,EAAO,OAAO,CAChB,EAC2C;EAC1C;EACA;EACA,OAAO;EACP,aAAa,EAAO;EACrB,CAAC,CACyB,EAAO;AAelC,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,WAAU;EACV,WAAW,sBACT,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;EACJ,CAAA,EAEZ,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,eAnFe;AAEzB,IADK,EAAa,SAAS,EAC3B,EAAa,EAAO,IAAI;KACtB,iBAAiB;AAEf,MADK,EAAa,UAAU,EAC5B,EAAoB,GAAM;;KAE5B,eAAe;AACR,QAAa,QAAQ;;KAE7B,CAAC;;GA0EQ,UAAU;GACV,WAAU;aAET,IAAa,gBAAgB;GACZ,CAAA,CACF,EAAA,CAAA,CACD,EAAA,CAAA;EACT,CAAA,CACb,EAAA,CAAA"}

package/dist/components/ProjectCard.js

@@ -7,7 +7,7 @@ import { formatDate as c } from "../utils/formatters.js";
 import { getProjectDisplayTags as l } from "../utils/projectTags.js";
 import { Archive as u, Fingerprint as d, FolderKanban as f, MoreVertical as p } from "lucide-react";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { Badge as _, Button as v, Card as y, CardContent as b, CardHeader as x, CardTitle as S, DropdownMenu as C, DropdownMenuContent as w, DropdownMenuItem as T, DropdownMenuTrigger as E, EntityIdModal as D, useEntityIdModal as O } from "@burdenoff/fe-libs/ui";
+import { Badge as _, Button as v, CardContent as y, CardHeader as b, CardTitle as x, DropdownMenu as S, DropdownMenuContent as C, DropdownMenuItem as w, DropdownMenuTrigger as T, EntityIdModal as E, GlassCard as D, useEntityIdModal as O } from "@burdenoff/fe-libs/ui";
 import { useNavigate as k } from "react-router-dom";
 import { TagBadge as A } from "@burdenoff/fe-libs/tag";
 //#region src/components/ProjectCard.tsx
@@ -15,8 +15,9 @@ function j({ project: j, selected: M = !1, onToggleSelect: N, onTagClick: P, can
 	let L = k(), { basePath: R = "/workspaces" } = e(), { withCurrentSearch: z } = n(), { mutate: B } = a(j.workspaceId), { mutate: V } = s(j.workspaceId), { mutate: H } = o(j.workspaceId), U = O(), W = l(j), G = () => {
 		L(z(`${R}/${j.workspaceId}/projects/${j.id}`));
 	};
-	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g(y, {
-		className: `cursor-pointer relative ${M ? "ring-2 ring-primary/25 border-primary/50" : ""}`,
+	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g(D, {
+		treatment: "insight",
+		className: `cursor-pointer relative focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg/50 ${M ? "ring-2 ring-primary/25 border-primary/50" : ""}`,
 		onClick: G,
 		onKeyDown: (e) => {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), G());
@@ -24,7 +25,7 @@ function j({ project: j, selected: M = !1, onToggleSelect: N, onTagClick: P, can
 		role: "button",
 		tabIndex: 0,
 		"aria-label": `Open project ${j.name}`,
-		children: [/* @__PURE__ */ h(x, { children: /* @__PURE__ */ g("div", {
+		children: [/* @__PURE__ */ h(b, { children: /* @__PURE__ */ g("div", {
 			className: "flex items-start justify-between",
 			children: [/* @__PURE__ */ g("div", {
 				className: "flex items-center gap-3 flex-1",
@@ -46,7 +47,7 @@ function j({ project: j, selected: M = !1, onToggleSelect: N, onTagClick: P, can
 					}),
 					/* @__PURE__ */ g("div", {
 						className: "flex-1 min-w-0",
-						children: [/* @__PURE__ */ h(S, {
+						children: [/* @__PURE__ */ h(x, {
 							className: "truncate",
 							children: j.name
 						}), /* @__PURE__ */ h("p", {
@@ -55,7 +56,7 @@ function j({ project: j, selected: M = !1, onToggleSelect: N, onTagClick: P, can
 						})]
 					})
 				]
-			}), /* @__PURE__ */ g(C, { children: [/* @__PURE__ */ h(E, {
+			}), /* @__PURE__ */ g(S, { children: [/* @__PURE__ */ h(T, {
 				asChild: !0,
 				onClick: (e) => e.stopPropagation(),
 				children: /* @__PURE__ */ g(v, {
@@ -67,10 +68,10 @@ function j({ project: j, selected: M = !1, onToggleSelect: N, onTagClick: P, can
 						children: "Open project actions"
 					})]
 				})
-			}), /* @__PURE__ */ g(w, {
+			}), /* @__PURE__ */ g(C, {
 				align: "end",
 				children: [
-					/* @__PURE__ */ g(T, {
+					/* @__PURE__ */ g(w, {
 						onClick: (e) => {
 							e.stopPropagation(), U.show({
 								id: j.id,
@@ -90,7 +91,7 @@ function j({ project: j, selected: M = !1, onToggleSelect: N, onTagClick: P, can
 							className: "mr-2"
 						}), "Get ID"]
 					}),
-					F && /* @__PURE__ */ g(T, {
+					F && /* @__PURE__ */ g(w, {
 						onClick: (e) => {
 							e.stopPropagation(), j.archived ? V(j.id) : B(j.id);
 						},
@@ -99,7 +100,7 @@ function j({ project: j, selected: M = !1, onToggleSelect: N, onTagClick: P, can
 							className: "mr-2"
 						}), j.archived ? "Unarchive" : "Archive"]
 					}),
-					I && /* @__PURE__ */ h(T, {
+					I && /* @__PURE__ */ h(w, {
 						onClick: async (e) => {
 							e.stopPropagation(), i("medium");
 							let t = await r({
@@ -115,7 +116,7 @@ function j({ project: j, selected: M = !1, onToggleSelect: N, onTagClick: P, can
 					})
 				]
 			})] })]
-		}) }), /* @__PURE__ */ g(b, {
+		}) }), /* @__PURE__ */ g(y, {
 			className: "space-y-3",
 			children: [
 				/* @__PURE__ */ g("div", {
@@ -167,7 +168,7 @@ function j({ project: j, selected: M = !1, onToggleSelect: N, onTagClick: P, can
 				})
 			]
 		})]
-	}), /* @__PURE__ */ h(D, { control: U })] });
+	}), /* @__PURE__ */ h(E, { control: U })] });
 }
 //#endregion
 export { j as ProjectCard };

package/dist/components/ProjectCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectCard.js","names":[],"sources":["../../src/components/ProjectCard.tsx"],"sourcesContent":["import type React from 'react';\nimport { FolderKanban, Archive, MoreVertical, Fingerprint } 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  EntityIdModal,\n  useEntityIdModal,\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 { getProjectDisplayTags } 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 idModal = useEntityIdModal();\n  const projectTags = getProjectDisplayTags(project);\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    <>\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-subtle text-primary\"\n                />\n              )}\n              <div className=\"p-3 rounded-lg bg-action-primary-bg/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-text-secondary\">{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                <DropdownMenuItem\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    idModal.show({\n                      id: project.id,\n                      name: project.name,\n                      type: 'Project',\n                      details: [\n                        { label: 'Key', value: project.key },\n                        { label: 'Workspace ID', value: project.workspaceId },\n                      ],\n                    });\n                  }}\n                >\n                  <Fingerprint size={16} className=\"mr-2\" />\n                  Get ID\n                </DropdownMenuItem>\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-status-error-text\">\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-text-secondary\">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      <EntityIdModal control={idModal} />\n    </>\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, Fingerprint } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  GlassCard,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Badge,\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n  EntityIdModal,\n  useEntityIdModal,\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 { getProjectDisplayTags } 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 idModal = useEntityIdModal();\n  const projectTags = getProjectDisplayTags(project);\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    <>\n      <GlassCard\n        treatment=\"insight\"\n        className={`cursor-pointer relative focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg/50 ${\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-subtle text-primary\"\n                />\n              )}\n              <div className=\"p-3 rounded-lg bg-action-primary-bg/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-text-secondary\">{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                <DropdownMenuItem\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    idModal.show({\n                      id: project.id,\n                      name: project.name,\n                      type: 'Project',\n                      details: [\n                        { label: 'Key', value: project.key },\n                        { label: 'Workspace ID', value: project.workspaceId },\n                      ],\n                    });\n                  }}\n                >\n                  <Fingerprint size={16} className=\"mr-2\" />\n                  Get ID\n                </DropdownMenuItem>\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-status-error-text\">\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-text-secondary\">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      </GlassCard>\n      <EntityIdModal control={idModal} />\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/components/WorkspaceCard.js

@@ -3,15 +3,16 @@ import { getWorkspaceStatusClasses as t } from "../utils/tokenHelpers.js";
 import { useScopedNavigation as n } from "../hooks/useScopedNavigation.js";
 import { Building2 as r, FolderKanban as i, Users as a } from "lucide-react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Badge as c, Card as l, CardContent as u, CardHeader as d, CardTitle as f } from "@burdenoff/fe-libs/ui";
+import { Badge as c, CardContent as l, CardHeader as u, CardTitle as d, GlassCard as f } from "@burdenoff/fe-libs/ui";
 import { useNavigate as p } from "react-router-dom";
 //#region src/components/WorkspaceCard.tsx
 function m({ workspace: m }) {
 	let h = p(), { basePath: g = "/" } = e(), { withCurrentSearch: _ } = n(), v = () => {
 		h(_(`${g}/${m.id}`));
 	};
-	return /* @__PURE__ */ s(l, {
-		className: "cursor-pointer",
+	return /* @__PURE__ */ s(f, {
+		treatment: "insight",
+		className: "cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg/50",
 		onClick: v,
 		onKeyDown: (e) => {
 			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), v());
@@ -20,7 +21,7 @@ function m({ workspace: m }) {
 		tabIndex: 0,
 		"aria-label": `Open workspace ${m.name}`,
 		"data-tour": "workspaces-card",
-		children: [/* @__PURE__ */ o(d, { children: /* @__PURE__ */ s("div", {
+		children: [/* @__PURE__ */ o(u, { children: /* @__PURE__ */ s("div", {
 			className: "flex items-center gap-3",
 			children: [/* @__PURE__ */ o("div", {
 				className: "p-3 rounded-lg bg-action-primary-bg/10 transition-colors",
@@ -30,7 +31,7 @@ function m({ workspace: m }) {
 				})
 			}), /* @__PURE__ */ s("div", {
 				className: "flex-1 min-w-0",
-				children: [/* @__PURE__ */ o(f, {
+				children: [/* @__PURE__ */ o(d, {
 					className: "text-lg truncate",
 					children: m.name
 				}), /* @__PURE__ */ o("div", {
@@ -41,7 +42,7 @@ function m({ workspace: m }) {
 					})
 				})]
 			})]
-		}) }), /* @__PURE__ */ s(u, { children: [/* @__PURE__ */ s("div", {
+		}) }), /* @__PURE__ */ s(l, { children: [/* @__PURE__ */ s("div", {
 			className: "flex flex-wrap gap-4 text-sm text-text-secondary",
 			children: [typeof m.memberCount == "number" && m.memberCount > 0 && /* @__PURE__ */ s("div", {
 				className: "flex items-center gap-1",
@@ -65,7 +66,7 @@ function m({ workspace: m }) {
 				] })]
 			})]
 		}), m.domain && /* @__PURE__ */ o("p", {
-			className: "mt-2 truncate text-xs text-text-secondary",
+			className: "mt-2 truncate text-xs text-text-muted",
 			children: m.domain
 		})] })]
 	});

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 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      data-tour=\"workspaces-card\"\n    >\n      <CardHeader>\n        <div className=\"flex items-center gap-3\">\n          <div className=\"p-3 rounded-lg bg-action-primary-bg/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 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-text-secondary\">\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-text-secondary\">{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;EACxC,aAAU;YAPZ,CASE,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;eACb,kBAAC,GAAD;MAAO,WAAW,kBAAkB,EAA0B,EAAU,OAAO;gBAC5E,EAAU;MACL,CAAA;KACJ,CAAA,CACF;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;aAA6C,EAAU;GAAW,CAAA,CAErE,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 { GlassCard, 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    <GlassCard\n      treatment=\"insight\"\n      className=\"cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg/50\"\n      onClick={openWorkspace}\n      onKeyDown={handleKeyDown}\n      role=\"button\"\n      tabIndex={0}\n      aria-label={`Open workspace ${workspace.name}`}\n      data-tour=\"workspaces-card\"\n    >\n      <CardHeader>\n        <div className=\"flex items-center gap-3\">\n          <div className=\"p-3 rounded-lg bg-action-primary-bg/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 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-text-secondary\">\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-text-muted\">{workspace.domain}</p>\n        )}\n      </CardContent>\n    </GlassCard>\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,WAAU;EACV,SAAS;EACT,YAZmB,MAA+C;AACpE,IAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,gBAAgB,EACtB,GAAe;;EAUf,MAAK;EACL,UAAU;EACV,cAAY,kBAAkB,EAAU;EACxC,aAAU;YARZ,CAUE,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;eACb,kBAAC,GAAD;MAAO,WAAW,kBAAkB,EAA0B,EAAU,OAAO;gBAC5E,EAAU;MACL,CAAA;KACJ,CAAA,CACF;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;aAAyC,EAAU;GAAW,CAAA,CAEjE,EAAA,CAAA,CACJ"}

package/dist/pages/ActivityListPage.js

@@ -5,7 +5,7 @@ import { formatDate as r } from "../utils/formatters.js";
 import { useWorkspaceActivity as i } from "../hooks/useWorkspaceActivity.js";
 import { Activity as a } from "lucide-react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Card as c, CardContent as l, CardHeader as u, CardTitle as d, Skeleton as f } from "@burdenoff/fe-libs/ui";
+import { CardContent as c, CardHeader as l, CardTitle as u, GlassCard as d, Skeleton as f } from "@burdenoff/fe-libs/ui";
 import { useParams as p } from "react-router-dom";
 import { useI18n as m } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/pages/ActivityListPage.tsx
@@ -27,13 +27,21 @@ function h() {
 		}), /* @__PURE__ */ o("p", {
 			className: "text-text-secondary",
 			children: e(h, "activityList.description", "Track workspace activity")
-		})] }), v ? /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(l, {
-			className: "py-8 text-sm text-text-secondary",
-			children: e(h, "activityList.loading", "Loading activity…")
-		}) }) : y ? /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(l, {
-			className: "py-8 text-sm text-status-error-text",
-			children: y instanceof Error ? y.message : e(h, "activityList.loadError", "Failed to load activity")
-		}) }) : (_?.length ?? 0) === 0 ? /* @__PURE__ */ s("div", {
+		})] }), v ? /* @__PURE__ */ o(d, {
+			treatment: "plain",
+			className: "border-border-seam",
+			children: /* @__PURE__ */ o(c, {
+				className: "py-8 text-sm text-text-muted",
+				children: e(h, "activityList.loading", "Loading activity…")
+			})
+		}) : y ? /* @__PURE__ */ o(d, {
+			treatment: "plain",
+			className: "border-border-seam",
+			children: /* @__PURE__ */ o(c, {
+				className: "py-8 text-sm text-status-error-text",
+				children: y instanceof Error ? y.message : e(h, "activityList.loadError", "Failed to load activity")
+			})
+		}) : (_?.length ?? 0) === 0 ? /* @__PURE__ */ s("div", {
 			className: "flex flex-col items-center justify-center py-12 text-center",
 			children: [
 				/* @__PURE__ */ o("div", {
@@ -54,53 +62,57 @@ function h() {
 			]
 		}) : /* @__PURE__ */ o("div", {
 			className: "space-y-3",
-			children: _?.map((t) => /* @__PURE__ */ s(c, { children: [/* @__PURE__ */ o(u, {
-				className: "pb-2",
-				children: /* @__PURE__ */ o(d, {
-					className: "text-base",
-					children: t.description || t.action
-				})
-			}), /* @__PURE__ */ s(l, {
-				className: "space-y-1 text-sm text-text-secondary",
-				children: [
-					/* @__PURE__ */ s("p", { children: [
-						e(h, "activityList.labelAction", "Action"),
-						":",
-						" ",
-						/* @__PURE__ */ o("span", {
-							className: "text-text-primary",
-							children: t.action
-						})
-					] }),
-					t.resourceType && /* @__PURE__ */ s("p", { children: [
-						e(h, "activityList.labelResource", "Resource"),
-						":",
-						" ",
-						/* @__PURE__ */ o("span", {
-							className: "text-text-primary",
-							children: t.resourceType
-						})
-					] }),
-					/* @__PURE__ */ s("p", { children: [
-						e(h, "activityList.labelWhen", "When"),
-						":",
-						" ",
-						/* @__PURE__ */ o("span", {
-							className: "text-text-primary",
-							children: r(t.timestamp)
-						})
-					] }),
-					/* @__PURE__ */ s("p", { children: [
-						e(h, "activityList.labelActor", "Actor"),
-						":",
-						" ",
-						/* @__PURE__ */ o("span", {
-							className: "break-all text-text-primary",
-							children: t.userId
-						})
-					] })
-				]
-			})] }, t.id))
+			children: _?.map((t) => /* @__PURE__ */ s(d, {
+				treatment: "insight",
+				className: "border-border-seam",
+				children: [/* @__PURE__ */ o(l, {
+					className: "pb-2",
+					children: /* @__PURE__ */ o(u, {
+						className: "text-base",
+						children: t.description || t.action
+					})
+				}), /* @__PURE__ */ s(c, {
+					className: "space-y-1 text-sm text-text-muted",
+					children: [
+						/* @__PURE__ */ s("p", { children: [
+							e(h, "activityList.labelAction", "Action"),
+							":",
+							" ",
+							/* @__PURE__ */ o("span", {
+								className: "text-text-primary",
+								children: t.action
+							})
+						] }),
+						t.resourceType && /* @__PURE__ */ s("p", { children: [
+							e(h, "activityList.labelResource", "Resource"),
+							":",
+							" ",
+							/* @__PURE__ */ o("span", {
+								className: "text-text-primary",
+								children: t.resourceType
+							})
+						] }),
+						/* @__PURE__ */ s("p", { children: [
+							e(h, "activityList.labelWhen", "When"),
+							":",
+							" ",
+							/* @__PURE__ */ o("span", {
+								className: "text-text-primary",
+								children: r(t.timestamp)
+							})
+						] }),
+						/* @__PURE__ */ s("p", { children: [
+							e(h, "activityList.labelActor", "Actor"),
+							":",
+							" ",
+							/* @__PURE__ */ o("span", {
+								className: "break-all text-text-primary",
+								children: t.userId
+							})
+						] })
+					]
+				})]
+			}, t.id))
 		})]
 	}) : /* @__PURE__ */ o("div", {
 		className: "flex items-center justify-center min-h-[400px]",

package/dist/pages/ActivityListPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityListPage.js","names":[],"sources":["../../src/pages/ActivityListPage.tsx"],"sourcesContent":["import { Activity } from 'lucide-react';\nimport { useParams } from 'react-router-dom';\nimport { Card, CardContent, CardHeader, CardTitle, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { useWorkspaceActivity } from '../hooks/useWorkspaceActivity';\nimport { useWorkspacePermissions } from '../hooks/useWorkspacePermissions';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport { formatDate } from '../utils/formatters';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\n\nexport function ActivityListPage() {\n  const { t } = useI18n();\n\n  // The URL path `:workspaceId` (when present) intentionally overrides the active\n  // context. WorkspaceContextPathSync rewrites this segment on a context switch so\n  // the override can't point at a stale workspace. (BOFF-2805 follow-up)\n  const { workspaceId } = useParams<{ workspaceId: string }>();\n  useWorkspacesPageView('workspaces.activity', { workspaceId, requireParams: true });\n  const { data: activities, isLoading, error } = useWorkspaceActivity(workspaceId);\n  const { canViewActivity, isLoading: permissionsLoading } = useWorkspacePermissions();\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <Skeleton className=\"h-10 w-1/3\" />\n        <Skeleton className=\"h-64\" />\n      </div>\n    );\n  }\n\n  if (!canViewActivity) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <div className=\"text-center space-y-2\">\n          <h2 className=\"text-lg font-semibold\">\n            {tWithFallback(t, 'activityList.accessDenied', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tWithFallback(\n              t,\n              'activityList.accessDeniedDescription',\n              \"You don't have permission to view activity.\"\n            )}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      <div>\n        <h1 className=\"text-2xl sm:text-3xl font-bold\">\n          {tWithFallback(t, 'activityList.title', 'Activity')}\n        </h1>\n        <p className=\"text-text-secondary\">\n          {tWithFallback(t, 'activityList.description', 'Track workspace activity')}\n        </p>\n      </div>\n\n      {isLoading ? (\n        <Card>\n          <CardContent className=\"py-8 text-sm text-text-secondary\">\n            {tWithFallback(t, 'activityList.loading', 'Loading activity…')}\n          </CardContent>\n        </Card>\n      ) : error ? (\n        <Card>\n          <CardContent className=\"py-8 text-sm text-status-error-text\">\n            {error instanceof Error\n              ? error.message\n              : tWithFallback(t, 'activityList.loadError', 'Failed to load activity')}\n          </CardContent>\n        </Card>\n      ) : (activities?.length ?? 0) === 0 ? (\n        <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n          <div className=\"rounded-full bg-bg-sunken p-6 mb-4\">\n            <Activity size={48} className=\"text-text-secondary\" />\n          </div>\n          <h3 className=\"text-lg font-semibold mb-2\">\n            {tWithFallback(t, 'activityList.emptyTitle', 'No recent activity')}\n          </h3>\n          <p className=\"text-text-secondary max-w-sm\">\n            {tWithFallback(\n              t,\n              'activityList.emptyDescription',\n              'Recent workspace actions will appear here as your team creates, updates, and manages work.'\n            )}\n          </p>\n        </div>\n      ) : (\n        <div className=\"space-y-3\">\n          {activities?.map((item) => (\n            <Card key={item.id}>\n              <CardHeader className=\"pb-2\">\n                <CardTitle className=\"text-base\">{item.description || item.action}</CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-1 text-sm text-text-secondary\">\n                <p>\n                  {tWithFallback(t, 'activityList.labelAction', 'Action')}:{' '}\n                  <span className=\"text-text-primary\">{item.action}</span>\n                </p>\n                {item.resourceType && (\n                  <p>\n                    {tWithFallback(t, 'activityList.labelResource', 'Resource')}:{' '}\n                    <span className=\"text-text-primary\">{item.resourceType}</span>\n                  </p>\n                )}\n                <p>\n                  {tWithFallback(t, 'activityList.labelWhen', 'When')}:{' '}\n                  <span className=\"text-text-primary\">{formatDate(item.timestamp)}</span>\n                </p>\n                <p>\n                  {tWithFallback(t, 'activityList.labelActor', 'Actor')}:{' '}\n                  <span className=\"break-all text-text-primary\">{item.userId}</span>\n                </p>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ActivityListPage.js","names":[],"sources":["../../src/pages/ActivityListPage.tsx"],"sourcesContent":["import { Activity } from 'lucide-react';\nimport { useParams } from 'react-router-dom';\nimport { GlassCard, CardContent, CardHeader, CardTitle, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { useWorkspaceActivity } from '../hooks/useWorkspaceActivity';\nimport { useWorkspacePermissions } from '../hooks/useWorkspacePermissions';\nimport { useWorkspacesPageView } from '../hooks/useWorkspacesPageView';\nimport { formatDate } from '../utils/formatters';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { tWithFallback } from '../utils/i18n';\n\nexport function ActivityListPage() {\n  const { t } = useI18n();\n\n  // The URL path `:workspaceId` (when present) intentionally overrides the active\n  // context. WorkspaceContextPathSync rewrites this segment on a context switch so\n  // the override can't point at a stale workspace. (BOFF-2805 follow-up)\n  const { workspaceId } = useParams<{ workspaceId: string }>();\n  useWorkspacesPageView('workspaces.activity', { workspaceId, requireParams: true });\n  const { data: activities, isLoading, error } = useWorkspaceActivity(workspaceId);\n  const { canViewActivity, isLoading: permissionsLoading } = useWorkspacePermissions();\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"space-y-4 p-6\">\n        <Skeleton className=\"h-10 w-1/3\" />\n        <Skeleton className=\"h-64\" />\n      </div>\n    );\n  }\n\n  if (!canViewActivity) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <div className=\"text-center space-y-2\">\n          <h2 className=\"text-lg font-semibold\">\n            {tWithFallback(t, 'activityList.accessDenied', 'Access Denied')}\n          </h2>\n          <p className=\"text-sm text-text-secondary\">\n            {tWithFallback(\n              t,\n              'activityList.accessDeniedDescription',\n              \"You don't have permission to view activity.\"\n            )}\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-4 sm:space-y-6 p-3 sm:p-6\">\n      <div>\n        <h1 className=\"text-2xl sm:text-3xl font-bold\">\n          {tWithFallback(t, 'activityList.title', 'Activity')}\n        </h1>\n        <p className=\"text-text-secondary\">\n          {tWithFallback(t, 'activityList.description', 'Track workspace activity')}\n        </p>\n      </div>\n\n      {isLoading ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <CardContent className=\"py-8 text-sm text-text-muted\">\n            {tWithFallback(t, 'activityList.loading', 'Loading activity…')}\n          </CardContent>\n        </GlassCard>\n      ) : error ? (\n        <GlassCard treatment=\"plain\" className=\"border-border-seam\">\n          <CardContent className=\"py-8 text-sm text-status-error-text\">\n            {error instanceof Error\n              ? error.message\n              : tWithFallback(t, 'activityList.loadError', 'Failed to load activity')}\n          </CardContent>\n        </GlassCard>\n      ) : (activities?.length ?? 0) === 0 ? (\n        <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n          <div className=\"rounded-full bg-bg-sunken p-6 mb-4\">\n            <Activity size={48} className=\"text-text-secondary\" />\n          </div>\n          <h3 className=\"text-lg font-semibold mb-2\">\n            {tWithFallback(t, 'activityList.emptyTitle', 'No recent activity')}\n          </h3>\n          <p className=\"text-text-secondary max-w-sm\">\n            {tWithFallback(\n              t,\n              'activityList.emptyDescription',\n              'Recent workspace actions will appear here as your team creates, updates, and manages work.'\n            )}\n          </p>\n        </div>\n      ) : (\n        <div className=\"space-y-3\">\n          {activities?.map((item) => (\n            <GlassCard key={item.id} treatment=\"insight\" className=\"border-border-seam\">\n              <CardHeader className=\"pb-2\">\n                <CardTitle className=\"text-base\">{item.description || item.action}</CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-1 text-sm text-text-muted\">\n                <p>\n                  {tWithFallback(t, 'activityList.labelAction', 'Action')}:{' '}\n                  <span className=\"text-text-primary\">{item.action}</span>\n                </p>\n                {item.resourceType && (\n                  <p>\n                    {tWithFallback(t, 'activityList.labelResource', 'Resource')}:{' '}\n                    <span className=\"text-text-primary\">{item.resourceType}</span>\n                  </p>\n                )}\n                <p>\n                  {tWithFallback(t, 'activityList.labelWhen', 'When')}:{' '}\n                  <span className=\"text-text-primary\">{formatDate(item.timestamp)}</span>\n                </p>\n                <p>\n                  {tWithFallback(t, 'activityList.labelActor', 'Actor')}:{' '}\n                  <span className=\"break-all text-text-primary\">{item.userId}</span>\n                </p>\n              </CardContent>\n            </GlassCard>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/pages/CreateWorkspacePage.js

@@ -8,7 +8,7 @@ import { useOrgsWithPermission as te } from "../hooks/useOrgsWithPermission.js";
 import { useEffect as o, useMemo as s } from "react";
 import { AlertCircle as c, ArrowLeft as l } from "lucide-react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Button as f, Card as p, CardContent as m, CardDescription as ne, CardHeader as h, CardTitle as g, Skeleton as _ } from "@burdenoff/fe-libs/ui";
+import { Button as f, CardContent as p, CardDescription as m, CardHeader as ne, CardTitle as h, GlassCard as g, Skeleton as _ } from "@burdenoff/fe-libs/ui";
 import { Link as v, useNavigate as y } from "react-router-dom";
 import { useUpgradePrompt as b } from "@burdenoff/fe-libs/shared/hooks";
 import { AccessDenied as x, UpgradeInlineBanner as S } from "@burdenoff/fe-libs/shared/components";
@@ -95,9 +95,10 @@ function E() {
 					message: j ? t(E, "createWorkspace.upgradeCapMessage", `You've used all workspaces in the ${k?.planName ?? "free"} plan.`) : t(E, "createWorkspace.upgradeApproachingMessage", "Upgrade to create more workspaces.")
 				})
 			}),
-			/* @__PURE__ */ d(p, {
-				className: "max-w-2xl mx-auto",
-				children: [/* @__PURE__ */ d(h, { children: [/* @__PURE__ */ u(g, { children: t(E, "createWorkspace.title", "Create New Workspace") }), /* @__PURE__ */ u(ne, { children: t(E, "createWorkspace.subtitle", "Set up a new workspace for your team") })] }), /* @__PURE__ */ d(m, { children: [Z && /* @__PURE__ */ d("div", {
+			/* @__PURE__ */ d(g, {
+				treatment: "plain",
+				className: "max-w-2xl mx-auto border-border-seam",
+				children: [/* @__PURE__ */ d(ne, { children: [/* @__PURE__ */ u(h, { children: t(E, "createWorkspace.title", "Create New Workspace") }), /* @__PURE__ */ u(m, { children: t(E, "createWorkspace.subtitle", "Set up a new workspace for your team") })] }), /* @__PURE__ */ d(p, { children: [Z && /* @__PURE__ */ d("div", {
 					role: "alert",
 					className: "mb-4 flex items-start gap-2 rounded-md border border-warning/30 bg-warning/10 p-3 text-sm text-text-primary",
 					children: [/* @__PURE__ */ u(c, {