@arbidocs/blocks 0.4.4 → 0.4.6

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 (149) hide show
  1. package/README.md +71 -6
  2. package/dist/agents/index.cjs +163 -162
  3. package/dist/agents/index.js +6 -5
  4. package/dist/artifacts/ArtifactCompareBar.d.ts +33 -0
  5. package/dist/artifacts/ArtifactEditor.d.ts +64 -0
  6. package/dist/artifacts/ArtifactEditorBody.d.ts +34 -0
  7. package/dist/artifacts/ArtifactRedlineView.d.ts +57 -0
  8. package/dist/artifacts/ArtifactToolbar.d.ts +53 -0
  9. package/dist/artifacts/ArtifactVersionBar.d.ts +42 -0
  10. package/dist/{files → artifacts}/RedlineParts.d.ts +4 -0
  11. package/dist/artifacts/editor/ArtifactMarkdownEditor.d.ts +39 -0
  12. package/dist/artifacts/editor/index.cjs +89 -0
  13. package/dist/artifacts/editor/index.cjs.map +1 -0
  14. package/dist/artifacts/editor/index.d.ts +1 -0
  15. package/dist/artifacts/editor/index.js +86 -0
  16. package/dist/artifacts/editor/index.js.map +1 -0
  17. package/dist/artifacts/index.cjs +807 -0
  18. package/dist/artifacts/index.cjs.map +1 -0
  19. package/dist/artifacts/index.d.ts +8 -0
  20. package/dist/artifacts/index.js +787 -0
  21. package/dist/artifacts/index.js.map +1 -0
  22. package/dist/chat/ChatMessageContent.d.ts +16 -0
  23. package/dist/chat/ChatPage.d.ts +11 -8
  24. package/dist/chat/ChatThreads.d.ts +3 -1
  25. package/dist/chat/CitationMark.d.ts +18 -0
  26. package/dist/chat/chat-page-types.d.ts +75 -1
  27. package/dist/chat/index.cjs +125 -116
  28. package/dist/chat/index.d.ts +3 -1
  29. package/dist/chat/index.js +4 -3
  30. package/dist/{chunk-XKKGGUU2.cjs → chunk-23XL6SVZ.cjs} +39 -19
  31. package/dist/chunk-23XL6SVZ.cjs.map +1 -0
  32. package/dist/{chunk-ULWRNGGE.cjs → chunk-2ZTONLT5.cjs} +4 -25
  33. package/dist/chunk-2ZTONLT5.cjs.map +1 -0
  34. package/dist/{chunk-O637DUKS.cjs → chunk-56BUD74K.cjs} +28 -28
  35. package/dist/{chunk-O637DUKS.cjs.map → chunk-56BUD74K.cjs.map} +1 -1
  36. package/dist/{chunk-ATXPAD6S.cjs → chunk-5SLLMK5K.cjs} +420 -114
  37. package/dist/chunk-5SLLMK5K.cjs.map +1 -0
  38. package/dist/{chunk-SS23F63U.cjs → chunk-5ZBP7TCD.cjs} +55 -3
  39. package/dist/chunk-5ZBP7TCD.cjs.map +1 -0
  40. package/dist/{chunk-DGVKBOY5.cjs → chunk-67HGXV4I.cjs} +6 -6
  41. package/dist/{chunk-DGVKBOY5.cjs.map → chunk-67HGXV4I.cjs.map} +1 -1
  42. package/dist/{chunk-RCP6THBS.js → chunk-7OCFHEE6.js} +3 -3
  43. package/dist/{chunk-RCP6THBS.js.map → chunk-7OCFHEE6.js.map} +1 -1
  44. package/dist/{chunk-TX2ZICS7.js → chunk-CPMNAJLF.js} +4 -24
  45. package/dist/chunk-CPMNAJLF.js.map +1 -0
  46. package/dist/{chunk-BBEMPS6C.js → chunk-CVFBSUXL.js} +5 -5
  47. package/dist/{chunk-BBEMPS6C.js.map → chunk-CVFBSUXL.js.map} +1 -1
  48. package/dist/chunk-DCDVWPMB.cjs +29 -0
  49. package/dist/chunk-DCDVWPMB.cjs.map +1 -0
  50. package/dist/{chunk-TI4UTYRL.js → chunk-EY2RJW27.js} +258 -10
  51. package/dist/chunk-EY2RJW27.js.map +1 -0
  52. package/dist/{chunk-7YADKWZT.js → chunk-G2E3O3HI.js} +3 -3
  53. package/dist/{chunk-7YADKWZT.js.map → chunk-G2E3O3HI.js.map} +1 -1
  54. package/dist/{chunk-JPO3F4J7.js → chunk-G2T3KTZ3.js} +418 -114
  55. package/dist/chunk-G2T3KTZ3.js.map +1 -0
  56. package/dist/{chunk-2NNTQLBY.js → chunk-IAKUTBPX.js} +4 -4
  57. package/dist/{chunk-2NNTQLBY.js.map → chunk-IAKUTBPX.js.map} +1 -1
  58. package/dist/{chunk-IZHWP6WQ.cjs → chunk-JG4TFS3Z.cjs} +6 -6
  59. package/dist/{chunk-IZHWP6WQ.cjs.map → chunk-JG4TFS3Z.cjs.map} +1 -1
  60. package/dist/chunk-JLOYWXRB.js +1156 -0
  61. package/dist/chunk-JLOYWXRB.js.map +1 -0
  62. package/dist/{chunk-WJZBJUPX.js → chunk-KXMDOTGW.js} +56 -4
  63. package/dist/chunk-KXMDOTGW.js.map +1 -0
  64. package/dist/{chunk-2VBJ763Y.js → chunk-KZJAG7T3.js} +37 -7
  65. package/dist/chunk-KZJAG7T3.js.map +1 -0
  66. package/dist/{chunk-RIL7G7AS.cjs → chunk-MGUHR3JI.cjs} +4 -4
  67. package/dist/{chunk-RIL7G7AS.cjs.map → chunk-MGUHR3JI.cjs.map} +1 -1
  68. package/dist/{chunk-DN3NFNIA.cjs → chunk-QMDLPO3M.cjs} +266 -10
  69. package/dist/chunk-QMDLPO3M.cjs.map +1 -0
  70. package/dist/chunk-TJMKFY5P.js +27 -0
  71. package/dist/chunk-TJMKFY5P.js.map +1 -0
  72. package/dist/{chunk-B673CCW5.js → chunk-UHVNYKV2.js} +38 -18
  73. package/dist/chunk-UHVNYKV2.js.map +1 -0
  74. package/dist/{chunk-6CHMNKXC.cjs → chunk-UTYQPVIW.cjs} +11 -11
  75. package/dist/chunk-UTYQPVIW.cjs.map +1 -0
  76. package/dist/{chunk-KHX2BX3S.cjs → chunk-VGOFFCMT.cjs} +37 -5
  77. package/dist/chunk-VGOFFCMT.cjs.map +1 -0
  78. package/dist/{chunk-67MKU5U7.js → chunk-YMHGF6R5.js} +8 -8
  79. package/dist/chunk-YMHGF6R5.js.map +1 -0
  80. package/dist/chunk-YVIOCITQ.cjs +1186 -0
  81. package/dist/chunk-YVIOCITQ.cjs.map +1 -0
  82. package/dist/collaboration/index.cjs +38 -37
  83. package/dist/collaboration/index.js +3 -2
  84. package/dist/connect/index.cjs +358 -19
  85. package/dist/connect/index.cjs.map +1 -1
  86. package/dist/connect/index.d.ts +1 -0
  87. package/dist/connect/index.js +341 -9
  88. package/dist/connect/index.js.map +1 -1
  89. package/dist/connection/ConnectedSettings.d.ts +64 -0
  90. package/dist/facts/index.cjs +1 -1
  91. package/dist/facts/index.js +1 -1
  92. package/dist/files/ViewerChrome.d.ts +0 -45
  93. package/dist/files/ViewerParts.d.ts +0 -19
  94. package/dist/files/index.cjs +15 -446
  95. package/dist/files/index.cjs.map +1 -1
  96. package/dist/files/index.d.ts +2 -4
  97. package/dist/files/index.js +9 -428
  98. package/dist/files/index.js.map +1 -1
  99. package/dist/home/index.cjs +1 -1
  100. package/dist/home/index.js +1 -1
  101. package/dist/index.cjs +634 -585
  102. package/dist/index.cjs.map +1 -1
  103. package/dist/index.js +19 -18
  104. package/dist/index.js.map +1 -1
  105. package/dist/lib/bottom-inset.d.ts +16 -0
  106. package/dist/lib/useElementSize.d.ts +13 -0
  107. package/dist/lib/useFillHeight.d.ts +10 -0
  108. package/dist/settings/account-views.d.ts +55 -0
  109. package/dist/settings/index.cjs +178 -1147
  110. package/dist/settings/index.cjs.map +1 -1
  111. package/dist/settings/index.d.ts +1 -0
  112. package/dist/settings/index.js +9 -1072
  113. package/dist/settings/index.js.map +1 -1
  114. package/dist/shell/InstallPrompt.d.ts +28 -0
  115. package/dist/shell/MobileBars.d.ts +1 -1
  116. package/dist/shell/index.cjs +92 -52
  117. package/dist/shell/index.d.ts +4 -0
  118. package/dist/shell/index.js +4 -4
  119. package/dist/shell/install-instructions.d.ts +19 -0
  120. package/dist/shell/types.d.ts +6 -0
  121. package/dist/shell/use-install-prompt.d.ts +49 -0
  122. package/dist/site/index.cjs +67 -67
  123. package/dist/site/index.js +3 -3
  124. package/dist/studio/index.cjs +79 -78
  125. package/dist/studio/index.cjs.map +1 -1
  126. package/dist/studio/index.js +9 -8
  127. package/dist/studio/index.js.map +1 -1
  128. package/dist/theme/ThemeEditor.d.ts +4 -2
  129. package/dist/workspaces/index.cjs +4 -3
  130. package/dist/workspaces/index.cjs.map +1 -1
  131. package/dist/workspaces/index.js +3 -2
  132. package/dist/workspaces/index.js.map +1 -1
  133. package/package.json +30 -5
  134. package/src/blocks.css +30 -0
  135. package/dist/chunk-2VBJ763Y.js.map +0 -1
  136. package/dist/chunk-67MKU5U7.js.map +0 -1
  137. package/dist/chunk-6CHMNKXC.cjs.map +0 -1
  138. package/dist/chunk-ATXPAD6S.cjs.map +0 -1
  139. package/dist/chunk-B673CCW5.js.map +0 -1
  140. package/dist/chunk-DN3NFNIA.cjs.map +0 -1
  141. package/dist/chunk-JPO3F4J7.js.map +0 -1
  142. package/dist/chunk-KHX2BX3S.cjs.map +0 -1
  143. package/dist/chunk-SS23F63U.cjs.map +0 -1
  144. package/dist/chunk-TI4UTYRL.js.map +0 -1
  145. package/dist/chunk-TX2ZICS7.js.map +0 -1
  146. package/dist/chunk-ULWRNGGE.cjs.map +0 -1
  147. package/dist/chunk-WJZBJUPX.js.map +0 -1
  148. package/dist/chunk-XKKGGUU2.cjs.map +0 -1
  149. /package/dist/{files → artifacts}/VersionTimeline.d.ts +0 -0
