@burdenoff/microfe-workspaces 2026.510.50

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 (260) hide show
  1. package/README.md +88 -0
  2. package/dist/WorkspacesRoot.d.ts +35 -0
  3. package/dist/WorkspacesRoot.d.ts.map +1 -0
  4. package/dist/WorkspacesRoot.js +71 -0
  5. package/dist/WorkspacesRoot.js.map +1 -0
  6. package/dist/WorkspacesRoutes.d.ts +10 -0
  7. package/dist/WorkspacesRoutes.d.ts.map +1 -0
  8. package/dist/WorkspacesRoutes.js +111 -0
  9. package/dist/WorkspacesRoutes.js.map +1 -0
  10. package/dist/components/CreateProjectDialog.d.ts +6 -0
  11. package/dist/components/CreateProjectDialog.d.ts.map +1 -0
  12. package/dist/components/CreateProjectDialog.js +115 -0
  13. package/dist/components/CreateProjectDialog.js.map +1 -0
  14. package/dist/components/CreateWorkspaceDialog.d.ts +2 -0
  15. package/dist/components/CreateWorkspaceDialog.d.ts.map +1 -0
  16. package/dist/components/CreateWorkspaceDialog.js +172 -0
  17. package/dist/components/CreateWorkspaceDialog.js.map +1 -0
  18. package/dist/components/InviteMemberDialog.d.ts +7 -0
  19. package/dist/components/InviteMemberDialog.d.ts.map +1 -0
  20. package/dist/components/InviteMemberDialog.js +148 -0
  21. package/dist/components/InviteMemberDialog.js.map +1 -0
  22. package/dist/components/MemberListItem.d.ts +11 -0
  23. package/dist/components/MemberListItem.d.ts.map +1 -0
  24. package/dist/components/MemberListItem.js +118 -0
  25. package/dist/components/MemberListItem.js.map +1 -0
  26. package/dist/components/ProjectCard.d.ts +13 -0
  27. package/dist/components/ProjectCard.d.ts.map +1 -0
  28. package/dist/components/ProjectCard.js +150 -0
  29. package/dist/components/ProjectCard.js.map +1 -0
  30. package/dist/components/WorkspaceCard.d.ts +8 -0
  31. package/dist/components/WorkspaceCard.d.ts.map +1 -0
  32. package/dist/components/WorkspaceCard.js +79 -0
  33. package/dist/components/WorkspaceCard.js.map +1 -0
  34. package/dist/components/WorkspacesErrorBoundary.d.ts +27 -0
  35. package/dist/components/WorkspacesErrorBoundary.d.ts.map +1 -0
  36. package/dist/components/WorkspacesErrorBoundary.js +136 -0
  37. package/dist/components/WorkspacesErrorBoundary.js.map +1 -0
  38. package/dist/components/index.d.ts +8 -0
  39. package/dist/components/index.d.ts.map +1 -0
  40. package/dist/components/index.js +7 -0
  41. package/dist/constants/permissions.d.ts +33 -0
  42. package/dist/constants/permissions.d.ts.map +1 -0
  43. package/dist/constants/permissions.js +31 -0
  44. package/dist/constants/permissions.js.map +1 -0
  45. package/dist/generated/global-operations.d.ts +279 -0
  46. package/dist/generated/global-operations.d.ts.map +1 -0
  47. package/dist/generated/global-operations.js +103 -0
  48. package/dist/generated/global-operations.js.map +1 -0
  49. package/dist/generated/global-types.d.ts +20714 -0
  50. package/dist/generated/global-types.d.ts.map +1 -0
  51. package/dist/generated/wspace-operations.d.ts +2209 -0
  52. package/dist/generated/wspace-operations.d.ts.map +1 -0
  53. package/dist/generated/wspace-operations.js +576 -0
  54. package/dist/generated/wspace-operations.js.map +1 -0
  55. package/dist/generated/wspace-types.d.ts +54990 -0
  56. package/dist/generated/wspace-types.d.ts.map +1 -0
  57. package/dist/hooks/index.d.ts +8 -0
  58. package/dist/hooks/index.d.ts.map +1 -0
  59. package/dist/hooks/index.js +7 -0
  60. package/dist/hooks/useMemberMutations.d.ts +61 -0
  61. package/dist/hooks/useMemberMutations.d.ts.map +1 -0
  62. package/dist/hooks/useMemberMutations.js +263 -0
  63. package/dist/hooks/useMemberMutations.js.map +1 -0
  64. package/dist/hooks/useProjectMutations.d.ts +26 -0
  65. package/dist/hooks/useProjectMutations.d.ts.map +1 -0
  66. package/dist/hooks/useProjectMutations.js +127 -0
  67. package/dist/hooks/useProjectMutations.js.map +1 -0
  68. package/dist/hooks/useProjects.d.ts +16 -0
  69. package/dist/hooks/useProjects.d.ts.map +1 -0
  70. package/dist/hooks/useProjects.js +103 -0
  71. package/dist/hooks/useProjects.js.map +1 -0
  72. package/dist/hooks/useScopedNavigation.d.ts +4 -0
  73. package/dist/hooks/useScopedNavigation.d.ts.map +1 -0
  74. package/dist/hooks/useScopedNavigation.js +11 -0
  75. package/dist/hooks/useScopedNavigation.js.map +1 -0
  76. package/dist/hooks/useTenants.d.ts +13 -0
  77. package/dist/hooks/useTenants.d.ts.map +1 -0
  78. package/dist/hooks/useTenants.js +47 -0
  79. package/dist/hooks/useTenants.js.map +1 -0
  80. package/dist/hooks/useWorkspaceActivity.d.ts +12 -0
  81. package/dist/hooks/useWorkspaceActivity.d.ts.map +1 -0
  82. package/dist/hooks/useWorkspaceActivity.js +31 -0
  83. package/dist/hooks/useWorkspaceActivity.js.map +1 -0
  84. package/dist/hooks/useWorkspaceMembers.d.ts +24 -0
  85. package/dist/hooks/useWorkspaceMembers.d.ts.map +1 -0
  86. package/dist/hooks/useWorkspaceMembers.js +130 -0
  87. package/dist/hooks/useWorkspaceMembers.js.map +1 -0
  88. package/dist/hooks/useWorkspaceMutations.d.ts +36 -0
  89. package/dist/hooks/useWorkspaceMutations.d.ts.map +1 -0
  90. package/dist/hooks/useWorkspaceMutations.js +119 -0
  91. package/dist/hooks/useWorkspaceMutations.js.map +1 -0
  92. package/dist/hooks/useWorkspacePermissions.d.ts +29 -0
  93. package/dist/hooks/useWorkspacePermissions.d.ts.map +1 -0
  94. package/dist/hooks/useWorkspacePermissions.js +33 -0
  95. package/dist/hooks/useWorkspacePermissions.js.map +1 -0
  96. package/dist/hooks/useWorkspaceRoles.d.ts +8 -0
  97. package/dist/hooks/useWorkspaceRoles.d.ts.map +1 -0
  98. package/dist/hooks/useWorkspaceRoles.js +31 -0
  99. package/dist/hooks/useWorkspaceRoles.js.map +1 -0
  100. package/dist/hooks/useWorkspaces.d.ts +21 -0
  101. package/dist/hooks/useWorkspaces.d.ts.map +1 -0
  102. package/dist/hooks/useWorkspaces.js +75 -0
  103. package/dist/hooks/useWorkspaces.js.map +1 -0
  104. package/dist/hooks/useWorkspacesEventEmitter.d.ts +14 -0
  105. package/dist/hooks/useWorkspacesEventEmitter.d.ts.map +1 -0
  106. package/dist/hooks/useWorkspacesEventEmitter.js +14 -0
  107. package/dist/hooks/useWorkspacesEventEmitter.js.map +1 -0
  108. package/dist/index.d.ts +33 -0
  109. package/dist/index.d.ts.map +1 -0
  110. package/dist/index.js +24 -0
  111. package/dist/pages/ActivityListPage.d.ts +2 -0
  112. package/dist/pages/ActivityListPage.d.ts.map +1 -0
  113. package/dist/pages/ActivityListPage.js +119 -0
  114. package/dist/pages/ActivityListPage.js.map +1 -0
  115. package/dist/pages/CreateWorkspacePage.d.ts +2 -0
  116. package/dist/pages/CreateWorkspacePage.d.ts.map +1 -0
  117. package/dist/pages/CreateWorkspacePage.js +264 -0
  118. package/dist/pages/CreateWorkspacePage.js.map +1 -0
  119. package/dist/pages/InviteAcceptancePage.d.ts +6 -0
  120. package/dist/pages/InviteAcceptancePage.d.ts.map +1 -0
  121. package/dist/pages/InviteAcceptancePage.js +495 -0
  122. package/dist/pages/InviteAcceptancePage.js.map +1 -0
  123. package/dist/pages/MembersListPage.d.ts +2 -0
  124. package/dist/pages/MembersListPage.d.ts.map +1 -0
  125. package/dist/pages/MembersListPage.js +420 -0
  126. package/dist/pages/MembersListPage.js.map +1 -0
  127. package/dist/pages/ProjectDetailPage.d.ts +2 -0
  128. package/dist/pages/ProjectDetailPage.d.ts.map +1 -0
  129. package/dist/pages/ProjectDetailPage.js +361 -0
  130. package/dist/pages/ProjectDetailPage.js.map +1 -0
  131. package/dist/pages/ProjectsListPage.d.ts +2 -0
  132. package/dist/pages/ProjectsListPage.d.ts.map +1 -0
  133. package/dist/pages/ProjectsListPage.js +398 -0
  134. package/dist/pages/ProjectsListPage.js.map +1 -0
  135. package/dist/pages/WorkspaceDetailPage.d.ts +2 -0
  136. package/dist/pages/WorkspaceDetailPage.d.ts.map +1 -0
  137. package/dist/pages/WorkspaceDetailPage.js +230 -0
  138. package/dist/pages/WorkspaceDetailPage.js.map +1 -0
  139. package/dist/pages/WorkspaceSettingsPage.d.ts +2 -0
  140. package/dist/pages/WorkspaceSettingsPage.d.ts.map +1 -0
  141. package/dist/pages/WorkspaceSettingsPage.js +157 -0
  142. package/dist/pages/WorkspaceSettingsPage.js.map +1 -0
  143. package/dist/pages/WorkspacesListPage.d.ts +2 -0
  144. package/dist/pages/WorkspacesListPage.d.ts.map +1 -0
  145. package/dist/pages/WorkspacesListPage.js +186 -0
  146. package/dist/pages/WorkspacesListPage.js.map +1 -0
  147. package/dist/pages/dashboard/DashboardCustomizer.d.ts +12 -0
  148. package/dist/pages/dashboard/DashboardCustomizer.d.ts.map +1 -0
  149. package/dist/pages/dashboard/DashboardCustomizer.js +136 -0
  150. package/dist/pages/dashboard/DashboardCustomizer.js.map +1 -0
  151. package/dist/pages/dashboard/DashboardGrid.d.ts +8 -0
  152. package/dist/pages/dashboard/DashboardGrid.d.ts.map +1 -0
  153. package/dist/pages/dashboard/DashboardGrid.js +58 -0
  154. package/dist/pages/dashboard/DashboardGrid.js.map +1 -0
  155. package/dist/pages/dashboard/DashboardPage.d.ts +14 -0
  156. package/dist/pages/dashboard/DashboardPage.d.ts.map +1 -0
  157. package/dist/pages/dashboard/DashboardPage.js +136 -0
  158. package/dist/pages/dashboard/DashboardPage.js.map +1 -0
  159. package/dist/pages/dashboard/WidgetWrapper.d.ts +17 -0
  160. package/dist/pages/dashboard/WidgetWrapper.d.ts.map +1 -0
  161. package/dist/pages/dashboard/WidgetWrapper.js +72 -0
  162. package/dist/pages/dashboard/WidgetWrapper.js.map +1 -0
  163. package/dist/pages/dashboard/config.d.ts +9 -0
  164. package/dist/pages/dashboard/config.d.ts.map +1 -0
  165. package/dist/pages/dashboard/config.js +214 -0
  166. package/dist/pages/dashboard/config.js.map +1 -0
  167. package/dist/pages/dashboard/hooks/useDashboardData.d.ts +9 -0
  168. package/dist/pages/dashboard/hooks/useDashboardData.d.ts.map +1 -0
  169. package/dist/pages/dashboard/hooks/useDashboardData.js +118 -0
  170. package/dist/pages/dashboard/hooks/useDashboardData.js.map +1 -0
  171. package/dist/pages/dashboard/hooks/useDashboardPreferences.d.ts +4 -0
  172. package/dist/pages/dashboard/hooks/useDashboardPreferences.d.ts.map +1 -0
  173. package/dist/pages/dashboard/hooks/useDashboardPreferences.js +32 -0
  174. package/dist/pages/dashboard/hooks/useDashboardPreferences.js.map +1 -0
  175. package/dist/pages/dashboard/types.d.ts +145 -0
  176. package/dist/pages/dashboard/types.d.ts.map +1 -0
  177. package/dist/pages/dashboard/widgets/GroupsWidget.d.ts +4 -0
  178. package/dist/pages/dashboard/widgets/GroupsWidget.d.ts.map +1 -0
  179. package/dist/pages/dashboard/widgets/GroupsWidget.js +59 -0
  180. package/dist/pages/dashboard/widgets/GroupsWidget.js.map +1 -0
  181. package/dist/pages/dashboard/widgets/MembersWidget.d.ts +4 -0
  182. package/dist/pages/dashboard/widgets/MembersWidget.d.ts.map +1 -0
  183. package/dist/pages/dashboard/widgets/MembersWidget.js +65 -0
  184. package/dist/pages/dashboard/widgets/MembersWidget.js.map +1 -0
  185. package/dist/pages/dashboard/widgets/ProjectsWidget.d.ts +4 -0
  186. package/dist/pages/dashboard/widgets/ProjectsWidget.d.ts.map +1 -0
  187. package/dist/pages/dashboard/widgets/ProjectsWidget.js +91 -0
  188. package/dist/pages/dashboard/widgets/ProjectsWidget.js.map +1 -0
  189. package/dist/pages/dashboard/widgets/QuickActionsWidget.d.ts +4 -0
  190. package/dist/pages/dashboard/widgets/QuickActionsWidget.d.ts.map +1 -0
  191. package/dist/pages/dashboard/widgets/QuickActionsWidget.js +80 -0
  192. package/dist/pages/dashboard/widgets/QuickActionsWidget.js.map +1 -0
  193. package/dist/pages/dashboard/widgets/RecentActivityWidget.d.ts +4 -0
  194. package/dist/pages/dashboard/widgets/RecentActivityWidget.d.ts.map +1 -0
  195. package/dist/pages/dashboard/widgets/RecentActivityWidget.js +81 -0
  196. package/dist/pages/dashboard/widgets/RecentActivityWidget.js.map +1 -0
  197. package/dist/pages/dashboard/widgets/StorageWidget.d.ts +4 -0
  198. package/dist/pages/dashboard/widgets/StorageWidget.d.ts.map +1 -0
  199. package/dist/pages/dashboard/widgets/StorageWidget.js +69 -0
  200. package/dist/pages/dashboard/widgets/StorageWidget.js.map +1 -0
  201. package/dist/pages/dashboard/widgets/SystemHealthWidget.d.ts +4 -0
  202. package/dist/pages/dashboard/widgets/SystemHealthWidget.d.ts.map +1 -0
  203. package/dist/pages/dashboard/widgets/SystemHealthWidget.js +59 -0
  204. package/dist/pages/dashboard/widgets/SystemHealthWidget.js.map +1 -0
  205. package/dist/pages/dashboard/widgets/TagCloudWidget.d.ts +4 -0
  206. package/dist/pages/dashboard/widgets/TagCloudWidget.d.ts.map +1 -0
  207. package/dist/pages/dashboard/widgets/TagCloudWidget.js +61 -0
  208. package/dist/pages/dashboard/widgets/TagCloudWidget.js.map +1 -0
  209. package/dist/pages/dashboard/widgets/TipsWidget.d.ts +4 -0
  210. package/dist/pages/dashboard/widgets/TipsWidget.d.ts.map +1 -0
  211. package/dist/pages/dashboard/widgets/TipsWidget.js +67 -0
  212. package/dist/pages/dashboard/widgets/TipsWidget.js.map +1 -0
  213. package/dist/pages/dashboard/widgets/UpcomingEventsWidget.d.ts +4 -0
  214. package/dist/pages/dashboard/widgets/UpcomingEventsWidget.d.ts.map +1 -0
  215. package/dist/pages/dashboard/widgets/UpcomingEventsWidget.js +83 -0
  216. package/dist/pages/dashboard/widgets/UpcomingEventsWidget.js.map +1 -0
  217. package/dist/pages/dashboard/widgets/WelcomeWidget.d.ts +4 -0
  218. package/dist/pages/dashboard/widgets/WelcomeWidget.d.ts.map +1 -0
  219. package/dist/pages/dashboard/widgets/WelcomeWidget.js +71 -0
  220. package/dist/pages/dashboard/widgets/WelcomeWidget.js.map +1 -0
  221. package/dist/pages/dashboard/widgets/WorkflowStatsWidget.d.ts +4 -0
  222. package/dist/pages/dashboard/widgets/WorkflowStatsWidget.d.ts.map +1 -0
  223. package/dist/pages/dashboard/widgets/WorkflowStatsWidget.js +97 -0
  224. package/dist/pages/dashboard/widgets/WorkflowStatsWidget.js.map +1 -0
  225. package/dist/pages/dashboard/widgets/WorkspacesWidget.d.ts +4 -0
  226. package/dist/pages/dashboard/widgets/WorkspacesWidget.d.ts.map +1 -0
  227. package/dist/pages/dashboard/widgets/WorkspacesWidget.js +67 -0
  228. package/dist/pages/dashboard/widgets/WorkspacesWidget.js.map +1 -0
  229. package/dist/providers/WorkspacesProvider.d.ts +13 -0
  230. package/dist/providers/WorkspacesProvider.d.ts.map +1 -0
  231. package/dist/providers/WorkspacesProvider.js +24 -0
  232. package/dist/providers/WorkspacesProvider.js.map +1 -0
  233. package/dist/store/workspacesStore.d.ts +82 -0
  234. package/dist/store/workspacesStore.d.ts.map +1 -0
  235. package/dist/store/workspacesStore.js +92 -0
  236. package/dist/store/workspacesStore.js.map +1 -0
  237. package/dist/types/index.d.ts +280 -0
  238. package/dist/types/index.d.ts.map +1 -0
  239. package/dist/utils/formatters.d.ts +60 -0
  240. package/dist/utils/formatters.d.ts.map +1 -0
  241. package/dist/utils/formatters.js +61 -0
  242. package/dist/utils/formatters.js.map +1 -0
  243. package/dist/utils/index.d.ts +3 -0
  244. package/dist/utils/index.d.ts.map +1 -0
  245. package/dist/utils/nativeBridge.d.ts +3 -0
  246. package/dist/utils/nativeBridge.d.ts.map +1 -0
  247. package/dist/utils/nativeBridge.js +2 -0
  248. package/dist/utils/projectTags.d.ts +6 -0
  249. package/dist/utils/projectTags.d.ts.map +1 -0
  250. package/dist/utils/projectTags.js +49 -0
  251. package/dist/utils/projectTags.js.map +1 -0
  252. package/dist/utils/slug.d.ts +13 -0
  253. package/dist/utils/slug.d.ts.map +1 -0
  254. package/dist/utils/slug.js +8 -0
  255. package/dist/utils/slug.js.map +1 -0
  256. package/dist/utils/tokenHelpers.d.ts +114 -0
  257. package/dist/utils/tokenHelpers.d.ts.map +1 -0
  258. package/dist/utils/tokenHelpers.js +80 -0
  259. package/dist/utils/tokenHelpers.js.map +1 -0
  260. package/package.json +113 -0
