shutro-erp 0.3.2 → 0.3.4

package/dist/ui/context.js

@@ -4,6 +4,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * formatter for the user's language and time zone, and the theme.
  */
 import { createContext, useContext, useEffect, useMemo, useState, } from 'react';
+import { accentVariables } from './lib/accent.js';
 import { createFormatter } from './lib/format.js';
 const Context = createContext(null);
 /** The renderer context. @throws outside {@link KoshProvider} */
@@ -14,6 +15,45 @@ export function useKosh() {
     return value;
 }
 const THEME_KEY = 'kosh.theme';
+const DENSITY_KEY = 'kosh.density';
+function readDensity() {
+    try {
+        return JSON.parse(localStorage.getItem(DENSITY_KEY) ?? 'null') === 'compact'
+            ? 'compact'
+            : 'comfortable';
+    }
+    catch {
+        return 'comfortable';
+    }
+}
+/** Applies the density to `<html>` (`data-density`), remembered per browser. */
+function useDensity() {
+    const [density, setDensity] = useState(readDensity);
+    useEffect(() => {
+        document.documentElement.dataset['density'] = density;
+        try {
+            localStorage.setItem(DENSITY_KEY, JSON.stringify(density));
+        }
+        catch {
+            // storage unavailable: the choice lasts for this page only
+        }
+    }, [density]);
+    return [density, setDensity];
+}
+/** Sets the company's brand colour as the accent (RFC 0018), or the default when it has none. */
+function useAccent(accent) {
+    useEffect(() => {
+        const root = document.documentElement.style;
+        const variables = accentVariables(accent);
+        for (const key of ['--accent-h', '--accent-c']) {
+            const value = variables[key];
+            if (value === undefined)
+                root.removeProperty(key);
+            else
+                root.setProperty(key, value);
+        }
+    }, [accent]);
+}
 function readTheme() {
     try {
         const stored = localStorage.getItem(THEME_KEY);
@@ -47,8 +87,10 @@ function useTheme() {
     }, [theme]);
     return [theme, setTheme];
 }
-export function KoshProvider({ api, registry, uid, companyId, lang, tz, grouping, realtime, offline, children, }) {
+export function KoshProvider({ api, registry, uid, companyId, lang, tz, grouping, accent, realtime, offline, switchCompany, children, }) {
     const [theme, setTheme] = useTheme();
+    const [density, setDensity] = useDensity();
+    useAccent(accent);
     const format = useMemo(() => createFormatter(lang, tz, grouping === undefined ? {} : { grouping }), [lang, tz, grouping]);
     const value = useMemo(() => ({
         api,
@@ -58,9 +100,25 @@ export function KoshProvider({ api, registry, uid, companyId, lang, tz, grouping
         format,
         theme,
         setTheme,
+        density,
+        setDensity,
         ...(realtime === undefined ? {} : { realtime }),
         ...(offline === undefined ? {} : { offline }),
-    }), [api, registry, uid, companyId, format, theme, setTheme, realtime, offline]);
+        ...(switchCompany === undefined ? {} : { switchCompany }),
+    }), [
+        api,
+        registry,
+        uid,
+        companyId,
+        format,
+        theme,
+        setTheme,
+        density,
+        setDensity,
+        realtime,
+        offline,
+        switchCompany,
+    ]);
     return _jsx(Context.Provider, { value: value, children: children });
 }
 /** Theme switching without a signed-in user (the sign-in page). */

package/dist/ui/i18n/messages.d.ts

