waybetter 0.1.1 → 0.7.0

package/dist/shell/frame/edges.css

@@ -0,0 +1,159 @@
+/*
+ * Bevelled chrome: the app's own window drawn like the theme it shows when that theme is built from
+ * raised and sunken edges (a Windows 98 theme). chromeVars() sets `--wb-c-edges: bevel` and the edge
+ * colors; themeStore (and boot.js on the first frame) mirror it on `html[data-wb-edges=bevel]`.
+ *
+ * The edges are 98.css's (MIT, (c) Jordan Scales, https://github.com/jdan/98.css): a raised part has a
+ * highlight and a light line on its top and left and a shadow and a near-black line on its bottom and
+ * right; a sunken field has the same four lines the other way round. Here they come from the theme's
+ * own face color (--wb-c-face, --wb-c-bevel-*), so any palette can be bevelled.
+ *
+ * Square corners come from the radius scale (the theme's radius 0 makes --bt-rs 0); this file only
+ * draws faces, edges, the title bar and selection. Two levels: the window (title bar, caption
+ * buttons, menus, palette, scrollbars) follows the global theme on `html[data-wb-edges]`; each pane
+ * (its tabs, toolbar, address field, settings panel) follows its own theme on `.dv-groupview.wb-bevel`,
+ * which themeStore sets on every dock group whose theme (the pane's own, else the global one) is
+ * bevelled. So a Windows 98 pane is bevelled inside a flat window, and a flat pane stays flat inside
+ * a Windows 98 window.
+ */
+html[data-wb-edges=bevel], .dv-groupview.wb-bevel {
+  --bt-bv-face: var(--wb-c-face, #c0c0c0); --bt-bv-text: var(--wb-c-face-text, #000000);
+  --bt-bv-hi: var(--wb-c-bevel-hi, #ffffff); --bt-bv-lt: var(--wb-c-bevel-lt, #dfdfdf); --bt-bv-sh: var(--wb-c-bevel-sh, #808080); --bt-bv-dk: var(--wb-c-bevel-dk, #0a0a0a);
+  --bt-bv-out: inset -1px -1px var(--bt-bv-dk), inset 1px 1px var(--bt-bv-hi), inset -2px -2px var(--bt-bv-sh), inset 2px 2px var(--bt-bv-lt);
+  --bt-bv-window: inset -1px -1px var(--bt-bv-dk), inset 1px 1px var(--bt-bv-lt), inset -2px -2px var(--bt-bv-sh), inset 2px 2px var(--bt-bv-hi);
+  --bt-bv-in: inset -1px -1px var(--bt-bv-hi), inset 1px 1px var(--bt-bv-sh), inset -2px -2px var(--bt-bv-lt), inset 2px 2px var(--bt-bv-dk);
+  --bt-bv-pressed: inset -1px -1px var(--bt-bv-hi), inset 1px 1px var(--bt-bv-dk), inset -2px -2px var(--bt-bv-lt), inset 2px 2px var(--bt-bv-sh);
+  --bt-bv-etched: inset -1px -1px var(--bt-bv-hi), inset 1px 1px var(--bt-bv-sh), inset -2px -2px var(--bt-bv-sh), inset 2px 2px var(--bt-bv-hi);
+  --bt-bv-title: linear-gradient(90deg, var(--wb-c-title-from, #000080), var(--wb-c-title-to, #1084d0));
+  --bt-bv-title-text: var(--wb-c-title-text, #ffffff);
+  --bt-bv-select: var(--wb-c-select, #000080); --bt-bv-select-text: var(--wb-c-select-text, #ffffff);
+  /* The shell's surfaces become the face; text fields stay the theme's background. */
+  --bt-ground: var(--bt-bv-face); --bt-chrome: var(--bt-bv-face); --bt-field: var(--wb-c-ground, #ffffff); --bt-raised: var(--bt-bv-face); --bt-raised-2: var(--bt-bv-face);
+  --bt-text: var(--bt-bv-text); --bt-text-2: var(--bt-bv-text);
+  --bt-hover: transparent; --bt-press: transparent; --bt-shadow-pop: var(--bt-bv-window);
+  --bt-ring: 0 0 0 1px var(--bt-bv-dk);
+}
+html[data-wb-edges=bevel] :where(.bt-shell, .bt-menu, .bt-palette, .bt-media, .btp) :focus-visible { outline: 1px dotted var(--bt-bv-text); outline-offset: -4px; }
+
+/* ------------------------------------------------------------------------------------------------
+ * Title bar: the active window's gradient across the tab row; tabs are a tab control on its floor. */
+html[data-wb-edges=bevel] .bt-shell { background: var(--bt-bv-title) top / 100% var(--bt-titlebar-h) no-repeat, var(--bt-bv-face); }
+html[data-wb-edges=bevel] .bt-shell--empty .bt-titlebar { background: var(--bt-bv-title); }
+.bt-shell .dv-groupview.wb-bevel.bt-group--in-titlebar > .dv-tabs-and-actions-container { background: transparent; }
+.bt-shell .dv-groupview.wb-bevel .dv-tabs-and-actions-container { background: var(--bt-bv-face); }
+.bt-shell .dv-groupview.wb-bevel .dv-tabs-container .dv-tab {
+  --bt-tab-bg: var(--bt-bv-face); --bt-tab-fg: var(--bt-bv-text);
+  height: 28px; margin: 8px 2px 0 0; box-shadow: inset -1px 0 var(--bt-bv-dk), inset 1px 1px var(--bt-bv-hi), inset -2px 0 var(--bt-bv-sh), inset 2px 2px var(--bt-bv-lt);
+}
+.bt-shell .dv-groupview.wb-bevel.bt-group--in-titlebar .dv-tabs-container .dv-tab { height: 30px; margin-top: 14px; }
+.bt-shell .dv-groupview.wb-bevel .dv-tabs-container .dv-tab.dv-inactive-tab:hover { --bt-tab-bg: var(--bt-bv-face); --bt-tab-fg: var(--bt-bv-text); }
+/* The selected tab stands 2px taller and runs into the toolbar under it, like a 98 tab control. */
+.bt-shell .dv-groupview.wb-bevel .dv-tabs-container .dv-tab.dv-active-tab,
+.bt-shell .dv-groupview.wb-bevel.dv-inactive-group .dv-tabs-container .dv-tab.dv-active-tab {
+  --bt-tab-bg: var(--bt-bv-face); --bt-tab-fg: var(--bt-bv-text); z-index: 1; font-weight: 700;
+  box-shadow: inset -1px 0 var(--bt-bv-dk), inset 1px 1px var(--bt-bv-hi), inset -2px 0 var(--bt-bv-sh), inset 2px 2px var(--bt-bv-lt);
+}
+.bt-shell .dv-groupview.wb-bevel.bt-group--in-titlebar .dv-tabs-container .dv-tab.dv-active-tab { height: 32px; margin-top: 12px; }
+.bt-shell .dv-groupview.wb-bevel .dv-tabs-container .dv-tab.dv-active-tab::after { display: none; }
+.bt-shell .dv-groupview.wb-bevel.dv-inactive-group .dv-tabs-container .dv-tab.dv-active-tab { font-weight: 400; }
+.bt-shell .dv-groupview.wb-bevel .dv-tabs-container .dv-tab:has(.bt-tab--pinned) + .dv-tab:not(:has(.bt-tab--pinned))::before { background: var(--bt-bv-sh); }
+.dv-groupview.wb-bevel .bt-tab-close { color: var(--bt-bv-text); }
+.dv-groupview.wb-bevel .bt-tab-close:hover { background: transparent; box-shadow: var(--bt-bv-out); }
+.dv-groupview.wb-bevel .bt-tab-close:active { box-shadow: var(--bt-bv-pressed); }
+/* Things drawn straight on the title bar take its label color. */
+html[data-wb-edges=bevel] .bt-group--in-titlebar .bt-group-actions .bt-icon,
+html[data-wb-edges=bevel] .bt-shell .bt-group--in-titlebar .dv-tabs-overflow-dropdown-default { color: var(--bt-bv-title-text); }
+html[data-wb-edges=bevel] .bt-group--in-titlebar .bt-group-actions .bt-icon:hover { color: var(--bt-bv-text); background: var(--bt-bv-face); box-shadow: var(--bt-bv-out); }
+/* Caption buttons: three small raised buttons, the close one apart. */
+html[data-wb-edges=bevel] .bt-captions { align-items: center; gap: 2px; padding-inline-end: 6px; }
+html[data-wb-edges=bevel] .bt-caption { width: 22px; height: 20px; color: var(--bt-bv-text); background: var(--bt-bv-face); box-shadow: var(--bt-bv-out); }
+html[data-wb-edges=bevel] .bt-caption:hover { background: var(--bt-bv-face); color: var(--bt-bv-text); }
+html[data-wb-edges=bevel] .bt-caption:active { box-shadow: var(--bt-bv-pressed); }
+html[data-wb-edges=bevel] .bt-caption--close { margin-inline-start: 2px; }
+html[data-wb-edges=bevel] .bt-caption--close:hover, html[data-wb-edges=bevel] .bt-caption--close:active { background: var(--bt-bv-face); color: var(--bt-bv-text); }
+html[data-wb-edges=bevel] .bt-shell .bt-caption svg { width: 8px; height: 8px; stroke-width: 2; }
+/* Titlebar buttons (account switcher, update chip, workspaces) are raised buttons on the title bar. */
+html[data-wb-edges=bevel] :is(.bt-profile-switcher, .bt-update-chip, .bt-ws-button) { border: 0; background: var(--bt-bv-face); color: var(--bt-bv-text); box-shadow: var(--bt-bv-out); }
+html[data-wb-edges=bevel] :is(.bt-profile-switcher, .bt-update-chip, .bt-ws-button):hover { background: var(--bt-bv-face); }
+html[data-wb-edges=bevel] :is(.bt-profile-switcher[aria-expanded=true], .bt-update-chip:active, .bt-ws-button[aria-expanded=true]) { box-shadow: var(--bt-bv-pressed); }
+
+/* ------------------------------------------------------------------------------------------------
+ * Toolbar: flat buttons that rise under the pointer, a sunken address field, the wB button raised. */
+.dv-groupview.wb-bevel .bt-addressbar { background: var(--bt-bv-face); border-bottom: 0; box-shadow: inset 0 -1px var(--bt-bv-sh), inset 0 -2px var(--bt-bv-hi); }
+.dv-groupview.wb-bevel .bt-icon { color: var(--bt-bv-text); }
+.dv-groupview.wb-bevel .bt-icon:hover:not(:disabled) { background: transparent; box-shadow: inset -1px -1px var(--bt-bv-sh), inset 1px 1px var(--bt-bv-hi); }
+.dv-groupview.wb-bevel .bt-icon:active:not(:disabled) { box-shadow: inset -1px -1px var(--bt-bv-hi), inset 1px 1px var(--bt-bv-sh); }
+.dv-groupview.wb-bevel .bt-icon:disabled { color: var(--bt-bv-sh); }
+.dv-groupview.wb-bevel .bt-omni { border: 0; background: var(--bt-field); box-shadow: var(--bt-bv-in); padding-inline: 6px; }
+.dv-groupview.wb-bevel .bt-omni:hover { box-shadow: var(--bt-bv-in); }
+.dv-groupview.wb-bevel .bt-omni:focus-within, .dv-groupview.wb-bevel .bt-omni:focus-visible { box-shadow: var(--bt-bv-in); }
+.dv-groupview.wb-bevel .bt-omni-progress { background: var(--bt-bv-select); }
+.dv-groupview.wb-bevel .bt-brand-button { border: 0; background: var(--bt-bv-face); box-shadow: var(--bt-bv-out); }
+.dv-groupview.wb-bevel .bt-brand-button:hover { border: 0; background: var(--bt-bv-face); }
+.dv-groupview.wb-bevel .bt-brand-button:active, .dv-groupview.wb-bevel .bt-pane-menu[aria-expanded=true] { background: var(--bt-bv-face); box-shadow: var(--bt-bv-pressed); }
+.dv-groupview.wb-bevel .bt-brand-button:hover .bt-wb { transform: none; }
+
+/* ------------------------------------------------------------------------------------------------
+ * Menus, the palette, popovers: a window edge on the face; the row under the pointer is selected. */
+html[data-wb-edges=bevel] :is(.bt-menu, .bt-palette) { border: 0; background: var(--bt-bv-face); box-shadow: var(--bt-bv-window); color: var(--bt-bv-text); }
+html[data-wb-edges=bevel] .bt-menu { padding: 3px; }
+html[data-wb-edges=bevel] .bt-menu button:hover:not(:disabled), html[data-wb-edges=bevel] .bt-menu button:focus-visible,
+html[data-wb-edges=bevel] .bt-menu button[aria-expanded=true] { background: var(--bt-bv-select); color: var(--bt-bv-select-text); outline: 0; }
+html[data-wb-edges=bevel] .bt-menu button:hover:not(:disabled) :is(.bt-glyph, .bt-menu-keys, small, svg),
+html[data-wb-edges=bevel] .bt-menu button:focus-visible :is(.bt-glyph, .bt-menu-keys, small, svg),
+html[data-wb-edges=bevel] .bt-menu button[aria-expanded=true] :is(.bt-glyph, .bt-menu-keys, small, svg) { color: var(--bt-bv-select-text); }
+/* Every line of a selected row (a title and its subline, as in the workspaces and accounts menus) takes the selection's ink. */
+html[data-wb-edges=bevel] .bt-menu button:is(:hover:not(:disabled), :focus-visible, [aria-expanded=true]) * { color: var(--bt-bv-select-text) !important; }
+html[data-wb-edges=bevel] .bt-menu button > .bt-glyph { color: var(--bt-bv-text); }
+html[data-wb-edges=bevel] .bt-menu button:disabled { color: var(--bt-bv-sh); text-shadow: 1px 1px var(--bt-bv-hi); }
+html[data-wb-edges=bevel] .bt-menu-keys { color: var(--bt-bv-text); }
+html[data-wb-edges=bevel] .bt-menu hr { border-top: 1px solid var(--bt-bv-sh); border-bottom: 1px solid var(--bt-bv-hi); margin: 3px 2px; }
+html[data-wb-edges=bevel] .bt-palette::before { display: none; }
+html[data-wb-edges=bevel] .bt-palette-field { border-bottom: 0; box-shadow: inset 0 -1px var(--bt-bv-sh), inset 0 -2px var(--bt-bv-hi); }
+html[data-wb-edges=bevel] .bt-palette-backdrop { background: transparent; }
+html[data-wb-edges=bevel] .bt-kbd { background: var(--bt-bv-face); box-shadow: var(--bt-bv-out); color: var(--bt-bv-text); }
+/* Text fields and steppers inside menus are sunken. */
+html[data-wb-edges=bevel] .bt-menu :is(input[type=text], input:not([type]), .bt-app-zoom-step, .bt-deck-input) { border: 0; background: var(--bt-field); box-shadow: var(--bt-bv-in); }
+
+/* ------------------------------------------------------------------------------------------------
+ * The settings panel: a dialog face, etched group boxes, raised buttons, sunken fields, a selected
+ * section in the title bar's color. */
+.dv-groupview.wb-bevel .btp {
+  --c-ground: var(--bt-bv-face); --c-chrome: var(--bt-bv-face); --c-card: var(--bt-bv-face); --c-raise: var(--bt-bv-face); --c-popover: var(--bt-bv-face);
+  --c-text: var(--bt-bv-text); --c-line: var(--bt-bv-sh); --c-line-soft: var(--bt-bv-sh); --c-line-strong: var(--bt-bv-dk);
+  --c-accent: var(--bt-bv-select); --c-accent-ink: var(--bt-bv-select-text); --c-brush: var(--bt-bv-title);
+  letter-spacing: 0; -webkit-font-smoothing: auto;
+}
+.dv-groupview.wb-bevel .btp-head { background: var(--bt-bv-face); }
+.dv-groupview.wb-bevel .btp-head::after { opacity: 1; height: 2px; background: none; box-shadow: inset 0 1px var(--bt-bv-sh), inset 0 -1px var(--bt-bv-hi); }
+.dv-groupview.wb-bevel .btp-nav { border-bottom: 0; box-shadow: inset 0 -1px var(--bt-bv-sh), inset 0 -2px var(--bt-bv-hi); }
+.dv-groupview.wb-bevel .btp-nav button { color: var(--bt-bv-text); }
+.dv-groupview.wb-bevel .btp-nav button:hover { background: transparent; box-shadow: inset -1px -1px var(--bt-bv-sh), inset 1px 1px var(--bt-bv-hi); }
+.dv-groupview.wb-bevel .btp-nav button.is-on { background: var(--bt-bv-select); color: var(--bt-bv-select-text); box-shadow: none; }
+.dv-groupview.wb-bevel .btp-nav button.is-on svg { color: var(--bt-bv-select-text); }
+.dv-groupview.wb-bevel .btp .bt-card { border: 0; box-shadow: var(--bt-bv-etched); padding: 2px; }
+.dv-groupview.wb-bevel .btp :is(.bt-btn, .bt-select-button, .bt-stepper button, .bt-inputrow button) { border: 0; background: var(--bt-bv-face); color: var(--bt-bv-text); box-shadow: var(--bt-bv-out); }
+.dv-groupview.wb-bevel .btp :is(.bt-btn, .bt-select-button, .bt-stepper button, .bt-inputrow button):hover:not(:disabled) { border: 0; background: var(--bt-bv-face); }
+.dv-groupview.wb-bevel .btp :is(.bt-btn, .bt-stepper button, .bt-inputrow button):active:not(:disabled) { transform: none; box-shadow: var(--bt-bv-pressed); }
+/* The default button carries the extra dark frame of a 98 dialog's default button. */
+.dv-groupview.wb-bevel .btp .bt-btn.is-primary { box-shadow: inset 0 0 0 1px var(--bt-bv-dk), inset -2px -2px var(--bt-bv-dk), inset 2px 2px var(--bt-bv-hi), inset -3px -3px var(--bt-bv-sh), inset 3px 3px var(--bt-bv-lt); }
+.dv-groupview.wb-bevel .btp .bt-btn.is-ghost { box-shadow: none; }
+.dv-groupview.wb-bevel .btp .bt-btn.is-ghost:hover:not(:disabled) { box-shadow: var(--bt-bv-out); }
+.dv-groupview.wb-bevel .btp .bt-btn:disabled { opacity: 1; color: var(--bt-bv-sh); text-shadow: 1px 1px var(--bt-bv-hi); }
+.dv-groupview.wb-bevel .btp .bt-btn.is-danger { background: var(--bt-bv-face); color: var(--c-danger); }
+.dv-groupview.wb-bevel .btp :is(.bt-input, .btp-input, .bt-inputrow, .bt-search, .bt-hex, .bt-code, .wb-builder-name) { border: 0; background: var(--wb-c-ground, #ffffff); box-shadow: var(--bt-bv-in); }
+.dv-groupview.wb-bevel .btp :is(.bt-input, .btp-input, .bt-inputrow, .bt-search):is(:focus, :focus-within) { box-shadow: var(--bt-bv-in); }
+.dv-groupview.wb-bevel .btp .bt-seg { border: 0; background: var(--bt-bv-face); box-shadow: var(--bt-bv-in); }
+.dv-groupview.wb-bevel .btp .bt-seg-thumb { background: var(--bt-bv-face); box-shadow: var(--bt-bv-out); }
+.dv-groupview.wb-bevel .btp .bt-toggle { box-shadow: var(--bt-bv-in); }
+.dv-groupview.wb-bevel .btp .bt-toggle-knob { box-shadow: var(--bt-bv-out); background: var(--bt-bv-face); }
+.dv-groupview.wb-bevel .btp :is(.bt-select-list, .bt-popover) { border: 0; background: var(--bt-bv-face); box-shadow: var(--bt-bv-window); }
+.dv-groupview.wb-bevel .btp .bt-select-list li.is-active { background: var(--bt-bv-select); color: var(--bt-bv-select-text); }
+
+/* Classic scrollbars: a dithered track, raised thumb and arrows. */
+html[data-wb-edges=bevel] :is(.bt-shell, .bt-menu, .bt-palette, .btp) * { scrollbar-width: auto; scrollbar-color: auto; }
+html[data-wb-edges=bevel] ::-webkit-scrollbar { width: 16px; height: 16px; }
+html[data-wb-edges=bevel] ::-webkit-scrollbar-track { background: repeating-conic-gradient(var(--bt-bv-face) 0 25%, var(--bt-bv-hi) 0 50%) 0 0 / 2px 2px; }
+html[data-wb-edges=bevel] ::-webkit-scrollbar-thumb { background: var(--bt-bv-face); box-shadow: var(--bt-bv-out); border-radius: 0; }
+html[data-wb-edges=bevel] ::-webkit-scrollbar-button:single-button { display: block; width: 16px; height: 16px; background: var(--bt-bv-face); box-shadow: var(--bt-bv-out); }
+html[data-wb-edges=bevel] ::-webkit-scrollbar-corner { background: var(--bt-bv-face); }

package/dist/shell/frame/findBar.css

@@ -0,0 +1,14 @@
+/* Find in page (FindBar.tsx): the find field takes the address field's place in its pane's toolbar,
+   so it borrows that field's shape (.bt-omni, shell.css) and only adds what is its own. */
+.bt-omni.bt-find input { font: 400 13px/1 var(--bt-ui); }
+.bt-omni.bt-find input::placeholder { color: var(--bt-faint); }
+.bt-find-count { flex: none; padding-inline: 6px 4px; color: var(--bt-muted); font: 500 11.5px/1 var(--bt-mono); font-variant-numeric: tabular-nums; white-space: nowrap; }
+.bt-find.is-none .bt-find-count { color: var(--bt-danger); }
+.bt-find .bt-omni-action { color: var(--bt-muted); }
+.bt-find .bt-omni-action:disabled { color: var(--bt-faint); opacity: .6; cursor: default; background: transparent; }
+.bt-shell .bt-find .bt-omni-action svg { width: 15px; height: 15px; }
+.bt-shell .bt-find .bt-find-up { transform: rotate(180deg); }
+
+/* In a deck column the bar lies over the column's header (DeckView.tsx): same field, the column's width. */
+.bt-col-find { position: absolute; inset: 0; z-index: 3; border-radius: inherit; display: flex; align-items: center; padding-inline: 8px; background: var(--bt-chrome); }
+.bt-col-find .bt-find { flex: 1; min-width: 0; height: 32px; }

package/dist/shell/frame/frameMessages.d.ts

@@ -0,0 +1,248 @@
+export declare const FRAME_MESSAGES: {
+    readonly 'wb.acct.actions': "{name} actions";
+    readonly 'wb.acct.add': "Add account";
+    readonly 'wb.acct.addHint': "Signs in to {site} in a new pane";
+    readonly 'wb.acct.buttonLabel': "Accounts. This pane: {name}";
+    readonly 'wb.acct.buttonTitle': "This pane: {pane}\nNew tabs: {tabs}";
+    readonly 'wb.acct.goToPane': "Go to pane";
+    readonly 'wb.acct.headAfter': "new tab";
+    readonly 'wb.acct.headBefore': "Click to open its feed beside this pane ·";
+    readonly 'wb.acct.more': "More";
+    readonly 'wb.acct.moreFor': "More for {name}";
+    readonly 'wb.acct.newTabs': "New tabs";
+    readonly 'wb.acct.newTabsOpenHere': "New tabs open here";
+    readonly 'wb.acct.newTabsTitle': "New tabs open in this account";
+    readonly 'wb.acct.notRemoved': "Not removed: a tab of this account is still open. Close it and try again.";
+    readonly 'wb.acct.openBeside': "Open beside";
+    readonly 'wb.acct.openNewTab': "Open in new tab";
+    readonly 'wb.acct.remove': "Remove from this computer…";
+    readonly 'wb.acct.removeConfirm': "Remove “{name}” from this computer? {tabs, plural, =0 {} one {Its open tab closes, } other {Its # open tabs close, }}its sign-in and site data here are deleted. The {site} account itself is not touched.";
+    readonly 'wb.acct.rowLabel': "{name}. {hint}";
+    readonly 'wb.acct.rowLabelNew': "{name}, not signed in. {hint}";
+    readonly 'wb.acct.rowLabelOut': "{name}, signed out. {hint}";
+    readonly 'wb.acct.shift': "Shift";
+    readonly 'wb.acct.shiftClick': "Shift click";
+    readonly 'wb.acct.signIn': "Sign in on {site}";
+    readonly 'wb.acct.signInBeside': "Sign in beside";
+    readonly 'wb.acct.signOut': "Sign out on {site}…";
+    readonly 'wb.acct.signOutTitle': "Opens {site}’s own sign-out page for this account";
+    readonly 'wb.acct.signedOut': "Signed out · {handle}";
+    readonly 'wb.acct.thisPane': "This pane";
+    readonly 'wb.acct.title': "Accounts";
+    readonly 'wb.acct.useForNewTabs': "Use for new tabs";
+    readonly 'wb.addcol.account': "Account";
+    readonly 'wb.addcol.add': "add";
+    readonly 'wb.addcol.close': "close";
+    readonly 'wb.addcol.signedOut': "signed out";
+    readonly 'wb.addcol.submit': "Add column";
+    readonly 'wb.addcol.to': "to {deck}";
+    readonly 'wb.addcol.type': "Column type";
+    readonly 'wb.backup.alertsOn': "On · {count, plural, one {# keyword} other {# keywords}}";
+    readonly 'wb.backup.detail.addsAccounts': "Adds {names} (sign in again there; logins are never in a backup)";
+    readonly 'wb.backup.detail.changed': "{count} changed: {names}";
+    readonly 'wb.backup.detail.css': "{count, plural, one {# character} other {# characters}} (here: {here})";
+    readonly 'wb.backup.detail.customizations': "Accent or customizations differ";
+    readonly 'wb.backup.detail.decks': "{count, plural, =0 {No decks} one {# deck: {names}} other {# decks: {names}}}; replaces the decks here";
+    readonly 'wb.backup.detail.differs': "Differs from this computer";
+    readonly 'wb.backup.detail.drafts': "{count, plural, one {# draft} other {# drafts}}, added as new drafts (existing ones stay; exact duplicates are skipped)";
+    readonly 'wb.backup.detail.importedThemes': "{count, plural, one {# imported theme} other {# imported themes}}: {names}";
+    readonly 'wb.backup.detail.keywords': "{count, plural, one {# keyword} other {# keywords}}";
+    readonly 'wb.backup.detail.newPlugins': "{count, plural, one {# new plugin file} other {# new plugin files}}: {names}";
+    readonly 'wb.backup.detail.noneRemoved': "No account is removed.";
+    readonly 'wb.backup.detail.renames': "Renames/recolors {names}";
+    readonly 'wb.backup.detail.same': "Same as on this computer";
+    readonly 'wb.backup.detail.scopes': "Account/pane themes";
+    readonly 'wb.backup.detail.scopesAccounts': "Account/pane themes: {count, plural, one {# account} other {# accounts}}";
+    readonly 'wb.backup.detail.settingsDiffer': "{count, plural, one {# setting differs} other {# settings differ}}: {names}";
+    readonly 'wb.backup.detail.theme': "Theme: {from} → {to}";
+    readonly 'wb.backup.detail.turnsOff': "Turns off: {names}";
+    readonly 'wb.backup.detail.turnsOn': "Turns on: {names}";
+    readonly 'wb.backup.detail.tweaksDiffer': "{count, plural, one {# tweak differs} other {# tweaks differ}}: {names}";
+    readonly 'wb.backup.detail.workspaces': "{count, plural, one {# workspace} other {# workspaces}}; replaces the list here";
+    readonly 'wb.backup.detail.workspacesNew': "{count, plural, one {# workspace} other {# workspaces}} (new: {names}); replaces the list here";
+    readonly 'wb.backup.fromDevice': "Settings from {device}";
+    readonly 'wb.backup.section.accounts': "Accounts";
+    readonly 'wb.backup.section.alerts': "Keyword alerts";
+    readonly 'wb.backup.section.customCss': "Custom CSS";
+    readonly 'wb.backup.section.decks': "Decks";
+    readonly 'wb.backup.section.drafts': "Drafts";
+    readonly 'wb.backup.section.features': "{site} tweaks";
+    readonly 'wb.backup.section.plugins': "Plugins";
+    readonly 'wb.backup.section.settings': "Browser & links";
+    readonly 'wb.backup.section.themes': "Themes";
+    readonly 'wb.backup.section.workspaces': "Workspaces";
+    readonly 'wb.chip.dev.errors': "{count, plural, one {# error} other {# errors}}";
+    readonly 'wb.chip.dev.label': "Dev";
+    readonly 'wb.chip.dev.title': "Developer mode: plugins, custom CSS and the watched theme reload on save";
+    readonly 'wb.chip.sync.title': "Settings synced from {device} {when}. Review what would change before anything is applied.";
+    readonly 'wb.common.cancel': "Cancel";
+    readonly 'wb.common.close': "Close";
+    readonly 'wb.common.loading': "Loading…";
+    readonly 'wb.common.off': "Off";
+    readonly 'wb.common.open': "Open";
+    readonly 'wb.common.remove': "Remove";
+    readonly 'wb.common.removeItem': "Remove {item}";
+    readonly 'wb.common.save': "Save";
+    readonly 'wb.deck.addColumn': "Add a column";
+    readonly 'wb.deck.backTo': "Back to {title}";
+    readonly 'wb.deck.column': "Column";
+    readonly 'wb.deck.columnCount': "{count, plural, one {# column} other {# columns}}";
+    readonly 'wb.deck.columnLabel': "{title} column";
+    readonly 'wb.deck.emptyHint': "Columns of {site} side by side, each in the account you pick. Every post, like and reply is {site}’s own.";
+    readonly 'wb.deck.filters': "Filters";
+    readonly 'wb.deck.filters.label': "Column filters";
+    readonly 'wb.deck.gone': "This deck is gone";
+    readonly 'wb.deck.goneHint': "It was removed in another window or from settings.";
+    readonly 'wb.deck.hideReplies': "Hide replies";
+    readonly 'wb.deck.hideRepliesHint': "Replies shown outside their thread";
+    readonly 'wb.deck.hideReposts': "Hide reposts";
+    readonly 'wb.deck.hideRepostsHint': "Only original posts";
+    readonly 'wb.deck.jumpUnread': "Jump to unread";
+    readonly 'wb.deck.jumpUnreadTitle': "Jump to unread (Alt+U)";
+    readonly 'wb.deck.key.columns': "columns";
+    readonly 'wb.deck.key.jump': "jump";
+    readonly 'wb.deck.key.post': "post";
+    readonly 'wb.deck.key.read': "mark read";
+    readonly 'wb.deck.markRead': "Mark all read";
+    readonly 'wb.deck.mediaOnly': "Media only";
+    readonly 'wb.deck.mediaOnlyHint': "Posts with photos, videos or cards";
+    readonly 'wb.deck.memoryTitle': "Each visible column is a full {site} page (about {count} fit one page; off-page columns are parked).";
+    readonly 'wb.deck.menu': "Column menu";
+    readonly 'wb.deck.moveLeft': "Move left";
+    readonly 'wb.deck.moveRight': "Move right";
+    readonly 'wb.deck.muteLabel': "Mute a word or regular expression";
+    readonly 'wb.deck.mutePlaceholder': "Mute a word or /regex/";
+    readonly 'wb.deck.newCount': "{count} new";
+    readonly 'wb.deck.next': "Next page";
+    readonly 'wb.deck.nextTitle': "Next page (Alt+PageDown)";
+    readonly 'wb.deck.onScreen': "{visible}/{total} on screen";
+    readonly 'wb.deck.openAsTab': "Open as tab";
+    readonly 'wb.deck.page': "Page {n}";
+    readonly 'wb.deck.pages': "Deck pages";
+    readonly 'wb.deck.post': "Post";
+    readonly 'wb.deck.postTitle': "Post (Ctrl+Alt+N)";
+    readonly 'wb.deck.prev': "Previous page";
+    readonly 'wb.deck.prevTitle': "Previous page (Alt+PageUp)";
+    readonly 'wb.deck.remove': "Remove column";
+    readonly 'wb.deck.settings': "Deck settings";
+    readonly 'wb.deck.title': "Deck";
+    readonly 'wb.deck.unreadLabel': "{count} unread, jump to them";
+    readonly 'wb.deck.unreadTitle': "Unread in this deck";
+    readonly 'wb.deck.viewingPost': "Viewing a post";
+    readonly 'wb.deck.width': "Width";
+    readonly 'wb.deck.widthLabel': "Column width";
+    readonly 'wb.dev.reloaded': "Reloaded {file}";
+    readonly 'wb.media.add': "+ Add";
+    readonly 'wb.media.addFolder': "Add folder…";
+    readonly 'wb.media.attachTitle': "{name} — attach to the composer";
+    readonly 'wb.media.clickToAttach': "Click to attach to the {site} composer";
+    readonly 'wb.media.clipEmpty': "Copy an image or some text and it appears here.";
+    readonly 'wb.media.clipOff': "Clipboard history is off. Turn it on in Settings to keep your last {count} copied images and texts on this device.";
+    readonly 'wb.media.clipboard': "Clipboard";
+    readonly 'wb.media.closeTitle': "Close (Esc)";
+    readonly 'wb.media.copiedImage': "Copied image";
+    readonly 'wb.media.gallery': "Gallery";
+    readonly 'wb.media.image': "Image";
+    readonly 'wb.media.noComposer': "Open an {site} tab with a composer first.";
+    readonly 'wb.media.noImages': "No images in these folders yet.";
+    readonly 'wb.media.now': "now";
+    readonly 'wb.media.pickFolders': "Pick folders (screenshots, exports) to see their newest images here.";
+    readonly 'wb.media.putIn': "Put into the composer";
+    readonly 'wb.media.removeFromHistory': "Remove from history";
+    readonly 'wb.media.title': "Gallery and clipboard";
+    readonly 'wb.media.youPost': "You still post it yourself";
+    readonly 'wb.newtab.commands': "Commands";
+    readonly 'wb.newtab.enter': "Enter";
+    readonly 'wb.newtab.goTo': "Go to";
+    readonly 'wb.newtab.openAs': "Open as";
+    readonly 'wb.newtab.openLinksAs': "Open links as";
+    readonly 'wb.newtab.recent': "Recently closed";
+    readonly 'wb.newtab.reopen': "Reopen tab";
+    readonly 'wb.newtab.split': "Split";
+    readonly 'wb.palette.active': "Active";
+    readonly 'wb.palette.addColumn': "Add column…";
+    readonly 'wb.palette.focusColumn': "Focus {name}";
+    readonly 'wb.palette.group.deck': "Deck";
+    readonly 'wb.palette.group.profiles': "Profiles";
+    readonly 'wb.palette.group.tabs': "Tabs";
+    readonly 'wb.palette.group.workspaces': "Workspaces";
+    readonly 'wb.palette.media': "Gallery & clipboard";
+    readonly 'wb.palette.navigate': "Navigate";
+    readonly 'wb.palette.newDeck': "New deck";
+    readonly 'wb.palette.newTabAs': "New tab as {name}";
+    readonly 'wb.palette.next': "Next";
+    readonly 'wb.palette.none': "No matches";
+    readonly 'wb.palette.onStart': "on start";
+    readonly 'wb.palette.openPower': "Open deck";
+    readonly 'wb.palette.plugins': "Plugins";
+    readonly 'wb.palette.switchTo': "Switch to {name}";
+    readonly 'wb.palette.title': "Command palette";
+    readonly 'wb.pane.followAccount': "Follow account";
+    readonly 'wb.pane.followApp': "Follow app";
+    readonly 'wb.pane.theme': "Theme for this pane";
+    readonly 'wb.pane.themesLink': "Account and pane themes…";
+    readonly 'wb.shell.deck.default': "Deck";
+    readonly 'wb.shell.menu.close': "Close tab";
+    readonly 'wb.shell.menu.closeOthers': "Close other tabs";
+    readonly 'wb.shell.menu.copyLink': "Copy link";
+    readonly 'wb.shell.menu.duplicate': "Duplicate";
+    readonly 'wb.shell.menu.openBrowser': "Open in your browser";
+    readonly 'wb.shell.menu.paneTheme': "Theme for this pane…";
+    readonly 'wb.shell.menu.pin': "Pin tab";
+    readonly 'wb.shell.menu.reload': "Reload";
+    readonly 'wb.shell.menu.splitDown': "Split down";
+    readonly 'wb.shell.menu.splitRight': "Split right";
+    readonly 'wb.shell.menu.unpin': "Unpin tab";
+    readonly 'wb.shell.tab.account': "Account: {name}";
+    readonly 'wb.shell.tab.closeTitle': "Close (Ctrl+W)";
+    readonly 'wb.shell.tab.new': "New tab";
+    readonly 'wb.shell.tab.newTitle': "New tab (Ctrl+T)";
+    readonly 'wb.shell.window.maximize': "Maximize";
+    readonly 'wb.shell.window.minimize': "Minimize";
+    readonly 'wb.shell.window.restore': "Restore";
+    readonly 'wb.web.address': "Address";
+    readonly 'wb.web.addressValue': "Address: {url}";
+    readonly 'wb.web.back': "Back";
+    readonly 'wb.web.backTitle': "Back (Alt+←)";
+    readonly 'wb.web.forward': "Forward";
+    readonly 'wb.web.forwardTitle': "Forward (Alt+→)";
+    readonly 'wb.web.insecure': "Not secure";
+    readonly 'wb.web.paneAccount': "This pane’s account: {name}";
+    readonly 'wb.web.reloadTitle': "Reload (Ctrl+R)";
+    readonly 'wb.web.splitMore': "Split and pane options";
+    readonly 'wb.web.splitTitle': "Split right (Ctrl+\\)";
+    readonly 'wb.web.stop': "Stop";
+    readonly 'wb.web.tabKey': "Tab";
+    readonly 'wb.ws.default': "My workspace";
+    readonly 'wb.ws.defaultN': "My workspace {n}";
+    readonly 'wb.ws.deleteConfirm': "Delete {name}? Open tabs stay open.";
+    readonly 'wb.ws.deleteNamed': "Delete {name}";
+    readonly 'wb.ws.empty': "No saved workspaces yet. Save this layout to switch back to it any time.";
+    readonly 'wb.ws.err.id': "Invalid workspace id.";
+    readonly 'wb.ws.err.noLayout': "There is no layout to save.";
+    readonly 'wb.ws.err.noTabs': "There are no tabs to save.";
+    readonly 'wb.ws.err.tooLarge': "This layout is too large to save as a workspace.";
+    readonly 'wb.ws.err.tooMany': "At most {count} workspaces. Delete one first.";
+    readonly 'wb.ws.hint': "Tabs, splits, decks, accounts and pane themes, reopened in one click";
+    readonly 'wb.ws.name': "Workspace name";
+    readonly 'wb.ws.namePlaceholder': "Name, e.g. Launch day";
+    readonly 'wb.ws.named': "Workspace {name}";
+    readonly 'wb.ws.newName': "New name for {name}";
+    readonly 'wb.ws.notReady': "The window is not ready yet.";
+    readonly 'wb.ws.onStart': "On start";
+    readonly 'wb.ws.onStartTitle': "Opens when wayBetter starts";
+    readonly 'wb.ws.openNow': "open now";
+    readonly 'wb.ws.rename': "Rename";
+    readonly 'wb.ws.renameNamed': "Rename {name}";
+    readonly 'wb.ws.save': "Save layout as workspace…";
+    readonly 'wb.ws.saveMeta': "{count, plural, one {# open tab} other {# open tabs}} · also in Ctrl+K";
+    readonly 'wb.ws.setStart': "Open this workspace when wayBetter starts";
+    readonly 'wb.ws.setStartNamed': "Open {name} on start";
+    readonly 'wb.ws.stopStart': "Stop opening on start";
+    readonly 'wb.ws.stopStartNamed': "Stop opening {name} on start";
+    readonly 'wb.ws.tabs': "{count, plural, one {# tab} other {# tabs}}";
+    readonly 'wb.ws.title': "Workspaces";
+    readonly 'wb.ws.update': "Save the current layout over this workspace";
+    readonly 'wb.ws.updateNamed': "Update {name} with the current layout";
+};
+export type FrameKey = keyof typeof FRAME_MESSAGES;