@butinapp/ui 0.1.0

package/dist/features/shell/conn-state.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import {} from '../../i18n/index.js';
+import { cn } from '../../primitives.js';
+export const connDotClass = {
+    connected: 'bg-emerald-500',
+    unverified: 'bg-sky-500',
+    disconnected: 'bg-destructive'
+};
+export const connLabel = (t, state) => state === 'connected' ? t.statusConnected : state === 'unverified' ? t.statusUnverified : t.statusDisconnected;
+// The status dot, drawn one way everywhere. `className` tunes size/placement per surface (smaller in the
+// header pill, nudged with ml-auto in the sidebar); `title` carries the hover label where there's no text.
+// `testing` is the shared in-flight flag (one service can show in several places at once): while true the dot
+// pulses with an expanding ping ring, and whenever the resolved state CHANGES it plays a one-shot ping so a
+// finished probe visibly "lands" wherever the service is drawn instead of silently recoloring.
+export const ConnDot = ({ state, testing, className, title }) => {
+    const [flash, setFlash] = useState(false);
+    const prev = useRef(state);
+    useEffect(() => {
+        if (prev.current === state) {
+            return;
+        }
+        prev.current = state;
+        setFlash(true);
+        const id = setTimeout(() => setFlash(false), 600);
+        return () => clearTimeout(id);
+    }, [state]);
+    return (_jsxs("span", { className: cn('relative inline-flex size-2', className), title: title, children: [testing || flash ? (_jsx("span", { className: cn('absolute inline-flex size-full animate-ping rounded-full opacity-75', connDotClass[state]) })) : null, _jsx("span", { className: cn('relative size-full rounded-full', connDotClass[state], testing && 'animate-pulse') })] }));
+};

package/dist/features/shell/service-tabs.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from 'react';
+import { type CapabilityView } from '../../types.js';
+export interface ServiceTab {
+    capability: CapabilityView;
+    body: ReactNode;
+    trailing?: boolean;
+    icon?: ReactNode;
+}
+export declare const ServiceTabs: ({ tabs, active, onSelect }: {
+    tabs: ServiceTab[];
+    active: string;
+    onSelect: (capabilityId: string) => void;
+}) => import("react").JSX.Element | null;

package/dist/features/shell/service-tabs.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useLabels } from '../../i18n/index.js';
+import { cn, Tabs, TabsList, TabsTrigger } from '../../primitives.js';
+import {} from '../../types.js';
+// The per-service tab bar (one tab per capability) over the active tab's body. `value`/`onValueChange`
+// are controlled by the host so the active tab maps to the URL. We render only the active body (not a
+// TabsContent per tab) so inactive tabs never mount — that's what makes per-tab lazy loading work.
+// The body wrapper is KEYED by the active capability id so switching tabs remounts a fresh body instead
+// of React reusing one instance across tabs (same component type at the same position). Without the key,
+// a tab's in-component state — a just-run refresh result, fetch/auto-run refs — bleeds into the next tab,
+// so the highlight moves but the content below keeps showing the previous tab's data.
+export const ServiceTabs = ({ tabs, active, onSelect }) => {
+    const t = useLabels();
+    const current = tabs.find((tab) => tab.capability.id === active) ?? tabs[0];
+    if (!current) {
+        return null;
+    }
+    const firstTrailingId = tabs.find((tab) => tab.trailing)?.capability.id;
+    return (_jsxs(Tabs, { value: current.capability.id, onValueChange: onSelect, children: [_jsx(TabsList, { variant: "line", children: tabs.map((tab) => (_jsxs(TabsTrigger, { value: tab.capability.id, className: cn(tab.capability.id === firstTrailingId && 'ml-auto'), children: [tab.icon, t.s(tab.capability.label)] }, tab.capability.id))) }), _jsx("div", { className: "pt-3", children: current.body }, current.capability.id)] }));
+};

package/dist/features/shell/sidebar.d.ts