package/README.md ADDED
@@ -0,0 +1,88 @@
1
+ # @burdenoff/micro-fe
2
+
3
+ Microfrontend packages for Burdenoff products.
4
+
5
+ ## Architecture
6
+
7
+ This is a **Layer 2 package** - a monolithic package with subpath exports for all microfrontends.
8
+
9
+ ## Package Structure
10
+
11
+ ```
12
+ @burdenoff/micro-fe/
13
+ ├── /workflows - Complete workflow builder and management microfrontend
14
+ ├── /tags - Tag management system (to be implemented)
15
+ └── /auth - Authentication flows (to be implemented)
16
+ ```
17
+
18
+ ## Usage
19
+
20
+ ```typescript
21
+ import { WorkflowsRoot } from '@burdenoff/micro-fe/workflows';
22
+
23
+ // In your host shell
24
+ <WorkflowsRoot
25
+ basePath="/workflows"
26
+ navigate={(path) => navigate(path)}
27
+ currentUser={user}
28
+ workspaceId={workspaceId}
29
+ apiGatewayUrl={apiGatewayUrl}
30
+ authToken={authToken}
31
+ />
32
+ ```
33
+
34
+ ## Development
35
+
36
+ ```bash
37
+ # Install dependencies
38
+ bun install
39
+
40
+ # Generate GraphQL types
41
+ bun run codegen
42
+
43
+ # Build library
44
+ bun run build
45
+
46
+ # Type check
47
+ bun run type:check
48
+
49
+ # Run all checks
50
+ bun run sanity
51
+ ```
52
+
53
+ ## Workflows Microfrontend
54
+
55
+ Complete workflow automation microfrontend with:
56
+
57
+ - **WorkflowsList** - List all workflows
58
+ - **WorkflowBuilder** - Visual workflow builder with node palette
59
+ - **WorkflowRuns** - Execution history
60
+ - **WorkflowRunDetails** - Detailed run monitoring
61
+
62
+ ### Routes
63
+
64
+ - `/` - Workflows list
65
+ - `/builder/:workflowKey?` - Workflow builder (create/edit)
66
+ - `/runs` - Workflow runs history
67
+ - `/runs/:runId` - Run details
68
+
69
+ ## GraphQL Integration
70
+
71
+ Uses GraphQL Codegen to generate typed hooks from operations:
72
+
73
+ ```typescript
74
+ import { useGetWorkspacesQuery } from './generated/operations';
75
+
76
+ const { data, loading } = useGetWorkflowDefinitionsQuery({
77
+ variables: { input: { limit: 10 } }
78
+ });
79
+ ```
80
+
81
+ ## Tech Stack
82
+
83
+ - React 19 with TypeScript
84
+ - React Router v7
85
+ - Apollo Client for GraphQL
86
+ - Zustand for state management
87
+ - @burdenoff/fe-libs for UI primitives
88
+ - TailwindCSS v4 for styling
@@ -0,0 +1,35 @@
1
+ import { FC } from 'react';
2
+ import { WorkspacesRootProps } from './types';
3
+
4
+ /**
5
+ * Root component for the Workspaces microfrontend.
6
+ *
7
+ * This is the main entry point that host applications import and render.
8
+ * It sets up the necessary providers and renders the internal routing.
9
+ * Automatically registers navigation items with the shell if registration functions are provided.
10
+ * Nav items for feature-previewed pages (projects, members, activity) are conditionally
11
+ * hidden based on feature flags.
12
+ *
13
+ * @example
14
+ * ```tsx
15
+ * import { WorkspacesRoot } from '@burdenoff/micro-fe/workspaces';
16
+ *
17
+ * function App() {
18
+ * return (
19
+ * <Route path="/workspaces/*" element={
20
+ * <WorkspacesRoot
21
+ * basePath="/workspaces"
22
+ * navigate={navigate}
23
+ * currentUser={user}
24
+ * workspaceId="ws-123"
25
+ * tenantId="tenant-123"
26
+ * apiGatewayUrl="https://gw-global.local.burdenoff.com"
27
+ * authToken="token"
28
+ * />
29
+ * } />
30
+ * );
31
+ * }
32
+ * ```
33
+ */
34
+ export declare const WorkspacesRoot: FC<WorkspacesRootProps>;
35
+ //# sourceMappingURL=WorkspacesRoot.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"WorkspacesRoot.d.ts","sourceRoot":"","sources":["../src/WorkspacesRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,OAAO,KAAK,EAAW,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAG5D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAsGlD,CAAC"}
@@ -0,0 +1,71 @@
1
+ import { WorkspacesProvider as e } from "./providers/WorkspacesProvider.js";
2
+ import { WorkspacesErrorBoundary as t } from "./components/WorkspacesErrorBoundary.js";
3
+ import { WorkspacesRoutes as n } from "./WorkspacesRoutes.js";
4
+ import { useEffect as r, useMemo as i } from "react";
5
+ import { Activity as a, Building2 as o, FolderKanban as s, Users as c } from "lucide-react";
6
+ import { FeatureFlagProvider as l, useFeatureFlags as u } from "@burdenoff/fe-libs/shared/feature-flags";
7
+ import { jsx as d } from "react/jsx-runtime";
8
+ //#region src/WorkspacesRoot.tsx
9
+ var f = (f) => {
10
+ let { registerNavItems: p, registerFooterItems: m, basePath: h = "/" } = f, { isEnabled: g, evaluations: _ } = u(), v = (e, t) => (e.endsWith("/") ? e.slice(0, -1) : e) + (t.startsWith("/") ? t : `/${t}`), y = i(() => ({ isEnabled: g }), [_, g]);
11
+ return r(() => {
12
+ if (p) return p([
13
+ {
14
+ id: "workspaces-all",
15
+ label: "All Workspaces",
16
+ path: v(h, "list"),
17
+ icon: /* @__PURE__ */ d(o, { size: 20 }),
18
+ order: 10,
19
+ group: "workspaces"
20
+ },
21
+ ...y.isEnabled("workspaces.projects") ? [{
22
+ id: "workspaces-projects",
23
+ label: "Projects",
24
+ path: v(h, "projects"),
25
+ icon: /* @__PURE__ */ d(s, { size: 20 }),
26
+ order: 20,
27
+ group: "workspaces"
28
+ }] : [],
29
+ ...y.isEnabled("workspaces.members") ? [{
30
+ id: "workspaces-members",
31
+ label: "Members",
32
+ path: v(h, "members"),
33
+ icon: /* @__PURE__ */ d(c, { size: 20 }),
34
+ order: 30,
35
+ group: "workspaces"
36
+ }] : [],
37
+ ...y.isEnabled("workspaces.activity") ? [{
38
+ id: "workspaces-activity",
39
+ label: "Activity",
40
+ path: v(h, "activity"),
41
+ icon: /* @__PURE__ */ d(a, { size: 20 }),
42
+ order: 40,
43
+ group: "workspaces"
44
+ }] : []
45
+ ]);
46
+ }, [
47
+ p,
48
+ h,
49
+ y
50
+ ]), r(() => {
51
+ if (m) return m([{
52
+ id: "workspaces-status",
53
+ label: "Workspaces Ready",
54
+ type: "status",
55
+ order: 10,
56
+ section: "left"
57
+ }]);
58
+ }, [m]), /* @__PURE__ */ d(l, {
59
+ workspaceId: null,
60
+ gateway: "global",
61
+ defaultEnabled: !0,
62
+ children: /* @__PURE__ */ d(t, { children: /* @__PURE__ */ d(e, {
63
+ ...f,
64
+ children: /* @__PURE__ */ d(n, {})
65
+ }) })
66
+ });
67
+ };
68
+ //#endregion
69
+ export { f as WorkspacesRoot };
70
+
71
+ //# sourceMappingURL=WorkspacesRoot.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"WorkspacesRoot.js","names":[],"sources":["../src/WorkspacesRoot.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useEffect, useMemo } from 'react';\nimport { Building2, FolderKanban, Users, Activity } from 'lucide-react';\nimport { useFeatureFlags, FeatureFlagProvider } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { WorkspacesProvider } from './providers/WorkspacesProvider';\nimport { WorkspacesErrorBoundary } from './components/WorkspacesErrorBoundary';\nimport type { NavItem, WorkspacesRootProps } from './types';\nimport { WorkspacesRoutes } from './WorkspacesRoutes';\n\n/**\n * Root component for the Workspaces microfrontend.\n *\n * This is the main entry point that host applications import and render.\n * It sets up the necessary providers and renders the internal routing.\n * Automatically registers navigation items with the shell if registration functions are provided.\n * Nav items for feature-previewed pages (projects, members, activity) are conditionally\n * hidden based on feature flags.\n *\n * @example\n * ```tsx\n * import { WorkspacesRoot } from '@burdenoff/micro-fe/workspaces';\n *\n * function App() {\n * return (\n * <Route path=\"/workspaces/*\" element={\n * <WorkspacesRoot\n * basePath=\"/workspaces\"\n * navigate={navigate}\n * currentUser={user}\n * workspaceId=\"ws-123\"\n * tenantId=\"tenant-123\"\n * apiGatewayUrl=\"https://gw-global.local.burdenoff.com\"\n * authToken=\"token\"\n * />\n * } />\n * );\n * }\n * ```\n */\nexport const WorkspacesRoot: FC<WorkspacesRootProps> = (props) => {\n const { registerNavItems, registerFooterItems, basePath = '/' } = props;\n const { isEnabled, evaluations } = useFeatureFlags();\n\n // Helper to join paths correctly, avoiding double slashes\n const joinPath = (base: string, path: string): string => {\n const cleanBase = base.endsWith('/') ? base.slice(0, -1) : base;\n const cleanPath = path.startsWith('/') ? path : `/${path}`;\n return cleanBase + cleanPath;\n };\n\n // Rebuild flag helpers whenever evaluations change so nav re-registers\n const flagHelpers = useMemo(() => ({ isEnabled }), [evaluations, isEnabled]);\n\n // Register navigation items with the shell\n useEffect(() => {\n if (!registerNavItems) return;\n\n const navItems: NavItem[] = [\n {\n id: 'workspaces-all',\n label: 'All Workspaces',\n path: joinPath(basePath, 'list'),\n icon: <Building2 size={20} />,\n order: 10,\n group: 'workspaces',\n },\n // workspaces.projects — hidden until feature flag is enabled\n ...(flagHelpers.isEnabled('workspaces.projects')\n ? [\n {\n id: 'workspaces-projects',\n label: 'Projects',\n path: joinPath(basePath, 'projects'),\n icon: <FolderKanban size={20} />,\n order: 20,\n group: 'workspaces',\n },\n ]\n : []),\n // workspaces.members — hidden until feature flag is enabled\n ...(flagHelpers.isEnabled('workspaces.members')\n ? [\n {\n id: 'workspaces-members',\n label: 'Members',\n path: joinPath(basePath, 'members'),\n icon: <Users size={20} />,\n order: 30,\n group: 'workspaces',\n },\n ]\n : []),\n // workspaces.activity — hidden until feature flag is enabled\n ...(flagHelpers.isEnabled('workspaces.activity')\n ? [\n {\n id: 'workspaces-activity',\n label: 'Activity',\n path: joinPath(basePath, 'activity'),\n icon: <Activity size={20} />,\n order: 40,\n group: 'workspaces',\n },\n ]\n : []),\n ];\n\n // Register and get cleanup function\n const cleanup = registerNavItems(navItems);\n\n // Return cleanup function to unregister on unmount\n return cleanup;\n }, [registerNavItems, basePath, flagHelpers]);\n\n // Register footer items (example: workspace status in left section)\n useEffect(() => {\n if (!registerFooterItems) return;\n\n const footerItems = [\n {\n id: 'workspaces-status',\n label: 'Workspaces Ready',\n type: 'status' as const,\n order: 10,\n section: 'left' as const,\n },\n ];\n\n const cleanup = registerFooterItems(footerItems);\n return cleanup;\n }, [registerFooterItems]);\n\n return (\n <FeatureFlagProvider workspaceId={null} gateway=\"global\" defaultEnabled={true}>\n <WorkspacesErrorBoundary>\n <WorkspacesProvider {...props}>\n <WorkspacesRoutes />\n </WorkspacesProvider>\n </WorkspacesErrorBoundary>\n </FeatureFlagProvider>\n );\n};\n"],"mappings":";;;;;;;;AAuCA,IAAa,KAA2C,MAAU;CAChE,IAAM,EAAE,qBAAkB,wBAAqB,cAAW,QAAQ,GAC5D,EAAE,cAAW,mBAAgB,GAAiB,EAG9C,KAAY,GAAc,OACZ,EAAK,SAAS,IAAI,GAAG,EAAK,MAAM,GAAG,GAAG,GAAG,MACzC,EAAK,WAAW,IAAI,GAAG,IAAO,IAAI,MAKhD,IAAc,SAAe,EAAE,cAAW,GAAG,CAAC,GAAa,EAAU,CAAC;AAiF5E,QA9EA,QAAgB;AACT,QAwDL,QAHgB,EAnDY;GAC1B;IACE,IAAI;IACJ,OAAO;IACP,MAAM,EAAS,GAAU,OAAO;IAChC,MAAM,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA;IAC7B,OAAO;IACP,OAAO;IACR;GAED,GAAI,EAAY,UAAU,sBAAsB,GAC5C,CACE;IACE,IAAI;IACJ,OAAO;IACP,MAAM,EAAS,GAAU,WAAW;IACpC,MAAM,kBAAC,GAAD,EAAc,MAAM,IAAM,CAAA;IAChC,OAAO;IACP,OAAO;IACR,CACF,GACD,EAAE;GAEN,GAAI,EAAY,UAAU,qBAAqB,GAC3C,CACE;IACE,IAAI;IACJ,OAAO;IACP,MAAM,EAAS,GAAU,UAAU;IACnC,MAAM,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;IACzB,OAAO;IACP,OAAO;IACR,CACF,GACD,EAAE;GAEN,GAAI,EAAY,UAAU,sBAAsB,GAC5C,CACE;IACE,IAAI;IACJ,OAAO;IACP,MAAM,EAAS,GAAU,WAAW;IACpC,MAAM,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;IAC5B,OAAO;IACP,OAAO;IACR,CACF,GACD,EAAE;GACP,CAGyC;IAIzC;EAAC;EAAkB;EAAU;EAAY,CAAC,EAG7C,QAAgB;AACT,QAaL,QADgB,EAVI,CAClB;GACE,IAAI;GACJ,OAAO;GACP,MAAM;GACN,OAAO;GACP,SAAS;GACV,CACF,CAE+C;IAE/C,CAAC,EAAoB,CAAC,EAGvB,kBAAC,GAAD;EAAqB,aAAa;EAAM,SAAQ;EAAS,gBAAgB;YACvE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAAoB,GAAI;aACtB,kBAAC,GAAD,EAAoB,CAAA;GACD,CAAA,EACG,CAAA;EACN,CAAA"}
@@ -0,0 +1,10 @@
1
+ /**
2
+ * Internal routing for the Workspaces microfrontend.
3
+ * Defines all routes and their corresponding page components.
4
+ *
5
+ * - WorkspacesListPage: Eager loaded (main entry point)
6
+ * - All other pages: Lazy loaded for better performance
7
+ * - Projects, Members, Activity: gated by feature flags (unreleased)
8
+ */
9
+ export declare function WorkspacesRoutes(): import("react/jsx-runtime").JSX.Element;
10
+ //# sourceMappingURL=WorkspacesRoutes.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"WorkspacesRoutes.d.ts","sourceRoot":"","sources":["../src/WorkspacesRoutes.tsx"],"names":[],"mappings":"AAmFA;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,4CAqD/B"}
@@ -0,0 +1,111 @@
1
+ import { useWorkspacesContext as e } from "./providers/WorkspacesProvider.js";
2
+ import { WorkspacesListPage as t } from "./pages/WorkspacesListPage.js";
3
+ import { Suspense as n, lazy as r } from "react";
4
+ import { FeatureGate as i } from "@burdenoff/fe-libs/shared/feature-flags";
5
+ import { jsx as a, jsxs as o } from "react/jsx-runtime";
6
+ import { Navigate as s, Route as c, Routes as l } from "react-router-dom";
7
+ //#region src/WorkspacesRoutes.tsx
8
+ var u = r(() => import("./pages/CreateWorkspacePage.js").then((e) => ({ default: e.CreateWorkspacePage }))), d = r(() => import("./pages/WorkspaceDetailPage.js").then((e) => ({ default: e.WorkspaceDetailPage }))), f = r(() => import("./pages/WorkspaceSettingsPage.js").then((e) => ({ default: e.WorkspaceSettingsPage }))), p = r(() => import("./pages/ProjectsListPage.js").then((e) => ({ default: e.ProjectsListPage }))), m = r(() => import("./pages/ProjectDetailPage.js").then((e) => ({ default: e.ProjectDetailPage }))), h = r(() => import("./pages/MembersListPage.js").then((e) => ({ default: e.MembersListPage }))), g = r(() => import("./pages/ActivityListPage.js").then((e) => ({ default: e.ActivityListPage }))), _ = r(() => import("./pages/InviteAcceptancePage.js").then((e) => ({ default: e.InviteAcceptancePage })));
9
+ function v() {
10
+ return /* @__PURE__ */ a("div", {
11
+ className: "flex items-center justify-center h-64",
12
+ children: /* @__PURE__ */ a("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-primary" })
13
+ });
14
+ }
15
+ function y() {
16
+ return /* @__PURE__ */ a("div", {
17
+ className: "flex h-full items-center justify-center p-8 text-center",
18
+ children: /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h2", {
19
+ className: "text-lg font-semibold mb-2 text-text-primary",
20
+ children: "Feature Not Available"
21
+ }), /* @__PURE__ */ a("p", {
22
+ className: "text-sm text-text-secondary",
23
+ children: "This feature is not currently available. Enable it under Feature Previews to access this functionality."
24
+ })] })
25
+ });
26
+ }
27
+ function b(e, t, n = !1) {
28
+ return /* @__PURE__ */ a(i, {
29
+ flag: e,
30
+ defaultValue: n,
31
+ fallback: /* @__PURE__ */ a(y, {}),
32
+ children: t
33
+ });
34
+ }
35
+ function x() {
36
+ let { basePath: t = "/workspaces" } = e();
37
+ return /* @__PURE__ */ a(s, {
38
+ to: `${t}/list`,
39
+ replace: !0
40
+ });
41
+ }
42
+ function S() {
43
+ return /* @__PURE__ */ a(n, {
44
+ fallback: /* @__PURE__ */ a(v, {}),
45
+ children: /* @__PURE__ */ o(l, { children: [
46
+ /* @__PURE__ */ a(c, {
47
+ index: !0,
48
+ element: /* @__PURE__ */ a(s, {
49
+ to: "list",
50
+ replace: !0
51
+ })
52
+ }),
53
+ /* @__PURE__ */ a(c, {
54
+ path: "list",
55
+ element: /* @__PURE__ */ a(t, {})
56
+ }),
57
+ /* @__PURE__ */ a(c, {
58
+ path: "new",
59
+ element: /* @__PURE__ */ a(u, {})
60
+ }),
61
+ /* @__PURE__ */ a(c, {
62
+ path: "invite/:invitationId",
63
+ element: /* @__PURE__ */ a(_, {})
64
+ }),
65
+ /* @__PURE__ */ a(c, {
66
+ path: ":workspaceId",
67
+ element: /* @__PURE__ */ a(d, {})
68
+ }),
69
+ /* @__PURE__ */ a(c, {
70
+ path: ":workspaceId/settings",
71
+ element: b("workspaces.settings", /* @__PURE__ */ a(f, {}), !0)
72
+ }),
73
+ /* @__PURE__ */ a(c, {
74
+ path: "projects",
75
+ element: b("workspaces.projects", /* @__PURE__ */ a(p, {}))
76
+ }),
77
+ /* @__PURE__ */ a(c, {
78
+ path: ":workspaceId/projects",
79
+ element: b("workspaces.projects", /* @__PURE__ */ a(p, {}))
80
+ }),
81
+ /* @__PURE__ */ a(c, {
82
+ path: ":workspaceId/projects/:projectId",
83
+ element: b("workspaces.projects", /* @__PURE__ */ a(m, {}))
84
+ }),
85
+ /* @__PURE__ */ a(c, {
86
+ path: "members",
87
+ element: b("workspaces.members", /* @__PURE__ */ a(h, {}), !0)
88
+ }),
89
+ /* @__PURE__ */ a(c, {
90
+ path: ":workspaceId/members",
91
+ element: b("workspaces.members", /* @__PURE__ */ a(h, {}), !0)
92
+ }),
93
+ /* @__PURE__ */ a(c, {
94
+ path: "activity",
95
+ element: b("workspaces.activity", /* @__PURE__ */ a(g, {}))
96
+ }),
97
+ /* @__PURE__ */ a(c, {
98
+ path: ":workspaceId/activity",
99
+ element: b("workspaces.activity", /* @__PURE__ */ a(g, {}))
100
+ }),
101
+ /* @__PURE__ */ a(c, {
102
+ path: "*",
103
+ element: /* @__PURE__ */ a(x, {})
104
+ })
105
+ ] })
106
+ });
107
+ }
108
+ //#endregion
109
+ export { S as WorkspacesRoutes };
110
+
111
+ //# sourceMappingURL=WorkspacesRoutes.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"WorkspacesRoutes.js","names":[],"sources":["../src/WorkspacesRoutes.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react';\nimport { Routes, Route, Navigate } from 'react-router-dom';\nimport { FeatureGate } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { useWorkspacesContext } from './providers/WorkspacesProvider';\n\n// Eager load - main entry point\nimport { WorkspacesListPage } from './pages/WorkspacesListPage';\n\n// Lazy load - secondary pages\nconst CreateWorkspacePage = lazy(() =>\n import('./pages/CreateWorkspacePage').then((m) => ({ default: m.CreateWorkspacePage }))\n);\nconst WorkspaceDetailPage = lazy(() =>\n import('./pages/WorkspaceDetailPage').then((m) => ({ default: m.WorkspaceDetailPage }))\n);\nconst WorkspaceSettingsPage = lazy(() =>\n import('./pages/WorkspaceSettingsPage').then((m) => ({ default: m.WorkspaceSettingsPage }))\n);\nconst ProjectsListPage = lazy(() =>\n import('./pages/ProjectsListPage').then((m) => ({ default: m.ProjectsListPage }))\n);\nconst ProjectDetailPage = lazy(() =>\n import('./pages/ProjectDetailPage').then((m) => ({ default: m.ProjectDetailPage }))\n);\nconst MembersListPage = lazy(() =>\n import('./pages/MembersListPage').then((m) => ({ default: m.MembersListPage }))\n);\nconst ActivityListPage = lazy(() =>\n import('./pages/ActivityListPage').then((m) => ({ default: m.ActivityListPage }))\n);\nconst InviteAcceptancePage = lazy(() =>\n import('./pages/InviteAcceptancePage').then((m) => ({ default: m.InviteAcceptancePage }))\n);\n\n/**\n * Loading fallback for lazy-loaded components\n */\nfunction PageLoader() {\n return (\n <div className=\"flex items-center justify-center h-64\">\n <div className=\"animate-spin rounded-full h-8 w-8 border-b-2 border-primary\" />\n </div>\n );\n}\n\n/**\n * Fallback shown when a feature-gated route is disabled.\n */\nfunction FeatureDisabledFallback() {\n return (\n <div className=\"flex h-full items-center justify-center p-8 text-center\">\n <div>\n <h2 className=\"text-lg font-semibold mb-2 text-text-primary\">Feature Not Available</h2>\n <p className=\"text-sm text-text-secondary\">\n This feature is not currently available. Enable it under Feature Previews to access this\n functionality.\n </p>\n </div>\n </div>\n );\n}\n\n/**\n * Helper: wraps a page element in a FeatureGate.\n * defaultValue=false → hidden until explicitly enabled (unreleased feature).\n */\nfunction gated(flag: string, element: React.ReactNode, defaultValue = false): React.ReactElement {\n return (\n <FeatureGate flag={flag} defaultValue={defaultValue} fallback={<FeatureDisabledFallback />}>\n {element}\n </FeatureGate>\n );\n}\n\n/**\n * Catch-all redirect component that uses the basePath from context\n * to navigate to an absolute path, preventing infinite redirect loops.\n */\nfunction CatchAllRedirect() {\n const { basePath = '/workspaces' } = useWorkspacesContext();\n return <Navigate to={`${basePath}/list`} replace />;\n}\n\n/**\n * Internal routing for the Workspaces microfrontend.\n * Defines all routes and their corresponding page components.\n *\n * - WorkspacesListPage: Eager loaded (main entry point)\n * - All other pages: Lazy loaded for better performance\n * - Projects, Members, Activity: gated by feature flags (unreleased)\n */\nexport function WorkspacesRoutes() {\n return (\n <Suspense fallback={<PageLoader />}>\n <Routes>\n {/* Default redirect */}\n <Route index element={<Navigate to=\"list\" replace />} />\n\n {/* Workspaces List - Eager loaded */}\n <Route path=\"list\" element={<WorkspacesListPage />} />\n\n {/* Create Workspace (must come before :workspaceId to avoid conflicts) */}\n <Route path=\"new\" element={<CreateWorkspacePage />} />\n\n {/* Invitation Acceptance (must come before :workspaceId to avoid conflicts) */}\n <Route path=\"invite/:invitationId\" element={<InviteAcceptancePage />} />\n\n {/* Workspace Detail */}\n <Route path=\":workspaceId\" element={<WorkspaceDetailPage />} />\n <Route\n path=\":workspaceId/settings\"\n element={gated('workspaces.settings', <WorkspaceSettingsPage />, true)}\n />\n\n {/* Projects — gated by workspaces.projects */}\n <Route path=\"projects\" element={gated('workspaces.projects', <ProjectsListPage />)} />\n <Route\n path=\":workspaceId/projects\"\n element={gated('workspaces.projects', <ProjectsListPage />)}\n />\n <Route\n path=\":workspaceId/projects/:projectId\"\n element={gated('workspaces.projects', <ProjectDetailPage />)}\n />\n\n {/* Members — gated by workspaces.members */}\n <Route path=\"members\" element={gated('workspaces.members', <MembersListPage />, true)} />\n <Route\n path=\":workspaceId/members\"\n element={gated('workspaces.members', <MembersListPage />, true)}\n />\n\n {/* Activity — gated by workspaces.activity */}\n <Route path=\"activity\" element={gated('workspaces.activity', <ActivityListPage />)} />\n <Route\n path=\":workspaceId/activity\"\n element={gated('workspaces.activity', <ActivityListPage />)}\n />\n\n {/* Catch-all redirect - uses absolute path to prevent infinite loops */}\n <Route path=\"*\" element={<CatchAllRedirect />} />\n </Routes>\n </Suspense>\n );\n}\n"],"mappings":"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"}
@@ -0,0 +1,6 @@
1
+ interface CreateProjectDialogProps {
2
+ workspaceId?: string;
3
+ }
4
+ export declare function CreateProjectDialog({ workspaceId }: CreateProjectDialogProps): import("react/jsx-runtime").JSX.Element;
5
+ export {};
6
+ //# sourceMappingURL=CreateProjectDialog.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CreateProjectDialog.d.ts","sourceRoot":"","sources":["../../src/components/CreateProjectDialog.tsx"],"names":[],"mappings":"AAuCA,UAAU,wBAAwB;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,WAAW,EAAE,EAAE,wBAAwB,2CAsI5E"}
@@ -0,0 +1,115 @@
1
+ import { useWorkspacesStore as e } from "../store/workspacesStore.js";
2
+ import { useCreateProject as t } from "../hooks/useProjectMutations.js";
3
+ import { jsx as n, jsxs as r } from "react/jsx-runtime";
4
+ import { Button as i, Dialog as a, DialogContent as o, DialogDescription as s, DialogHeader as c, DialogTitle as l } from "@burdenoff/fe-libs/ui";
5
+ import { FormControl as u, FormDescription as d, FormField as f, FormItem as p, FormLabel as m, FormMessage as h, FormProvider as g, Input as _, Textarea as v, useForm as y, z as b } from "@burdenoff/fe-libs/form";
6
+ //#region src/components/CreateProjectDialog.tsx
7
+ var x = b.object({
8
+ name: b.string().min(2, "Name must be at least 2 characters").max(100, "Name must be less than 100 characters"),
9
+ key: b.string().min(2, "Key must be at least 2 characters").max(10, "Key must be less than 10 characters").regex(/^[A-Z0-9_-]+$/, "Key must be uppercase letters, numbers, underscores, or hyphens"),
10
+ description: b.string().optional()
11
+ });
12
+ function S({ workspaceId: b }) {
13
+ let { isCreateProjectDialogOpen: S, closeCreateProjectDialog: C } = e(), { mutate: w, isPending: T } = t(b), E = y({
14
+ schema: x,
15
+ defaultValues: {
16
+ name: "",
17
+ key: "",
18
+ description: ""
19
+ }
20
+ }), D = (e) => {
21
+ w({
22
+ name: e.name,
23
+ key: e.key,
24
+ config: e.description ? { description: e.description } : void 0
25
+ }, {
26
+ onSuccess: () => {
27
+ C(), E.reset();
28
+ },
29
+ onError: (e) => {
30
+ console.error("Failed to create project:", e);
31
+ }
32
+ });
33
+ }, O = (e) => {
34
+ e || (C(), E.reset());
35
+ }, k = (e) => {
36
+ let t = e.toUpperCase().replace(/[^A-Z0-9\s]/g, "").replace(/\s+/g, "_").slice(0, 10);
37
+ E.getValues("key") || E.setValue("key", t);
38
+ };
39
+ return /* @__PURE__ */ n(a, {
40
+ open: S,
41
+ onOpenChange: O,
42
+ children: /* @__PURE__ */ r(o, {
43
+ className: "sm:max-w-[500px]",
44
+ children: [/* @__PURE__ */ r(c, { children: [/* @__PURE__ */ n(l, { children: "Create Project" }), /* @__PURE__ */ n(s, { children: "Create a new project in your workspace. Projects help organize your work." })] }), /* @__PURE__ */ n(g, {
45
+ ...E,
46
+ children: /* @__PURE__ */ r("form", {
47
+ onSubmit: E.handleSubmit(D),
48
+ className: "space-y-4",
49
+ children: [
50
+ /* @__PURE__ */ n(f, {
51
+ control: E.control,
52
+ name: "name",
53
+ render: ({ field: e }) => /* @__PURE__ */ r(p, { children: [
54
+ /* @__PURE__ */ n(m, { children: "Project Name" }),
55
+ /* @__PURE__ */ n(u, { children: /* @__PURE__ */ n(_, {
56
+ ...e,
57
+ placeholder: "My Project",
58
+ onChange: (t) => {
59
+ e.onChange(t), k(t.target.value);
60
+ }
61
+ }) }),
62
+ /* @__PURE__ */ n(d, { children: "A descriptive name for your project" }),
63
+ /* @__PURE__ */ n(h, {})
64
+ ] })
65
+ }),
66
+ /* @__PURE__ */ n(f, {
67
+ control: E.control,
68
+ name: "key",
69
+ render: ({ field: e }) => /* @__PURE__ */ r(p, { children: [
70
+ /* @__PURE__ */ n(m, { children: "Project Key" }),
71
+ /* @__PURE__ */ n(u, { children: /* @__PURE__ */ n(_, {
72
+ ...e,
73
+ placeholder: "MYPROJ"
74
+ }) }),
75
+ /* @__PURE__ */ n(d, { children: "Short identifier (uppercase letters, numbers, underscores)" }),
76
+ /* @__PURE__ */ n(h, {})
77
+ ] })
78
+ }),
79
+ /* @__PURE__ */ n(f, {
80
+ control: E.control,
81
+ name: "description",
82
+ render: ({ field: e }) => /* @__PURE__ */ r(p, { children: [
83
+ /* @__PURE__ */ n(m, { children: "Description (Optional)" }),
84
+ /* @__PURE__ */ n(u, { children: /* @__PURE__ */ n(v, {
85
+ ...e,
86
+ placeholder: "Brief description of the project",
87
+ rows: 3
88
+ }) }),
89
+ /* @__PURE__ */ n(h, {})
90
+ ] })
91
+ }),
92
+ /* @__PURE__ */ r("div", {
93
+ className: "flex justify-end gap-3 pt-4",
94
+ children: [/* @__PURE__ */ n(i, {
95
+ type: "button",
96
+ variant: "outline",
97
+ onClick: () => O(!1),
98
+ disabled: T,
99
+ children: "Cancel"
100
+ }), /* @__PURE__ */ n(i, {
101
+ type: "submit",
102
+ disabled: T,
103
+ children: T ? "Creating..." : "Create Project"
104
+ })]
105
+ })
106
+ ]
107
+ })
108
+ })]
109
+ })
110
+ });
111
+ }
112
+ //#endregion
113
+ export { S as CreateProjectDialog };
114
+
115
+ //# sourceMappingURL=CreateProjectDialog.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CreateProjectDialog.js","names":[],"sources":["../../src/components/CreateProjectDialog.tsx"],"sourcesContent":["import {\n Dialog,\n DialogContent,\n DialogDescription,\n DialogHeader,\n DialogTitle,\n Button,\n} from '@burdenoff/fe-libs/ui';\nimport {\n FormField,\n FormItem,\n FormLabel,\n FormControl,\n FormMessage,\n FormDescription,\n Input,\n Textarea,\n useForm,\n FormProvider,\n z,\n} from '@burdenoff/fe-libs/form';\nimport { useWorkspacesStore } from '../store/workspacesStore';\nimport { useCreateProject } from '../hooks/useProjectMutations';\n\nconst createProjectSchema = z.object({\n name: z\n .string()\n .min(2, 'Name must be at least 2 characters')\n .max(100, 'Name must be less than 100 characters'),\n key: z\n .string()\n .min(2, 'Key must be at least 2 characters')\n .max(10, 'Key must be less than 10 characters')\n .regex(/^[A-Z0-9_-]+$/, 'Key must be uppercase letters, numbers, underscores, or hyphens'),\n description: z.string().optional(),\n});\n\ntype CreateProjectFormData = z.infer<typeof createProjectSchema>;\n\ninterface CreateProjectDialogProps {\n workspaceId?: string;\n}\n\nexport function CreateProjectDialog({ workspaceId }: CreateProjectDialogProps) {\n const { isCreateProjectDialogOpen, closeCreateProjectDialog } = useWorkspacesStore();\n const { mutate: createProject, isPending } = useCreateProject(workspaceId);\n\n const form = useForm({\n schema: createProjectSchema,\n defaultValues: {\n name: '',\n key: '',\n description: '',\n },\n });\n\n const onSubmit = (data: CreateProjectFormData) => {\n const input = {\n name: data.name,\n key: data.key,\n config: data.description ? { description: data.description } : undefined,\n };\n\n createProject(input, {\n onSuccess: () => {\n closeCreateProjectDialog();\n form.reset();\n },\n onError: (error) => {\n console.error('Failed to create project:', error);\n },\n });\n };\n\n const handleOpenChange = (open: boolean) => {\n if (!open) {\n closeCreateProjectDialog();\n form.reset();\n }\n };\n\n // Auto-generate key from name\n const handleNameChange = (name: string) => {\n const autoKey = name\n .toUpperCase()\n .replace(/[^A-Z0-9\\s]/g, '')\n .replace(/\\s+/g, '_')\n .slice(0, 10);\n\n if (!form.getValues('key')) {\n form.setValue('key', autoKey);\n }\n };\n\n return (\n <Dialog open={isCreateProjectDialogOpen} onOpenChange={handleOpenChange}>\n <DialogContent className=\"sm:max-w-[500px]\">\n <DialogHeader>\n <DialogTitle>Create Project</DialogTitle>\n <DialogDescription>\n Create a new project in your workspace. Projects help organize your work.\n </DialogDescription>\n </DialogHeader>\n\n <FormProvider {...form}>\n <form onSubmit={form.handleSubmit(onSubmit)} className=\"space-y-4\">\n <FormField\n control={form.control}\n name=\"name\"\n render={({ field }) => (\n <FormItem>\n <FormLabel>Project Name</FormLabel>\n <FormControl>\n <Input\n {...field}\n placeholder=\"My Project\"\n onChange={(e) => {\n field.onChange(e);\n handleNameChange(e.target.value);\n }}\n />\n </FormControl>\n <FormDescription>A descriptive name for your project</FormDescription>\n <FormMessage />\n </FormItem>\n )}\n />\n\n <FormField\n control={form.control}\n name=\"key\"\n render={({ field }) => (\n <FormItem>\n <FormLabel>Project Key</FormLabel>\n <FormControl>\n <Input {...field} placeholder=\"MYPROJ\" />\n </FormControl>\n <FormDescription>\n Short identifier (uppercase letters, numbers, underscores)\n </FormDescription>\n <FormMessage />\n </FormItem>\n )}\n />\n\n <FormField\n control={form.control}\n name=\"description\"\n render={({ field }) => (\n <FormItem>\n <FormLabel>Description (Optional)</FormLabel>\n <FormControl>\n <Textarea {...field} placeholder=\"Brief description of the project\" rows={3} />\n </FormControl>\n <FormMessage />\n </FormItem>\n )}\n />\n\n <div className=\"flex justify-end gap-3 pt-4\">\n <Button\n type=\"button\"\n variant=\"outline\"\n onClick={() => handleOpenChange(false)}\n disabled={isPending}\n >\n Cancel\n </Button>\n <Button type=\"submit\" disabled={isPending}>\n {isPending ? 'Creating...' : 'Create Project'}\n </Button>\n </div>\n </form>\n </FormProvider>\n </DialogContent>\n </Dialog>\n );\n}\n"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export declare function CreateWorkspaceDialog(): import("react/jsx-runtime").JSX.Element;
2
+ //# sourceMappingURL=CreateWorkspaceDialog.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CreateWorkspaceDialog.d.ts","sourceRoot":"","sources":["../../src/components/CreateWorkspaceDialog.tsx"],"names":[],"mappings":"AA+CA,wBAAgB,qBAAqB,4CA6OpC"}