@burdenoff/microfe-workspaces 2026.830.1 → 2026.915.1

package/dist/components/MemberListItem.js

@@ -1,105 +1,102 @@
 import { useWorkspacesContext as e } from "../providers/WorkspacesProvider.js";
-import { nativeImpact as t, nativeNotify as n } from "../utils/nativeBridge.js";
-import { useRemoveWorkspaceMember as r } from "../hooks/useMemberMutations.js";
-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, 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";
+import { useTr as t } from "../hooks/useTr.js";
+import { nativeImpact as n, nativeNotify as r } from "../utils/nativeBridge.js";
+import { useRemoveWorkspaceMember as i } from "../hooks/useMemberMutations.js";
+import { formatRelativeTime as a } from "../utils/formatters.js";
+import { useMemo as o, useState as s } from "react";
+import { MoreHorizontal as c, UserMinus as l } from "lucide-react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { AlertDialog as p, AlertDialogAction as m, AlertDialogCancel as h, AlertDialogContent as g, AlertDialogDescription as _, AlertDialogFooter as v, AlertDialogHeader as y, AlertDialogTitle as b, Badge as x, Button as S, CardContent as C, DropdownMenu as w, DropdownMenuContent as T, DropdownMenuTrigger as E, GlassCard as D } from "@burdenoff/fe-libs/ui";
+import { ActorIdentity as O, useActorProfiles as k } from "@burdenoff/fe-libs/shared";
 //#region src/components/MemberListItem.tsx