@@ -0,0 +1,31 @@
+import { type ConnState } from './conn-state.js';
+export type SidebarDot = ConnState;
+export interface SidebarService {
+    id: string;
+    name: string;
+    color?: string;
+    icon?: string;
+    dot?: SidebarDot;
+    testing?: boolean;
+    disabled?: boolean;
+}
+export type SidebarTarget = {
+    kind: 'overview';
+} | {
+    kind: 'management';
+} | {
+    kind: 'developer';
+} | {
+    kind: 'service';
+    serviceId: string;
+};
+export type SidebarActive = SidebarTarget;
+export declare const Sidebar: ({ services, active, onSelect, onNavigate, onOpenSettings, showManagement, showDeveloper }: {
+    services: SidebarService[];
+    active: SidebarActive;
+    onSelect: (target: SidebarTarget) => void;
+    onNavigate?: () => void;
+    onOpenSettings?: () => void;
+    showManagement?: boolean;
+    showDeveloper?: boolean;
+}) => import("react").JSX.Element;

package/dist/features/shell/sidebar.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Database, LayoutGrid, Search, Settings, Wrench } from 'lucide-react';
+import { useState } from 'react';
+import { useLabels } from '../../i18n/index.js';
+import { cn, Input, ServiceIcon } from '../../primitives.js';
+import { ConnDot } from './conn-state.js';
+const rowClass = (active) => cn('flex w-full cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm transition-colors', active
+    ? 'bg-secondary text-secondary-foreground'
+    : 'text-muted-foreground hover:bg-secondary/60 hover:text-foreground');
+// The fixed left rail: Management link, then a searchable service list with Overview pinned first. Each
+// service shows its brand-color icon and a connection-confidence dot (when it has data). Pure +
+// prop-driven; the host owns navigation. `onNavigate` lets a mobile sheet close itself after a pick.
+export const Sidebar = ({ services, active, onSelect, onNavigate, onOpenSettings, showManagement = true, showDeveloper = true }) => {
+    const t = useLabels();
+    const [query, setQuery] = useState('');
+    const filtered = services.filter((s) => s.name.toLowerCase().includes(query.trim().toLowerCase()));
+    const go = (target) => {
+        onSelect(target);
+        onNavigate?.();
+    };
+    return (_jsxs("aside", { className: "bg-sidebar text-sidebar-foreground flex w-56 shrink-0 flex-col gap-3 border-r p-3", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("div", { className: "text-muted-foreground px-2 text-[10px] font-medium tracking-wider uppercase", children: t.servicesHeading }), _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "text-muted-foreground pointer-events-none absolute top-1/2 left-2 size-4 -translate-y-1/2" }), _jsx(Input, { value: query, onChange: (e) => setQuery(e.target.value), placeholder: t.searchPlaceholder, className: "h-8 pl-7 text-xs" })] })] }), _jsxs("div", { className: "flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto", children: [_jsxs("button", { className: rowClass(active.kind === 'overview'), onClick: () => go({ kind: 'overview' }), children: [_jsx(LayoutGrid, { className: "size-4 shrink-0" }), t.navOverview] }), filtered.length === 0 ? (_jsx("p", { className: "text-muted-foreground px-2 py-1.5 text-xs", children: t.noServicesMatch })) : (filtered.map((s) => {
+                        const isActive = active.kind === 'service' && active.serviceId === s.id;
+                        if (s.disabled) {
+                            return (_jsxs("div", { title: t.sidebarDisabledHint, "aria-disabled": true, className: cn(rowClass(false), 'cursor-not-allowed opacity-40 hover:bg-transparent'), children: [_jsx(ServiceIcon, { id: s.id, icon: s.icon, name: s.name, color: s.color, size: 16 }), _jsx("span", { className: "truncate", children: s.name })] }, s.id));
+                        }
+                        return (_jsxs("button", { className: rowClass(isActive), onClick: () => go({ kind: 'service', serviceId: s.id }), children: [_jsx(ServiceIcon, { id: s.id, icon: s.icon, name: s.name, color: s.color, size: 16 }), _jsx("span", { className: "truncate", children: s.name }), s.dot ? (_jsx(ConnDot, { state: s.dot, testing: s.testing, className: "ml-auto size-1.5 shrink-0", title: s.dot })) : null] }, s.id));
+                    }))] }), showManagement || showDeveloper || onOpenSettings ? (_jsxs("div", { className: "space-y-0.5 border-t pt-2", children: [_jsx("div", { className: "text-muted-foreground px-2 pb-1 text-[10px] font-medium tracking-wider uppercase", children: t.systemHeading }), showManagement ? (_jsxs("button", { className: rowClass(active.kind === 'management'), onClick: () => go({ kind: 'management' }), children: [_jsx(Database, { className: "size-4 shrink-0" }), t.navManagement] })) : null, showDeveloper ? (_jsxs("button", { className: rowClass(active.kind === 'developer'), onClick: () => go({ kind: 'developer' }), children: [_jsx(Wrench, { className: "size-4 shrink-0" }), t.navDeveloper] })) : null, onOpenSettings ? (_jsxs("button", { className: rowClass(false), onClick: () => {
+                            onOpenSettings();
+                            onNavigate?.();
+                        }, children: [_jsx(Settings, { className: "size-4 shrink-0" }), t.navSettings] })) : null] })) : null] }));
+};

