@arbidocs/blocks 0.4.4 → 0.4.6

package/dist/connect/index.js

@@ -1,14 +1,20 @@
 "use client";
-import { ConnectionProvider, useConnection } from '../chunk-B673CCW5.js';
-export { ConnectedAssistantDock, ConnectionProvider, SESSION_EXPIRED_MESSAGE, isAuthenticated, redlineStats, textToArtifact, toRedlineMarkdown, useConnectedAiTask, useConnectedChat, useConnection, useSemanticSearch, useWorkspaceDocs } from '../chunk-B673CCW5.js';
-import '../chunk-JPO3F4J7.js';
-import '../chunk-2VBJ763Y.js';
-import '../chunk-OXF2IFXG.js';
+import { SettingsSection, ProfileCard, AvatarPicker, SettingsCard, SettingsActionRow, PasswordChangeDialog, EMAIL_NOTIFICATION_KEYS, EMAIL_NOTIFICATION_CATEGORIES, NotificationCategoryList, toNotificationCategories, toActiveSessionViews, SettingsRow, ActiveSessionsDialog, LogoutDialog, toLogoutSessionViews, SettingsDangerZone, DeleteAccountDialog, toDeleteBlockerViews } from '../chunk-JLOYWXRB.js';
+import { ConnectionProvider, useConnection } from '../chunk-UHVNYKV2.js';
+export { ConnectedAssistantDock, ConnectionProvider, SESSION_EXPIRED_MESSAGE, isAuthenticated, redlineStats, textToArtifact, toRedlineMarkdown, useConnectedAiTask, useConnectedChat, useConnection, useSemanticSearch, useWorkspaceDocs } from '../chunk-UHVNYKV2.js';
+import '../chunk-VILAPTCB.js';
+import '../chunk-G2T3KTZ3.js';
+import '../chunk-KZJAG7T3.js';
+import '../chunk-NPLYHR2E.js';
+import { initials } from '../chunk-OXF2IFXG.js';
+import '../chunk-TJMKFY5P.js';
 import '../chunk-7F6CBP3Z.js';
-import { useState } from 'react';
+import { useState, useMemo } from 'react';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { ArbiProvider, useWorkspaces, useShellWorkspaces, ArbiWebSocketProvider } from '@arbidocs/react';
-import { jsx } from 'react/jsx-runtime';
+import { ArbiProvider, useWorkspaces, useShellWorkspaces, useProfile, useUpdateProfile, useRequestEmailChange, useConfirmEmailChange, useNameEditor, useAvatarCrop, useEmailChange, ImageCropModal, usePasswordChange, usePasswordChangeForm, useNotificationPreferences, useSessions, useCurrentSessionId, useTerminateSession, useLogoutAllSessions, useDeleteAccount, useDeleteAccountFlow, ArbiWebSocketProvider } from '@arbidocs/react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { UserCircle, KeyRound, Radio } from 'lucide-react';
+import { Button } from '@arbidocs/react/ui';
 
 function ConnectionBoundWebSocket({ children }) {
   const { status } = useConnection();
@@ -38,7 +44,333 @@ function useConnectedShellWorkspaces(options = {}) {
     select: (workspace) => setWorkspace(workspace.id)
   });
 }
