@burdenoff/microfe-workspaces 2026.608.1 → 2026.623.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/components/CreateWorkspaceDialog.js +25 -44
  2. package/dist/components/CreateWorkspaceDialog.js.map +1 -1
  3. package/dist/components/ProjectCard.js +95 -72
  4. package/dist/components/ProjectCard.js.map +1 -1
  5. package/dist/components/WorkspaceCard.js +3 -7
  6. package/dist/components/WorkspaceCard.js.map +1 -1
  7. package/dist/pages/CreateWorkspacePage.js +99 -128
  8. package/dist/pages/CreateWorkspacePage.js.map +1 -1
  9. package/dist/pages/ProjectDetailPage.js +172 -161
  10. package/dist/pages/ProjectDetailPage.js.map +1 -1
  11. package/package.json +2 -2
package/dist/pages/ProjectDetailPage.js CHANGED
@@ -9,54 +9,54 @@ import { useProject as re, useProjectMembersCount as ie } from "../hooks/useProj
9
9
  import { useArchiveProject as ae, useDeleteProject as oe, useTagProject as se, useUnarchiveProject as ce, useUntagProject as le, useUpdateProject as ue } from "../hooks/useProjectMutations.js";
10
10
  import { formatDate as a } from "../utils/formatters.js";
11
11
  import { getProjectDisplayTags as de, toProjectTag as o } from "../utils/projectTags.js";
12
- import { useWorkspaceActivity as s } from "../hooks/useWorkspaceActivity.js";
13
- import { ProjectTagsWidget as c } from "../components/tags/ProjectTagsWidget.js";
14
- import { ProjectMemberPickerDialog as l } from "../components/ProjectMemberPickerDialog.js";
15
- import { useMemo as u, useState as d } from "react";
16
- import { Activity as f, Archive as p, ArrowLeft as m, Clock as h, FolderKanban as g, MoreVertical as fe, UserPlus as pe, Users as _ } from "lucide-react";
17
- import { jsx as v, jsxs as y } from "react/jsx-runtime";
18
- import { AlertDialog as me, AlertDialogAction as he, AlertDialogCancel as ge, AlertDialogContent as _e, AlertDialogDescription as ve, AlertDialogFooter as ye, AlertDialogHeader as be, AlertDialogTitle as xe, Badge as b, Button as x, Card as S, CardContent as C, CardHeader as w, CardTitle as T, DropdownMenu as E, DropdownMenuContent as D, DropdownMenuItem as O, DropdownMenuSeparator as k, DropdownMenuTrigger as A, Skeleton as j } from "@burdenoff/fe-libs/ui";
19
- import { useNavigate as M, useParams as Se } from "react-router-dom";
20
- import { useI18n as Ce } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
12
+ import { useWorkspaceActivity as fe } from "../hooks/useWorkspaceActivity.js";
13
+ import { ProjectTagsWidget as s } from "../components/tags/ProjectTagsWidget.js";
14
+ import { ProjectMemberPickerDialog as c } from "../components/ProjectMemberPickerDialog.js";
15
+ import { useMemo as l, useState as u } from "react";
16
+ import { Activity as d, Archive as f, ArrowLeft as p, Clock as m, FolderKanban as h, MoreVertical as pe, UserPlus as me, Users as g } from "lucide-react";
17
+ import { jsx as _, jsxs as v } from "react/jsx-runtime";
18
+ import { AlertDialog as he, AlertDialogAction as ge, AlertDialogCancel as _e, AlertDialogContent as ve, AlertDialogDescription as ye, AlertDialogFooter as be, AlertDialogHeader as xe, AlertDialogTitle as Se, Badge as y, Button as b, Card as x, CardContent as S, CardHeader as C, CardTitle as w, DropdownMenu as T, DropdownMenuContent as E, DropdownMenuItem as D, DropdownMenuSeparator as O, DropdownMenuTrigger as k, EntityIdModal as A, Skeleton as j, useEntityIdModal as Ce } from "@burdenoff/fe-libs/ui";
19
+ import { useNavigate as we, useParams as Te } from "react-router-dom";
20
+ import { useI18n as Ee } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
21
21
  //#region src/pages/ProjectDetailPage.tsx