@@ -12,6 +12,14 @@ export declare const en: {
         unknownPage: string;
     };
     auth: {
+        activateTitle: string;
+        activateIntro: string;
+        activateNoToken: string;
+        newPassword: string;
+        repeatPassword: string;
+        passwordRule: string;
+        mismatch: string;
+        activate: string;
         signIn: string;
         login: string;
         password: string;
@@ -21,11 +29,32 @@ export declare const en: {
         signOut: string;
         invalid: string;
         adminNeeds2fa: string;
+        setupTitle: string;
+        setupIntro: string;
+        setupStart: string;
+        setupStep1: string;
+        setupOpenApp: string;
+        setupStep2: string;
+        setupStep3: string;
+        setupTurnOn: string;
+        setupCodes: string;
+        setupContinue: string;
     };
     shell: {
         apps: string;
         menu: string;
         theme: string;
+        density: string;
+        home: string;
+        appNamed: string;
+        switchCompany: string;
+        sidebar: string;
+        collapseSidebar: string;
+        expandSidebar: string;
+        openMenu: string;
+        closeMenu: string;
+        menuHint: string;
+        location: string;
         light: string;
         dark: string;
         system: string;
@@ -62,6 +91,20 @@ export declare const en: {
         exportFailed: string;
         columns: string;
         density: string;
+        statusOf: string;
+        nextState: string;
+        recordActions: string;
+        summary: string;
+        details: string;
+        recordPanel: string;
+        showPanel: string;
+        hidePanel: string;
+        previousMonth: string;
+        nextMonth: string;
+        pickDate: string;
+        datePlaceholder: string;
+        today: string;
+        clear: string;
         proposed: string;
         design: {
             addField: string;
@@ -70,6 +113,7 @@ export declare const en: {
         compact: string;
         comfortable: string;
         emptyTitle: string;
+        emptyNamed: string;
         emptyHint: string;
         emptyFiltered: string;
         moved: string;
@@ -191,12 +235,38 @@ export declare const en: {
         done: string;
         recent: string;
         apps: string;
+        today: string;
+        approve: string;
+        review: string;
+        dueToday: string;
+        mentioned: string;
+        saved: string;
     };
     toast: {
         region: string;
         close: string;
     };
+    image: {
+        choosePhoto: string;
+        chooseLogo: string;
+        remove: string;
+        hint: string;
+        unreadable: string;
+    };
+    oauth: {
+        title: string;
+        as: string;
+        may: string;
+        limits: string;
+        back: string;
+        homepage: string;
+        already: string;
+        allow: string;
+        cancel: string;
+    };
     palette: {
+        switchCompany: string;
+        profile: string;
         button: string;
         title: string;
         description: string;
@@ -220,6 +290,7 @@ export declare const en: {
     shortcuts: {
         title: string;
         palette: string;
+        sidebar: string;
         search: string;
         new: string;
         views: string;
@@ -246,6 +317,11 @@ export declare const en: {
         custom: string;
         remove: string;
         or: string;
+        savedViews: string;
+        allRecords: string;
+        moreViews_one: string;
+        moreViews_other: string;
+        shared: string;
     };
 };
 type Messages = typeof en;

package/dist/ui/i18n/messages.js

@@ -12,6 +12,14 @@ export const en = {
         unknownPage: 'The page "{{page}}" is not part of this app. Register it with registry.registerPage.',
     },
     auth: {
+        activateTitle: 'Choose your password',
+        activateIntro: 'You were invited to Shutro ERP. Choose a password to start.',
+        activateNoToken: 'This link is incomplete: open the link from your invitation.',
+        newPassword: 'Password',
+        repeatPassword: 'Repeat the password',
+        passwordRule: 'At least 12 characters.',
+        mismatch: 'The passwords are not the same.',
+        activate: 'Save and sign in',
         signIn: 'Sign in',
         login: 'Login',
         password: 'Password',
@@ -21,11 +29,32 @@ export const en = {
         signOut: 'Sign out',
         invalid: 'The login or password is wrong.',
         adminNeeds2fa: 'Administrator rights apply after you verify a second factor.',
+        setupTitle: 'Set up two-factor sign-in',
+        setupIntro: 'This company requires a second step when you sign in: a code from an authenticator app on your phone. Set it up to continue.',
+        setupStart: 'Set it up',
+        setupStep1: 'Add this account to your authenticator app.',
+        setupOpenApp: 'Open in the app',
+        setupStep2: 'Or type this key:',
+        setupStep3: 'Enter the 6-digit code it shows.',
+        setupTurnOn: 'Turn on and continue',
+        setupCodes: 'Keep these recovery codes somewhere safe: each signs you in once if you lose your phone.',
+        setupContinue: 'Continue',
     },
     shell: {
         apps: 'Apps',
         menu: 'Main menu',
         theme: 'Theme',
+        density: 'Density',
+        home: 'Home',
+        appNamed: '{{app}} app',
+        switchCompany: 'Company: {{name}} (switch)',
+        sidebar: 'Sidebar',
+        collapseSidebar: 'Collapse the sidebar',
+        expandSidebar: 'Expand the sidebar',
+        openMenu: 'Open the menu',
+        closeMenu: 'Close the menu',
+        menuHint: 'Apps and their sections',
+        location: 'You are here',
         light: 'Light',
         dark: 'Dark',
         system: 'System',
@@ -62,11 +91,26 @@ export const en = {
         exportFailed: 'The export failed: {{reason}}',
         columns: 'Columns',
         density: 'Density',
+        statusOf: '{{field}}: {{state}}',
+        nextState: 'Next',
+        recordActions: 'Record actions',
+        summary: 'Summary',
+        details: 'Details',
+        recordPanel: 'About this record',
+        showPanel: 'Show the panel',
+        hidePanel: 'Hide the panel',
+        previousMonth: 'Previous month',
+        nextMonth: 'Next month',
+        pickDate: 'Pick a date',
+        datePlaceholder: 'Date',
+        today: 'Today',
+        clear: 'Clear',
         proposed: 'Proposed',
         design: { addField: 'Add field', addColumn: 'Add column' },
         compact: 'Compact',
         comfortable: 'Comfortable',
         emptyTitle: 'Nothing here yet',
+        emptyNamed: 'No {{name}} yet',
         emptyHint: 'Records matching the current search will appear here.',
         emptyFiltered: 'No record matches the current search.',
         moved: '{{name}} moved to {{column}}',
@@ -188,9 +232,35 @@ export const en = {
         done: 'Mark done',
         recent: 'Recently opened',
         apps: 'Apps',
+        today: 'Today, {{date}}',
+        approve: 'Approve {{record}}',
+        review: 'Review',
+        dueToday: 'due today',
+        mentioned: '{{actor}} mentioned you on {{record}}',
+        saved: 'Your saved views',
     },
     toast: { region: 'Notifications', close: 'Close' },
+    image: {
+        choosePhoto: 'Change photo',
+        chooseLogo: 'Change logo',
+        remove: 'Remove',
+        hint: 'PNG, JPEG or WebP. It is made small (256 px) before it is sent.',
+        unreadable: 'This file is not an image the browser can read.',
+    },
+    oauth: {
+        title: '{{app}} wants to use your account',
+        as: 'Signed in as {{name}} ({{login}}).',
+        may: 'It will be able to:',
+        limits: 'Never more than you may do yourself. You can take this back at any time in Connected apps.',
+        back: 'You will go back to {{host}}.',
+        homepage: 'About the app',
+        already: 'You allowed this before.',
+        allow: 'Allow',
+        cancel: 'Cancel',
+    },
     palette: {
+        switchCompany: 'Switch to {{name}}',
+        profile: 'Your profile',
         button: 'Search or jump to…',
         title: 'Command palette',
         description: 'Search records, menus and commands. Use the arrow keys and Enter.',
@@ -209,6 +279,7 @@ export const en = {
     shortcuts: {
         title: 'Keyboard shortcuts',
         palette: 'Search or jump anywhere',
+        sidebar: 'Collapse or expand the sidebar',
         search: 'Focus the search box',
         new: 'New record',
         views: 'Switch view',
@@ -235,6 +306,11 @@ export const en = {
         custom: 'Custom filter',
         remove: 'Remove {{facet}}',
         or: 'or',
+        savedViews: 'Saved views',
+        allRecords: 'All',
+        moreViews_one: '{{count}} more',
+        moreViews_other: '{{count}} more',
+        shared: 'Shared',
     },
 };
 export const bn = {
@@ -247,6 +323,14 @@ export const bn = {
         unknownPage: '"{{page}}" পৃষ্ঠাটি এই অ্যাপে নেই। registry.registerPage দিয়ে নিবন্ধন করুন।',
     },
     auth: {
+        activateTitle: 'আপনার পাসওয়ার্ড বেছে নিন',
+        activateIntro: 'আপনাকে Shutro ERP-এ আমন্ত্রণ জানানো হয়েছে। শুরু করতে একটি পাসওয়ার্ড বেছে নিন।',
+        activateNoToken: 'লিংকটি অসম্পূর্ণ: আমন্ত্রণের লিংকটি খুলুন।',
+        newPassword: 'পাসওয়ার্ড',
+        repeatPassword: 'পাসওয়ার্ড আবার লিখুন',
+        passwordRule: 'কমপক্ষে ১২ অক্ষর।',
+        mismatch: 'পাসওয়ার্ড দুটি মেলেনি।',
+        activate: 'সংরক্ষণ করে সাইন ইন করুন',
         signIn: 'সাইন ইন',
         login: 'লগইন',
         password: 'পাসওয়ার্ড',
@@ -256,11 +340,32 @@ export const bn = {
         signOut: 'সাইন আউট',
         invalid: 'লগইন বা পাসওয়ার্ড ভুল।',
         adminNeeds2fa: 'দ্বিতীয় ধাপ যাচাইয়ের পর অ্যাডমিনিস্ট্রেটরের অধিকার কার্যকর হবে।',
+        setupTitle: 'দুই-ধাপের সাইন-ইন চালু করুন',
+        setupIntro: 'এই প্রতিষ্ঠানে সাইন-ইনের সময় একটি দ্বিতীয় ধাপ লাগে: ফোনের অথেনটিকেটর অ্যাপের একটি কোড। চালিয়ে যেতে এটি চালু করুন।',
+        setupStart: 'চালু করুন',
+        setupStep1: 'অ্যাকাউন্টটি আপনার অথেনটিকেটর অ্যাপে যোগ করুন।',
+        setupOpenApp: 'অ্যাপে খুলুন',
+        setupStep2: 'অথবা এই কী লিখুন:',
+        setupStep3: 'অ্যাপে দেখানো ৬-সংখ্যার কোড দিন।',
+        setupTurnOn: 'চালু করে এগিয়ে যান',
+        setupCodes: 'এই রিকভারি কোডগুলো নিরাপদে রাখুন: ফোন হারালে প্রতিটি একবার সাইন-ইন করায়।',
+        setupContinue: 'এগিয়ে যান',
     },
     shell: {
         apps: 'অ্যাপস',
         menu: 'প্রধান মেনু',
         theme: 'থিম',
+        density: 'ঘনত্ব',
+        home: 'হোম',
+        appNamed: '{{app}} অ্যাপ',
+        switchCompany: 'প্রতিষ্ঠান: {{name}} (বদলান)',
+        sidebar: 'সাইডবার',
+        collapseSidebar: 'সাইডবার ছোট করুন',
+        expandSidebar: 'সাইডবার বড় করুন',
+        openMenu: 'মেনু খুলুন',
+        closeMenu: 'মেনু বন্ধ করুন',
+        menuHint: 'অ্যাপ ও তাদের অংশ',
+        location: 'আপনি এখানে আছেন',
         light: 'লাইট',
         dark: 'ডার্ক',
         system: 'সিস্টেম',
@@ -297,11 +402,26 @@ export const bn = {
         exportFailed: 'এক্সপোর্ট ব্যর্থ: {{reason}}',
         columns: 'কলাম',
         density: 'ঘনত্ব',
+        statusOf: '{{field}}: {{state}}',
+        nextState: 'পরবর্তী',
+        recordActions: 'রেকর্ডের কাজ',
+        summary: 'সারাংশ',
+        details: 'বিস্তারিত',
+        recordPanel: 'এই রেকর্ড সম্পর্কে',
+        showPanel: 'প্যানেল দেখান',
+        hidePanel: 'প্যানেল লুকান',
+        previousMonth: 'আগের মাস',
+        nextMonth: 'পরের মাস',
+        pickDate: 'তারিখ বাছুন',
+        datePlaceholder: 'তারিখ',
+        today: 'আজ',
+        clear: 'মুছে ফেলুন',
         proposed: 'প্রস্তাবিত',
         design: { addField: 'ফিল্ড যোগ করুন', addColumn: 'কলাম যোগ করুন' },
         compact: 'সংক্ষিপ্ত',
         comfortable: 'স্বাভাবিক',
         emptyTitle: 'এখানে এখনো কিছু নেই',
+        emptyNamed: 'এখনো কোনো {{name}} নেই',
         emptyHint: 'বর্তমান খোঁজের সাথে মেলা রেকর্ড এখানে দেখা যাবে।',
         emptyFiltered: 'বর্তমান খোঁজের সাথে কোনো রেকর্ড মেলেনি।',
         moved: '{{name}} {{column}}-এ সরানো হয়েছে',
@@ -420,9 +540,35 @@ export const bn = {
         done: 'সম্পন্ন',
         recent: 'সম্প্রতি খোলা',
         apps: 'অ্যাপস',
+        today: 'আজ, {{date}}',
+        approve: '{{record}} অনুমোদন করুন',
+        review: 'দেখুন',
+        dueToday: 'আজকের',
+        mentioned: '{{actor}} আপনাকে {{record}}-এ উল্লেখ করেছেন',
+        saved: 'আপনার সংরক্ষিত ভিউ',
     },
     toast: { region: 'বিজ্ঞপ্তি', close: 'বন্ধ করুন' },
+    image: {
+        choosePhoto: 'ছবি বদলান',
+        chooseLogo: 'লোগো বদলান',
+        remove: 'সরান',
+        hint: 'PNG, JPEG বা WebP। পাঠানোর আগে ছোট (২৫৬ px) করা হয়।',
+        unreadable: 'এই ফাইলটি ব্রাউজার পড়তে পারে এমন ছবি নয়।',
+    },
+    oauth: {
+        title: '{{app}} আপনার অ্যাকাউন্ট ব্যবহার করতে চায়',
+        as: '{{name}} ({{login}}) হিসেবে সাইন ইন করা।',
+        may: 'এটি যা করতে পারবে:',
+        limits: 'আপনি নিজে যা পারেন তার বেশি কখনো নয়। যেকোনো সময় সংযুক্ত অ্যাপস থেকে ফিরিয়ে নিতে পারেন।',
+        back: 'আপনি {{host}}-এ ফিরে যাবেন।',
+        homepage: 'অ্যাপ সম্পর্কে',
+        already: 'আপনি আগে এটি অনুমতি দিয়েছিলেন।',
+        allow: 'অনুমতি দিন',
+        cancel: 'বাতিল',
+    },
     palette: {
+        switchCompany: '{{name}}-এ যান',
+        profile: 'আপনার প্রোফাইল',
         button: 'খুঁজুন বা যান…',
         title: 'কমান্ড প্যালেট',
         description: 'রেকর্ড, মেনু ও কমান্ড খুঁজুন। তীর কী ও এন্টার ব্যবহার করুন।',
@@ -441,6 +587,7 @@ export const bn = {
     shortcuts: {
         title: 'কীবোর্ড শর্টকাট',
         palette: 'যেকোনো জায়গায় খুঁজুন বা যান',
+        sidebar: 'সাইডবার ছোট বা বড় করুন',
         search: 'সার্চ বক্সে যান',
         new: 'নতুন রেকর্ড',
         views: 'ভিউ বদলান',
@@ -467,6 +614,11 @@ export const bn = {
         custom: 'নিজস্ব ফিল্টার',
         remove: '{{facet}} সরান',
         or: 'অথবা',
+        savedViews: 'সংরক্ষিত ভিউ',
+        allRecords: 'সব',
+        moreViews_one: 'আরও {{count}}টি',
+        moreViews_other: 'আরও {{count}}টি',
+        shared: 'শেয়ার করা',
     },
 };
 export const ar = {

package/dist/ui/index.d.ts

@@ -8,13 +8,15 @@
  */
 import { Registry } from './registry.js';
 export { ApiError, type ApiOptions, type AppEntry, type CurrentUser, createKoshApi, type KoshApi, type ListQuery, type MenuNode, NetworkError, type Problem, type Row, type ServedView, type Versioned, type ViewField, } from './api.js';
-export { KoshApp, type KoshAppProps } from './app.js';
+export { KoshApp, type KoshAppProps, useLanguage } from './app.js';
 export { AppIcon } from './components/AppIcon.js';
+export * from './components/Avatar.js';
 export * from './components/primitives.js';
 export { type KoshContextValue, KoshProvider, type ThemeChoice, useKosh, useTheme, } from './context.js';
 export { type DesignContextValue, DesignProvider, type DesignSpot, useDesign, } from './design.js';
 export { addMessages, createI18n, directionOf, NAMESPACE } from './i18n/index.js';
 export { LANGUAGES } from './i18n/messages.js';
+export { accentVariables, hexToOklch } from './lib/accent.js';
 export { cn } from './lib/cn.js';
 export { bcp47, createFormatter, type Formatter } from './lib/format.js';
 export { type LiveRecord, useLiveModel, useLiveRecord } from './live.js';

package/dist/ui/index.js

@@ -12,13 +12,15 @@ import { KanbanView } from './views/KanbanView.js';
 import { ListView } from './views/ListView.js';
 import { registerDefaultWidgets } from './views/widgets.js';
 export { ApiError, createKoshApi, NetworkError, } from './api.js';
-export { KoshApp } from './app.js';
+export { KoshApp, useLanguage } from './app.js';
 export { AppIcon } from './components/AppIcon.js';
+export * from './components/Avatar.js';
 export * from './components/primitives.js';
 export { KoshProvider, useKosh, useTheme, } from './context.js';
 export { DesignProvider, useDesign, } from './design.js';
 export { addMessages, createI18n, directionOf, NAMESPACE } from './i18n/index.js';
 export { LANGUAGES } from './i18n/messages.js';
+export { accentVariables, hexToOklch } from './lib/accent.js';
 export { cn } from './lib/cn.js';
 export { bcp47, createFormatter } from './lib/format.js';
 export { useLiveModel, useLiveRecord } from './live.js';

package/dist/ui/lib/accent.d.ts

@@ -0,0 +1,13 @@
+/**
+ * A company's brand colour as the back-office's accent (RFC 0018 §4.5). Only its hue and chroma are used: the
+ * themes fix the accent's lightness (light: dark enough for white text; dark: light enough for dark text), so any
+ * brand colour keeps text on buttons and links readable (WCAG AA) in both.
+ */
+/** OKLCH of an sRGB hex colour (`#4f46e5` → `{ l, c, h }`), or null when it is not one. */
+export declare function hexToOklch(hex: string): {
+    l: number;
+    c: number;
+    h: number;
+} | null;
+/** The CSS variables a brand colour sets (`--accent-h`, `--accent-c`), or none for the default accent. */
+export declare function accentVariables(hex: string | null | undefined): Record<string, string>;

package/dist/ui/lib/accent.js

@@ -0,0 +1,36 @@
+/**
+ * A company's brand colour as the back-office's accent (RFC 0018 §4.5). Only its hue and chroma are used: the
+ * themes fix the accent's lightness (light: dark enough for white text; dark: light enough for dark text), so any
+ * brand colour keeps text on buttons and links readable (WCAG AA) in both.
+ */
+/** OKLCH of an sRGB hex colour (`#4f46e5` → `{ l, c, h }`), or null when it is not one. */
+export function hexToOklch(hex) {
+    const m = /^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(hex);
+    if (m === null)
+        return null;
+    const linear = (v) => {
+        const x = Number.parseInt(v, 16) / 255;
+        return x <= 0.04045 ? x / 12.92 : ((x + 0.055) / 1.055) ** 2.4;
+    };
+    const [r, g, b] = [linear(m[1]), linear(m[2]), linear(m[3])];
+    const l_ = Math.cbrt(0.4122214708 * r + 0.5363325363 * g + 0.0514459929 * b);
+    const m_ = Math.cbrt(0.2119034982 * r + 0.6806995451 * g + 0.1073969566 * b);
+    const s_ = Math.cbrt(0.0883024619 * r + 0.2817188376 * g + 0.6299787005 * b);
+    const L = 0.2104542553 * l_ + 0.793617785 * m_ - 0.0040720468 * s_;
+    const A = 1.9779984951 * l_ - 2.428592205 * m_ + 0.4505937099 * s_;
+    const B = 0.0259040371 * l_ + 0.7827717662 * m_ - 0.808675766 * s_;
+    const c = Math.sqrt(A * A + B * B);
+    const h = (Math.atan2(B, A) * 180) / Math.PI;
+    return { l: L, c, h: h < 0 ? h + 360 : h };
+}
+/** The CSS variables a brand colour sets (`--accent-h`, `--accent-c`), or none for the default accent. */
+export function accentVariables(hex) {
+    const color = hex === null || hex === undefined ? null : hexToOklch(hex);
+    if (color === null)
+        return {};
+    // Chroma is capped (very saturated colours glare as large surfaces); greys stay grey.
+    return {
+        '--accent-h': color.h.toFixed(1),
+        '--accent-c': Math.min(color.c, 0.2).toFixed(3),
+    };
+}

package/dist/ui/registry.d.ts

@@ -124,9 +124,13 @@ export declare class Registry {
     /** The widget for a node: its `widget`, else the field kind, else plain text. */
     widget(node: FieldNode, field: ViewField): ComponentType<WidgetProps>;
     component(name: string): ComponentType<NodeComponentProps> | undefined;
-    /** An item of the shell's header, before the language and theme menus (`notify.Bell`). */
+    /**
+     * An item of the shell's header, before the language and theme menus (`notify.Bell`). With `home`, it is also in
+     * the home page's corner, next to the account menu (notifications, messages).
+     */
     registerHeaderItem(name: string, component: ComponentType<HeaderItemProps>, options?: {
         readonly replace?: boolean;
+        readonly home?: boolean;
     }): this;
     /**
      * A personal page every signed-in user reaches from the user menu, outside any app (`settings.ApiKeys`):
@@ -147,6 +151,8 @@ export declare class Registry {
     headerItems(): readonly {
         readonly name: string;
         readonly component: ComponentType<HeaderItemProps>;
+        /** Also on the home page. */
+        readonly home: boolean;
     }[];
     /** A control next to every search box (the AI assistant's "Ask"). */
     registerSearchAssist(name: string, component: ComponentType<SearchAssistProps>, options?: {

package/dist/ui/registry.js

@@ -55,8 +55,16 @@ export class Registry {
     component(name) {
         return this.#entries.component.get(name);
     }
-    /** An item of the shell's header, before the language and theme menus (`notify.Bell`). */
+    #homeItems = new Set();
+    /**
+     * An item of the shell's header, before the language and theme menus (`notify.Bell`). With `home`, it is also in
+     * the home page's corner, next to the account menu (notifications, messages).
+     */
     registerHeaderItem(name, component, options = {}) {
+        if (options.home === true)
+            this.#homeItems.add(name);
+        else
+            this.#homeItems.delete(name);
         return this.#add('header', name, component, options.replace === true);
     }
     #userPageLabels = new Map();
@@ -83,6 +91,7 @@ export class Registry {
         return [...this.#entries.header].map(([name, component]) => ({
             name,
             component: component,
+            home: this.#homeItems.has(name),
         }));
     }
     /** A control next to every search box (the AI assistant's "Ask"). */

package/dist/ui/search/ViewTabs.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Saved views as tabs (RFC 0018 §4.3): above the search, *All* and the saved searches of this model and view type —
+ * the user's own and the shared ones —, the one matching the current search marked. A tab applies its search; more
+ * than a handful go into a *More* menu. Saving and the full list stay in the search bar's favorites menu; with
+ * nothing saved, there are no tabs.
+ */
+import { type SearchState } from '../../search/index.js';
+import type { ReactElement } from 'react';
+export declare function ViewTabs({ model, viewType, state, onChange, }: {
+    readonly model: string;
+    readonly viewType: string;
+    readonly state: SearchState;
+    readonly onChange: (state: SearchState) => void;
+}): ReactElement | null;