+function errorText(error, fallback) {
+  const body = error?.apiError;
+  return typeof body?.detail === "string" ? body.detail : fallback;
+}
+var AVATAR_PROBLEMS = {
+  "not-image": "Please choose an image file",
+  "too-large": "Image must be 5 MB or smaller",
+  unreadable: "Couldn't read that image \u2014 try a different file"
+};
+function ConnectedProfileCard({ notify, title = "Profile" }) {
+  const { data: profile } = useProfile();
+  const updateProfile = useUpdateProfile();
+  const requestEmailChange = useRequestEmailChange();
+  const confirmEmailChange = useConfirmEmailChange();
+  const { user } = useConnection();
+  const name = useNameEditor({
+    givenName: profile?.givenName,
+    familyName: profile?.familyName,
+    save: async (next) => {
+      try {
+        await updateProfile.mutateAsync(next);
+        notify?.("Name updated", "success");
+      } catch (e) {
+        notify?.("Failed to update name", "error");
+        throw e;
+      }
+    }
+  });
+  const avatar = useAvatarCrop({
+    upload: async (picture) => {
+      try {
+        await updateProfile.mutateAsync({ picture });
+        notify?.("Profile picture updated", "success");
+      } catch (e) {
+        notify?.("Failed to update picture", "error");
+        throw e;
+      }
+    },
+    onProblem: (problem) => notify?.(AVATAR_PROBLEMS[problem], "error")
+  });
+  const email = useEmailChange({
+    requestCode: async (address) => {
+      try {
+        await requestEmailChange.mutateAsync(address);
+        notify?.("Verification code sent to your new email", "success");
+      } catch (e) {
+        notify?.(errorText(e, "Failed to send verification code"), "error");
+        throw e;
+      }
+    },
+    confirm: async (args) => {
+      try {
+        await confirmEmailChange.mutateAsync(args);
+        notify?.("Email address updated", "success");
+      } catch (e) {
+        notify?.(errorText(e, "Invalid or expired verification code"), "error");
+        throw e;
+      }
+    }
+  });
+  const display = profile?.fullName || user?.name || "Unnamed";
+  return /* @__PURE__ */ jsx(SettingsSection, { icon: /* @__PURE__ */ jsx(UserCircle, {}), title, children: /* @__PURE__ */ jsx(
+    ProfileCard,
+    {
+      avatar: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          AvatarPicker,
+          {
+            pictureUrl: profile?.picture ?? user?.picture,
+            initials: initials(display),
+            fallbackClassName: "bg-primary text-primary-foreground",
+            isUploading: avatar.isUploading,
+            onFileChosen: avatar.onFileChosen
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ImageCropModal,
+          {
+            open: avatar.pendingImage !== null,
+            image: avatar.pendingImage,
+            title: "Crop your photo",
+            aspect: 1,
+            cropShape: "round",
+            output: { maxSize: 128, mimeType: "image/jpeg", quality: 0.85 },
+            onComplete: avatar.onCropComplete,
+            onCancel: avatar.onCropCancel
+          }
+        )
+      ] }),
+      name: { ...name, display, isSaving: name.isSaving },
+      email: profile?.email ?? user?.email ?? "",
+      isSso: profile?.isSso ?? false,
+      onStartEmailChange: email.onStart,
+      emailChange: email.isOpen ? email : void 0
+    }
+  ) });
+}
+function defaultUnmetPasswordRequirement(password) {
+  if (password.length < 8) return "Minimum 8 characters";
+  if (!/[A-Z!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]/.test(password)) {
+    return "At least one uppercase letter or special character";
+  }
+  if (!/[0-9]/.test(password)) return "At least one number";
+  return null;
+}
+function ConnectedSecuritySection({
+  notify,
+  getUnmetRequirement = defaultUnmetPasswordRequirement,
+  renderRecoveryKey,
+  children
+}) {
+  const [open, setOpen] = useState(false);
+  const change = usePasswordChange();
+  const { data: workspaces } = useWorkspaces({ enabled: open });
+  const workspaceCount = (workspaces ?? []).filter((w) => w.is_member).length;
+  const form = usePasswordChangeForm({
+    getUnmetRequirement,
+    submit: async (vars) => {
+      const result = await change.mutateAsync(vars);
+      notify?.("Password changed successfully", "success");
+      return result;
+    },
+    onClose: () => setOpen(false)
+  });
+  return /* @__PURE__ */ jsxs(SettingsSection, { icon: /* @__PURE__ */ jsx(KeyRound, {}), title: "Security", children: [
+    /* @__PURE__ */ jsxs(SettingsCard, { padding: "sm", children: [
+      /* @__PURE__ */ jsx(
+        SettingsActionRow,
+        {
+          title: "Change password",
+          description: "Used to sign in and to encrypt your data. Changing it re-encrypts everything in your account.",
+          onClick: () => setOpen(true),
+          testId: "change-password-button"
+        }
+      ),
+      children
+    ] }),
+    /* @__PURE__ */ jsx(
+      PasswordChangeDialog,
+      {
+        open,
+        onClose: form.onCancel,
+        recoveryMode: false,
+        currentPassword: form.currentPassword,
+        onCurrentPasswordChange: form.onCurrentPasswordChange,
+        newPassword: form.newPassword,
+        onNewPasswordChange: form.onNewPasswordChange,
+        confirmPassword: form.confirmPassword,
+        onConfirmPasswordChange: form.onConfirmPasswordChange,
+        getUnmetRequirement,
+        workspaceCount,
+        error: form.error,
+        isProcessing: form.isProcessing,
+        isSubmitDisabled: form.isSubmitDisabled,
+        onSubmit: form.onSubmit,
+        success: form.result ? renderRecoveryKey?.(form.result) ?? /* @__PURE__ */ jsx(Fragment, {}) : null,
+        onDone: form.onDone
+      }
+    )
+  ] });
+}
+function ConnectedNotificationPreferences({
+  categories = EMAIL_NOTIFICATION_CATEGORIES,
+  title = "Notifications"
+}) {
+  const keys = useMemo(
+    () => categories === EMAIL_NOTIFICATION_CATEGORIES ? EMAIL_NOTIFICATION_KEYS : categories.map((c) => c.key),
+    [categories]
+  );
+  const prefs = useNotificationPreferences(keys);
+  return /* @__PURE__ */ jsx(SettingsSection, { title, children: /* @__PURE__ */ jsx(SettingsCard, { className: "space-y-0", children: /* @__PURE__ */ jsx(
+    NotificationCategoryList,
+    {
+      masterId: "emailNotifications",
+      masterTitle: "Email Notifications",
+      masterDescription: "Email me about activity when I\u2019m away",
+      masterChecked: prefs.masterChecked,
+      onMasterChange: prefs.setAll,
+      categories: toNotificationCategories(prefs.checked, categories),
+      onCategoryChange: prefs.setCategory
+    }
+  ) }) });
+}
+function ConnectedSessionsRow({
+  notify,
+  confirm,
+  renderSessionIcon
+}) {
+  const [open, setOpen] = useState(false);
+  const sessions = useSessions({ enabled: open });
+  const currentSessionId = useCurrentSessionId();
+  const terminate = useTerminateSession();
+  const views = toActiveSessionViews(sessions.data ?? [], {
+    currentSessionId,
+    terminatingId: terminate.isPending ? terminate.variables : null,
+    renderIcon: renderSessionIcon
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      SettingsRow,
+      {
+        label: "Active sessions",
+        description: "Devices and agents currently signed in to your account.",
+        children: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            onClick: () => setOpen(true),
+            className: "flex items-center gap-2",
+            "data-testid": "active-sessions-button",
+            children: [
+              /* @__PURE__ */ jsx(Radio, { className: "h-4 w-4" }),
+              "Manage"
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ActiveSessionsDialog,
+      {
+        open,
+        onOpenChange: setOpen,
+        isLoading: sessions.isLoading,
+        sessions: views,
+        onTerminate: (id) => {
+          void (async () => {
+            const view = views.find((v) => v.id === id);
+            const label = view?.detail.split(" \xB7 ")[0];
+            const ok = await confirm?.(
+              `End the session on ${label}? It will be signed out immediately.`
+            ) ?? true;
+            if (!ok) return;
+            try {
+              await terminate.mutateAsync(id);
+            } catch {
+              notify?.("Failed to end session. Please try again.", "error");
+            }
+          })();
+        }
+      }
+    )
+  ] });
+}
+function ConnectedLogoutDialog({
+  open,
+  onClose,
+  isOnline = true,
+  renderSessionIcon
+}) {
+  const { logout } = useConnection();
+  const sessions = useSessions({ enabled: open });
+  const logoutAll = useLogoutAllSessions();
+  return /* @__PURE__ */ jsx(
+    LogoutDialog,
+    {
+      open,
+      onClose,
+      onLogoutThis: () => {
+        onClose();
+        logout();
+      },
+      onLogoutAll: () => {
+        onClose();
+        void logoutAll.mutateAsync().finally(logout);
+      },
+      canLogoutAll: true,
+      isOnline,
+      sessions: toLogoutSessionViews(sessions.data ?? []),
+      renderSessionIcon
+    }
+  );
+}
+function ConnectedDangerZone({ notify, renderSubscriptionLink }) {
+  const [zoneOpen, setZoneOpen] = useState(false);
+  const [dialogOpen, setDialogOpen] = useState(false);
+  const { user, logout } = useConnection();
+  const remove = useDeleteAccount();
+  const flow = useDeleteAccountFlow({
+    userEmail: user?.email ?? "",
+    remove: () => remove.mutateAsync(),
+    onClose: () => setDialogOpen(false),
+    onDeleted: logout,
+    onError: () => notify?.("Failed to delete account. Please try again.", "error")
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      SettingsDangerZone,
+      {
+        isOpen: zoneOpen,
+        onToggle: () => setZoneOpen((o) => !o),
+        title: "Delete your account",
+        description: "Once deleted, your account will be immediately closed and you will be logged out. This action cannot be undone.",
+        action: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "destructive",
+            size: "sm",
+            disabled: !user?.email,
+            onClick: () => setDialogOpen(true),
+            "data-testid": "delete-account-button",
+            children: "Delete Account"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      DeleteAccountDialog,
+      {
+        open: dialogOpen,
+        onClose: flow.onClose,
+        step: flow.step,
+        blockers: toDeleteBlockerViews(flow.blockers, renderSubscriptionLink),
+        onContinue: flow.onContinue,
+        onBack: flow.onBack,
+        userEmail: user?.email ?? "",
+        confirmEmail: flow.confirmEmail,
+        onConfirmEmailChange: flow.onConfirmEmailChange,
+        isDeleting: flow.isDeleting,
+        onSubmit: flow.onSubmit
+      }
+    )
+  ] });
+}
 