22
- function N() {
23
- let { t: N } = Ce(), { workspaceId: P, projectId: F } = Se();
22
+ function M() {
23
+ let { t: M } = Ee(), N = Ce(), { workspaceId: P, projectId: F } = Te();
24
24
  ee("workspaces.project-detail", {
25
25
  workspaceId: P,
26
26
  projectId: F,
27
27
  requireParams: !0
28
28
  });
29
- let I = M(), { basePath: L = "/workspaces" } = e(), { withCurrentSearch: R } = n(), { data: z, isLoading: we, error: Te } = re(F || "", P), [Ee, B] = d(!1), [V, H] = d(!1), { mutate: De, isPending: U } = ae(P), { mutate: Oe, isPending: W } = ce(P), { mutate: ke, isPending: G } = oe(P), { mutateAsync: Ae, isPending: je } = se(P), { mutateAsync: Me, isPending: Ne } = le(P), { mutateAsync: Pe, isPending: Fe } = ue(P), { canViewProject: Ie, canDeleteProject: K, canArchiveProject: q, canListProjectMembers: J, canAddProjectMember: Y, isLoading: Le } = ne(), { data: Re } = ie(F || "", P), X = u(() => de({
29
+ let I = we(), { basePath: L = "/workspaces" } = e(), { withCurrentSearch: R } = n(), { data: z, isLoading: De, error: Oe } = re(F || "", P), [ke, B] = u(!1), [V, H] = u(!1), { mutate: Ae, isPending: U } = ae(P), { mutate: je, isPending: W } = ce(P), { mutate: Me, isPending: G } = oe(P), { mutateAsync: Ne, isPending: Pe } = se(P), { mutateAsync: Fe, isPending: Ie } = le(P), { mutateAsync: Le, isPending: Re } = ue(P), { canViewProject: ze, canDeleteProject: K, canArchiveProject: q, canListProjectMembers: J, canAddProjectMember: Y, isLoading: Be } = ne(), { data: Ve } = ie(F || "", P), X = l(() => de({
30
30
  tags: z?.tags ?? [],
31
31
  tagAssignments: z?.tagAssignments
32
- }), [z?.tags, z?.tagAssignments]), { data: ze } = s(P), Be = (ze ?? []).filter((e) => e.resourceId === F || e.resourceType?.toLowerCase() === "project").length, Ve = X;
33
- if (Le) return /* @__PURE__ */ y("div", {
32
+ }), [z?.tags, z?.tagAssignments]), { data: He } = fe(P), Ue = (He ?? []).filter((e) => e.resourceId === F || e.resourceType?.toLowerCase() === "project").length, We = X;
33
+ if (Be) return /* @__PURE__ */ v("div", {
34
34
  className: "space-y-4 p-6",
35
- children: [/* @__PURE__ */ v(j, { className: "h-10 w-1/3" }), /* @__PURE__ */ v(j, { className: "h-64" })]
35
+ children: [/* @__PURE__ */ _(j, { className: "h-10 w-1/3" }), /* @__PURE__ */ _(j, { className: "h-64" })]
36
36
  });
37
- if (!Ie) return /* @__PURE__ */ v("div", {
37
+ if (!ze) return /* @__PURE__ */ _("div", {
38
38
  className: "flex items-center justify-center min-h-[400px]",
39
- children: /* @__PURE__ */ y("div", {
39
+ children: /* @__PURE__ */ v("div", {
40
40
  className: "text-center space-y-2",
41
- children: [/* @__PURE__ */ v("h2", {
41
+ children: [/* @__PURE__ */ _("h2", {
42
42
  className: "text-lg font-semibold",
43
- children: r(N, "projectDetail.accessDenied", "Access Denied")
44
- }), /* @__PURE__ */ v("p", {
43
+ children: r(M, "projectDetail.accessDenied", "Access Denied")
44
+ }), /* @__PURE__ */ _("p", {
45
45
  className: "text-sm text-muted-foreground",
46
- children: r(N, "projectDetail.noPermissionToViewProject", "You don't have permission to view this project.")
46
+ children: r(M, "projectDetail.noPermissionToViewProject", "You don't have permission to view this project.")
47
47
  })]
48
48
  })
49
49
  });
50
50
  let Z = () => {
51
51
  I(R(`${L}/${P}/projects`));
52
- }, He = () => {
53
- z && (z.archived ? Oe(z.id, { onError: (e) => {
52
+ }, Ge = () => {
53
+ z && (z.archived ? je(z.id, { onError: (e) => {
54
54
  console.error("Failed to unarchive project:", e);
55
- } }) : De(z.id, { onError: (e) => {
55
+ } }) : Ae(z.id, { onError: (e) => {
56
56
  console.error("Failed to archive project:", e);
57
57
  } }));
58
- }, Ue = () => {
59
- z && (te("medium"), ke(z.id, {
58
+ }, Ke = () => {
59
+ z && (te("medium"), Me(z.id, {
60
60
  onSuccess: () => {
61
61
  i("success"), B(!1), I(R(`${L}/${P}/projects`));
62
62
  },
@@ -70,7 +70,7 @@ function N() {
70
70
  if (!z) return;
71
71
  let t = e.map((e) => o(e));
72
72
  try {
73
- await Pe({
73
+ await Le({
74
74
  id: z.id,
75
75
  input: { tags: t }
76
76
  });
@@ -78,200 +78,200 @@ function N() {
78
78
  i("warning"), console.error("Failed to sync legacy project tag mirror after updating structured project tags:", e);
79
79
  }
80
80
  };
81
- return we ? /* @__PURE__ */ y("div", {
81
+ return De ? /* @__PURE__ */ v("div", {
82
82
  className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
83
83
  children: [
84
- /* @__PURE__ */ v(j, { className: "h-10 w-32" }),
85
- /* @__PURE__ */ v(j, { className: "h-10 w-1/3" }),
86
- /* @__PURE__ */ y("div", {
84
+ /* @__PURE__ */ _(j, { className: "h-10 w-32" }),
85
+ /* @__PURE__ */ _(j, { className: "h-10 w-1/3" }),
86
+ /* @__PURE__ */ v("div", {
87
87
  className: "grid grid-cols-1 md:grid-cols-3 gap-4",
88
88
  children: [
89
- /* @__PURE__ */ v(j, { className: "h-32" }),
90
- /* @__PURE__ */ v(j, { className: "h-32" }),
91
- /* @__PURE__ */ v(j, { className: "h-32" })
89
+ /* @__PURE__ */ _(j, { className: "h-32" }),
90
+ /* @__PURE__ */ _(j, { className: "h-32" }),
91
+ /* @__PURE__ */ _(j, { className: "h-32" })
92
92
  ]
93
93
  }),
94
- /* @__PURE__ */ v(j, { className: "h-48" })
94
+ /* @__PURE__ */ _(j, { className: "h-48" })
95
95
  ]
96
- }) : Te || !z ? /* @__PURE__ */ y("div", {
96
+ }) : Oe || !z ? /* @__PURE__ */ v("div", {
97
97
  className: "space-y-4 p-6",
98
- children: [/* @__PURE__ */ y(x, {
98
+ children: [/* @__PURE__ */ v(b, {
99
99
  variant: "ghost",
100
100
  onClick: Z,
101
101
  className: "gap-2",
102
- children: [/* @__PURE__ */ v(m, { size: 20 }), r(N, "projectDetail.backToProjects", "Back to Projects")]
103
- }), /* @__PURE__ */ y("div", {
102
+ children: [/* @__PURE__ */ _(p, { size: 20 }), r(M, "projectDetail.backToProjects", "Back to Projects")]
103
+ }), /* @__PURE__ */ v("div", {
104
104
  className: "text-center py-12",
105
105
  children: [
106
- /* @__PURE__ */ v("div", {
106
+ /* @__PURE__ */ _("div", {
107
107
  className: "rounded-full bg-muted p-6 mb-4 inline-block",
108
- children: /* @__PURE__ */ v(g, {
108
+ children: /* @__PURE__ */ _(h, {
109
109
  size: 48,
110
110
  className: "text-muted-foreground"
111
111
  })
112
112
  }),
113
- /* @__PURE__ */ v("h3", {
113
+ /* @__PURE__ */ _("h3", {
114
114
  className: "text-lg font-semibold mb-2",
115
- children: r(N, "projectDetail.projectNotFound", "Project not found")
115
+ children: r(M, "projectDetail.projectNotFound", "Project not found")
116
116
  }),
117
- /* @__PURE__ */ v("p", {
117
+ /* @__PURE__ */ _("p", {
118
118
  className: "text-muted-foreground max-w-sm mx-auto mb-4",
119
- children: r(N, "projectDetail.projectNotFoundDescription", "The project you're looking for doesn't exist or you don't have permission to view it.")
119
+ children: r(M, "projectDetail.projectNotFoundDescription", "The project you're looking for doesn't exist or you don't have permission to view it.")
120
120
  }),
121
- /* @__PURE__ */ y(x, {
121
+ /* @__PURE__ */ v(b, {
122
122
  onClick: Z,
123
- children: [/* @__PURE__ */ v(m, {
123
+ children: [/* @__PURE__ */ _(p, {
124
124
  size: 16,
125
125
  className: "mr-2"
126
- }), r(N, "projectDetail.backToProjects", "Back to Projects")]
126
+ }), r(M, "projectDetail.backToProjects", "Back to Projects")]
127
127
  })
128
128
  ]
129
129
  })]
130
- }) : /* @__PURE__ */ y("div", {
130
+ }) : /* @__PURE__ */ v("div", {
131
131
  className: "space-y-4 sm:space-y-6 p-3 sm:p-6",
132
132
  children: [
133
- /* @__PURE__ */ y("div", {
133
+ /* @__PURE__ */ v("div", {
134
134
  className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-3",
135
- children: [/* @__PURE__ */ y("div", { children: [
136
- /* @__PURE__ */ y(x, {
135
+ children: [/* @__PURE__ */ v("div", { children: [
136
+ /* @__PURE__ */ v(b, {
137
137
  variant: "ghost",
138
138
  onClick: Z,
139
139
  className: "gap-2 mb-2 -ml-2",
140
- children: [/* @__PURE__ */ v(m, { size: 20 }), r(N, "projectDetail.backToProjects", "Back to Projects")]
140
+ children: [/* @__PURE__ */ _(p, { size: 20 }), r(M, "projectDetail.backToProjects", "Back to Projects")]
141
141
  }),
142
- /* @__PURE__ */ y("div", {
142
+ /* @__PURE__ */ v("div", {
143
143
  className: "flex items-center gap-3",
144
- children: [/* @__PURE__ */ v("div", {
144
+ children: [/* @__PURE__ */ _("div", {
145
145
  className: "p-3 rounded-lg bg-primary/10",
146
- children: /* @__PURE__ */ v(g, {
146
+ children: /* @__PURE__ */ _(h, {
147
147
  className: "text-primary",
148
148
  size: 28
149
149
  })
150
- }), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h1", {
150
+ }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h1", {
151
151
  className: "text-2xl sm:text-3xl font-bold",
152
152
  children: z.name
153
- }), /* @__PURE__ */ v("p", {
153
+ }), /* @__PURE__ */ _("p", {
154
154
  className: "text-sm text-muted-foreground font-mono",
155
155
  children: z.key
156
156
  })] })]
157
157
  }),
158
- /* @__PURE__ */ y("div", {
158
+ /* @__PURE__ */ v("div", {
159
159
  className: "flex items-center gap-2 mt-3",
160
- children: [/* @__PURE__ */ v(b, {
160
+ children: [/* @__PURE__ */ _(y, {
161
161
  className: `border ${t(z.status)}`,
162
162
  children: z.status
163
- }), z.archived && /* @__PURE__ */ y(b, {
163
+ }), z.archived && /* @__PURE__ */ v(y, {
164
164
  variant: "outline",
165
165
  className: "border-workspace-archived-border text-workspace-archived-text",
166
- children: [/* @__PURE__ */ v(p, {
166
+ children: [/* @__PURE__ */ _(f, {
167
167
  size: 12,
168
168
  className: "mr-1"
169
- }), r(N, "projectDetail.archived", "Archived")]
169
+ }), r(M, "projectDetail.archived", "Archived")]
170
170
  })]
171
171
  })
172
- ] }), /* @__PURE__ */ v("div", {
172
+ ] }), /* @__PURE__ */ _("div", {
173
173
  className: "flex items-center gap-2",
174
- children: /* @__PURE__ */ y(E, { children: [/* @__PURE__ */ v(A, {
174
+ children: /* @__PURE__ */ v(T, { children: [/* @__PURE__ */ _(k, {
175
175
  asChild: !0,
176
- children: /* @__PURE__ */ v(x, {
176
+ children: /* @__PURE__ */ _(b, {
177
177
  variant: "outline",
178
178
  size: "icon",
179
- "aria-label": r(N, "projectDetail.openProjectActionsAriaLabel", "Open project actions"),
180
- children: /* @__PURE__ */ v(fe, { size: 20 })
179
+ "aria-label": r(M, "projectDetail.openProjectActionsAriaLabel", "Open project actions"),
180
+ children: /* @__PURE__ */ _(pe, { size: 20 })
181
181
  })
182
- }), /* @__PURE__ */ y(D, {
182
+ }), /* @__PURE__ */ v(E, {
183
183
  align: "end",
184
184
  children: [
185
- q && /* @__PURE__ */ y(O, {
186
- onClick: He,
185
+ q && /* @__PURE__ */ v(D, {
186
+ onClick: Ge,
187
187
  disabled: U || W,
188
- children: [/* @__PURE__ */ v(p, {
188
+ children: [/* @__PURE__ */ _(f, {
189
189
  size: 16,
190
190
  className: "mr-2"
191
- }), U || W ? r(N, "projectDetail.processing", "Processing...") : z.archived ? r(N, "projectDetail.unarchive", "Unarchive") : r(N, "projectDetail.archive", "Archive")]
191
+ }), U || W ? r(M, "projectDetail.processing", "Processing...") : z.archived ? r(M, "projectDetail.unarchive", "Unarchive") : r(M, "projectDetail.archive", "Archive")]
192
192
  }),
193
- q && K && /* @__PURE__ */ v(k, {}),
194
- K && /* @__PURE__ */ v(O, {
193
+ q && K && /* @__PURE__ */ _(O, {}),
194
+ K && /* @__PURE__ */ _(D, {
195
195
  onClick: () => B(!0),
196
196
  className: "text-destructive",
197
- children: r(N, "projectDetail.deleteProject", "Delete Project")
197
+ children: r(M, "projectDetail.deleteProject", "Delete Project")
198
198
  })
199
199
  ]
200
200
  })] })
201
201
  })]
202
202
  }),
203
- /* @__PURE__ */ y("div", {
203
+ /* @__PURE__ */ v("div", {
204
204
  className: "grid grid-cols-1 md:grid-cols-2 gap-4",
205
- children: [/* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(w, {
205
+ children: [/* @__PURE__ */ v(x, { children: [/* @__PURE__ */ _(C, {
206
206
  className: "flex flex-row items-center justify-between pb-2",
207
- children: /* @__PURE__ */ y(T, {
207
+ children: /* @__PURE__ */ v(w, {
208
208
  className: "flex items-center gap-2 text-base",
209
- children: [/* @__PURE__ */ v(_, {
209
+ children: [/* @__PURE__ */ _(g, {
210
210
  size: 20,
211
211
  className: "text-muted-foreground"
212
- }), r(N, "projectDetail.membersCardTitle", "Members")]
212
+ }), r(M, "projectDetail.membersCardTitle", "Members")]
213
213
  })
214
- }), /* @__PURE__ */ y(C, {
214
+ }), /* @__PURE__ */ v(S, {
215
215
  className: "space-y-4",
216
216
  children: [
217
- /* @__PURE__ */ v("p", {
217
+ /* @__PURE__ */ _("p", {
218
218
  className: "text-3xl font-bold",
219
- children: Re ?? 0
219
+ children: Ve ?? 0
220
220
  }),
221
- /* @__PURE__ */ v("p", {
221
+ /* @__PURE__ */ _("p", {
222
222
  className: "text-sm text-muted-foreground",
223
- children: r(N, "projectDetail.projectMembers", "Project members")
223
+ children: r(M, "projectDetail.projectMembers", "Project members")
224
224
  }),
225
- Y || J ? /* @__PURE__ */ y("div", {
225
+ Y || J ? /* @__PURE__ */ v("div", {
226
226
  className: "flex flex-wrap gap-2",
227
- children: [Y ? /* @__PURE__ */ y(x, {
227
+ children: [Y ? /* @__PURE__ */ v(b, {
228
228
  size: "sm",
229
229
  onClick: () => H(!0),
230
- children: [/* @__PURE__ */ v(pe, {
230
+ children: [/* @__PURE__ */ _(me, {
231
231
  size: 16,
232
232
  className: "mr-2"
233
- }), r(N, "projectDetail.addProjectMember", "Add Member")]
234
- }) : null, J ? /* @__PURE__ */ y(x, {
233
+ }), r(M, "projectDetail.addProjectMember", "Add Member")]
234
+ }) : null, J ? /* @__PURE__ */ v(b, {
235
235
  variant: "outline",
236
236
  size: "sm",
237
237
  onClick: Q,
238
- children: [/* @__PURE__ */ v(_, {
238
+ children: [/* @__PURE__ */ _(g, {
239
239
  size: 16,
240
240
  className: "mr-2"
241
- }), r(N, "projectDetail.manageProjectMembers", "Manage Members")]
241
+ }), r(M, "projectDetail.manageProjectMembers", "Manage Members")]
242
242
  }) : null]
243
243
  }) : null
244
244
  ]
245
- })] }), /* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(w, {
245
+ })] }), /* @__PURE__ */ v(x, { children: [/* @__PURE__ */ _(C, {
246
246
  className: "flex flex-row items-center justify-between pb-2",
247
- children: /* @__PURE__ */ y(T, {
247
+ children: /* @__PURE__ */ v(w, {
248
248
  className: "flex items-center gap-2 text-base",
249
- children: [/* @__PURE__ */ v(f, {
249
+ children: [/* @__PURE__ */ _(d, {
250
250
  size: 20,
251
251
  className: "text-muted-foreground"
252
- }), r(N, "projectDetail.activityCardTitle", "Activity")]
252
+ }), r(M, "projectDetail.activityCardTitle", "Activity")]
253
253
  })
254
- }), /* @__PURE__ */ y(C, { children: [/* @__PURE__ */ v("p", {
254
+ }), /* @__PURE__ */ v(S, { children: [/* @__PURE__ */ _("p", {
255
255
  className: "text-3xl font-bold",
256
- children: Be
257
- }), /* @__PURE__ */ v("p", {
256
+ children: Ue
257
+ }), /* @__PURE__ */ _("p", {
258
258
  className: "text-sm text-muted-foreground",
259
- children: r(N, "projectDetail.recentActivityItems", "Recent activity items")
259
+ children: r(M, "projectDetail.recentActivityItems", "Recent activity items")
260
260
  })] })] })]
261
261
  }),
262
- /* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ v(T, { children: r(N, "projectDetail.tagsTitle", "Tags") }) }), /* @__PURE__ */ y(C, {
262
+ /* @__PURE__ */ v(x, { children: [/* @__PURE__ */ _(C, { children: /* @__PURE__ */ _(w, { children: r(M, "projectDetail.tagsTitle", "Tags") }) }), /* @__PURE__ */ v(S, {
263
263
  className: "space-y-3",
264
- children: [/* @__PURE__ */ v("p", {
264
+ children: [/* @__PURE__ */ _("p", {
265
265
  className: "text-sm text-muted-foreground",
266
- children: r(N, "projectDetail.tagsDescription", "Use universal tags to classify and filter this project across the workspace.")
267
- }), /* @__PURE__ */ v(c, {
266
+ children: r(M, "projectDetail.tagsDescription", "Use universal tags to classify and filter this project across the workspace.")
267
+ }), /* @__PURE__ */ _(s, {
268
268
  entityType: "Project",
269
269
  entityId: z.id,
270
270
  workspaceId: P,
271
- tags: Ve,
271
+ tags: We,
272
272
  onAdd: async (e) => {
273
273
  if (z) try {
274
- await Ae({
274
+ await Ne({
275
275
  entityId: z.id,
276
276
  tagId: e.id
277
277
  }), await $([...X, o(e)]);
@@ -283,7 +283,7 @@ function N() {
283
283
  if (!z) return;
284
284
  let t = z.tagAssignments?.find((t) => t.tagId === e)?.id;
285
285
  try {
286
- await Me({
286
+ await Fe({
287
287
  entityId: z.id,
288
288
  tagId: e,
289
289
  assignmentId: t
@@ -292,136 +292,147 @@ function N() {
292
292
  throw i("error"), e;
293
293
  }
294
294
  },
295
- className: je || Ne || Fe ? "pointer-events-none opacity-75" : void 0
295
+ className: Pe || Ie || Re ? "pointer-events-none opacity-75" : void 0
296
296
  })]
297
297
  })] }),
298
- /* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ v(T, { children: r(N, "projectDetail.projectInformation", "Project Information") }) }), /* @__PURE__ */ y(C, {
298
+ /* @__PURE__ */ v(x, { children: [/* @__PURE__ */ _(C, { children: /* @__PURE__ */ _(w, { children: r(M, "projectDetail.projectInformation", "Project Information") }) }), /* @__PURE__ */ v(S, {
299
299
  className: "space-y-4",
300
- children: [/* @__PURE__ */ y("div", {
300
+ children: [/* @__PURE__ */ v("div", {
301
301
  className: "grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm",
302
302
  children: [
303
- /* @__PURE__ */ y("div", {
303
+ /* @__PURE__ */ v("div", {
304
304
  className: "space-y-1",
305
- children: [/* @__PURE__ */ y("span", {
305
+ children: [/* @__PURE__ */ v("span", {
306
306
  className: "text-muted-foreground flex items-center gap-2",
307
- children: [/* @__PURE__ */ v(g, { size: 14 }), r(N, "projectDetail.projectId", "Project ID")]
308
- }), /* @__PURE__ */ v("span", {
309
- className: "font-mono text-xs block",
310
- children: z.id
307
+ children: [/* @__PURE__ */ _(h, { size: 14 }), r(M, "projectDetail.projectId", "Project ID")]
308
+ }), /* @__PURE__ */ _("button", {
309
+ type: "button",
310
+ onClick: () => N.show({
311
+ id: z.id,
312
+ name: z.name,
313
+ type: "Project",
314
+ details: z.key ? [{
315
+ label: "Key",
316
+ value: z.key
317
+ }] : void 0
318
+ }),
319
+ className: "inline-flex items-center gap-1.5 text-xs font-medium text-text-link hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)] rounded",
320
+ children: r(M, "projectDetail.getId", "Get ID")
311
321
  })]
312
322
  }),
313
- /* @__PURE__ */ y("div", {
323
+ /* @__PURE__ */ v("div", {
314
324
  className: "space-y-1",
315
- children: [/* @__PURE__ */ y("span", {
325
+ children: [/* @__PURE__ */ v("span", {
316
326
  className: "text-muted-foreground flex items-center gap-2",
317
- children: [/* @__PURE__ */ v(g, { size: 14 }), r(N, "projectDetail.projectKey", "Project Key")]
318
- }), /* @__PURE__ */ v("span", {
327
+ children: [/* @__PURE__ */ _(h, { size: 14 }), r(M, "projectDetail.projectKey", "Project Key")]
328
+ }), /* @__PURE__ */ _("span", {
319
329
  className: "font-medium",
320
330
  children: z.key
321
331
  })]
322
332
  }),
323
- /* @__PURE__ */ y("div", {
333
+ /* @__PURE__ */ v("div", {
324
334
  className: "space-y-1",
325
- children: [/* @__PURE__ */ y("span", {
335
+ children: [/* @__PURE__ */ v("span", {
326
336
  className: "text-muted-foreground flex items-center gap-2",
327
- children: [/* @__PURE__ */ v(h, { size: 14 }), r(N, "projectDetail.created", "Created")]
328
- }), /* @__PURE__ */ v("span", { children: a(z.createdAt) })]
337
+ children: [/* @__PURE__ */ _(m, { size: 14 }), r(M, "projectDetail.created", "Created")]
338
+ }), /* @__PURE__ */ _("span", { children: a(z.createdAt) })]
329
339
  }),
330
- /* @__PURE__ */ y("div", {
340
+ /* @__PURE__ */ v("div", {
331
341
  className: "space-y-1",
332
- children: [/* @__PURE__ */ y("span", {
342
+ children: [/* @__PURE__ */ v("span", {
333
343
  className: "text-muted-foreground flex items-center gap-2",
334
- children: [/* @__PURE__ */ v(h, { size: 14 }), r(N, "projectDetail.lastUpdated", "Last Updated")]
335
- }), /* @__PURE__ */ v("span", { children: a(z.updatedAt) })]
344
+ children: [/* @__PURE__ */ _(m, { size: 14 }), r(M, "projectDetail.lastUpdated", "Last Updated")]
345
+ }), /* @__PURE__ */ _("span", { children: a(z.updatedAt) })]
336
346
  }),
337
- /* @__PURE__ */ y("div", {
347
+ /* @__PURE__ */ v("div", {
338
348
  className: "space-y-1",
339
- children: [/* @__PURE__ */ y("span", {
349
+ children: [/* @__PURE__ */ v("span", {
340
350
  className: "text-muted-foreground flex items-center gap-2",
341
- children: [/* @__PURE__ */ v(_, { size: 14 }), r(N, "projectDetail.workspaceId", "Workspace ID")]
342
- }), /* @__PURE__ */ v("span", {
351
+ children: [/* @__PURE__ */ _(g, { size: 14 }), r(M, "projectDetail.workspaceId", "Workspace ID")]
352
+ }), /* @__PURE__ */ _("span", {
343
353
  className: "font-mono text-xs block",
344
354
  children: z.workspaceId
345
355
  })]
346
356
  }),
347
- /* @__PURE__ */ y("div", {
357
+ /* @__PURE__ */ v("div", {
348
358
  className: "space-y-1",
349
- children: [/* @__PURE__ */ y("span", {
359
+ children: [/* @__PURE__ */ v("span", {
350
360
  className: "text-muted-foreground flex items-center gap-2",
351
- children: [/* @__PURE__ */ v(_, { size: 14 }), r(N, "projectDetail.creatorId", "Creator ID")]
352
- }), /* @__PURE__ */ v("span", {
361
+ children: [/* @__PURE__ */ _(g, { size: 14 }), r(M, "projectDetail.creatorId", "Creator ID")]
362
+ }), /* @__PURE__ */ _("span", {
353
363
  className: "font-mono text-xs block",
354
364
  children: z.creatorId
355
365
  })]
356
366
  })
357
367
  ]
358
- }), z.config && Object.keys(z.config).length > 0 && /* @__PURE__ */ y("div", {
368
+ }), z.config && Object.keys(z.config).length > 0 && /* @__PURE__ */ v("div", {
359
369
  className: "pt-4 border-t",
360
- children: [/* @__PURE__ */ v("h4", {
370
+ children: [/* @__PURE__ */ _("h4", {
361
371
  className: "text-sm font-medium mb-2",
362
- children: r(N, "projectDetail.configuration", "Configuration")
363
- }), /* @__PURE__ */ v("pre", {
372
+ children: r(M, "projectDetail.configuration", "Configuration")
373
+ }), /* @__PURE__ */ _("pre", {
364
374
  className: "text-xs bg-muted p-3 rounded-lg overflow-auto",
365
375
  children: JSON.stringify(z.config, null, 2)
366
376
  })]
367
377
  })]
368
378
  })] }),
369
- /* @__PURE__ */ y(S, { children: [/* @__PURE__ */ v(w, { children: /* @__PURE__ */ v(T, { children: r(N, "projectDetail.quickActions", "Quick Actions") }) }), /* @__PURE__ */ v(C, { children: /* @__PURE__ */ y("div", {
379
+ /* @__PURE__ */ v(x, { children: [/* @__PURE__ */ _(C, { children: /* @__PURE__ */ _(w, { children: r(M, "projectDetail.quickActions", "Quick Actions") }) }), /* @__PURE__ */ _(S, { children: /* @__PURE__ */ v("div", {
370
380
  className: "flex flex-wrap gap-2",
371
381
  children: [
372
- J ? /* @__PURE__ */ y(x, {
382
+ J ? /* @__PURE__ */ v(b, {
373
383
  variant: "outline",
374
384
  size: "sm",
375
385
  onClick: Q,
376
- children: [/* @__PURE__ */ v(_, {
386
+ children: [/* @__PURE__ */ _(g, {
377
387
  size: 16,
378
388
  className: "mr-2"
379
- }), r(N, "projectDetail.projectMembersPage", "Project Members")]
389
+ }), r(M, "projectDetail.projectMembersPage", "Project Members")]
380
390
  }) : null,
381
- /* @__PURE__ */ y(x, {
391
+ /* @__PURE__ */ v(b, {
382
392
  variant: "outline",
383
393
  size: "sm",
384
394
  onClick: () => I(R(`${L}/${P}/members`)),
385
- children: [/* @__PURE__ */ v(_, {
395
+ children: [/* @__PURE__ */ _(g, {
386
396
  size: 16,
387
397
  className: "mr-2"
388
- }), r(N, "projectDetail.workspaceMembers", "Workspace Members")]
398
+ }), r(M, "projectDetail.workspaceMembers", "Workspace Members")]
389
399
  }),
390
- /* @__PURE__ */ y(x, {
400
+ /* @__PURE__ */ v(b, {
391
401
  variant: "outline",
392
402
  size: "sm",
393
403
  onClick: () => I(R(`${L}/${P}/activity`)),
394
- children: [/* @__PURE__ */ v(f, {
404
+ children: [/* @__PURE__ */ _(d, {
395
405
  size: 16,
396
406
  className: "mr-2"
397
- }), r(N, "projectDetail.workspaceActivity", "Workspace Activity")]
407
+ }), r(M, "projectDetail.workspaceActivity", "Workspace Activity")]
398
408
  })
399
409
  ]
400
410
  }) })] }),
401
- /* @__PURE__ */ v(me, {
402
- open: Ee,
411
+ /* @__PURE__ */ _(he, {
412
+ open: ke,
403
413
  onOpenChange: B,
404
- children: /* @__PURE__ */ y(_e, { children: [/* @__PURE__ */ y(be, { children: [/* @__PURE__ */ v(xe, { children: r(N, "projectDetail.deleteDialogTitle", "Delete Project") }), /* @__PURE__ */ v(ve, { children: r(N, "projectDetail.deleteConfirmPrefix", "Are you sure you want to delete \"") + z.name + r(N, "projectDetail.deleteConfirmSuffix", "\"? This action cannot be undone and all project data will be permanently removed.") })] }), /* @__PURE__ */ y(ye, { children: [/* @__PURE__ */ v(ge, {
414
+ children: /* @__PURE__ */ v(ve, { children: [/* @__PURE__ */ v(xe, { children: [/* @__PURE__ */ _(Se, { children: r(M, "projectDetail.deleteDialogTitle", "Delete Project") }), /* @__PURE__ */ _(ye, { children: r(M, "projectDetail.deleteConfirmPrefix", "Are you sure you want to delete \"") + z.name + r(M, "projectDetail.deleteConfirmSuffix", "\"? This action cannot be undone and all project data will be permanently removed.") })] }), /* @__PURE__ */ v(be, { children: [/* @__PURE__ */ _(_e, {
405
415
  disabled: G,
406
- children: r(N, "projectDetail.cancel", "Cancel")
407
- }), /* @__PURE__ */ v(he, {
408
- onClick: Ue,
416
+ children: r(M, "projectDetail.cancel", "Cancel")
417
+ }), /* @__PURE__ */ _(ge, {
418
+ onClick: Ke,
409
419
  disabled: G,
410
420
  className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
411
- children: G ? r(N, "projectDetail.deleting", "Deleting...") : r(N, "projectDetail.deleteProject", "Delete Project")
421
+ children: G ? r(M, "projectDetail.deleting", "Deleting...") : r(M, "projectDetail.deleteProject", "Delete Project")
412
422
  })] })] })
413
423
  }),
414
- P && F && V ? /* @__PURE__ */ v(l, {
424
+ P && F && V ? /* @__PURE__ */ _(c, {
415
425
  open: V,
416
426
  onOpenChange: H,
417
427
  workspaceId: P,
418
428
  projectId: F,
419
429
  projectName: z.name
420
- }) : null
430
+ }) : null,
431
+ /* @__PURE__ */ _(A, { control: N })
421
432
  ]
422
433
  });
423
434
  }
424
435
  //#endregion
425
- export { N as ProjectDetailPage };
436
+ export { M as ProjectDetailPage };
426
437
 
427
438
  //# sourceMappingURL=ProjectDetailPage.js.map