@@ -1,18 +1,24 @@
1
1
  "use client";
2
2
  'use strict';
3
3
 
4
- var chunkXKKGGUU2_cjs = require('../chunk-XKKGGUU2.cjs');
5
- require('../chunk-ATXPAD6S.cjs');
6
- require('../chunk-KHX2BX3S.cjs');
7
- require('../chunk-KDG6FER6.cjs');
4
+ var chunkYVIOCITQ_cjs = require('../chunk-YVIOCITQ.cjs');
5
+ var chunk23XL6SVZ_cjs = require('../chunk-23XL6SVZ.cjs');
6
+ require('../chunk-ADOKTJHV.cjs');
7
+ require('../chunk-5SLLMK5K.cjs');
8
+ require('../chunk-VGOFFCMT.cjs');
9
+ require('../chunk-PPCATBOY.cjs');
10
+ var chunkKDG6FER6_cjs = require('../chunk-KDG6FER6.cjs');
11
+ require('../chunk-DCDVWPMB.cjs');
8
12
  require('../chunk-MHVNT4J3.cjs');
9
13
  var react = require('react');
10
14
  var reactQuery = require('@tanstack/react-query');
11
15
  var react$1 = require('@arbidocs/react');
12
16
  var jsxRuntime = require('react/jsx-runtime');
17
+ var lucideReact = require('lucide-react');
18
+ var ui = require('@arbidocs/react/ui');
13
19
 
14
20
  function ConnectionBoundWebSocket({ children }) {
15
- const { status } = chunkXKKGGUU2_cjs.useConnection();
21
+ const { status } = chunk23XL6SVZ_cjs.useConnection();
16
22
  return /* @__PURE__ */ jsxRuntime.jsx(react$1.ArbiWebSocketProvider, { enabled: status === "authenticated", children });
17
23
  }
18
24
  function ArbiAppProvider({
@@ -25,10 +31,10 @@ function ArbiAppProvider({
25
31
  })
26
32
  );
27
33
  const providerUrl = config.apiUrl || config.demoApiUrl || "https://demo.arbi.local";
28
- return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ArbiProvider, { url: providerUrl, children: /* @__PURE__ */ jsxRuntime.jsx(chunkXKKGGUU2_cjs.ConnectionProvider, { config, children: /* @__PURE__ */ jsxRuntime.jsx(ConnectionBoundWebSocket, { children }) }) }) });
34
+ return /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ArbiProvider, { url: providerUrl, children: /* @__PURE__ */ jsxRuntime.jsx(chunk23XL6SVZ_cjs.ConnectionProvider, { config, children: /* @__PURE__ */ jsxRuntime.jsx(ConnectionBoundWebSocket, { children }) }) }) });
29
35
  }