-export { ArbiAppProvider, useConnectedShellWorkspaces };
+export { ArbiAppProvider, ConnectedDangerZone, ConnectedLogoutDialog, ConnectedNotificationPreferences, ConnectedProfileCard, ConnectedSecuritySection, ConnectedSessionsRow, defaultUnmetPasswordRequirement, useConnectedShellWorkspaces };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/connect/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/connection/ArbiAppProvider.tsx","../../src/connection/useConnectedShellWorkspaces.ts"],"names":[],"mappings":";;;;;;;;;;;AAqBA,SAAS,wBAAA,CAAyB,EAAE,QAAA,EAAS,EAA4B;AACvE,EAAA,MAAM,EAAE,MAAA,EAAO,GAAI,aAAA,EAAc;AACjC,EAAA,uBACE,GAAA,CAAC,qBAAA,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,GAAI,QAAA;AAAA,IACpB,MACE,IAAI,WAAA,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,2BACG,mBAAA,EAAA,EAAoB,MAAA,EAAQ,WAAA,EAC3B,QAAA,kBAAA,GAAA,CAAC,gBAAa,GAAA,EAAK,WAAA,EACjB,QAAA,kBAAA,GAAA,CAAC,kBAAA,EAAA,EAAmB,QAClB,QAAA,kBAAA,GAAA,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,GAAI,aAAA,EAAc;AACpD,EAAA,MAAM,QAAQ,aAAA,EAAc;AAC5B,EAAA,OAAO,kBAAA,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.js","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"]}
+{"version":3,"sources":["../../src/connection/ArbiAppProvider.tsx","../../src/connection/useConnectedShellWorkspaces.ts","../../src/connection/ConnectedSettings.tsx"],"names":["jsx","useState","useWorkspaces"],"mappings":"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","file":"index.js","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"]}

