@arbidocs/blocks 0.4.141 → 0.4.143

package/dist/settings/index.d.ts

@@ -10,7 +10,7 @@ export { DraggableHeader, type DraggableHeaderProps } from './DraggableHeader';
 export { PanelFrame, PanelFrameBody, PanelScroll, PanelActionsRow, PanelAddButton, PanelTitleBar, PanelNote, type PanelFrameProps, type PanelFrameBodyProps, type PanelScrollProps, type PanelAddButtonProps, } from './PanelFrame';
 export { ConfigSwitcherBar, DEFAULT_CONFIG_SWITCHER_BAR_LABELS, type ConfigOption, type ConfigOptionMarker, type ConfigSwitcherBarProps, type ConfigSwitcherBarLabels, } from './ConfigSwitcherBar';
 export { ConversationTitleSection, ModelSelectionSection, CONVERSATION_TITLE_MAX, DEFAULT_CONVERSATION_TITLE_SECTION_LABELS, DEFAULT_MODEL_SELECTION_SECTION_LABELS, type ConversationTitleSectionProps, type ConversationTitleSectionLabels, type ModelSelectionSectionProps, type ModelSelectionSectionLabels, } from './ConversationSettingsParts';
-export { ServerConnectionButton, WorkOfflineToggle, DEFAULT_WORK_OFFLINE_LABELS, type ServerConnectionState, type ServerConnectionButtonProps, type WorkOfflineToggleProps, } from './ServerConnectionControls';
+export { ServerConnectionButton, WorkOfflineToggle, DEFAULT_WORK_OFFLINE_LABELS, serverConnectionView, type ServerConnectionStatus, type ServerConnectionView, type ServerConnectionState, type ServerConnectionButtonProps, type WorkOfflineToggleProps, } from './ServerConnectionControls';
 export { NotificationCategoryList, type NotificationCategory, type NotificationCategoryListProps, } from './NotificationCategoryList';
 export { PremiumModelsFrame, ModelProviderLabel, type PremiumModelsFrameProps, } from './PremiumModelsFrame';
 export { ThreadPreviewDialog, type ThreadPreviewDialogProps, type ThreadPreviewCrumb, } from './ThreadPreviewDialog';