package/dist/features/shell/theme-toggle.d.ts

@@ -0,0 +1,5 @@
+export declare const ThemeToggle: ({ isDark, onToggle, label }: {
+    isDark: boolean;
+    onToggle: () => void;
+    label?: string;
+}) => import("react").JSX.Element;

package/dist/features/shell/theme-toggle.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Moon, Sun } from 'lucide-react';
+import { useLabels } from '../../i18n/index.js';
+import { Button } from '../../primitives.js';
+// A compact light/dark switch for the top bar. Pure + prop-driven — the host owns theme state (@butinapp/ui
+// ships no theme state); this renders the current mode and emits a toggle, showing the icon of the mode it
+// switches TO. The label falls back to the i18n contract so an embed needn't pass one.
+export const ThemeToggle = ({ isDark, onToggle, label }) => {
+    const t = useLabels();
+    const text = label ?? t.themeToggle;
+    return (_jsx(Button, { variant: "ghost", size: "icon", onClick: onToggle, "aria-label": text, title: text, children: isDark ? _jsx(Sun, { className: "size-4" }) : _jsx(Moon, { className: "size-4" }) }));
+};

package/dist/i18n/context.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from 'react';
+import { type ButinLabels, type Locale } from './labels.js';
+import { type PluginMessages } from './plugin-text.js';
+export type ButinI18n = ButinLabels & {
+    s: (text: string) => string;
+};
+export declare const useLabels: () => ButinI18n;
+export declare const I18nProvider: ({ locale, messages, children }: {
+    locale: Locale;
+    messages?: PluginMessages;
+    children: ReactNode;
+}) => import("react").JSX.Element;
+export declare const LabelsProvider: ({ value, children }: {
+    value: ButinLabels;
+    children: ReactNode;
+}) => import("react").JSX.Element;

package/dist/i18n/context.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from 'react';
+import { butinLabels, en } from './labels.js';
+import { makePluginText } from './plugin-text.js';
+// Defaults to English with an identity `s`, so a component (or an embed) rendered without a provider still
+// works. The host wraps the app with the active locale; a service page re-wraps with that plugin's
+// `meta.messages` merged in.
+const LabelsContext = createContext({ ...en, s: (text) => text });
+export const useLabels = () => useContext(LabelsContext);
+// The unified provider: the active locale's chrome dict + a plugin-string translator built from that locale
+// (and optional per-plugin `messages` merged over the global dict). Nest it on a service page to layer in a
+// plugin's domain vocabulary; the inner provider replaces `s` while keeping the same chrome dict.
+export const I18nProvider = ({ locale, messages, children }) => {
+    const value = useMemo(() => ({ ...butinLabels[locale], s: makePluginText(locale, messages) }), [locale, messages]);
+    return _jsx(LabelsContext.Provider, { value: value, children: children });
+};
+// Entry point for tests/embeds that supply a raw chrome dict directly (no locale). Plugin strings pass
+// through unchanged (identity `s`) — use I18nProvider when plugin-string translation is needed.
+export const LabelsProvider = ({ value, children }) => (_jsx(LabelsContext.Provider, { value: { ...value, s: (text) => text }, children: children }));

package/dist/i18n/format-context.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from 'react';
+import { type FormatPrefs } from './format.js';
+export declare const FormatProvider: ({ value, children }: {
+    value: FormatPrefs;
+    children: ReactNode;
+}) => import("react").JSX.Element;
+export declare const useFormat: () => FormatPrefs;

package/dist/i18n/format-context.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+import { DEFAULT_FORMAT_PREFS } from './format.js';
+const FormatContext = createContext(DEFAULT_FORMAT_PREFS);
+export const FormatProvider = ({ value, children }) => (_jsx(FormatContext.Provider, { value: value, children: children }));
+export const useFormat = () => useContext(FormatContext);

package/dist/i18n/format.d.ts