30
36
  function useConnectedShellWorkspaces(options = {}) {
31
- const { workspaceId, setWorkspace } = chunkXKKGGUU2_cjs.useConnection();
37
+ const { workspaceId, setWorkspace } = chunk23XL6SVZ_cjs.useConnection();
32
38
  const query = react$1.useWorkspaces();
33
39
  return react$1.useShellWorkspaces({
34
40
  ...options,
@@ -39,56 +45,389 @@ function useConnectedShellWorkspaces(options = {}) {
39
45
  select: (workspace) => setWorkspace(workspace.id)
40
46
  });
41
47
  }
48
+ function errorText(error, fallback) {
49
+ const body = error?.apiError;
50
+ return typeof body?.detail === "string" ? body.detail : fallback;
51
+ }
52
+ var AVATAR_PROBLEMS = {
53
+ "not-image": "Please choose an image file",
54
+ "too-large": "Image must be 5 MB or smaller",
55
+ unreadable: "Couldn't read that image \u2014 try a different file"
56
+ };
57
+ function ConnectedProfileCard({ notify, title = "Profile" }) {
58
+ const { data: profile } = react$1.useProfile();
59
+ const updateProfile = react$1.useUpdateProfile();
60
+ const requestEmailChange = react$1.useRequestEmailChange();
61
+ const confirmEmailChange = react$1.useConfirmEmailChange();
62
+ const { user } = chunk23XL6SVZ_cjs.useConnection();
63
+ const name = react$1.useNameEditor({
64
+ givenName: profile?.givenName,
65
+ familyName: profile?.familyName,
66
+ save: async (next) => {
67
+ try {
68
+ await updateProfile.mutateAsync(next);
69
+ notify?.("Name updated", "success");
70
+ } catch (e) {
71
+ notify?.("Failed to update name", "error");
72
+ throw e;
73
+ }
74
+ }
75
+ });
76
+ const avatar = react$1.useAvatarCrop({
77
+ upload: async (picture) => {
78
+ try {
79
+ await updateProfile.mutateAsync({ picture });
80
+ notify?.("Profile picture updated", "success");
81
+ } catch (e) {
82
+ notify?.("Failed to update picture", "error");
83
+ throw e;
84
+ }
85
+ },
86
+ onProblem: (problem) => notify?.(AVATAR_PROBLEMS[problem], "error")
87
+ });
88
+ const email = react$1.useEmailChange({
89
+ requestCode: async (address) => {
90
+ try {
91
+ await requestEmailChange.mutateAsync(address);
92
+ notify?.("Verification code sent to your new email", "success");
93
+ } catch (e) {
94
+ notify?.(errorText(e, "Failed to send verification code"), "error");
95
+ throw e;
96
+ }
97
+ },
98
+ confirm: async (args) => {
99
+ try {
100
+ await confirmEmailChange.mutateAsync(args);
101
+ notify?.("Email address updated", "success");
102
+ } catch (e) {
103
+ notify?.(errorText(e, "Invalid or expired verification code"), "error");
104
+ throw e;
105
+ }
106
+ }
107
+ });
108
+ const display = profile?.fullName || user?.name || "Unnamed";
109
+ return /* @__PURE__ */ jsxRuntime.jsx(chunkYVIOCITQ_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserCircle, {}), title, children: /* @__PURE__ */ jsxRuntime.jsx(
110
+ chunkYVIOCITQ_cjs.ProfileCard,
111
+ {
112
+ avatar: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
113
+ /* @__PURE__ */ jsxRuntime.jsx(
114
+ chunkYVIOCITQ_cjs.AvatarPicker,
115
+ {
116
+ pictureUrl: profile?.picture ?? user?.picture,
117
+ initials: chunkKDG6FER6_cjs.initials(display),
118
+ fallbackClassName: "bg-primary text-primary-foreground",
119
+ isUploading: avatar.isUploading,
120
+ onFileChosen: avatar.onFileChosen
121
+ }
122
+ ),
123
+ /* @__PURE__ */ jsxRuntime.jsx(
124
+ react$1.ImageCropModal,
125
+ {
126
+ open: avatar.pendingImage !== null,
127
+ image: avatar.pendingImage,
128
+ title: "Crop your photo",
129
+ aspect: 1,
130
+ cropShape: "round",
131
+ output: { maxSize: 128, mimeType: "image/jpeg", quality: 0.85 },
132
+ onComplete: avatar.onCropComplete,
133
+ onCancel: avatar.onCropCancel
134
+ }
135
+ )
136
+ ] }),
137
+ name: { ...name, display, isSaving: name.isSaving },
138
+ email: profile?.email ?? user?.email ?? "",
139
+ isSso: profile?.isSso ?? false,
140
+ onStartEmailChange: email.onStart,
141
+ emailChange: email.isOpen ? email : void 0
142
+ }
143
+ ) });
144
+ }
145
+ function defaultUnmetPasswordRequirement(password) {
146
+ if (password.length < 8) return "Minimum 8 characters";
147
+ if (!/[A-Z!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]/.test(password)) {
148
+ return "At least one uppercase letter or special character";
149
+ }
150
+ if (!/[0-9]/.test(password)) return "At least one number";
151
+ return null;
152
+ }
153
+ function ConnectedSecuritySection({
154
+ notify,
155
+ getUnmetRequirement = defaultUnmetPasswordRequirement,
156
+ renderRecoveryKey,
157
+ children
158
+ }) {
159
+ const [open, setOpen] = react.useState(false);
160
+ const change = react$1.usePasswordChange();
161
+ const { data: workspaces } = react$1.useWorkspaces({ enabled: open });
162
+ const workspaceCount = (workspaces ?? []).filter((w) => w.is_member).length;
163
+ const form = react$1.usePasswordChangeForm({
164
+ getUnmetRequirement,
165
+ submit: async (vars) => {
166
+ const result = await change.mutateAsync(vars);
167
+ notify?.("Password changed successfully", "success");
168
+ return result;
169
+ },
170
+ onClose: () => setOpen(false)
171
+ });
172
+ return /* @__PURE__ */ jsxRuntime.jsxs(chunkYVIOCITQ_cjs.SettingsSection, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.KeyRound, {}), title: "Security", children: [
173
+ /* @__PURE__ */ jsxRuntime.jsxs(chunkYVIOCITQ_cjs.SettingsCard, { padding: "sm", children: [
174
+ /* @__PURE__ */ jsxRuntime.jsx(
175
+ chunkYVIOCITQ_cjs.SettingsActionRow,
176
+ {
177
+ title: "Change password",
178
+ description: "Used to sign in and to encrypt your data. Changing it re-encrypts everything in your account.",
179
+ onClick: () => setOpen(true),
180
+ testId: "change-password-button"
181
+ }
182
+ ),
183
+ children
184
+ ] }),
185
+ /* @__PURE__ */ jsxRuntime.jsx(
186
+ chunkYVIOCITQ_cjs.PasswordChangeDialog,
187
+ {
188
+ open,
189
+ onClose: form.onCancel,
190
+ recoveryMode: false,
191
+ currentPassword: form.currentPassword,
192
+ onCurrentPasswordChange: form.onCurrentPasswordChange,
193
+ newPassword: form.newPassword,
194
+ onNewPasswordChange: form.onNewPasswordChange,
195
+ confirmPassword: form.confirmPassword,
196
+ onConfirmPasswordChange: form.onConfirmPasswordChange,
197
+ getUnmetRequirement,
198
+ workspaceCount,
199
+ error: form.error,
200
+ isProcessing: form.isProcessing,
201
+ isSubmitDisabled: form.isSubmitDisabled,
202
+ onSubmit: form.onSubmit,
203
+ success: form.result ? renderRecoveryKey?.(form.result) ?? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}) : null,
204
+ onDone: form.onDone
205
+ }
206
+ )
207
+ ] });
208
+ }
209
+ function ConnectedNotificationPreferences({
210
+ categories = chunkYVIOCITQ_cjs.EMAIL_NOTIFICATION_CATEGORIES,
211
+ title = "Notifications"
212
+ }) {
213
+ const keys = react.useMemo(
214
+ () => categories === chunkYVIOCITQ_cjs.EMAIL_NOTIFICATION_CATEGORIES ? chunkYVIOCITQ_cjs.EMAIL_NOTIFICATION_KEYS : categories.map((c) => c.key),
215
+ [categories]
216
+ );
217
+ const prefs = react$1.useNotificationPreferences(keys);
218
+ return /* @__PURE__ */ jsxRuntime.jsx(chunkYVIOCITQ_cjs.SettingsSection, { title, children: /* @__PURE__ */ jsxRuntime.jsx(chunkYVIOCITQ_cjs.SettingsCard, { className: "space-y-0", children: /* @__PURE__ */ jsxRuntime.jsx(
219
+ chunkYVIOCITQ_cjs.NotificationCategoryList,
220
+ {
221
+ masterId: "emailNotifications",
222
+ masterTitle: "Email Notifications",
223
+ masterDescription: "Email me about activity when I\u2019m away",
224
+ masterChecked: prefs.masterChecked,
225
+ onMasterChange: prefs.setAll,
226
+ categories: chunkYVIOCITQ_cjs.toNotificationCategories(prefs.checked, categories),
227
+ onCategoryChange: prefs.setCategory
228
+ }
229
+ ) }) });
230
+ }
231
+ function ConnectedSessionsRow({
232
+ notify,
233
+ confirm,
234
+ renderSessionIcon
235
+ }) {
236
+ const [open, setOpen] = react.useState(false);
237
+ const sessions = react$1.useSessions({ enabled: open });
238
+ const currentSessionId = react$1.useCurrentSessionId();
239
+ const terminate = react$1.useTerminateSession();
240
+ const views = chunkYVIOCITQ_cjs.toActiveSessionViews(sessions.data ?? [], {
241
+ currentSessionId,
242
+ terminatingId: terminate.isPending ? terminate.variables : null,
243
+ renderIcon: renderSessionIcon
244
+ });
245
+ return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
246
+ /* @__PURE__ */ jsxRuntime.jsx(
247
+ chunkYVIOCITQ_cjs.SettingsRow,
248
+ {
249
+ label: "Active sessions",
250
+ description: "Devices and agents currently signed in to your account.",
251
+ children: /* @__PURE__ */ jsxRuntime.jsxs(
252
+ ui.Button,
253
+ {
254
+ type: "button",
255
+ variant: "outline",
256
+ size: "sm",
257
+ onClick: () => setOpen(true),
258
+ className: "flex items-center gap-2",
259
+ "data-testid": "active-sessions-button",
260
+ children: [
261
+ /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Radio, { className: "h-4 w-4" }),
262
+ "Manage"
263
+ ]
264
+ }
265
+ )
266
+ }
267
+ ),
268
+ /* @__PURE__ */ jsxRuntime.jsx(
269
+ chunkYVIOCITQ_cjs.ActiveSessionsDialog,
270
+ {
271
+ open,
272
+ onOpenChange: setOpen,
273
+ isLoading: sessions.isLoading,
274
+ sessions: views,
275
+ onTerminate: (id) => {
276
+ void (async () => {
277
+ const view = views.find((v) => v.id === id);
278
+ const label = view?.detail.split(" \xB7 ")[0];
279
+ const ok = await confirm?.(
280
+ `End the session on ${label}? It will be signed out immediately.`
281
+ ) ?? true;
282
+ if (!ok) return;
283
+ try {
284
+ await terminate.mutateAsync(id);
285
+ } catch {
286
+ notify?.("Failed to end session. Please try again.", "error");
287
+ }
288
+ })();
289
+ }
290
+ }
291
+ )
292
+ ] });
293
+ }
294
+ function ConnectedLogoutDialog({
295
+ open,
296
+ onClose,
297
+ isOnline = true,
298
+ renderSessionIcon
299
+ }) {
300
+ const { logout } = chunk23XL6SVZ_cjs.useConnection();
301
+ const sessions = react$1.useSessions({ enabled: open });
302
+ const logoutAll = react$1.useLogoutAllSessions();
303
+ return /* @__PURE__ */ jsxRuntime.jsx(
304
+ chunkYVIOCITQ_cjs.LogoutDialog,
305
+ {
306
+ open,
307
+ onClose,
308
+ onLogoutThis: () => {
309
+ onClose();
310
+ logout();
311
+ },
312
+ onLogoutAll: () => {
313
+ onClose();
314
+ void logoutAll.mutateAsync().finally(logout);
315
+ },
316
+ canLogoutAll: true,
317
+ isOnline,
318
+ sessions: chunkYVIOCITQ_cjs.toLogoutSessionViews(sessions.data ?? []),
319
+ renderSessionIcon
320
+ }
321
+ );
322
+ }
323
+ function ConnectedDangerZone({ notify, renderSubscriptionLink }) {
324
+ const [zoneOpen, setZoneOpen] = react.useState(false);
325
+ const [dialogOpen, setDialogOpen] = react.useState(false);
326
+ const { user, logout } = chunk23XL6SVZ_cjs.useConnection();
327
+ const remove = react$1.useDeleteAccount();
328
+ const flow = react$1.useDeleteAccountFlow({
329
+ userEmail: user?.email ?? "",
330
+ remove: () => remove.mutateAsync(),
331
+ onClose: () => setDialogOpen(false),
332
+ onDeleted: logout,
333
+ onError: () => notify?.("Failed to delete account. Please try again.", "error")
334
+ });
335
+ return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
336
+ /* @__PURE__ */ jsxRuntime.jsx(
337
+ chunkYVIOCITQ_cjs.SettingsDangerZone,
338
+ {
339
+ isOpen: zoneOpen,
340
+ onToggle: () => setZoneOpen((o) => !o),
341
+ title: "Delete your account",
342
+ description: "Once deleted, your account will be immediately closed and you will be logged out. This action cannot be undone.",
343
+ action: /* @__PURE__ */ jsxRuntime.jsx(
344
+ ui.Button,
345
+ {
346
+ variant: "destructive",
347
+ size: "sm",
348
+ disabled: !user?.email,
349
+ onClick: () => setDialogOpen(true),
350
+ "data-testid": "delete-account-button",
351
+ children: "Delete Account"
352
+ }
353
+ )
354
+ }
355
+ ),
356
+ /* @__PURE__ */ jsxRuntime.jsx(
357
+ chunkYVIOCITQ_cjs.DeleteAccountDialog,
358
+ {
359
+ open: dialogOpen,
360
+ onClose: flow.onClose,
361
+ step: flow.step,
362
+ blockers: chunkYVIOCITQ_cjs.toDeleteBlockerViews(flow.blockers, renderSubscriptionLink),
363
+ onContinue: flow.onContinue,
364
+ onBack: flow.onBack,
365
+ userEmail: user?.email ?? "",
366
+ confirmEmail: flow.confirmEmail,
367
+ onConfirmEmailChange: flow.onConfirmEmailChange,
368
+ isDeleting: flow.isDeleting,
369
+ onSubmit: flow.onSubmit
370
+ }
371
+ )
372
+ ] });
373
+ }
42
374
 