-function k({ member: k, selected: A = !1, onToggleSelect: j, canRemove: M = !1 }) {
-	let [N, P] = o(!1), { mutate: F, isPending: I } = r(k.workspaceId), { apiGatewayUrl: L, authToken: R, organizationId: z } = e(), B = O(a(() => [{
-		actorId: k.userId,
+function A({ member: A, selected: j = !1, onToggleSelect: M, canRemove: N = !1 }) {
+	let P = t(), [F, I] = s(!1), { mutate: L, isPending: R } = i(A.workspaceId), { apiGatewayUrl: z, authToken: B, organizationId: V } = e(), H = k(o(() => [{
+		actorId: A.userId,
 		actorType: "user"
-	}], [k.userId]), {
-		apiGatewayUrl: L,
-		authToken: R,
-		orgId: z,
-		workspaceId: k.workspaceId
-	})[k.userId];
-	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(E, {
+	}], [A.userId]), {
+		apiGatewayUrl: z,
+		authToken: B,
+		orgId: V,
+		workspaceId: A.workspaceId
+	})[A.userId];
+	return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(D, {
 		treatment: "plain",
-		className: `border-border-seam ${A ? "ring-2 ring-action-primary-bg/25 border-action-primary-bg/50" : ""}`,
-		children: /* @__PURE__ */ u(S, {
+		className: `border-border-seam ${j ? "ring-2 ring-action-primary-bg/25 border-action-primary-bg/50" : ""}`,
+		children: /* @__PURE__ */ d(C, {
 			className: "p-4",
-			children: /* @__PURE__ */ d("div", {
+			children: /* @__PURE__ */ f("div", {
 				className: "flex items-center justify-between gap-4",
-				children: [/* @__PURE__ */ d("div", {
+				children: [/* @__PURE__ */ f("div", {
 					className: "flex items-center gap-3 flex-1 min-w-0",
-					children: [j && /* @__PURE__ */ u("input", {
+					children: [M && /* @__PURE__ */ d("input", {
 						type: "checkbox",
-						checked: A,
-						onChange: (e) => j(e.target.checked),
+						checked: j,
+						onChange: (e) => M(e.target.checked),
 						className: "size-4 rounded border-border-default text-action-primary-bg",
-						"aria-label": `Select member ${B?.displayName ?? ""}`
-					}), /* @__PURE__ */ d("div", {
+						"aria-label": P("memberListItem.selectMemberAriaLabel", "Select member {{name}}", { name: H?.displayName ?? "" })
+					}), /* @__PURE__ */ f("div", {
 						className: "flex-1 min-w-0",
-						children: [B ? /* @__PURE__ */ u(D, {
-							profile: B,
+						children: [H ? /* @__PURE__ */ d(O, {
+							profile: H,
 							variant: "cell"
-						}) : null, /* @__PURE__ */ d("div", {
+						}) : null, /* @__PURE__ */ f("div", {
 							className: "mt-1 flex items-center gap-2",
-							children: [/* @__PURE__ */ u(b, {
+							children: [/* @__PURE__ */ d(x, {
 								variant: "secondary",
 								className: "text-xs",
-								children: "Workspace member"
+								children: P("memberListItem.workspaceMember", "Workspace member")
 							}), /* @__PURE__ */ d("span", {
 								className: "text-xs text-text-secondary",
-								children: ["Joined ", i(k.createdAt)]
+								children: P("memberListItem.joined", "Joined {{time}}", { time: a(A.createdAt) })
 							})]
 						})]
 					})]
-				}), M && /* @__PURE__ */ d(C, { children: [/* @__PURE__ */ u(T, {
+				}), N && /* @__PURE__ */ f(w, { children: [/* @__PURE__ */ d(E, {
 					asChild: !0,
-					children: /* @__PURE__ */ d(x, {
+					children: /* @__PURE__ */ f(S, {
 						variant: "ghost",
 						size: "icon",
 						className: "size-8 flex-shrink-0",
-						children: [/* @__PURE__ */ u(s, { className: "size-4" }), /* @__PURE__ */ u("span", {
+						children: [/* @__PURE__ */ d(c, { className: "size-4" }), /* @__PURE__ */ d("span", {
 							className: "sr-only",
-							children: "Open member actions"
+							children: P("memberListItem.openActions", "Open member actions")
 						})]
 					})
-				}), /* @__PURE__ */ u(w, {
+				}), /* @__PURE__ */ d(T, {
 					align: "end",
-					children: /* @__PURE__ */ d("button", {
+					children: /* @__PURE__ */ f("button", {
 						type: "button",
-						onClick: () => P(!0),
+						onClick: () => I(!0),
 						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",
-						children: [/* @__PURE__ */ u(c, { className: "mr-2 size-4" }), "Remove Member"]
+						children: [/* @__PURE__ */ d(l, { className: "mr-2 size-4" }), P("memberListItem.removeMember", "Remove Member")]
 					})
 				})] })]
 			})
 		})
-	}), /* @__PURE__ */ u(f, {
-		open: N,
-		onOpenChange: P,
-		children: /* @__PURE__ */ d(h, { children: [/* @__PURE__ */ d(v, { children: [/* @__PURE__ */ u(y, { children: "Remove Member" }), /* @__PURE__ */ d(g, { children: [
-			"Are you sure you want to remove ",
-			B?.displayName ?? "this member",
-			" from the workspace? This action cannot be undone."
-		] })] }), /* @__PURE__ */ d(_, { children: [/* @__PURE__ */ u(m, {
-			disabled: I,
-			children: "Cancel"
-		}), /* @__PURE__ */ u(p, {
+	}), /* @__PURE__ */ d(p, {
+		open: F,
+		onOpenChange: I,
+		children: /* @__PURE__ */ f(g, { children: [/* @__PURE__ */ f(y, { children: [/* @__PURE__ */ d(b, { children: P("memberListItem.removeTitle", "Remove Member") }), /* @__PURE__ */ d(_, { children: P("memberListItem.removeDescription", "Are you sure you want to remove {{name}} from the workspace? This action cannot be undone.", { name: H?.displayName ?? P("memberListItem.thisMemberFallback", "this member") }) })] }), /* @__PURE__ */ f(v, { children: [/* @__PURE__ */ d(h, {
+			disabled: R,
+			children: P("common.cancel", "Cancel")
+		}), /* @__PURE__ */ d(m, {
 			onClick: () => {
-				t("medium"), F(k.id, {
+				n("medium"), L(A.id, {
 					onSuccess: () => {
-						n("success"), P(!1);
+						r("success"), I(!1);
 					},
 					onError: () => {
-						n("error");
+						r("error");
 					}
 				});
 			},
-			disabled: I,
+			disabled: R,
 			className: "bg-status-danger-bg text-status-danger-text hover:bg-status-danger-bg/90",
-			children: I ? "Removing..." : "Remove Member"
+			children: R ? P("memberListItem.removing", "Removing...") : P("memberListItem.removeButton", "Remove Member")
 		})] })] })
 	})] });
 }
 //#endregion
-export { k as MemberListItem };
+export { A as MemberListItem };
 
 //# sourceMappingURL=MemberListItem.js.map

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  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"}
+{"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 { useTr } from '../hooks/useTr';\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 tr = useTr();\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={tr('memberListItem.selectMemberAriaLabel', 'Select member {{name}}', {\n                    name: profile?.displayName ?? '',\n                  })}\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                    {tr('memberListItem.workspaceMember', 'Workspace member')}\n                  </Badge>\n                  <span className=\"text-xs text-text-secondary\">\n                    {tr('memberListItem.joined', 'Joined {{time}}', {\n                      time: formatRelativeTime(member.createdAt),\n                    })}\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\">\n                      {tr('memberListItem.openActions', 'Open member actions')}\n                    </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                    {tr('memberListItem.removeMember', '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>{tr('memberListItem.removeTitle', 'Remove Member')}</AlertDialogTitle>\n            <AlertDialogDescription>\n              {tr(\n                'memberListItem.removeDescription',\n                'Are you sure you want to remove {{name}} from the workspace? This action cannot be undone.',\n                {\n                  name:\n                    profile?.displayName ?? tr('memberListItem.thisMemberFallback', 'this member'),\n                }\n              )}\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel disabled={isRemoving}>\n              {tr('common.cancel', 'Cancel')}\n            </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\n                ? tr('memberListItem.removing', 'Removing...')\n                : tr('memberListItem.removeButton', 'Remove Member')}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAmCA,SAAgB,EAAe,EAC7B,WACA,cAAW,IACX,mBACA,eAAY,MACU;CACtB,IAAM,IAAK,GAAO,EACZ,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,EAAG,wCAAwC,0BAA0B,EAC/E,MAAM,GAAS,eAAe,IAC/B,CAAC;MACF,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;kBAClC,EAAG,kCAAkC,mBAAmB;QACnD,CAAA,EACR,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAG,yBAAyB,mBAAmB,EAC9C,MAAM,EAAmB,EAAO,UAAU,EAC3C,CAAC;QACG,CAAA,CACH;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;iBACb,EAAG,8BAA8B,sBAAsB;OACnD,CAAA,CACA;;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,EACpC,EAAG,+BAA+B,gBAAgB,CAC5C;;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,UAAmB,EAAG,8BAA8B,gBAAgB,EAAoB,CAAA,EACxF,kBAAC,GAAD,EAAA,UACG,EACC,oCACA,8FACA,EACE,MACE,GAAS,eAAe,EAAG,qCAAqC,cAAc,EACjF,CACF,EACsB,CAAA,CACP,EAAA,CAAA,EACpB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GAAmB,UAAU;aAC1B,EAAG,iBAAiB,SAAS;GACZ,CAAA,EACpB,kBAAC,GAAD;GACE,eAjGe;AAEzB,IADK,EAAa,SAAS,EAC3B,EAAa,EAAO,IAAI;KACtB,iBAAiB;AAEf,MADK,EAAa,UAAU,EAC5B,EAAoB,GAAM;;KAE5B,eAAe;AACR,QAAa,QAAQ;;KAE7B,CAAC;;GAwFQ,UAAU;GACV,WAAU;aAET,IACG,EAAG,2BAA2B,cAAc,GAC5C,EAAG,+BAA+B,gBAAgB;GACpC,CAAA,CACF,EAAA,CAAA,CACD,EAAA,CAAA;EACT,CAAA,CACb,EAAA,CAAA"}

package/dist/components/ProjectCard.js

@@ -1,195 +1,196 @@
 import { useWorkspacesContext as e } from "../providers/WorkspacesProvider.js";
-import { getProjectStatusClasses as t } from "../utils/tokenHelpers.js";
-import { useScopedNavigation as n } from "../hooks/useScopedNavigation.js";
-import { nativeConfirm as r, nativeImpact as i } from "../utils/nativeBridge.js";
-import { useArchiveProject as a, useDeleteProject as o, useUnarchiveProject as s } from "../hooks/useProjectMutations.js";
-import { formatDate as c } from "../utils/formatters.js";
-import { getProjectDisplayTags as l } from "../utils/projectTags.js";
-import { RenameProjectDialog as u } from "./RenameProjectDialog.js";
-import { useState as d } from "react";
-import { Archive as f, Fingerprint as p, FolderKanban as m, MoreVertical as h, Pencil as g } from "lucide-react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { Badge as b, Button as x, CardContent as S, CardHeader as C, CardTitle as w, DropdownMenu as T, DropdownMenuContent as E, DropdownMenuItem as D, DropdownMenuTrigger as O, EntityIdModal as k, GlassCard as A, useEntityIdModal as j } from "@burdenoff/fe-libs/ui";
-import { useNavigate as M } from "react-router";
-import { TagBadge as N } from "@burdenoff/fe-libs/tag";
+import { useTr as t } from "../hooks/useTr.js";
+import { getProjectStatusClasses as n } from "../utils/tokenHelpers.js";
+import { useScopedNavigation as r } from "../hooks/useScopedNavigation.js";
+import { nativeConfirm as i, nativeImpact as a } from "../utils/nativeBridge.js";
+import { useArchiveProject as o, useDeleteProject as s, useUnarchiveProject as c } from "../hooks/useProjectMutations.js";
+import { formatDate as l } from "../utils/formatters.js";
+import { getProjectDisplayTags as u } from "../utils/projectTags.js";
+import { RenameProjectDialog as d } from "./RenameProjectDialog.js";
+import { useState as f } from "react";
+import { Archive as p, Fingerprint as m, FolderKanban as h, MoreVertical as g, Pencil as _ } from "lucide-react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { Badge as x, Button as S, CardContent as C, CardHeader as w, CardTitle as T, DropdownMenu as E, DropdownMenuContent as D, DropdownMenuItem as O, DropdownMenuTrigger as k, EntityIdModal as A, GlassCard as j, useEntityIdModal as M } from "@burdenoff/fe-libs/ui";
+import { useNavigate as N } from "react-router";
+import { TagBadge as P } from "@burdenoff/fe-libs/tag";
 //#region src/components/ProjectCard.tsx
-function P({ project: P, selected: F = !1, onToggleSelect: I, onTagClick: L, canArchive: R = !1, canDelete: z = !1, canRename: B = !1 }) {
-	let V = M(), { basePath: H = "/workspaces" } = e(), { withCurrentSearch: U } = n(), { mutate: W } = a(P.workspaceId), { mutate: G } = s(P.workspaceId), { mutate: K } = o(P.workspaceId), q = j(), [J, Y] = d(!1), X = l(P), Z = () => {
-		V(U(`${H}/${P.workspaceId}/projects/${P.id}`));
+function F({ project: F, selected: I = !1, onToggleSelect: L, onTagClick: R, canArchive: z = !1, canDelete: B = !1, canRename: V = !1 }) {
+	let H = N(), { basePath: U = "/workspaces" } = e(), { withCurrentSearch: W } = r(), { mutate: G } = o(F.workspaceId), { mutate: K } = c(F.workspaceId), { mutate: q } = s(F.workspaceId), J = M(), [Y, X] = f(!1), Z = u(F), Q = t(), $ = () => {
+		H(W(`${U}/${F.workspaceId}/projects/${F.id}`));
 	};
-	return /* @__PURE__ */ y(_, { children: [
-		/* @__PURE__ */ y(A, {
+	return /* @__PURE__ */ b(v, { children: [
+		/* @__PURE__ */ b(j, {
 			treatment: "insight",
-			className: `cursor-pointer relative focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg/50 ${F ? "ring-2 ring-primary/25 border-primary/50" : ""}`,
-			onClick: Z,
+			className: `cursor-pointer relative focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg/50 ${I ? "ring-2 ring-primary/25 border-primary/50" : ""}`,
+			onClick: $,
 			onKeyDown: (e) => {
-				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), Z());
+				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), $());
 			},
 			role: "button",
 			tabIndex: 0,
-			"aria-label": `Open project ${P.name}`,
-			children: [/* @__PURE__ */ v(C, { children: /* @__PURE__ */ y("div", {
+			"aria-label": Q("projectCard.openProjectAriaLabel", "Open project {{name}}", { name: F.name }),
+			children: [/* @__PURE__ */ y(w, { children: /* @__PURE__ */ b("div", {
 				className: "flex items-start justify-between",
-				children: [/* @__PURE__ */ y("div", {
+				children: [/* @__PURE__ */ b("div", {
 					className: "flex items-center gap-3 flex-1",
 					children: [
-						I && /* @__PURE__ */ v("input", {
+						L && /* @__PURE__ */ y("input", {
 							type: "checkbox",
-							checked: F,
-							onChange: (e) => I(e.target.checked),
+							checked: I,
+							onChange: (e) => L(e.target.checked),
 							onClick: (e) => e.stopPropagation(),
-							"aria-label": `Select project ${P.name}`,
+							"aria-label": Q("projectCard.selectProjectAriaLabel", "Select project {{name}}", { name: F.name }),
 							className: "mt-1 size-4 rounded border-border-subtle text-primary"
 						}),
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ y("div", {
 							className: "p-3 rounded-lg bg-action-primary-bg/10 transition-colors",
-							children: /* @__PURE__ */ v(m, {
+							children: /* @__PURE__ */ y(h, {
 								className: "text-primary",
 								size: 24
 							})
 						}),
-						/* @__PURE__ */ y("div", {
+						/* @__PURE__ */ b("div", {
 							className: "flex-1 min-w-0",
-							children: [/* @__PURE__ */ v(w, {
+							children: [/* @__PURE__ */ y(T, {
 								className: "truncate",
-								children: P.name
-							}), /* @__PURE__ */ v("p", {
+								children: F.name
+							}), /* @__PURE__ */ y("p", {
 								className: "truncate text-sm text-text-secondary",
-								children: P.key
+								children: F.key
 							})]
 						})
 					]
-				}), /* @__PURE__ */ y(T, { children: [/* @__PURE__ */ v(O, {
+				}), /* @__PURE__ */ b(E, { children: [/* @__PURE__ */ y(k, {
 					asChild: !0,
 					onClick: (e) => e.stopPropagation(),
-					children: /* @__PURE__ */ y(x, {
+					children: /* @__PURE__ */ b(S, {
 						variant: "ghost",
 						size: "sm",
 						className: "size-8 p-0",
-						children: [/* @__PURE__ */ v(h, { size: 16 }), /* @__PURE__ */ v("span", {
+						children: [/* @__PURE__ */ y(g, { size: 16 }), /* @__PURE__ */ y("span", {
 							className: "sr-only",
-							children: "Open project actions"
+							children: Q("projectCard.openActions", "Open project actions")
 						})]
 					})
-				}), /* @__PURE__ */ y(E, {
+				}), /* @__PURE__ */ b(D, {
 					align: "end",
 					children: [
-						/* @__PURE__ */ y(D, {
+						/* @__PURE__ */ b(O, {
 							onClick: (e) => {
-								e.stopPropagation(), q.show({
-									id: P.id,
-									name: P.name,
+								e.stopPropagation(), J.show({
+									id: F.id,
+									name: F.name,
 									type: "Project",
 									details: [{
-										label: "Key",
-										value: P.key
+										label: Q("projectCard.keyLabel", "Key"),
+										value: F.key
 									}, {
-										label: "Workspace ID",
-										value: P.workspaceId
+										label: Q("projectCard.workspaceIdLabel", "Workspace ID"),
+										value: F.workspaceId
 									}]
 								});
 							},
-							children: [/* @__PURE__ */ v(p, {
+							children: [/* @__PURE__ */ y(m, {
 								size: 16,
 								className: "mr-2"
-							}), "Get ID"]
+							}), Q("projectCard.getId", "Get ID")]
 						}),
-						B && /* @__PURE__ */ y(D, {
+						V && /* @__PURE__ */ b(O, {
 							onClick: (e) => {
-								e.stopPropagation(), Y(!0);
+								e.stopPropagation(), X(!0);
 							},
-							children: [/* @__PURE__ */ v(g, {
+							children: [/* @__PURE__ */ y(_, {
 								size: 16,
 								className: "mr-2"
-							}), "Rename"]
+							}), Q("projectCard.rename", "Rename")]
 						}),
-						R && /* @__PURE__ */ y(D, {
+						z && /* @__PURE__ */ b(O, {
 							onClick: (e) => {
-								e.stopPropagation(), P.archived ? G(P.id) : W(P.id);
+								e.stopPropagation(), F.archived ? K(F.id) : G(F.id);
 							},
-							children: [/* @__PURE__ */ v(f, {
+							children: [/* @__PURE__ */ y(p, {
 								size: 16,
 								className: "mr-2"
-							}), P.archived ? "Unarchive" : "Archive"]
+							}), F.archived ? Q("projectCard.unarchive", "Unarchive") : Q("projectCard.archive", "Archive")]
 						}),
-						z && /* @__PURE__ */ v(D, {
+						B && /* @__PURE__ */ y(O, {
 							onClick: async (e) => {
-								e.stopPropagation(), i("medium");
-								let t = await r({
-									title: "Delete project",
-									message: `Are you sure you want to delete "${P.name}"?`,
-									okButtonTitle: "Delete",
-									cancelButtonTitle: "Cancel"
+								e.stopPropagation(), a("medium");
+								let t = await i({
+									title: Q("projectCard.deleteTitle", "Delete project"),
+									message: Q("projectCard.deleteMessage", "Are you sure you want to delete \"{{name}}\"?", { name: F.name }),
+									okButtonTitle: Q("common.delete", "Delete"),
+									cancelButtonTitle: Q("common.cancel", "Cancel")
 								});
-								(t === null ? confirm(`Are you sure you want to delete "${P.name}"?`) : t) && K(P.id);
+								(t === null ? confirm(Q("projectCard.deleteMessage", "Are you sure you want to delete \"{{name}}\"?", { name: F.name })) : t) && q(F.id);
 							},
 							className: "text-status-error-text",
-							children: "Delete"
+							children: Q("projectCard.delete", "Delete")
 						})
 					]
 				})] })]
-			}) }), /* @__PURE__ */ y(S, {
+			}) }), /* @__PURE__ */ b(C, {
 				className: "space-y-3",
 				children: [
-					/* @__PURE__ */ y("div", {
+					/* @__PURE__ */ b("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ v(b, {
-							className: `border ${t(P.status)}`,
-							children: P.status
-						}), P.archived && /* @__PURE__ */ y(b, {
+						children: [/* @__PURE__ */ y(x, {
+							className: `border ${n(F.status)}`,
+							children: F.status
+						}), F.archived && /* @__PURE__ */ b(x, {
 							variant: "outline",
 							className: "border-workspace-archived-border text-workspace-archived-text",
-							children: [/* @__PURE__ */ v(f, {
+							children: [/* @__PURE__ */ y(p, {
 								size: 12,
 								className: "mr-1"
-							}), "Archived"]
+							}), Q("projectCard.archivedLabel", "Archived")]
 						})]
 					}),
 					/* @__PURE__ */ y("div", {
 						className: "text-xs text-text-secondary",
-						children: ["Created ", c(P.createdAt)]
+						children: Q("projectCard.created", "Created {{date}}", { date: l(F.createdAt) })
 					}),
-					X.length > 0 && /* @__PURE__ */ y("div", {
+					Z.length > 0 && /* @__PURE__ */ b("div", {
 						className: "flex flex-wrap gap-1.5",
-						"aria-label": "Project tags",
-						children: [X.slice(0, 4).map((e) => /* @__PURE__ */ v("span", {
-							...L ? {
+						"aria-label": Q("projectCard.projectTagsAriaLabel", "Project tags"),
+						children: [Z.slice(0, 4).map((e) => /* @__PURE__ */ y("span", {
+							...R ? {
 								role: "button",
 								tabIndex: 0,
 								onClick: (t) => {
-									t.stopPropagation(), L(e);
+									t.stopPropagation(), R(e);
 								},
 								onKeyDown: (t) => {
-									(t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), L(e));
+									(t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.stopPropagation(), R(e));
 								}
 							} : {},
-							children: /* @__PURE__ */ v(N, {
+							children: /* @__PURE__ */ y(P, {
 								id: e.tagId,
 								label: e.label,
 								color: e.color ?? void 0,
 								icon: e.icon ?? void 0,
 								description: e.description ?? void 0,
 								size: "sm",
-								className: L ? "cursor-pointer" : void 0
+								className: R ? "cursor-pointer" : void 0
 							})
-						}, e.tagId)), X.length > 4 && /* @__PURE__ */ y(b, {
+						}, e.tagId)), Z.length > 4 && /* @__PURE__ */ b(x, {
 							variant: "outline",
 							className: "text-xs",
-							children: ["+", X.length - 4]
+							children: ["+", Z.length - 4]
 						})]
 					})
 				]
 			})]
 		}),
-		/* @__PURE__ */ v(k, { control: q }),
-		J && /* @__PURE__ */ v(u, {
-			project: P,
-			open: J,
-			onOpenChange: Y
+		/* @__PURE__ */ y(A, { control: J }),
+		Y && /* @__PURE__ */ y(d, {
+			project: F,
+			open: Y,
+			onOpenChange: X
 		})
 	] });
 }
 //#endregion
-export { P as ProjectCard };
+export { F as ProjectCard };
 
 //# sourceMappingURL=ProjectCard.js.map

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 { useState } from 'react';\nimport { FolderKanban, Archive, MoreVertical, Fingerprint, Pencil } from 'lucide-react';\nimport { useNavigate } from 'react-router';\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';\nimport { RenameProjectDialog } from './RenameProjectDialog';\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  canRename?: boolean;\n}\n\nexport function ProjectCard({\n  project,\n  selected = false,\n  onToggleSelect,\n  onTagClick,\n  canArchive = false,\n  canDelete = false,\n  canRename = 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 [showRenameDialog, setShowRenameDialog] = useState(false);\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                {canRename && (\n                  <DropdownMenuItem\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      setShowRenameDialog(true);\n                    }}\n                  >\n                    <Pencil size={16} className=\"mr-2\" />\n                    Rename\n                  </DropdownMenuItem>\n                )}\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      {showRenameDialog && (\n        <RenameProjectDialog\n          project={project}\n          open={showRenameDialog}\n          onOpenChange={setShowRenameDialog}\n        />\n      )}\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 { useState } from 'react';\nimport { FolderKanban, Archive, MoreVertical, Fingerprint, Pencil } from 'lucide-react';\nimport { useNavigate } from 'react-router';\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';\nimport { RenameProjectDialog } from './RenameProjectDialog';\nimport { useTr } from '../hooks/useTr';\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  canRename?: boolean;\n}\n\nexport function ProjectCard({\n  project,\n  selected = false,\n  onToggleSelect,\n  onTagClick,\n  canArchive = false,\n  canDelete = false,\n  canRename = 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 [showRenameDialog, setShowRenameDialog] = useState(false);\n  const projectTags = getProjectDisplayTags(project);\n  const tr = useTr();\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: tr('projectCard.deleteTitle', 'Delete project'),\n      message: tr('projectCard.deleteMessage', 'Are you sure you want to delete \"{{name}}\"?', {\n        name: project.name,\n      }),\n      okButtonTitle: tr('common.delete', 'Delete'),\n      cancelButtonTitle: tr('common.cancel', 'Cancel'),\n    });\n    const ok =\n      native === null\n        ? confirm(\n            tr('projectCard.deleteMessage', 'Are you sure you want to delete \"{{name}}\"?', {\n              name: project.name,\n            })\n          )\n        : 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={tr('projectCard.openProjectAriaLabel', 'Open project {{name}}', {\n          name: project.name,\n        })}\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={tr('projectCard.selectProjectAriaLabel', 'Select project {{name}}', {\n                    name: project.name,\n                  })}\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\">\n                    {tr('projectCard.openActions', 'Open project actions')}\n                  </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: tr('projectCard.keyLabel', 'Key'), value: project.key },\n                        {\n                          label: tr('projectCard.workspaceIdLabel', 'Workspace ID'),\n                          value: project.workspaceId,\n                        },\n                      ],\n                    });\n                  }}\n                >\n                  <Fingerprint size={16} className=\"mr-2\" />\n                  {tr('projectCard.getId', 'Get ID')}\n                </DropdownMenuItem>\n                {canRename && (\n                  <DropdownMenuItem\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      setShowRenameDialog(true);\n                    }}\n                  >\n                    <Pencil size={16} className=\"mr-2\" />\n                    {tr('projectCard.rename', 'Rename')}\n                  </DropdownMenuItem>\n                )}\n                {canArchive && (\n                  <DropdownMenuItem onClick={handleArchive}>\n                    <Archive size={16} className=\"mr-2\" />\n                    {project.archived\n                      ? tr('projectCard.unarchive', 'Unarchive')\n                      : tr('projectCard.archive', 'Archive')}\n                  </DropdownMenuItem>\n                )}\n                {canDelete && (\n                  <DropdownMenuItem onClick={handleDelete} className=\"text-status-error-text\">\n                    {tr('projectCard.delete', '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                {tr('projectCard.archivedLabel', 'Archived')}\n              </Badge>\n            )}\n          </div>\n          <div className=\"text-xs text-text-secondary\">\n            {tr('projectCard.created', 'Created {{date}}', { date: formatDate(project.createdAt) })}\n          </div>\n          {projectTags.length > 0 && (\n            <div\n              className=\"flex flex-wrap gap-1.5\"\n              aria-label={tr('projectCard.projectTagsAriaLabel', 'Project tags')}\n            >\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      {showRenameDialog && (\n        <RenameProjectDialog\n          project={project}\n          open={showRenameDialog}\n          onOpenChange={setShowRenameDialog}\n        />\n      )}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA6CA,SAAgB,EAAY,EAC1B,YACA,cAAW,IACX,mBACA,eACA,gBAAa,IACb,eAAY,IACZ,eAAY,MACO;CACnB,IAAM,IAAW,GAAa,EACxB,EAAE,cAAW,kBAAkB,GAAsB,EACrD,EAAE,yBAAsB,GAAqB,EAC7C,EAAE,QAAQ,MAAmB,EAAkB,EAAQ,YAAY,EACnE,EAAE,QAAQ,MAAqB,EAAoB,EAAQ,YAAY,EACvE,EAAE,QAAQ,MAAkB,EAAiB,EAAQ,YAAY,EACjE,IAAU,GAAkB,EAC5B,CAAC,GAAkB,KAAuB,EAAS,GAAM,EACzD,IAAc,EAAsB,EAAQ,EAC5C,IAAK,GAAO,EAEZ,UAAwB;AAC5B,IAAS,EAAkB,GAAG,EAAS,GAAG,EAAQ,YAAY,YAAY,EAAQ,KAAK,CAAC;;AA2C1F,QACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,WAAU;GACV,WAAW,mHACT,IAAW,6CAA6C;GAE1D,SAAS;GACT,YAfqB,MAA+C;AACxE,KAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,gBAAgB,EACtB,GAAiB;;GAaf,MAAK;GACL,UAAU;GACV,cAAY,EAAG,oCAAoC,yBAAyB,EAC1E,MAAM,EAAQ,MACf,CAAC;aAXJ,CAaE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACG,KACC,kBAAC,SAAD;OACE,MAAK;OACL,SAAS;OACT,WAAW,MAAU,EAAe,EAAM,OAAO,QAAQ;OACzD,UAAU,MAAU,EAAM,iBAAiB;OAC3C,cAAY,EAAG,sCAAsC,2BAA2B,EAC9E,MAAM,EAAQ,MACf,CAAC;OACF,WAAU;OACV,CAAA;MAEJ,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD;QAAc,WAAU;QAAe,MAAM;QAAM,CAAA;OAC/C,CAAA;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAY,EAAQ;QAAiB,CAAA,EAC1D,kBAAC,KAAD;QAAG,WAAU;kBAAwC,EAAQ;QAAQ,CAAA,CACjE;;MACF;QACN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAqB,SAAA;KAAQ,UAAU,MAAM,EAAE,iBAAiB;eAC9D,kBAAC,GAAD;MAAQ,SAAQ;MAAQ,MAAK;MAAK,WAAU;gBAA5C,CACE,kBAAC,GAAD,EAAc,MAAM,IAAM,CAAA,EAC1B,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAG,2BAA2B,uBAAuB;OACjD,CAAA,CACA;;KACW,CAAA,EACtB,kBAAC,GAAD;KAAqB,OAAM;eAA3B;MACE,kBAAC,GAAD;OACE,UAAU,MAAM;AAEd,QADA,EAAE,iBAAiB,EACnB,EAAQ,KAAK;SACX,IAAI,EAAQ;SACZ,MAAM,EAAQ;SACd,MAAM;SACN,SAAS,CACP;UAAE,OAAO,EAAG,wBAAwB,MAAM;UAAE,OAAO,EAAQ;UAAK,EAChE;UACE,OAAO,EAAG,gCAAgC,eAAe;UACzD,OAAO,EAAQ;UAChB,CACF;SACF,CAAC;;iBAdN,CAiBE,kBAAC,GAAD;QAAa,MAAM;QAAI,WAAU;QAAS,CAAA,EACzC,EAAG,qBAAqB,SAAS,CACjB;;MAClB,KACC,kBAAC,GAAD;OACE,UAAU,MAAM;AAEd,QADA,EAAE,iBAAiB,EACnB,EAAoB,GAAK;;iBAH7B,CAME,kBAAC,GAAD;QAAQ,MAAM;QAAI,WAAU;QAAS,CAAA,EACpC,EAAG,sBAAsB,SAAS,CAClB;;MAEpB,KACC,kBAAC,GAAD;OAAkB,UAxHX,MAAwB;AAE7C,QADA,EAAE,iBAAiB,EACf,EAAQ,WACV,EAAiB,EAAQ,GAAG,GAE5B,EAAe,EAAQ,GAAG;;iBAmHd,CACE,kBAAC,GAAD;QAAS,MAAM;QAAI,WAAU;QAAS,CAAA,EACrC,EAAQ,WACL,EAAG,yBAAyB,YAAY,GACxC,EAAG,uBAAuB,UAAU,CACvB;;MAEpB,KACC,kBAAC,GAAD;OAAkB,SAvHb,OAAO,MAAwB;AAE7C,QADL,EAAE,iBAAiB,EACd,EAAa,SAAS;QAC3B,IAAM,IAAS,MAAM,EAAc;SACjC,OAAO,EAAG,2BAA2B,iBAAiB;SACtD,SAAS,EAAG,6BAA6B,iDAA+C,EACtF,MAAM,EAAQ,MACf,CAAC;SACF,eAAe,EAAG,iBAAiB,SAAS;SAC5C,mBAAmB,EAAG,iBAAiB,SAAS;SACjD,CAAC;AASF,SAPE,MAAW,OACP,QACE,EAAG,6BAA6B,iDAA+C,EAC7E,MAAM,EAAQ,MACf,CAAC,CACH,GACD,MAEJ,EAAc,EAAQ,GAAG;;OAmG4B,WAAU;iBAChD,EAAG,sBAAsB,SAAS;OAClB,CAAA;MAED;OACT,EAAA,CAAA,CACX;OACK,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cAAvB;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OAAO,WAAW,UAAU,EAAwB,EAAQ,OAAO;iBAChE,EAAQ;OACH,CAAA,EACP,EAAQ,YACP,kBAAC,GAAD;OACE,SAAQ;OACR,WAAU;iBAFZ,CAIE,kBAAC,GAAD;QAAS,MAAM;QAAI,WAAU;QAAS,CAAA,EACrC,EAAG,6BAA6B,WAAW,CACtC;SAEN;;KACN,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAG,uBAAuB,oBAAoB,EAAE,MAAM,EAAW,EAAQ,UAAU,EAAE,CAAC;MACnF,CAAA;KACL,EAAY,SAAS,KACpB,kBAAC,OAAD;MACE,WAAU;MACV,cAAY,EAAG,oCAAoC,eAAe;gBAFpE,CAIG,EAAY,MAAM,GAAG,EAAE,CAAC,KAAK,MAC5B,kBAAC,QAAD;OAEE,GAAK,IACD;QACE,MAAM;QACN,UAAU;QACV,UAAU,MAA6C;AAErD,SADA,EAAM,iBAAiB,EACvB,EAAW,EAAI;;QAEjB,YAAY,MAAgD;AAC1D,UAAI,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,gBAAgB,EACtB,EAAM,iBAAiB,EACvB,EAAW,EAAI;;QAGpB,GACD,EAAE;iBAEN,kBAAC,GAAD;QACE,IAAI,EAAI;QACR,OAAO,EAAI;QACX,OAAO,EAAI,SAAS,KAAA;QACpB,MAAM,EAAI,QAAQ,KAAA;QAClB,aAAa,EAAI,eAAe,KAAA;QAChC,MAAK;QACL,WAAW,IAAa,mBAAmB,KAAA;QAC3C,CAAA;OACG,EA5BA,EAAI,MA4BJ,CACP,EACD,EAAY,SAAS,KACpB,kBAAC,GAAD;OAAO,SAAQ;OAAU,WAAU;iBAAnC,CAA6C,KACzC,EAAY,SAAS,EACjB;SAEN;;KAEI;MACJ;;EACZ,kBAAC,GAAD,EAAe,SAAS,GAAW,CAAA;EAClC,KACC,kBAAC,GAAD;GACW;GACT,MAAM;GACN,cAAc;GACd,CAAA;EAEH,EAAA,CAAA"}