@@ -0,0 +1,10 @@
+export type CurrencyStyle = 'match' | 'us' | 'fr' | 'eu';
+export type DateFormatPreset = 'locale' | 'iso' | 'us' | 'eu';
+export interface FormatPrefs {
+    currencyStyle: CurrencyStyle;
+    dateFormat: DateFormatPreset;
+}
+export declare const DEFAULT_FORMAT_PREFS: FormatPrefs;
+export declare const resolveNumberLocale: (style: CurrencyStyle, fallbackLocale: string) => string;
+export declare const formatDateTime: (value: string | number | Date, prefs: FormatPrefs, fallbackLocale: string) => string;
+export declare const formatRelative: (then: Date, now: Date, locale: string) => string;

package/dist/i18n/format.js

@@ -0,0 +1,31 @@
+// Pure, node-testable display-format helpers. The currency style overrides the NUMBER-formatting locale
+// only (grouping/symbol placement) — never the amount, never the currency code (no FX). Date helpers apply
+// a preset to app-generated dates (meta lines), in the machine's local zone, not to raw plugin-emitted cells.
+import { DateTime } from 'luxon';
+export const DEFAULT_FORMAT_PREFS = { currencyStyle: 'match', dateFormat: 'locale' };
+const NUMBER_LOCALES = {
+    us: 'en-US',
+    fr: 'fr-CA',
+    eu: 'de-DE'
+};
+// 'match' follows the app's intlLocale; the named presets pin a region's number/currency formatting.
+export const resolveNumberLocale = (style, fallbackLocale) => style === 'match' ? fallbackLocale : NUMBER_LOCALES[style];
+// An ISO-look 'YYYY-MM-DD HH:mm' in the machine's local zone (a plain toISOString can't — it's always UTC).
+// Year→minute fields for the meta-line display.
+const isoLocal = (date) => DateTime.fromJSDate(date).toFormat('yyyy-MM-dd HH:mm');
+export const formatDateTime = (value, prefs, fallbackLocale) => {
+    if (value === '' || value == null) {
+        return '—';
+    }
+    const date = value instanceof Date ? value : new Date(value);
+    if (Number.isNaN(date.getTime())) {
+        return String(value);
+    }
+    if (prefs.dateFormat === 'iso') {
+        return isoLocal(date);
+    }
+    const locale = prefs.dateFormat === 'us' ? 'en-US' : prefs.dateFormat === 'eu' ? 'en-GB' : fallbackLocale;
+    return date.toLocaleString(locale, { dateStyle: 'medium', timeStyle: 'short' });
+};
+// Largest unit whose magnitude is >= 1 (down to seconds), localized. Wording comes from the locale.
+export const formatRelative = (then, now, locale) => DateTime.fromJSDate(then).toRelative({ base: DateTime.fromJSDate(now), locale }) ?? '';

package/dist/i18n/index.d.ts

@@ -0,0 +1,9 @@
+export { I18nProvider, LabelsProvider, useLabels } from './context.js';
+export type { ButinI18n } from './context.js';
+export { FormatProvider, useFormat } from './format-context.js';
+export { DEFAULT_FORMAT_PREFS, resolveNumberLocale, formatDateTime, formatRelative } from './format.js';
+export type { FormatPrefs, CurrencyStyle, DateFormatPreset } from './format.js';
+export { en, fr, butinLabels } from './labels.js';
+export type { ButinLabels, Locale } from './labels.js';
+export { makePluginText, globalPluginText } from './plugin-text.js';
+export type { PluginMessages } from './plugin-text.js';

package/dist/i18n/index.js

@@ -0,0 +1,8 @@
+// @butinapp/ui/i18n — the label + number/date formatting contract: the shape, an English default (context
+// falls back to it, so embeds need no provider), the French dict, and the host providers/hooks. Cross-cutting
+// (both /dashboard and /shell read it), so it stands as its own layer.
+export { I18nProvider, LabelsProvider, useLabels } from './context.js';
+export { FormatProvider, useFormat } from './format-context.js';
+export { DEFAULT_FORMAT_PREFS, resolveNumberLocale, formatDateTime, formatRelative } from './format.js';
+export { en, fr, butinLabels } from './labels.js';
+export { makePluginText, globalPluginText } from './plugin-text.js';

package/dist/i18n/labels.d.ts