package/dist/connection/ConnectedSettings.d.ts

@@ -0,0 +1,64 @@
+/**
+ * The account area of a settings page, bound to the ARBI SDK: each section is a blocks part wired
+ * to its `@arbidocs/react` hook, so a host drops them in a `SettingsPanel` and owns only the
+ * layout (see the "Settings page recipe" in docs/design/blocks-package.md).
+ *
+ * Every section takes an optional `notify` for toasts and renders the default test ids of its
+ * part. Anything the hooks cannot know (the recovery-key download, the billing link of a blocked
+ * deletion, the password policy) is a prop.
+ */
+import { type ReactNode } from 'react';
+import { type PasswordChangeResult } from '@arbidocs/react';
+import { type EmailNotificationCategoryDef } from '../settings/account-views';
+export type SettingsNotify = (message: string, kind: 'success' | 'error') => void;
+export interface ConnectedProfileCardProps {
+    notify?: SettingsNotify;
+    /** Section heading; default `Profile`. */
+    title?: ReactNode;
+}
+/** Avatar, editable name and email change of the signed-in user (`ProfileCard`). */
+export declare function ConnectedProfileCard({ notify, title }: ConnectedProfileCardProps): import("react").JSX.Element;
+/** The default password policy: 8 characters, an uppercase letter or symbol, a digit. */
+export declare function defaultUnmetPasswordRequirement(password: string): string | null;
+export interface ConnectedSecuritySectionProps {
+    notify?: SettingsNotify;
+    /** The host's password policy; default is {@link defaultUnmetPasswordRequirement}. */
+    getUnmetRequirement?: (password: string) => string | null;
+    /** The recovery-key download for the key the new password produced (shown on success). */
+    renderRecoveryKey?: (result: PasswordChangeResult) => ReactNode;
+    /** Extra rows under "Change password" (e.g. "Save recovery key"). */
+    children?: ReactNode;
+}
+/** The Security card: "Change password" and the dialog behind it (`PasswordChangeDialog`). */
+export declare function ConnectedSecuritySection({ notify, getUnmetRequirement, renderRecoveryKey, children, }: ConnectedSecuritySectionProps): import("react").JSX.Element;
+export interface ConnectedNotificationPreferencesProps {
+    /** Categories to offer; default {@link EMAIL_NOTIFICATION_CATEGORIES}. */
+    categories?: readonly EmailNotificationCategoryDef[];
+    title?: ReactNode;
+}
+/** The email-notification switches (`NotificationCategoryList`) over the user settings. */
+export declare function ConnectedNotificationPreferences({ categories, title, }: ConnectedNotificationPreferencesProps): import("react").JSX.Element;
+export interface ConnectedSessionsRowProps {
+    notify?: SettingsNotify;
+    /** Ask before ending a session; resolve `false` to cancel. Default: end at once. */
+    confirm?: (message: string) => Promise<boolean> | boolean;
+    /** Glyph per session status. */
+    renderSessionIcon?: (status: string) => ReactNode;
+}
+/** "Active sessions" row with the manage dialog (`ActiveSessionsDialog`); end any but this device. */
+export declare function ConnectedSessionsRow({ notify, confirm, renderSessionIcon, }: ConnectedSessionsRowProps): import("react").JSX.Element;
+export interface ConnectedLogoutDialogProps {
+    open: boolean;
+    onClose: () => void;
+    isOnline?: boolean;
+    renderSessionIcon?: (status: string) => ReactNode;
+}
+/** Sign out of this device or all devices (`LogoutDialog`), listing the active sessions. */
+export declare function ConnectedLogoutDialog({ open, onClose, isOnline, renderSessionIcon, }: ConnectedLogoutDialogProps): import("react").JSX.Element;
+export interface ConnectedDangerZoneProps {
+    notify?: SettingsNotify;
+    /** Link to the billing page for a deletion blocked by an active subscription. */
+    renderSubscriptionLink?: () => ReactNode;
+}
+/** "Delete your account": the collapsed danger zone and the two-step dialog (`DeleteAccountDialog`). */
+export declare function ConnectedDangerZone({ notify, renderSubscriptionLink }: ConnectedDangerZoneProps): import("react").JSX.Element;