@@ -42,3 +42,5 @@ export { PlanNotice, PlanStack, PlanTransition, PlanPickerHeader, PlanPickerCard
 export { ErrorDialogView, DEFAULT_ERROR_DIALOG_LABELS, type ErrorDialogViewProps, type ErrorDialogDetails, type ErrorDialogLabels, } from './ErrorDialog';
 export { formatSessionTtl, toActiveSessionViews, toLogoutSessionViews, toDeleteBlockerViews, toNotificationCategories, EMAIL_NOTIFICATION_CATEGORIES, EMAIL_NOTIFICATION_KEYS, type SessionLike, type ToActiveSessionViewsOptions, type DeleteBlockerLike, type EmailNotificationCategoryDef, } from './account-views';
 export { IdentityVerificationCard, IdentityVerificationDialog, RequireVerified, DEFAULT_IDENTITY_VERIFICATION_LABELS, type IdentityVerificationCardProps, type IdentityVerificationDialogProps, type RequireVerifiedProps, type IdentityVerificationLabels, } from './IdentityVerification';
+export { SettingsPage, resolveSettingsSection, type SettingsPageProps, type SettingsPageSection, } from './SettingsPage';
+export { AppearanceSettings, DEFAULT_APPEARANCE_PAIRING_IDS, type AppearanceSettingsProps, type AppearanceColorScheme, type AppearanceTextSize, } from './AppearanceSettings';

package/dist/settings/index.js

@@ -1,13 +1,16 @@
 "use client";
-export { ActiveSessionsDialog, AvatarPicker, DEFAULT_ACTIVE_SESSIONS_DIALOG_LABELS, DEFAULT_AVATAR_PICKER_LABELS, DEFAULT_DELETE_ACCOUNT_DIALOG_LABELS, DEFAULT_IDENTITY_VERIFICATION_LABELS, DEFAULT_LOGOUT_DIALOG_LABELS, DEFAULT_PASSWORD_CHANGE_DIALOG_LABELS, DEFAULT_PROFILE_CARD_LABELS, DEFAULT_SETTINGS_DANGER_ZONE_LABELS, DeleteAccountDialog, DraggableHeader, EMAIL_NOTIFICATION_CATEGORIES, EMAIL_NOTIFICATION_KEYS, IdentityVerificationCard, IdentityVerificationDialog, LogoutDialog, NotificationCategoryList, PasswordChangeDialog, ProfileCard, RequireVerified, SettingsActionRow, SettingsCard, SettingsDangerZone, SettingsPanel, SettingsRow, SettingsSection, SettingsSwitchGroup, SettingsSwitchRow, formatSessionTtl, toActiveSessionViews, toDeleteBlockerViews, toLogoutSessionViews, toNotificationCategories } from '../chunk-ON3TKY5Y.js';
+import { SettingsPanel, SettingsSection } from '../chunk-5YHEHEJT.js';
+export { ActiveSessionsDialog, AvatarPicker, DEFAULT_ACTIVE_SESSIONS_DIALOG_LABELS, DEFAULT_AVATAR_PICKER_LABELS, DEFAULT_DELETE_ACCOUNT_DIALOG_LABELS, DEFAULT_IDENTITY_VERIFICATION_LABELS, DEFAULT_LOGOUT_DIALOG_LABELS, DEFAULT_PASSWORD_CHANGE_DIALOG_LABELS, DEFAULT_PROFILE_CARD_LABELS, DEFAULT_SETTINGS_DANGER_ZONE_LABELS, DEFAULT_WORK_OFFLINE_LABELS, DeleteAccountDialog, DraggableHeader, EMAIL_NOTIFICATION_CATEGORIES, EMAIL_NOTIFICATION_KEYS, IdentityVerificationCard, IdentityVerificationDialog, LogoutDialog, ModelProviderLabel, NotificationCategoryList, PanelActionsRow, PanelAddButton, PanelFrame, PanelFrameBody, PanelNote, PanelScroll, PanelTitleBar, PasswordChangeDialog, PremiumModelsFrame, ProfileCard, RequireVerified, ServerConnectionButton, SettingsActionRow, SettingsCard, SettingsDangerZone, SettingsPage, SettingsPanel, SettingsRow, SettingsSection, SettingsSwitchGroup, SettingsSwitchRow, WorkOfflineToggle, formatSessionTtl, resolveSettingsSection, serverConnectionView, toActiveSessionViews, toDeleteBlockerViews, toLogoutSessionViews, toNotificationCategories } from '../chunk-5YHEHEJT.js';
 export { ModalBreadcrumbHeader, ModalCrumbs } from '../chunk-RC6VTY2H.js';
 import { UsageMeter } from '../chunk-66TA5IBN.js';
-export { DEFAULT_DOCUMENT_PICKER_LABELS, DEFAULT_TRI_STATE_FILTER_MENU_LABELS, DocumentPicker, MultiSelect, TriStateFilterMenu } from '../chunk-CKCBBYTA.js';
+import { getFontPairing } from '../chunk-NHZK64TQ.js';
+export { MultiSelect } from '../chunk-CQCC7LE7.js';
+export { DEFAULT_DOCUMENT_PICKER_LABELS, DEFAULT_TRI_STATE_FILTER_MENU_LABELS, DocumentPicker, TriStateFilterMenu } from '../chunk-KSHKTOY2.js';
 import { ToneBadge } from '../chunk-5LXQPP2K.js';
 import '../chunk-VILAPTCB.js';
-import { TONE_BORDER, TONE_SURFACE } from '../chunk-AUS3KBHJ.js';
 export { ConfirmDialog, DEFAULT_CONFIRM_DIALOG_LABELS } from '../chunk-VHJHY7TT.js';
 import { TabHeader } from '../chunk-4WWM3GQ5.js';
+import { TONE_BORDER, TONE_SURFACE } from '../chunk-AUS3KBHJ.js';
 import '../chunk-NPLYHR2E.js';
 import { testIdOr, prefixedTestId } from '../chunk-7F6CBP3Z.js';
 import { ModalSection, ModalSectionTitle, ModalHeader, ModalScaffold } from '../chunk-TX2ZICS7.js';
@@ -15,10 +18,10 @@ export { MODAL_SECTION_TITLE_CLASS, ModalHeader, ModalScaffold, ModalSection, Mo
 import { formatCount } from '../chunk-OXF2IFXG.js';
 import '../chunk-VUNV25KB.js';
 import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
-import { cn, DialogFooter, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Input, Button, Tooltip, TooltipTrigger, TooltipContent, Switch, Dialog, DialogContent, DialogTitle, DialogDescription, Label, Textarea, Checkbox, ScrollArea, DialogHeader, Badge, Progress } from '@arbidocs/react/ui';
+import { cn, DialogFooter, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Input, Button, Tooltip, TooltipTrigger, TooltipContent, Dialog, DialogContent, DialogTitle, DialogDescription, Label, Textarea, Checkbox, ScrollArea, DialogHeader, Badge, Progress } from '@arbidocs/react/ui';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useMemo, useState, useId, Fragment as Fragment$1 } from 'react';
-import { History, Undo2, Star, Trash2, Users, Sparkles, Brain, RefreshCw, Wifi, WifiOff, Crown, ChevronDown, ChevronRight, Pencil, Plus, Loader2, Check, X, Info, Tag, Gift, PlugIcon, CheckCircle2, ExternalLink, ShieldCheck, Plug, AlertCircle, MessageCircleQuestionMark, BookOpen, UserPlus, ChartNoAxesColumn, FileText, Mail, Send, Clock, Infinity, ArrowRight, Copy, LogOut } from 'lucide-react';
+import { Sun, Moon, History, Undo2, Star, Trash2, Users, Sparkles, Brain, ChevronDown, ChevronRight, Pencil, Plus, Loader2, Check, X, Info, Tag, Gift, PlugIcon, CheckCircle2, ExternalLink, ShieldCheck, Plug, AlertCircle, MessageCircleQuestionMark, BookOpen, UserPlus, ChartNoAxesColumn, FileText, Mail, Send, Clock, Infinity, ArrowRight, Copy, RefreshCw, LogOut, RotateCcw } from 'lucide-react';
 import { cva } from 'class-variance-authority';
 
 function SegmentedControl({
@@ -123,77 +126,6 @@ function FloatingPanel({
     }
   );
 }
-function PanelFrame({ testId, className, children }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "panel-frame",
-      "data-testid": testId,
-      className: cn("flex h-full min-h-0 flex-col bg-background", className),
-      children
-    }
-  );
-}
-function PanelFrameBody({ className, children }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "panel-frame-body", className: cn("min-h-0 flex-1 overflow-hidden", className), children });
-}
-function PanelScroll({ variant = "flush", className, children }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "panel-scroll",
-      className: cn("h-full overflow-auto", variant === "padded" && "space-y-4 p-3", className),
-      children
-    }
-  );
-}
-function PanelActionsRow({
-  className,
-  children
-}) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "panel-actions-row", className: cn("flex justify-end", className), children });
-}
-function PanelAddButton({
-  label,
-  onClick,
-  isCompact,
-  icon,
-  testId,
-  disabledReason
-}) {
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      onClick,
-      disabled: !!disabledReason,
-      title: disabledReason ?? label,
-      "data-slot": "panel-add-button",
-      "data-testid": testId,
-      className: "flex h-8 items-center gap-1.5 rounded-md px-2 text-sm font-medium text-primary transition-colors hover:bg-primary/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent pointer-coarse:h-11 pointer-coarse:min-w-11",
-      children: [
-        icon,
-        isCompact ? /* @__PURE__ */ jsx("span", { className: "sr-only", children: label }) : /* @__PURE__ */ jsx("span", { children: "New" })
-      ]
-    }
-  );
-}
-function PanelTitleBar({
-  icon,
-  title,
-  end
-}) {
-  return /* @__PURE__ */ jsxs("div", { "data-slot": "panel-title-bar", className: "flex w-full items-center justify-between px-4 py-2", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      icon,
-      /* @__PURE__ */ jsx("span", { className: "font-medium", children: title })
-    ] }),
-    end
-  ] });
-}
-function PanelNote({ children }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "panel-note", className: "py-8 text-center text-muted-foreground", children });
-}
 var DEFAULT_CONFIG_SWITCHER_BAR_LABELS = {
   placeholder: "Select configuration...",
   save: "Save",
@@ -443,129 +375,6 @@ function ModelSelectionSection({
     ] })
   ] });
 }