@@ -0,0 +1,400 @@
+import type { PluginCategory, TroubleshootingCause } from '@butinapp/sdk';
+export type Locale = 'en' | 'fr';
+export interface ButinLabels {
+    intlLocale: string;
+    headline: string;
+    tagline: string;
+    libraryTitle: string;
+    librarySubtitle: string;
+    dataHeading: string;
+    homeAria: string;
+    navManagement: string;
+    navOverview: string;
+    navDeveloper: string;
+    logsHeading: string;
+    navSettings: string;
+    devNavBrowser: string;
+    systemHeading: string;
+    servicesHeading: string;
+    searchPlaceholder: string;
+    noServicesMatch: string;
+    sidebarDisabledHint: string;
+    menuLabel: string;
+    tabInstalled: string;
+    tabAvailable: string;
+    installAction: string;
+    uninstallAction: string;
+    uninstallArmed: string;
+    uninstallConfirm: string;
+    uninstallEraseFolder: string;
+    uninstallEraseFolderDocs: (n: number) => string;
+    allInstalled: string;
+    availableSearchPlaceholder: string;
+    skipForNow: string;
+    finishSetup: string;
+    onboardingContinue: string;
+    onboardingSignInTitle: string;
+    onboardingSignInBlurb: string;
+    onboardingSettingsTitle: string;
+    onboardingSettingsBlurb: string;
+    onboardingRefreshTitle: string;
+    onboardingRefreshBlurb: string;
+    actionRetry: string;
+    actionReconnect: string;
+    actionEditSettings: string;
+    actionOpenDashboard: string;
+    actionOpenDocs: string;
+    errorDetails: string;
+    failureMessage: Record<TroubleshootingCause, string>;
+    exportButton: string;
+    exportTitle: string;
+    exportDescription: string;
+    exportServices: string;
+    exportSelectAll: string;
+    exportNoData: string;
+    exportEncrypt: string;
+    exportEncryptHint: string;
+    exportPlaintextWarning: string;
+    exportPlaintextNote: string;
+    exportDestination: string;
+    exportDestinationDefault: string;
+    exportChange: string;
+    exportRunning: string;
+    exportDone: string;
+    exportReveal: string;
+    sessionSaved: string;
+    sessionSecured: string;
+    sessionNotCaptured: string;
+    sessionCanceled: string;
+    sessionCleared: string;
+    settingsSaved: string;
+    dataSaved: (capability: string) => string;
+    fetchFailed: string;
+    settingsTitle: string;
+    settingsSubtitle: string;
+    themeLabel: string;
+    themeHint: string;
+    themeToggle: string;
+    sectionLanguage: string;
+    languageHint: string;
+    sectionDataPrivacy: string;
+    sectionAbout: string;
+    settingsNavGeneral: string;
+    settingsNavAdvanced: string;
+    settingsNavSystem: string;
+    settingsNavStorage: string;
+    settingsNavBrowserSignin: string;
+    browserSigninTitle: string;
+    browserSigninLead: string;
+    browserSigninStepsTitle: string;
+    browserSigninStep1: string;
+    browserSigninStep2: string;
+    browserSigninStep3: string;
+    browserSigninButton: string;
+    browserSigninReopen: string;
+    browserSigninConnected: string;
+    browserSigninNone: string;
+    browserSigninBusy: string;
+    browserSigninSynced: (n: number) => string;
+    browserSigninError: string;
+    browserSigninAdvanced: string;
+    browserSigninUrlLabel: string;
+    browserSigninPathLabel: string;
+    browserSigninPathHint: string;
+    browserSigninRemoveTitle: string;
+    browserSigninRemoveHint: string;
+    browserSigninRemove: string;
+    browserSigninRemoveTooltip: string;
+    settingsLoading: string;
+    settingsSaveFailed: string;
+    openFolderFailed: string;
+    startPageLabel: string;
+    startPageHint: string;
+    startPageOverview: string;
+    startPageLast: string;
+    sectionSecurity: string;
+    idleLockLabel: string;
+    idleLockHint: string;
+    idleLockOff: string;
+    lockOnSleepLabel: string;
+    lockOnSleepHint: string;
+    cacheWindowLabel: string;
+    cacheWindowHint: string;
+    logLevelLabel: string;
+    logLevelHint: string;
+    logRetentionLabel: string;
+    logRetentionHint: string;
+    manualCaptureLabel: string;
+    manualCaptureHint: string;
+    paceRequestsLabel: string;
+    paceRequestsHint: string;
+    devModeSection: string;
+    devModeLabel: string;
+    devModeHint: string;
+    sectionFormatting: string;
+    currencyFormatLabel: string;
+    currencyFormatHint: string;
+    dateFormatLabel: string;
+    dateFormatHint: string;
+    sectionCurrency: string;
+    baseCurrencyLabel: string;
+    baseCurrencyHint: string;
+    exchangeRatesLabel: string;
+    exchangeRatesHint: string;
+    exchangeRatesEmpty: string;
+    saveRates: string;
+    clearDataConfirm: string;
+    noServices: string;
+    sessionLive: string;
+    locked: string;
+    reportCount: (n: number) => string;
+    allServices: string;
+    sessionTitle: string;
+    sessionLiveBadge: string;
+    sessionStoredDesc: string;
+    sessionEmptyDesc: string;
+    capturingSession: string;
+    recaptureSession: string;
+    captureSession: string;
+    clearSession: string;
+    advancedPaste: string;
+    hide: string;
+    pastePlaceholder: string;
+    save: string;
+    fetch: string;
+    fetching: string;
+    completedAt: (when: string) => string;
+    refresh: string;
+    refreshThisTab: string;
+    refetchAll: string;
+    notLoadedYet: string;
+    refreshedAgo: (relative: string, absolute: string) => string;
+    refreshWarning: string;
+    connectPrompt: (service: string) => string;
+    noDataYet: string;
+    serviceCount: (n: number) => string;
+    overviewSpending: string;
+    overviewBalances: string;
+    overviewOthers: string;
+    netWorth: string;
+    itemCount: (n: number) => string;
+    lastFetched: (when: string) => string;
+    chartMonthly: string;
+    chartDaily: string;
+    chartYears: string;
+    chartAllYears: string;
+    chartEstimated: string;
+    chartMtdEstimate: string;
+    noRows: string;
+    tableSelectAll: (n: number) => string;
+    tableColumns: string;
+    tableExport: string;
+    tablePerPage: (n: number) => string;
+    tablePageOf: (page: number, total: number) => string;
+    tableRowCount: (n: number) => string;
+    tablePrev: string;
+    tableNext: string;
+    toggleRowDetails: string;
+    perDayHeading: string;
+    estimatedTag: string;
+    cellCopy: string;
+    cellCopied: string;
+    documentsEmpty: string;
+    documentsFolderLabel: string;
+    documentsChangeFolder: string;
+    downloadSelected: (n: number) => string;
+    downloadAll: string;
+    openFolder: string;
+    openDocument: string;
+    viewDocument: string;
+    retryFailed: string;
+    selectAll: string;
+    docDownloaded: string;
+    docDownloading: string;
+    docFailed: string;
+    downloadDone: (done: number, skipped: number) => string;
+    serviceSettingsTitle: string;
+    perServiceConfig: string;
+    saveSettings: string;
+    leaveBlank: string;
+    noServicesRegistered: string;
+    connect: string;
+    reconnect: string;
+    extractAll: string;
+    extractAllRunning: string;
+    extractAllDone: (tabs: number, files: number) => string;
+    test: string;
+    enabledLabel: string;
+    enableToUseHint: string;
+    refreshData: string;
+    extractAllHint: string;
+    filterAll: string;
+    filterEnabled: string;
+    filterConnected: string;
+    filterUnverified: string;
+    filterDisconnected: string;
+    filterIssues: string;
+    filterDisabled: string;
+    filterStale: string;
+    testAll: string;
+    refreshAll: string;
+    testAllCount: (n: number) => string;
+    refreshAllCount: (n: number) => string;
+    lastRefreshed: (rel: string) => string;
+    neverRefreshed: string;
+    dismissSummary: string;
+    testingProgress: (done: number, total: number) => string;
+    refreshingProgress: (done: number, total: number) => string;
+    category: Record<PluginCategory, string>;
+    serviceDisabledBanner: string;
+    refreshSummary: (refreshed: number, needsReconnect: number) => string;
+    needsReconnect: string;
+    settingsConnection: string;
+    settingsConfiguration: string;
+    settingsService: string;
+    settingsData: string;
+    openDashboard: string;
+    openInButin: string;
+    refreshAllTabs: string;
+    testPassed: string;
+    testFailed: string;
+    enabledHint: string;
+    statusConnected: string;
+    statusDisconnected: string;
+    statusUnverified: string;
+    disconnect: string;
+    eraseData: string;
+    eraseDataHint: string;
+    eraseDataDocsKept: (n: number) => string;
+    dataErased: string;
+    moveToProfile: string;
+    moveToProfileHint: string;
+    moveConfirmTo: (name: string) => string;
+    cancel: string;
+    moveDone: (name: string) => string;
+    outputFolder: string;
+    never: string;
+    statRecords: string;
+    statFiles: string;
+    statOnDisk: string;
+    statLastSynced: string;
+    invCapability: string;
+    invRecords: string;
+    invLastFetched: string;
+    invHistory: string;
+    invTrend: string;
+    invView: string;
+    settingsUnderHood: string;
+    underHoodSubtitle: string;
+    mechHowConnects: string;
+    mechAuth: string;
+    mechTransport: string;
+    mechCookieDomains: string;
+    mechSignIn: string;
+    mechPlugin: string;
+    requiresBrowserEngineLabel: string;
+    settingsLedgerDebug: string;
+    ledgerDebugSubtitle: string;
+    ledgerLoading: string;
+    ledgerNoData: string;
+    ledgerDatasetsTitle: string;
+    ledgerSeriesTitle: string;
+    ledgerColRow: string;
+    ledgerColFirstSeen: string;
+    ledgerColLastSeen: string;
+    ledgerColVersions: string;
+    ledgerRows: string;
+    ledgerPoints: string;
+    ledgerDerivedDaily: string;
+    settingsManage: string;
+    profileSwitchTo: (name: string) => string;
+    profileCurrent: string;
+    profileActionsAria: (name: string) => string;
+    profileRename: string;
+    profileDuplicate: string;
+    profileDuplicateLockedHint: string;
+    profileColor: string;
+    profileColorAria: (name: string) => string;
+    profileManageEncryption: string;
+    profileDelete: string;
+    profileDeleteConfirm: string;
+    profileNewName: string;
+    profileAdd: string;
+    profileSave: string;
+    profileActive: string;
+    profileNameAria: string;
+    profilesDialogTitle: string;
+    profilesDialogBlurb: string;
+    encStateOff: string;
+    encStateLocked: string;
+    encStateUnlocked: string;
+    encBadgeLockedAria: string;
+    encBadgeUnlockedAria: string;
+    encryptProfile: string;
+    encryptProfileHint: string;
+    encMasterPassword: string;
+    encConfirmPassword: string;
+    encPasswordMismatch: string;
+    encEnable: string;
+    encEnabling: string;
+    encRecoveryTitle: string;
+    encRecoveryBlurb: string;
+    encRecoveryKey: string;
+    encCopy: string;
+    encCopied: string;
+    encSavedRecovery: string;
+    encDone: string;
+    encLock: string;
+    encUnlockToManage: string;
+    encChangePassword: string;
+    encChangePasswordTitle: string;
+    encOldPassword: string;
+    encNewPassword: string;
+    encChangeSaved: string;
+    encWrongPassword: string;
+    encResetTitle: string;
+    encResetBlurb: string;
+    encReset: string;
+    encWrongRecovery: string;
+    encDisable: string;
+    encDisableTitle: string;
+    encDisableBlurb: string;
+    encDisableConfirm: string;
+    encDisabled: string;
+    encDuplicatePlaintext: string;
+    lockGateTitle: string;
+    lockGateBlurb: string;
+    lockGatePassword: string;
+    lockGateUnlock: string;
+    lockGateUnlocking: string;
+    lockGateUseRecovery: string;
+    lockGateUsePassword: string;
+    lockGateBadSecret: string;
+    lockGateSwitchProfile: string;
+    lockGateForgot: string;
+    notifications: {
+        title: string;
+        empty: string;
+        markAll: string;
+        windowDod: string;
+        windowWow: string;
+        windowMom: string;
+        facetSpend: string;
+        facetUsage: string;
+        allServices: string;
+        up: string;
+        down: string;
+        newActivity: string;
+        fxMissingTitle: string;
+        fxMissingBody: (currency: string, base: string, service: string) => string;
+        dismiss: string;
+        unread: (count: number) => string;
+        settingsChangeTitle: string;
+        settingsHealthTitle: string;
+        settingsFxMissing: string;
+        settingsHint: string;
+    };
+}
+export declare const en: ButinLabels;
+export declare const fr: ButinLabels;
+export declare const butinLabels: Record<Locale, ButinLabels>;