package/dist/facts/index.cjs

@@ -6,8 +6,8 @@ var chunkOUW6G4O2_cjs = require('../chunk-OUW6G4O2.cjs');
 var chunkVPPX5XUF_cjs = require('../chunk-VPPX5XUF.cjs');
 var chunkV4ISCZJ7_cjs = require('../chunk-V4ISCZJ7.cjs');
 var chunk5B4PXAKI_cjs = require('../chunk-5B4PXAKI.cjs');
-var chunkPPCATBOY_cjs = require('../chunk-PPCATBOY.cjs');
 require('../chunk-C54XEN5T.cjs');
+var chunkPPCATBOY_cjs = require('../chunk-PPCATBOY.cjs');
 var chunkKDG6FER6_cjs = require('../chunk-KDG6FER6.cjs');
 var chunkMHVNT4J3_cjs = require('../chunk-MHVNT4J3.cjs');
 var lucideReact = require('lucide-react');

package/dist/facts/index.js

@@ -4,8 +4,8 @@ import { SearchHit } from '../chunk-A2YAC22G.js';
 import { formatSpan, TimelineCalendar, TimelineGantt } from '../chunk-4EZVCGRL.js';
 import { SelectionBar, SelectionBarAction } from '../chunk-NUNKSZKU.js';
 import { TabHeader } from '../chunk-UBNVIIBT.js';
-import { observeResize } from '../chunk-NPLYHR2E.js';
 import '../chunk-76JDDMSP.js';
+import { observeResize } from '../chunk-NPLYHR2E.js';
 import { initials } from '../chunk-OXF2IFXG.js';
 import { testIdOr } from '../chunk-7F6CBP3Z.js';
 import { PencilLine, Check, MoreVertical, Pencil, Trash2, CalendarDays, X, Filter, SlidersHorizontal, Columns3, ChevronDown, RotateCcw, Milestone, CalendarClock, Scale, Lightbulb, ArrowRight, Loader2, Info, PinOff, Pin, Tags, MoreHorizontal, FolderUp, BookMarked, Plus, Search, CheckCircle2, CornerDownLeft, Quote, ChevronLeft, ChevronRight, Table2, CalendarRange, GanttChartSquare } from 'lucide-react';