43
375
  Object.defineProperty(exports, "ConnectedAssistantDock", {
44
376
  enumerable: true,
45
- get: function () { return chunkXKKGGUU2_cjs.ConnectedAssistantDock; }
377
+ get: function () { return chunk23XL6SVZ_cjs.ConnectedAssistantDock; }
46
378
  });
47
379
  Object.defineProperty(exports, "ConnectionProvider", {
48
380
  enumerable: true,
49
- get: function () { return chunkXKKGGUU2_cjs.ConnectionProvider; }
381
+ get: function () { return chunk23XL6SVZ_cjs.ConnectionProvider; }
50
382
  });
51
383
  Object.defineProperty(exports, "SESSION_EXPIRED_MESSAGE", {
52
384
  enumerable: true,
53
- get: function () { return chunkXKKGGUU2_cjs.SESSION_EXPIRED_MESSAGE; }
385
+ get: function () { return chunk23XL6SVZ_cjs.SESSION_EXPIRED_MESSAGE; }
54
386
  });
55
387
  Object.defineProperty(exports, "isAuthenticated", {
56
388
  enumerable: true,
57
- get: function () { return chunkXKKGGUU2_cjs.isAuthenticated; }
389
+ get: function () { return chunk23XL6SVZ_cjs.isAuthenticated; }
58
390
  });
59
391
  Object.defineProperty(exports, "redlineStats", {
60
392
  enumerable: true,
61
- get: function () { return chunkXKKGGUU2_cjs.redlineStats; }
393
+ get: function () { return chunk23XL6SVZ_cjs.redlineStats; }
62
394
  });
63
395
  Object.defineProperty(exports, "textToArtifact", {
64
396
  enumerable: true,
65
- get: function () { return chunkXKKGGUU2_cjs.textToArtifact; }
397
+ get: function () { return chunk23XL6SVZ_cjs.textToArtifact; }
66
398
  });