-var DOT = {
-  connected: "bg-green-solid",
-  connecting: "bg-yellow-solid",
-  disconnected: "bg-red-solid",
-  offline: "bg-yellow-solid"
-};
-function ServerConnectionButton({
-  state,
-  label,
-  isRefreshing,
-  onRefresh,
-  testId = "refresh-session-button"
-}) {
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      type: "button",
-      variant: "outline",
-      size: "sm",
-      onClick: onRefresh,
-      disabled: isRefreshing,
-      className: "flex items-center gap-2",
-      "data-testid": testId,
-      "data-state": state,
-      children: [
-        /* @__PURE__ */ jsx(RefreshCw, { className: cn("size-4", isRefreshing && "animate-spin") }),
-        /* @__PURE__ */ jsx("span", { className: cn("size-2 rounded-full", DOT[state]), "aria-hidden": true }),
-        label
-      ]
-    }
-  );
-}
-var DEFAULT_WORK_OFFLINE_LABELS = {
-  goOnline: "Go online",
-  workOffline: "Work offline",
-  goOnlineHint: "Reconnect and use ARBI online again",
-  workOfflineHint: "Work offline \u2014 read cached docs and queue edits, even though the server is reachable"
-};
-function WorkOfflineToggle({
-  isOffline,
-  onToggle,
-  labels,
-  testId = "work-offline-toggle"
-}) {
-  const l = { ...DEFAULT_WORK_OFFLINE_LABELS, ...labels };
-  return /* @__PURE__ */ jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: isOffline ? "secondary" : "outline",
-        size: "icon",
-        onClick: () => onToggle(!isOffline),
-        "aria-label": isOffline ? l.goOnline : l.workOffline,
-        "aria-pressed": isOffline,
-        "data-testid": testId,
-        children: isOffline ? /* @__PURE__ */ jsx(Wifi, { className: "size-4" }) : /* @__PURE__ */ jsx(WifiOff, { className: "size-4" })
-      }
-    ) }),
-    /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: isOffline ? l.goOnlineHint : l.workOfflineHint }) })
-  ] });
-}
-var GRID_ACCENT_CLASSES = [
-  "[&_.ag-checkbox-input-wrapper.ag-checked]:!bg-primary",
-  "[&_.ag-checkbox-input-wrapper.ag-checked]:!border-primary",
-  "[&_.ag-checkbox-input-wrapper.ag-checked]:!text-primary-foreground"
-];
-var GRID_ACCENT_VARS = {
-  "--ag-checkbox-checked-color": "hsl(var(--primary))",
-  "--ag-selected-row-background-color": "hsl(var(--accent))"
-};
-function PremiumModelsFrame({
-  enabled,
-  onEnabledChange,
-  title = "Enable Premium Models",
-  description = "Third party AI models are priced on a pass-through basis.",
-  children,
-  toggleTestId
-}) {
-  return /* @__PURE__ */ jsxs("div", { "data-slot": "premium-models-frame", children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx(
-        Switch,
-        {
-          id: "premiumModelToggle",
-          checked: enabled,
-          onCheckedChange: onEnabledChange,
-          "data-testid": testIdOr(toggleTestId, { testId: "toggle-premium-model" })
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        "label",
-        {
-          className: "flex cursor-pointer items-center gap-2 text-sm font-medium",
-          htmlFor: "premiumModelToggle",
-          children: [
-            /* @__PURE__ */ jsx(Crown, { className: "size-4 text-muted-foreground" }),
-            title
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx("p", { className: "mb-2 text-sm text-muted-foreground", children: description }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn(
-          "transition-opacity",
-          !enabled && "pointer-events-none opacity-50",
-          GRID_ACCENT_CLASSES
-        ),
-        style: GRID_ACCENT_VARS,
-        "aria-disabled": !enabled,
-        children
-      }
-    )
-  ] });
-}
-function ModelProviderLabel({ logo, children }) {
-  return /* @__PURE__ */ jsxs("span", { "data-slot": "model-provider", className: "flex items-center gap-1.5", children: [
-    logo,
-    children
-  ] });
-}
 function ThreadPreviewDialog({
   open,
   onOpenChange,
@@ -3641,7 +3450,87 @@ function ErrorDialogView({
     }
   ) });
 }
+var SCHEME_OPTIONS = [
+  { value: "light", label: "Light", icon: /* @__PURE__ */ jsx(Sun, { className: "h-4 w-4" }) },
+  { value: "dark", label: "Dark", icon: /* @__PURE__ */ jsx(Moon, { className: "h-4 w-4" }) }
+].map((option) => ({ ...option, testId: `appearance-scheme-${option.value}` }));
+var TEXT_SIZE_OPTIONS = [
+  { value: "default", label: "Default" },
+  { value: "large", label: "Large" },
+  { value: "larger", label: "Larger" }
+].map((option) => ({ ...option, testId: `appearance-text-size-${option.value}` }));
+var DEFAULT_APPEARANCE_PAIRING_IDS = [
+  "office",
+  "inter",
+  "fraunces-inter",
+  "montserrat-nunito"
+];
+function AppearanceSettings({
+  colorScheme,
+  onColorSchemeChange,
+  textSize,
+  onTextSizeChange,
+  pairingId,
+  onPairingChange,
+  pairingIds = DEFAULT_APPEARANCE_PAIRING_IDS,
+  onReset
+}) {
+  const activePairing = getFontPairing(pairingId) ?? getFontPairing(pairingIds[0]);
+  return /* @__PURE__ */ jsxs(SettingsPanel, { testId: "settings-appearance", children: [
+    /* @__PURE__ */ jsx(
+      SettingsSection,
+      {
+        title: "Colour scheme",
+        action: onReset && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: onReset,
+            className: "flex items-center gap-1.5 py-1 text-sm text-muted-foreground hover:text-foreground pointer-coarse:min-h-11",
+            "data-testid": "appearance-reset",
+            children: [
+              /* @__PURE__ */ jsx(RotateCcw, { className: "h-3 w-3" }),
+              "Reset"
+            ]
+          }
+        ),
+        children: /* @__PURE__ */ jsx(
+          SegmentedControl,
+          {
+            value: colorScheme,
+            onChange: onColorSchemeChange,
+            options: SCHEME_OPTIONS,
+            ariaLabel: "Colour scheme"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs(SettingsSection, { title: "Text size", children: [
+      /* @__PURE__ */ jsx(
+        SegmentedControl,
+        {
+          value: textSize,
+          onChange: onTextSizeChange,
+          options: TEXT_SIZE_OPTIONS,
+          ariaLabel: "Text size"
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Makes all text larger, including documents in the viewer and citations. Applied straight away and remembered on this device." })
+    ] }),
+    /* @__PURE__ */ jsxs(SettingsSection, { title: "Typeface", children: [
+      /* @__PURE__ */ jsxs(Select, { value: pairingId, onValueChange: onPairingChange, children: [
+        /* @__PURE__ */ jsx(SelectTrigger, { className: "w-full", "data-testid": "appearance-typeface-select", children: /* @__PURE__ */ jsx(SelectValue, { children: activePairing && /* @__PURE__ */ jsx("span", { style: { fontFamily: activePairing.display }, children: activePairing.label }) }) }),
+        /* @__PURE__ */ jsx(SelectContent, { children: pairingIds.map((id) => {
+          const pairing = getFontPairing(id);
+          if (!pairing) return null;
+          return /* @__PURE__ */ jsx(SelectItem, { value: id, "data-testid": `appearance-typeface-${id}`, children: /* @__PURE__ */ jsx("span", { style: { fontFamily: pairing.display }, children: pairing.label }) }, id);
+        }) })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Sets the headings and body text across the app. Applied straight away and remembered on this device." })
+    ] })
+  ] });
+}
 
-export { CONVERSATION_TITLE_MAX, CheckoutDialogFrame, ConfigSwitcherBar, ConnectionCard, ConnectionsEmpty, ConnectionsError, ConnectionsLoading, ConversationTitleSection, DEFAULT_CHECKOUT_DIALOG_LABELS, DEFAULT_CONFIG_SWITCHER_BAR_LABELS, DEFAULT_CONNECTION_CARD_LABELS, DEFAULT_CONVERSATION_TITLE_SECTION_LABELS, DEFAULT_DAILY_CAP_FIELD_LABELS, DEFAULT_EMAIL_WORKSPACE_DIALOG_LABELS, DEFAULT_ERROR_DIALOG_LABELS, DEFAULT_INLINE_NAME_EDITOR_LABELS, DEFAULT_INVITE_CONTACTS_DIALOG_LABELS, DEFAULT_INVOICES_DIALOG_LABELS, DEFAULT_MEMBER_PROJECT_ROW_LABELS, DEFAULT_MODEL_SELECTION_SECTION_LABELS, DEFAULT_PLAN_CARD_LABELS, DEFAULT_PROJECT_CARD_VIEW_LABELS, DEFAULT_PROJECT_DETAIL_HEADER_LABELS, DEFAULT_PROJECT_LIST_LABELS, DEFAULT_QUOTA_EXCEEDED_DIALOG_LABELS, DEFAULT_REFERRAL_REWARD_LABELS, DEFAULT_RENAME_DIALOG_LABELS, DEFAULT_SHARED_PROJECTS_SECTION_LABELS, DEFAULT_SUBSCRIPTION_SECTION_LABELS, DEFAULT_SUBSCRIPTION_STATUS_LABELS, DEFAULT_SUPPORT_PANEL_LABELS, DEFAULT_SYNC_DIALOG_FOOTER_LABELS, DEFAULT_SYNC_FOLDER_ROW_LABELS, DEFAULT_TIPS_EDITOR_LABELS, DEFAULT_USAGE_LINE_CHART_LABELS, DEFAULT_USAGE_PANEL_LABELS, DEFAULT_USAGE_PROPORTION_BAR_LABELS, DEFAULT_WELCOME_DIALOG_LABELS, DEFAULT_WORK_OFFLINE_LABELS, DailyCapField, EmailWorkspaceDialogView, ErrorDialogView, FilterChip, FloatingPanel, InlineNameEditor, InviteContactsDialog, InvoicesDialog, JsonTree, MemberProjectRow, MessageJsonTree, ModelProviderLabel, ModelSelectionSection, MoreInfo, MoreInfoList, PanelActionsRow, PanelAddButton, PanelFrame, PanelFrameBody, PanelNote, PanelScroll, PanelTitleBar, PlanActionButton, PlanActionRow, PlanBadge, PlanCard, PlanCardGrid, PlanDialogFrame, PlanInfoPopover, PlanNotice, PlanPickerCard, PlanPickerHeader, PlanStack, PlanTierOption, PlanTransition, PremiumModelsFrame, PricingToggle, ProjectCardView, ProjectDetailHeader, ProjectDetailSection, ProjectGroup, ProjectList, ProjectNameLabel, ProjectPlanPicker, ProjectRow, ProjectRowActions, PromoCodeInput, QuotaExceededDialogView, QuotaMeter, ReferralRewardBadge, ReferralRewardNote, ReferralRewardSummary, RenameDialog, RowButton, RowIconAction, SegmentedControl, ServerConnectionButton, SharedProjectRow, SharedProjectsSection, SubscriptionSectionView, SubscriptionStatusView, SupportPanel, SupportUnavailable, SyncCheckList, SyncDialogBody, SyncDialogFooter, SyncField, SyncFolderRow, SyncFolderStatus, SyncLinkButton, SyncLinkRow, SyncLoading, SyncNote, SyncOptionToggle, SyncOptions, SyncReconnectNotice, SyncSelect, SyncSmallNote, SyncTreeFrame, ThreadPreviewDialog, TipsEditorDialog, UsageActionButton, UsageLegend, UsageLineChart, UsagePanel, UsageProportionBar, UsageQuotaHint, UsageSection, UsageSummary, UsageToggle, WelcomeDialog, WelcomeProjectPicker, WorkOfflineToggle };
+export { AppearanceSettings, CONVERSATION_TITLE_MAX, CheckoutDialogFrame, ConfigSwitcherBar, ConnectionCard, ConnectionsEmpty, ConnectionsError, ConnectionsLoading, ConversationTitleSection, DEFAULT_APPEARANCE_PAIRING_IDS, DEFAULT_CHECKOUT_DIALOG_LABELS, DEFAULT_CONFIG_SWITCHER_BAR_LABELS, DEFAULT_CONNECTION_CARD_LABELS, DEFAULT_CONVERSATION_TITLE_SECTION_LABELS, DEFAULT_DAILY_CAP_FIELD_LABELS, DEFAULT_EMAIL_WORKSPACE_DIALOG_LABELS, DEFAULT_ERROR_DIALOG_LABELS, DEFAULT_INLINE_NAME_EDITOR_LABELS, DEFAULT_INVITE_CONTACTS_DIALOG_LABELS, DEFAULT_INVOICES_DIALOG_LABELS, DEFAULT_MEMBER_PROJECT_ROW_LABELS, DEFAULT_MODEL_SELECTION_SECTION_LABELS, DEFAULT_PLAN_CARD_LABELS, DEFAULT_PROJECT_CARD_VIEW_LABELS, DEFAULT_PROJECT_DETAIL_HEADER_LABELS, DEFAULT_PROJECT_LIST_LABELS, DEFAULT_QUOTA_EXCEEDED_DIALOG_LABELS, DEFAULT_REFERRAL_REWARD_LABELS, DEFAULT_RENAME_DIALOG_LABELS, DEFAULT_SHARED_PROJECTS_SECTION_LABELS, DEFAULT_SUBSCRIPTION_SECTION_LABELS, DEFAULT_SUBSCRIPTION_STATUS_LABELS, DEFAULT_SUPPORT_PANEL_LABELS, DEFAULT_SYNC_DIALOG_FOOTER_LABELS, DEFAULT_SYNC_FOLDER_ROW_LABELS, DEFAULT_TIPS_EDITOR_LABELS, DEFAULT_USAGE_LINE_CHART_LABELS, DEFAULT_USAGE_PANEL_LABELS, DEFAULT_USAGE_PROPORTION_BAR_LABELS, DEFAULT_WELCOME_DIALOG_LABELS, DailyCapField, EmailWorkspaceDialogView, ErrorDialogView, FilterChip, FloatingPanel, InlineNameEditor, InviteContactsDialog, InvoicesDialog, JsonTree, MemberProjectRow, MessageJsonTree, ModelSelectionSection, MoreInfo, MoreInfoList, PlanActionButton, PlanActionRow, PlanBadge, PlanCard, PlanCardGrid, PlanDialogFrame, PlanInfoPopover, PlanNotice, PlanPickerCard, PlanPickerHeader, PlanStack, PlanTierOption, PlanTransition, PricingToggle, ProjectCardView, ProjectDetailHeader, ProjectDetailSection, ProjectGroup, ProjectList, ProjectNameLabel, ProjectPlanPicker, ProjectRow, ProjectRowActions, PromoCodeInput, QuotaExceededDialogView, QuotaMeter, ReferralRewardBadge, ReferralRewardNote, ReferralRewardSummary, RenameDialog, RowButton, RowIconAction, SegmentedControl, SharedProjectRow, SharedProjectsSection, SubscriptionSectionView, SubscriptionStatusView, SupportPanel, SupportUnavailable, SyncCheckList, SyncDialogBody, SyncDialogFooter, SyncField, SyncFolderRow, SyncFolderStatus, SyncLinkButton, SyncLinkRow, SyncLoading, SyncNote, SyncOptionToggle, SyncOptions, SyncReconnectNotice, SyncSelect, SyncSmallNote, SyncTreeFrame, ThreadPreviewDialog, TipsEditorDialog, UsageActionButton, UsageLegend, UsageLineChart, UsagePanel, UsageProportionBar, UsageQuotaHint, UsageSection, UsageSummary, UsageToggle, WelcomeDialog, WelcomeProjectPicker };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map