package/dist/files/ViewerChrome.d.ts

@@ -2,17 +2,6 @@ import type { ReactNode } from 'react';
 /** Every fixed string of the viewer chrome and parts. Pass a partial `labels` to translate or reword. */
 export interface ViewerLabels {
     shared: string;
-    edit: string;
-    cancel: string;
-    cancelEditing: string;
-    compare: string;
-    compareTitle: string;
-    saveDocument: string;
-    saveAsVersion: string;
-    noChanges: string;
-    saving: string;
-    save: string;
-    saveVersion: string;
     useAsReference: string;
     useAsReferenceTitle: string;
     crop: string;
@@ -24,12 +13,6 @@ export interface ViewerLabels {
     pageInput: string;
     pageOfTitle: string;
     pageOf: (page: number, total: number) => string;
-    compareVs: string;
-    trackChanges: string;
-    trackChangesBack: string;
-    trackChangesView: string;
-    flipComparison: string;
-    stopComparing: string;
     previewUnavailable: string;
     cannotPreview: (extension: string) => string;
     downloadToOpen: string;
@@ -77,34 +60,6 @@ export interface ViewerTitleProps {
 }
 /** Read-only document name pill with the shared marker and version label. */
 export declare function ViewerTitle({ title, shared, versionLabel, shrink, labels, sharedTestId, }: ViewerTitleProps): import("react").JSX.Element;
-export interface ViewerEditActionsProps {
-    isEditing: boolean;
-    isDraft: boolean;
-    /** Narrow panel: icon-only Edit/Compare. Save keeps its label. */
-    compact: boolean;
-    hasChanges: boolean;
-    isSaving: boolean;
-    /** Offer "Compare against the previous version". */
-    canCompare: boolean;
-    onStartEdit: () => void;
-    onCancel: () => void;
-    onCompare: () => void;
-    onSave: () => void;
-    labels?: Partial<ViewerLabels>;
-    testIds?: Partial<ViewerEditActionsTestIds>;
-}
-export interface ViewerEditActionsTestIds {
-    edit: string;
-    cancel: string;
-    compare: string;
-    save: string;
-    unsavedDot: string;
-}
-/**
- * Edit / Cancel / Compare / Save. Save is the ONE filled button and only once there is something
- * to save; a dot marks unsaved changes as a second glanceable signal.
- */
-export declare function ViewerEditActions({ isEditing, isDraft, compact, hasChanges, isSaving, canCompare, onStartEdit, onCancel, onCompare, onSave, labels, testIds, }: ViewerEditActionsProps): import("react").JSX.Element;
 export interface ViewerImageActionsProps {
     compact: boolean;
     onUseAsReference: () => void;

package/dist/files/ViewerParts.d.ts

@@ -27,25 +27,6 @@ export interface ViewerPageCounterProps {
 }
 /** "3 / 12": click the number to type a page; Enter or blur commits, Escape cancels. */
 export declare function ViewerPageCounter({ page, total, onGoTo, labels }: ViewerPageCounterProps): import("react").JSX.Element | null;
-export interface ViewerCompareBarProps {
-    /** The compared-against document pill (the host renders its entity). */
-    compareTarget: ReactNode;
-    versionLabel?: string | null;
-    /** Artifacts toggle "Track changes"; plain documents get a flip-direction arrow instead. */
-    mode: 'track-changes' | 'flip';
-    showTrackChanges: boolean;
-    onToggleTrackChanges: () => void;
-    onFlip: () => void;
-    onStop: () => void;
-    labels?: Partial<ViewerLabels>;
-    /** Overrides the track-changes toggle test id (default `track-changes-toggle`). */
-    trackChangesTestId?: string;
-}
-/**
- * "Compare vs. [doc]" row contents: always an explicit text label (an icon-only pill was unclear),
- * with Track changes (artifacts) or Flip (plain documents), and Stop comparing.
- */
-export declare function ViewerCompareBar({ compareTarget, versionLabel, mode, showTrackChanges, onToggleTrackChanges, onFlip, onStop, labels, trackChangesTestId, }: ViewerCompareBarProps): import("react").JSX.Element;
 /** A format that cannot be previewed in the browser: offer the original instead. */
 export declare function ViewerPreviewUnavailable({ extension, onDownload, labels, }: {
     extension: string;