67
399
  Object.defineProperty(exports, "toRedlineMarkdown", {
68
400
  enumerable: true,
69
- get: function () { return chunkXKKGGUU2_cjs.toRedlineMarkdown; }
401
+ get: function () { return chunk23XL6SVZ_cjs.toRedlineMarkdown; }
70
402
  });
71
403
  Object.defineProperty(exports, "useConnectedAiTask", {
72
404
  enumerable: true,
73
- get: function () { return chunkXKKGGUU2_cjs.useConnectedAiTask; }
405
+ get: function () { return chunk23XL6SVZ_cjs.useConnectedAiTask; }
74
406
  });
75
407
  Object.defineProperty(exports, "useConnectedChat", {
76
408
  enumerable: true,
77
- get: function () { return chunkXKKGGUU2_cjs.useConnectedChat; }
409
+ get: function () { return chunk23XL6SVZ_cjs.useConnectedChat; }
78
410
  });
79
411
  Object.defineProperty(exports, "useConnection", {
80
412
  enumerable: true,
81
- get: function () { return chunkXKKGGUU2_cjs.useConnection; }
413
+ get: function () { return chunk23XL6SVZ_cjs.useConnection; }
82
414
  });
83
415
  Object.defineProperty(exports, "useSemanticSearch", {
84
416
  enumerable: true,
85
- get: function () { return chunkXKKGGUU2_cjs.useSemanticSearch; }
417
+ get: function () { return chunk23XL6SVZ_cjs.useSemanticSearch; }
86
418
  });
87
419
  Object.defineProperty(exports, "useWorkspaceDocs", {
88
420
  enumerable: true,
89
- get: function () { return chunkXKKGGUU2_cjs.useWorkspaceDocs; }
421
+ get: function () { return chunk23XL6SVZ_cjs.useWorkspaceDocs; }
90
422
  });
91
423
  exports.ArbiAppProvider = ArbiAppProvider;
424
+ exports.ConnectedDangerZone = ConnectedDangerZone;
425
+ exports.ConnectedLogoutDialog = ConnectedLogoutDialog;
426
+ exports.ConnectedNotificationPreferences = ConnectedNotificationPreferences;
427
+ exports.ConnectedProfileCard = ConnectedProfileCard;
428
+ exports.ConnectedSecuritySection = ConnectedSecuritySection;
429
+ exports.ConnectedSessionsRow = ConnectedSessionsRow;
430
+ exports.defaultUnmetPasswordRequirement = defaultUnmetPasswordRequirement;
92
431
  exports.useConnectedShellWorkspaces = useConnectedShellWorkspaces;
93
432
  //# sourceMappingURL=index.cjs.map
94
433
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/connection/ArbiAppProvider.tsx","../../src/connection/useConnectedShellWorkspaces.ts"],"names":["useConnection","jsx","ArbiWebSocketProvider","useState","QueryClient","QueryClientProvider","ArbiProvider","ConnectionProvider","useWorkspaces","useShellWorkspaces"],"mappings":";;;;;;;;;;;;AAqBA,SAAS,wBAAA,CAAyB,EAAE,QAAA,EAAS,EAA4B;AACvE,EAAA,MAAM,EAAE,MAAA,EAAO,GAAIA,+BAAA,EAAc;AACjC,EAAA,uBACEC,cAAA,CAACC,6BAAA,EAAA,EAAsB,OAAA,EAAS,MAAA,KAAW,iBAAkB,QAAA,EAAS,CAAA;AAE1E;AAEO,SAAS,eAAA,CAAgB;AAAA,EAC9B,MAAA;AAAA,EACA;AACF,CAAA,EAGG;AACD,EAAA,MAAM,CAAC,WAAW,CAAA,GAAIC,cAAA;AAAA,IACpB,MACE,IAAIC,sBAAA,CAAY;AAAA,MACd,cAAA,EAAgB,EAAE,OAAA,EAAS,EAAE,SAAA,EAAW,KAAQ,KAAA,EAAO,CAAA,EAAG,oBAAA,EAAsB,KAAA,EAAM;AAAE,KACzF;AAAA,GACL;AAEA,EAAA,MAAM,WAAA,GAAc,MAAA,CAAO,MAAA,IAAU,MAAA,CAAO,UAAA,IAAc,yBAAA;AAE1D,EAAA,sCACGC,8BAAA,EAAA,EAAoB,MAAA,EAAQ,WAAA,EAC3B,QAAA,kBAAAJ,cAAA,CAACK,wBAAa,GAAA,EAAK,WAAA,EACjB,QAAA,kBAAAL,cAAA,CAACM,oCAAA,EAAA,EAAmB,QAClB,QAAA,kBAAAN,cAAA,CAAC,wBAAA,EAAA,EAA0B,QAAA,EAAS,CAAA,EACtC,GACF,CAAA,EACF,CAAA;AAEJ;AC3BO,SAAS,2BAAA,CACd,OAAA,GAA8C,EAAC,EACrB;AAC1B,EAAA,MAAM,EAAE,WAAA,EAAa,YAAA,EAAa,GAAID,+BAAA,EAAc;AACpD,EAAA,MAAM,QAAQQ,qBAAA,EAAc;AAC5B,EAAA,OAAOC,0BAAA,CAAmB;AAAA,IACxB,GAAG,OAAA;AAAA,IACH,YAAY,KAAA,CAAM,OAAA,CAAQ,MAAM,IAAI,CAAA,GAAK,MAAM,IAAA,GAAkC,MAAA;AAAA,IACjF,WAAW,KAAA,CAAM,SAAA;AAAA,IACjB,WAAW,KAAA,CAAM,KAAA;AAAA,IACjB,UAAA,EAAY,WAAA;AAAA,IACZ,MAAA,EAAQ,CAAC,SAAA,KAAc,YAAA,CAAa,UAAU,EAAE;AAAA,GACjD,CAAA;AACH","file":"index.cjs","sourcesContent":["/**\n * Composition root for a host app on the ARBI React SDK.\n *\n * QueryClientProvider → react-query cache shared with the SDK\n * ArbiProvider → the SDK's Arbi instance (no network until login)\n * ConnectionProvider → demo/live auth + workspace layer\n *\n * With no live `apiUrl`, ArbiProvider is still mounted (cheap, inert) against\n * `demoApiUrl` and the app runs entirely in seeded demo mode.\n */\nimport { useState, type ReactNode } from 'react'\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query'\nimport { ArbiProvider, ArbiWebSocketProvider } from '@arbidocs/react'\nimport { ConnectionProvider, useConnection } from './ConnectionProvider'\nimport type { ArbiConnectionConfig } from './types'\n\n/**\n * Opens the shared SDK WebSocket once the app is live-authenticated (demo /\n * logged-out sessions have no backend, so they stay disconnected). Lives inside\n * ConnectionProvider so it can read the live status.\n */\nfunction ConnectionBoundWebSocket({ children }: { children: ReactNode }) {\n const { status } = useConnection()\n return (\n <ArbiWebSocketProvider enabled={status === 'authenticated'}>{children}</ArbiWebSocketProvider>\n )\n}\n\nexport function ArbiAppProvider({\n config,\n children,\n}: {\n config: ArbiConnectionConfig\n children: ReactNode\n}) {\n const [queryClient] = useState(\n () =>\n new QueryClient({\n defaultOptions: { queries: { staleTime: 30_000, retry: 1, refetchOnWindowFocus: false } },\n })\n )\n\n const providerUrl = config.apiUrl || config.demoApiUrl || 'https://demo.arbi.local'\n\n return (\n <QueryClientProvider client={queryClient}>\n <ArbiProvider url={providerUrl}>\n <ConnectionProvider config={config}>\n <ConnectionBoundWebSocket>{children}</ConnectionBoundWebSocket>\n </ConnectionProvider>\n </ArbiProvider>\n </QueryClientProvider>\n )\n}\n","import {\n useShellWorkspaces,\n useWorkspaces,\n type ShellWorkspaceSource,\n type UseShellWorkspacesOptions,\n type UseShellWorkspacesResult,\n} from '@arbidocs/react'\nimport { useConnection } from './ConnectionProvider'\n\nexport type UseConnectedShellWorkspacesOptions = Omit<\n UseShellWorkspacesOptions,\n 'workspaces' | 'isLoading' | 'loadError' | 'selectedId' | 'select'\n>\n\n/**\n * `useShellWorkspaces` wired to the connection layer: the account's live workspaces, the\n * connection's single selection as the active workspace, and `open` = `setWorkspace` (opens it on\n * the server, remembers it for the next login) then `onOpened`.\n *\n * ```tsx\n * const { active, recent, open } = useConnectedShellWorkspaces({\n * seed: { workspaces: demoWorkspaces, activeId: 'demo-1' },\n * onOpened: () => navigate('/app/documents'),\n * })\n * ```\n */\nexport function useConnectedShellWorkspaces(\n options: UseConnectedShellWorkspacesOptions = {}\n): UseShellWorkspacesResult {\n const { workspaceId, setWorkspace } = useConnection()\n const query = useWorkspaces()\n return useShellWorkspaces({\n ...options,\n workspaces: Array.isArray(query.data) ? (query.data as ShellWorkspaceSource[]) : undefined,\n isLoading: query.isLoading,\n loadError: query.error,\n selectedId: workspaceId,\n select: (workspace) => setWorkspace(workspace.id),\n })\n}\n"]}
1
+ {"version":3,"sources":["../../src/connection/ArbiAppProvider.tsx","../../src/connection/useConnectedShellWorkspaces.ts","../../src/connection/ConnectedSettings.tsx"],"names":["useConnection","jsx","ArbiWebSocketProvider","useState","QueryClient","QueryClientProvider","ArbiProvider","ConnectionProvider","useWorkspaces","useShellWorkspaces","useProfile","useUpdateProfile","useRequestEmailChange","useConfirmEmailChange","useNameEditor","useAvatarCrop","useEmailChange","SettingsSection","UserCircle","ProfileCard","jsxs","Fragment","AvatarPicker","initials","ImageCropModal","usePasswordChange","usePasswordChangeForm","KeyRound","SettingsCard","SettingsActionRow","PasswordChangeDialog","EMAIL_NOTIFICATION_CATEGORIES","useMemo","EMAIL_NOTIFICATION_KEYS","useNotificationPreferences","NotificationCategoryList","toNotificationCategories","useSessions","useCurrentSessionId","useTerminateSession","toActiveSessionViews","SettingsRow","Button","Radio","ActiveSessionsDialog","useLogoutAllSessions","LogoutDialog","toLogoutSessionViews","useDeleteAccount","useDeleteAccountFlow","SettingsDangerZone","DeleteAccountDialog","toDeleteBlockerViews"],"mappings":"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","file":"index.cjs","sourcesContent":["/**\n * Composition root for a host app on the ARBI React SDK.\n *\n * QueryClientProvider → react-query cache shared with the SDK\n * ArbiProvider → the SDK's Arbi instance (no network until login)\n * ConnectionProvider → demo/live auth + workspace layer\n *\n * With no live `apiUrl`, ArbiProvider is still mounted (cheap, inert) against\n * `demoApiUrl` and the app runs entirely in seeded demo mode.\n */\nimport { useState, type ReactNode } from 'react'\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query'\nimport { ArbiProvider, ArbiWebSocketProvider } from '@arbidocs/react'\nimport { ConnectionProvider, useConnection } from './ConnectionProvider'\nimport type { ArbiConnectionConfig } from './types'\n\n/**\n * Opens the shared SDK WebSocket once the app is live-authenticated (demo /\n * logged-out sessions have no backend, so they stay disconnected). Lives inside\n * ConnectionProvider so it can read the live status.\n */\nfunction ConnectionBoundWebSocket({ children }: { children: ReactNode }) {\n const { status } = useConnection()\n return (\n <ArbiWebSocketProvider enabled={status === 'authenticated'}>{children}</ArbiWebSocketProvider>\n )\n}\n\nexport function ArbiAppProvider({\n config,\n children,\n}: {\n config: ArbiConnectionConfig\n children: ReactNode\n}) {\n const [queryClient] = useState(\n () =>\n new QueryClient({\n defaultOptions: { queries: { staleTime: 30_000, retry: 1, refetchOnWindowFocus: false } },\n })\n )\n\n const providerUrl = config.apiUrl || config.demoApiUrl || 'https://demo.arbi.local'\n\n return (\n <QueryClientProvider client={queryClient}>\n <ArbiProvider url={providerUrl}>\n <ConnectionProvider config={config}>\n <ConnectionBoundWebSocket>{children}</ConnectionBoundWebSocket>\n </ConnectionProvider>\n </ArbiProvider>\n </QueryClientProvider>\n )\n}\n","import {\n useShellWorkspaces,\n useWorkspaces,\n type ShellWorkspaceSource,\n type UseShellWorkspacesOptions,\n type UseShellWorkspacesResult,\n} from '@arbidocs/react'\nimport { useConnection } from './ConnectionProvider'\n\nexport type UseConnectedShellWorkspacesOptions = Omit<\n UseShellWorkspacesOptions,\n 'workspaces' | 'isLoading' | 'loadError' | 'selectedId' | 'select'\n>\n\n/**\n * `useShellWorkspaces` wired to the connection layer: the account's live workspaces, the\n * connection's single selection as the active workspace, and `open` = `setWorkspace` (opens it on\n * the server, remembers it for the next login) then `onOpened`.\n *\n * ```tsx\n * const { active, recent, open } = useConnectedShellWorkspaces({\n * seed: { workspaces: demoWorkspaces, activeId: 'demo-1' },\n * onOpened: () => navigate('/app/documents'),\n * })\n * ```\n */\nexport function useConnectedShellWorkspaces(\n options: UseConnectedShellWorkspacesOptions = {}\n): UseShellWorkspacesResult {\n const { workspaceId, setWorkspace } = useConnection()\n const query = useWorkspaces()\n return useShellWorkspaces({\n ...options,\n workspaces: Array.isArray(query.data) ? (query.data as ShellWorkspaceSource[]) : undefined,\n isLoading: query.isLoading,\n loadError: query.error,\n selectedId: workspaceId,\n select: (workspace) => setWorkspace(workspace.id),\n })\n}\n","/**\n * The account area of a settings page, bound to the ARBI SDK: each section is a blocks part wired\n * to its `@arbidocs/react` hook, so a host drops them in a `SettingsPanel` and owns only the\n * layout (see the \"Settings page recipe\" in docs/design/blocks-package.md).\n *\n * Every section takes an optional `notify` for toasts and renders the default test ids of its\n * part. Anything the hooks cannot know (the recovery-key download, the billing link of a blocked\n * deletion, the password policy) is a prop.\n */\nimport { useMemo, useState, type ReactNode } from 'react'\nimport { KeyRound, Radio, UserCircle } from 'lucide-react'\nimport {\n ImageCropModal,\n useAvatarCrop,\n useConfirmEmailChange,\n useCurrentSessionId,\n useDeleteAccount,\n useDeleteAccountFlow,\n useEmailChange,\n useLogoutAllSessions,\n useNameEditor,\n useNotificationPreferences,\n usePasswordChange,\n usePasswordChangeForm,\n useProfile,\n useRequestEmailChange,\n useSessions,\n useTerminateSession,\n useUpdateProfile,\n useWorkspaces,\n type AvatarFileProblem,\n type PasswordChangeResult,\n} from '@arbidocs/react'\nimport { Button } from '@arbidocs/react/ui'\nimport { initials } from '../lib/format'\nimport { AvatarPicker } from '../settings/AvatarPicker'\nimport { ProfileCard } from '../settings/ProfileCard'\nimport {\n SettingsActionRow,\n SettingsCard,\n SettingsDangerZone,\n SettingsRow,\n SettingsSection,\n} from '../settings/SettingsPanel'\nimport { PasswordChangeDialog } from '../settings/PasswordChangeDialog'\nimport { ActiveSessionsDialog, DeleteAccountDialog } from '../settings/AccountDialogs'\nimport { LogoutDialog } from '../settings/LogoutDialog'\nimport { NotificationCategoryList } from '../settings/NotificationCategoryList'\nimport {\n EMAIL_NOTIFICATION_CATEGORIES,\n EMAIL_NOTIFICATION_KEYS,\n toActiveSessionViews,\n toDeleteBlockerViews,\n toLogoutSessionViews,\n toNotificationCategories,\n type EmailNotificationCategoryDef,\n} from '../settings/account-views'\nimport { useConnection } from './ConnectionProvider'\n\nexport type SettingsNotify = (message: string, kind: 'success' | 'error') => void\n\n/** The error text of a failed call: the backend `detail` when it sent one. */\nfunction errorText(error: unknown, fallback: string): string {\n const body = (error as { apiError?: { detail?: unknown } } | null)?.apiError\n return typeof body?.detail === 'string' ? body.detail : fallback\n}\n\nconst AVATAR_PROBLEMS: Record<AvatarFileProblem, string> = {\n 'not-image': 'Please choose an image file',\n 'too-large': 'Image must be 5 MB or smaller',\n unreadable: \"Couldn't read that image — try a different file\",\n}\n\n// ── Profile ─────────────────────────────────────────────────────────────────\n\nexport interface ConnectedProfileCardProps {\n notify?: SettingsNotify\n /** Section heading; default `Profile`. */\n title?: ReactNode\n}\n\n/** Avatar, editable name and email change of the signed-in user (`ProfileCard`). */\nexport function ConnectedProfileCard({ notify, title = 'Profile' }: ConnectedProfileCardProps) {\n const { data: profile } = useProfile()\n const updateProfile = useUpdateProfile()\n const requestEmailChange = useRequestEmailChange()\n const confirmEmailChange = useConfirmEmailChange()\n const { user } = useConnection()\n\n const name = useNameEditor({\n givenName: profile?.givenName,\n familyName: profile?.familyName,\n save: async (next) => {\n try {\n await updateProfile.mutateAsync(next)\n notify?.('Name updated', 'success')\n } catch (e) {\n notify?.('Failed to update name', 'error')\n throw e\n }\n },\n })\n const avatar = useAvatarCrop({\n upload: async (picture) => {\n try {\n await updateProfile.mutateAsync({ picture })\n notify?.('Profile picture updated', 'success')\n } catch (e) {\n notify?.('Failed to update picture', 'error')\n throw e\n }\n },\n onProblem: (problem) => notify?.(AVATAR_PROBLEMS[problem], 'error'),\n })\n const email = useEmailChange({\n requestCode: async (address) => {\n try {\n await requestEmailChange.mutateAsync(address)\n notify?.('Verification code sent to your new email', 'success')\n } catch (e) {\n notify?.(errorText(e, 'Failed to send verification code'), 'error')\n throw e\n }\n },\n confirm: async (args) => {\n try {\n await confirmEmailChange.mutateAsync(args)\n notify?.('Email address updated', 'success')\n } catch (e) {\n notify?.(errorText(e, 'Invalid or expired verification code'), 'error')\n throw e\n }\n },\n })\n\n const display = profile?.fullName || user?.name || 'Unnamed'\n return (\n <SettingsSection icon={<UserCircle />} title={title}>\n <ProfileCard\n avatar={\n <>\n <AvatarPicker\n pictureUrl={profile?.picture ?? user?.picture}\n initials={initials(display)}\n fallbackClassName=\"bg-primary text-primary-foreground\"\n isUploading={avatar.isUploading}\n onFileChosen={avatar.onFileChosen}\n />\n <ImageCropModal\n open={avatar.pendingImage !== null}\n image={avatar.pendingImage}\n title=\"Crop your photo\"\n aspect={1}\n cropShape=\"round\"\n output={{ maxSize: 128, mimeType: 'image/jpeg', quality: 0.85 }}\n onComplete={avatar.onCropComplete}\n onCancel={avatar.onCropCancel}\n />\n </>\n }\n name={{ ...name, display, isSaving: name.isSaving }}\n email={profile?.email ?? user?.email ?? ''}\n isSso={profile?.isSso ?? false}\n onStartEmailChange={email.onStart}\n emailChange={email.isOpen ? email : undefined}\n />\n </SettingsSection>\n )\n}\n\n// ── Security: password ──────────────────────────────────────────────────────\n\n/** The default password policy: 8 characters, an uppercase letter or symbol, a digit. */\nexport function defaultUnmetPasswordRequirement(password: string): string | null {\n if (password.length < 8) return 'Minimum 8 characters'\n if (!/[A-Z!@#$%^&*()_+\\-=[\\]{};':\"\\\\|,.<>/?]/.test(password)) {\n return 'At least one uppercase letter or special character'\n }\n if (!/[0-9]/.test(password)) return 'At least one number'\n return null\n}\n\nexport interface ConnectedSecuritySectionProps {\n notify?: SettingsNotify\n /** The host's password policy; default is {@link defaultUnmetPasswordRequirement}. */\n getUnmetRequirement?: (password: string) => string | null\n /** The recovery-key download for the key the new password produced (shown on success). */\n renderRecoveryKey?: (result: PasswordChangeResult) => ReactNode\n /** Extra rows under \"Change password\" (e.g. \"Save recovery key\"). */\n children?: ReactNode\n}\n\n/** The Security card: \"Change password\" and the dialog behind it (`PasswordChangeDialog`). */\nexport function ConnectedSecuritySection({\n notify,\n getUnmetRequirement = defaultUnmetPasswordRequirement,\n renderRecoveryKey,\n children,\n}: ConnectedSecuritySectionProps) {\n const [open, setOpen] = useState(false)\n const change = usePasswordChange()\n // Only workspaces the user belongs to are re-keyed.\n const { data: workspaces } = useWorkspaces({ enabled: open })\n const workspaceCount = (workspaces ?? []).filter((w) => w.is_member).length\n const form = usePasswordChangeForm<PasswordChangeResult>({\n getUnmetRequirement,\n submit: async (vars) => {\n const result = await change.mutateAsync(vars)\n notify?.('Password changed successfully', 'success')\n return result\n },\n onClose: () => setOpen(false),\n })\n\n return (\n <SettingsSection icon={<KeyRound />} title=\"Security\">\n <SettingsCard padding=\"sm\">\n <SettingsActionRow\n title=\"Change password\"\n description=\"Used to sign in and to encrypt your data. Changing it re-encrypts everything in your account.\"\n onClick={() => setOpen(true)}\n testId=\"change-password-button\"\n />\n {children}\n </SettingsCard>\n <PasswordChangeDialog\n open={open}\n onClose={form.onCancel}\n recoveryMode={false}\n currentPassword={form.currentPassword}\n onCurrentPasswordChange={form.onCurrentPasswordChange}\n newPassword={form.newPassword}\n onNewPasswordChange={form.onNewPasswordChange}\n confirmPassword={form.confirmPassword}\n onConfirmPasswordChange={form.onConfirmPasswordChange}\n getUnmetRequirement={getUnmetRequirement}\n workspaceCount={workspaceCount}\n error={form.error}\n isProcessing={form.isProcessing}\n isSubmitDisabled={form.isSubmitDisabled}\n onSubmit={form.onSubmit}\n success={form.result ? (renderRecoveryKey?.(form.result) ?? <></>) : null}\n onDone={form.onDone}\n />\n </SettingsSection>\n )\n}\n\n// ── Notifications ───────────────────────────────────────────────────────────\n\nexport interface ConnectedNotificationPreferencesProps {\n /** Categories to offer; default {@link EMAIL_NOTIFICATION_CATEGORIES}. */\n categories?: readonly EmailNotificationCategoryDef[]\n title?: ReactNode\n}\n\n/** The email-notification switches (`NotificationCategoryList`) over the user settings. */\nexport function ConnectedNotificationPreferences({\n categories = EMAIL_NOTIFICATION_CATEGORIES,\n title = 'Notifications',\n}: ConnectedNotificationPreferencesProps) {\n const keys = useMemo(\n () =>\n categories === EMAIL_NOTIFICATION_CATEGORIES\n ? EMAIL_NOTIFICATION_KEYS\n : categories.map((c) => c.key),\n [categories]\n )\n const prefs = useNotificationPreferences(keys)\n return (\n <SettingsSection title={title}>\n <SettingsCard className=\"space-y-0\">\n <NotificationCategoryList\n masterId=\"emailNotifications\"\n masterTitle=\"Email Notifications\"\n masterDescription=\"Email me about activity when I’m away\"\n masterChecked={prefs.masterChecked}\n onMasterChange={prefs.setAll}\n categories={toNotificationCategories(prefs.checked, categories)}\n onCategoryChange={prefs.setCategory}\n />\n </SettingsCard>\n </SettingsSection>\n )\n}\n\n// ── Sessions ────────────────────────────────────────────────────────────────\n\nexport interface ConnectedSessionsRowProps {\n notify?: SettingsNotify\n /** Ask before ending a session; resolve `false` to cancel. Default: end at once. */\n confirm?: (message: string) => Promise<boolean> | boolean\n /** Glyph per session status. */\n renderSessionIcon?: (status: string) => ReactNode\n}\n\n/** \"Active sessions\" row with the manage dialog (`ActiveSessionsDialog`); end any but this device. */\nexport function ConnectedSessionsRow({\n notify,\n confirm,\n renderSessionIcon,\n}: ConnectedSessionsRowProps) {\n const [open, setOpen] = useState(false)\n const sessions = useSessions({ enabled: open })\n const currentSessionId = useCurrentSessionId()\n const terminate = useTerminateSession()\n const views = toActiveSessionViews(sessions.data ?? [], {\n currentSessionId,\n terminatingId: terminate.isPending ? terminate.variables : null,\n renderIcon: renderSessionIcon,\n })\n return (\n <>\n <SettingsRow\n label=\"Active sessions\"\n description=\"Devices and agents currently signed in to your account.\"\n >\n <Button\n type=\"button\"\n variant=\"outline\"\n size=\"sm\"\n onClick={() => setOpen(true)}\n className=\"flex items-center gap-2\"\n data-testid=\"active-sessions-button\"\n >\n <Radio className=\"h-4 w-4\" />\n Manage\n </Button>\n </SettingsRow>\n <ActiveSessionsDialog\n open={open}\n onOpenChange={setOpen}\n isLoading={sessions.isLoading}\n sessions={views}\n onTerminate={(id) => {\n void (async () => {\n const view = views.find((v) => v.id === id)\n const label = view?.detail.split(' · ')[0]\n const ok =\n (await confirm?.(\n `End the session on ${label}? It will be signed out immediately.`\n )) ?? true\n if (!ok) return\n try {\n await terminate.mutateAsync(id)\n } catch {\n notify?.('Failed to end session. Please try again.', 'error')\n }\n })()\n }}\n />\n </>\n )\n}\n\nexport interface ConnectedLogoutDialogProps {\n open: boolean\n onClose: () => void\n isOnline?: boolean\n renderSessionIcon?: (status: string) => ReactNode\n}\n\n/** Sign out of this device or all devices (`LogoutDialog`), listing the active sessions. */\nexport function ConnectedLogoutDialog({\n open,\n onClose,\n isOnline = true,\n renderSessionIcon,\n}: ConnectedLogoutDialogProps) {\n const { logout } = useConnection()\n const sessions = useSessions({ enabled: open })\n const logoutAll = useLogoutAllSessions()\n return (\n <LogoutDialog\n open={open}\n onClose={onClose}\n onLogoutThis={() => {\n onClose()\n logout()\n }}\n onLogoutAll={() => {\n onClose()\n // The server drops every session first; the connection then forgets this one.\n void logoutAll.mutateAsync().finally(logout)\n }}\n canLogoutAll\n isOnline={isOnline}\n sessions={toLogoutSessionViews(sessions.data ?? [])}\n renderSessionIcon={renderSessionIcon}\n />\n )\n}\n\n// ── Danger zone ─────────────────────────────────────────────────────────────\n\nexport interface ConnectedDangerZoneProps {\n notify?: SettingsNotify\n /** Link to the billing page for a deletion blocked by an active subscription. */\n renderSubscriptionLink?: () => ReactNode\n}\n\n/** \"Delete your account\": the collapsed danger zone and the two-step dialog (`DeleteAccountDialog`). */\nexport function ConnectedDangerZone({ notify, renderSubscriptionLink }: ConnectedDangerZoneProps) {\n const [zoneOpen, setZoneOpen] = useState(false)\n const [dialogOpen, setDialogOpen] = useState(false)\n const { user, logout } = useConnection()\n const remove = useDeleteAccount()\n const flow = useDeleteAccountFlow({\n userEmail: user?.email ?? '',\n remove: () => remove.mutateAsync(),\n onClose: () => setDialogOpen(false),\n onDeleted: logout,\n onError: () => notify?.('Failed to delete account. Please try again.', 'error'),\n })\n return (\n <>\n <SettingsDangerZone\n isOpen={zoneOpen}\n onToggle={() => setZoneOpen((o) => !o)}\n title=\"Delete your account\"\n description=\"Once deleted, your account will be immediately closed and you will be logged out. This action cannot be undone.\"\n action={\n <Button\n variant=\"destructive\"\n size=\"sm\"\n disabled={!user?.email}\n onClick={() => setDialogOpen(true)}\n data-testid=\"delete-account-button\"\n >\n Delete Account\n </Button>\n }\n />\n <DeleteAccountDialog\n open={dialogOpen}\n onClose={flow.onClose}\n step={flow.step}\n blockers={toDeleteBlockerViews(flow.blockers, renderSubscriptionLink)}\n onContinue={flow.onContinue}\n onBack={flow.onBack}\n userEmail={user?.email ?? ''}\n confirmEmail={flow.confirmEmail}\n onConfirmEmailChange={flow.onConfirmEmailChange}\n isDeleting={flow.isDeleting}\n onSubmit={flow.onSubmit}\n />\n </>\n )\n}\n"]}
@@ -7,3 +7,4 @@ export { ConnectionProvider, SESSION_EXPIRED_MESSAGE, useConnection, isAuthentic
7
7
  export { ArbiAppProvider } from '../connection/ArbiAppProvider';
8
8
  export { useConnectedAiTask, useConnectedChat, ConnectedAssistantDock, useWorkspaceDocs, useSemanticSearch, toRedlineMarkdown, redlineStats, textToArtifact, type AiTaskStatus, type AiRunOptions, type SearchChunk, type ArtifactEvent, } from '../connection/ai';
9
9
  export { useConnectedShellWorkspaces, type UseConnectedShellWorkspacesOptions, } from '../connection/useConnectedShellWorkspaces';
10
+ export { ConnectedProfileCard, ConnectedSecuritySection, ConnectedNotificationPreferences, ConnectedSessionsRow, ConnectedLogoutDialog, ConnectedDangerZone, defaultUnmetPasswordRequirement, type SettingsNotify, type ConnectedProfileCardProps, type ConnectedSecuritySectionProps, type ConnectedNotificationPreferencesProps, type ConnectedSessionsRowProps, type ConnectedLogoutDialogProps, type ConnectedDangerZoneProps, } from '../connection/ConnectedSettings';