shutro-erp 0.3.4 → 0.3.6

package/dist/trade_finance_sale/module.js

@@ -0,0 +1,44 @@
+/**
+ * The data layer of the Trade Finance ↔ Sales bridge (RFC 0021, Trade Finance step 3): an export LC received for a sales order takes its customer, currency and amount; the order lists its LCs.
+ */
+import { salesShutro } from '../sales/index.js';
+import { orm } from '../server/orm.js';
+import { tradeFinanceShutro } from '../trade_finance/index.js';
+import { defineModule, extendModel, f, onchange } from './.kosh/bindings.js';
+export const LcSale = extendModel('trade.lc', {
+    fields: {
+        saleOrder: f.many2one('sale.order', { ondelete: 'set null', label: 'Sales order' }),
+    },
+    onchange: {
+        // The order's counterparty, currency and total; the LC's direction and source document.
+        saleOrder: onchange('trade.lc', async (d) => {
+            const order = await d.record('saleOrder');
+            if (order === null || order === undefined)
+                return;
+            d.set('direction', 'export');
+            d.set('partner', order.partner.id);
+            d.set('currency', order.currency.id);
+            d.set('amount', order.amountTotal?.amount.toString() ?? null);
+            d.set('origin', order.name);
+        }),
+    },
+});
+export const SaleLcs = extendModel('sale.order', {
+    fields: {
+        lcs: f.one2many('trade.lc', 'saleOrder', { label: 'Letters of credit' }),
+    },
+});
+export const tradeFinanceSaleShutro = defineModule({
+    name: 'trade_finance_sale',
+    version: '0.1.0',
+    depends: [tradeFinanceShutro, salesShutro],
+    groups: [
+        orm.defineGroup({
+            code: 'trade_finance_sale.user',
+            label: 'Export LCs for sales orders',
+            implies: ['trade_finance.user', 'sales.user'],
+        }),
+    ],
+    models: [],
+    extensions: [LcSale, SaleLcs],
+});

package/dist/ui/api.d.ts

@@ -36,6 +36,7 @@ export interface ViewField {
     readonly label: string;
     readonly required: boolean;
     readonly readonly: boolean;
+    readonly help?: string;
     readonly target?: string;
     readonly options?: readonly {
         readonly value: string;
@@ -190,7 +191,7 @@ export interface KoshApi {
         readonly filename: string;
     }>;
     /** Sends a file as the raw body (`Content-Type` from the file, `X-Filename` URI-encoded); the JSON answer. */
-    upload<T>(path: string, file: Blob, filename: string): Promise<T>;
+    upload<T>(path: string, file: Blob, filename: string, extra?: Readonly<Record<string, string>>): Promise<T>;
     /**
      * POSTs `body` and reads the server-sent events of the answer (`event:` and JSON `data:` lines), calling
      * `onEvent` for each (`message` when the event has no name) until the stream ends. @throws {ApiError} when the

package/dist/ui/api.js

@@ -226,8 +226,9 @@ export function createKoshApi(options = {}) {
             if (buffered.trim() !== '')
                 flush(buffered);
         },
-        async upload(path, file, filename) {
+        async upload(path, file, filename, extra = {}) {
             const headers = {
+                ...extra,
                 'content-type': file.type === '' ? 'application/octet-stream' : file.type,
                 'x-filename': encodeURIComponent(filename),
             };

package/dist/ui/app.js

@@ -12,7 +12,7 @@ import { compileSearch, decodeSearch, encodeSearch } from '../search/index.js';
 import { onlineManager, QueryClient, QueryClientProvider, useQuery, useQueryClient, } from '@tanstack/react-query';
 import { PersistQueryClientProvider } from '@tanstack/react-query-persist-client';
 import { createRootRoute, createRoute, createRouter, Link, Navigate, Outlet, RouterProvider, useNavigate, useParams, useSearch, } from '@tanstack/react-router';
-import { CalendarDays, ChartColumn, ChartGantt, ChevronDown, ChevronRight, ChevronsUpDown, Columns3, Grid2x2, House, Languages, LayoutDashboard, List, LogOut, Map as MapIcon, Monitor, Moon, Network, PanelLeft, Plus, Search, Sheet, Sun, Table2, } from 'lucide-react';
+import { Building2, CalendarDays, ChartColumn, ChartGantt, ChevronDown, ChevronRight, ChevronsUpDown, Columns3, Grid2x2, House, Languages, LayoutDashboard, List, LogOut, Map as MapIcon, Monitor, Moon, Network, PanelLeft, Plus, Search, Sheet, Sun, Table2, } from 'lucide-react';
 import { Direction } from 'radix-ui';
 import { createContext, useCallback, useContext, useEffect, useMemo, useState, } from 'react';
 import { I18nextProvider, useTranslation } from 'react-i18next';
@@ -139,6 +139,7 @@ function LanguageMenu() {
 function CompanyBlock({ me, company, collapsed, onChange, }) {
     const { t } = useTranslation();
     const { api } = useServices();
+    const navigate = useNavigate();
     const names = useQuery({
         queryKey: ['names', 'res.company', me.companies],
         queryFn: () => api.names('res.company', { ids: me.companies }),
@@ -147,15 +148,21 @@ function CompanyBlock({ me, company, collapsed, onChange, }) {
     const name = names.data?.find((c) => c.id === company)?.displayName ?? t('app.name');
     // The company's logo, else its initial.
     const badge = (_jsx(Avatar, { name: name.slice(0, 1), src: imageUrl('company', company, me.logos?.[String(company)]), shape: "square", className: "font-semibold" }));
-    if (collapsed)
-        return _jsx("span", { title: name, children: badge });
-    if (me.companies.length < 2)
-        return (_jsxs("div", { className: "flex items-center gap-2.5 px-1 py-1", children: [badge, _jsx("span", { className: "truncate text-sm font-semibold", children: name })] }));
-    // Several companies: a switcher (also in the palette: "Switch to …").
-    return (_jsxs(Menu, { children: [_jsx(MenuTrigger, { asChild: true, children: _jsxs("button", { type: "button", "aria-label": t('shell.switchCompany', { name }), className: "flex w-full items-center gap-2.5 rounded-md px-1 py-1 text-start hover:bg-muted", children: [badge, _jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold", children: name }), _jsx(ChevronsUpDown, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": true })] }) }), _jsxs(MenuContent, { align: "start", className: "w-64", children: [_jsx(MenuLabel, { children: t('shell.company') }), (names.data ?? []).map((c) => (_jsx(MenuCheckboxItem, { checked: c.id === company, onCheckedChange: () => {
+    const several = me.companies.length > 1;
+    // Nothing to switch to and nothing to manage: the company's name only.
+    if (!several && !me.administrator)
+        return collapsed ? (_jsx("span", { title: name, children: badge })) : (_jsxs("div", { className: "flex items-center gap-2.5 px-1 py-1", children: [badge, _jsx("span", { className: "truncate text-sm font-semibold", children: name })] }));
+    // A menu: the companies to switch to (also in the palette: "Switch to …"), and for administrators the Companies
+    // page, where companies are added — so a one-company installation still shows where multi-company starts.
+    return (_jsxs(Menu, { children: [_jsx(MenuTrigger, { asChild: true, children: _jsxs("button", { type: "button", "aria-label": t(several ? 'shell.switchCompany' : 'shell.companyMenu', { name }), title: collapsed ? name : undefined, className: collapsed
+                        ? 'rounded-md hover:bg-muted'
+                        : 'flex w-full items-center gap-2.5 rounded-md px-1 py-1 text-start hover:bg-muted', children: [badge, collapsed ? null : (_jsxs(_Fragment, { children: [_jsx("span", { className: "min-w-0 flex-1 truncate text-sm font-semibold", children: name }), _jsx(ChevronsUpDown, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": true })] }))] }) }), _jsxs(MenuContent, { align: "start", className: "w-64", children: [_jsx(MenuLabel, { children: t('shell.company') }), (names.data ?? []).map((c) => (_jsx(MenuCheckboxItem, { checked: c.id === company, onCheckedChange: () => {
                             if (c.id !== company)
                                 onChange(c.id);
-                        }, children: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx("span", { "aria-hidden": true, className: "grid size-5 place-items-center rounded bg-muted text-[10px] font-semibold", children: c.displayName.slice(0, 1).toUpperCase() }), c.displayName] }) }, c.id)))] })] }));
+                        }, children: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx("span", { "aria-hidden": true, className: "grid size-5 place-items-center rounded bg-muted text-[10px] font-semibold", children: c.displayName.slice(0, 1).toUpperCase() }), c.displayName] }) }, c.id))), me.administrator ? (_jsxs(_Fragment, { children: [_jsx(MenuSeparator, {}), _jsxs(MenuItem, { onSelect: () => void navigate({
+                                    to: '/$app/a/$action',
+                                    params: { app: 'settings', action: 'settings.action_companies' },
+                                }), children: [_jsx(Building2, { "aria-hidden": true }), t(several ? 'shell.manageCompanies' : 'shell.addCompany')] })] })) : null] })] }));
 }
 function UserMenu({ user, collapsed, corner, }) {
     const { t } = useTranslation();
@@ -163,10 +170,15 @@ function UserMenu({ user, collapsed, corner, }) {
     const { theme, setTheme, density, setDensity } = useKosh();
     const queryClient = useQueryClient();
     const navigate = useNavigate();
-    return (_jsxs(Menu, { children: [_jsx(MenuTrigger, { asChild: true, children: _jsxs("button", { type: "button", "aria-label": user.name, "data-kosh-account": corner === undefined ? 'sidebar' : 'corner', className: cn('flex min-w-0 items-center gap-2 rounded-md px-1.5 py-1.5 text-sm hover:bg-muted', corner === undefined ? 'w-full' : 'rounded-full border bg-surface pe-3', collapsed && 'justify-center'), children: [_jsx(Avatar, { name: user.name, src: imageUrl('user', user.id, user.avatar) }), collapsed ? null : _jsx("span", { className: "truncate", children: user.name }), corner === undefined ? null : (_jsx(ChevronDown, { className: "size-3.5 text-muted-foreground", "aria-hidden": true }))] }) }), _jsxs(MenuContent, { align: corner === undefined ? 'start' : 'end', side: corner === undefined ? 'top' : 'bottom', className: corner === undefined ? undefined : 'max-h-[80vh] w-64 overflow-y-auto', children: [_jsxs(MenuLabel, { children: [user.name, _jsx("span", { className: "block text-xs font-normal text-muted-foreground", children: user.login })] }), registry.userPages().map((p) => (_jsx(MenuItem, { onSelect: () => void navigate({ to: '/me/$page', params: { page: p.name } }), children: t(p.label) }, p.name))), corner === undefined ? null : (_jsxs(_Fragment, { children: [corner.companies.length < 2 ? null : (_jsxs(_Fragment, { children: [_jsx(MenuSeparator, {}), _jsx(MenuLabel, { children: t('shell.company') }), corner.companies.map((c) => (_jsx(MenuCheckboxItem, { checked: c.id === corner.current, onCheckedChange: () => {
-                                            if (c.id !== corner.current)
-                                                corner.onSwitch(c.id);
-                                        }, children: c.name }, c.id)))] })), _jsx(MenuSeparator, {}), _jsx(MenuLabel, { children: t('shell.language') }), LANGUAGES.map((l) => (_jsx(MenuCheckboxItem, { checked: lang === l.code, onCheckedChange: () => setLang(l.code), children: _jsx("span", { lang: l.code.replace('_', '-'), children: l.name }) }, l.code))), _jsx(MenuSeparator, {}), _jsx(MenuLabel, { children: t('shell.theme') }), ['light', 'dark', 'system'].map((choice) => (_jsx(MenuCheckboxItem, { checked: theme === choice, onCheckedChange: () => setTheme(choice), children: t(`shell.${choice}`) }, choice))), _jsx(MenuLabel, { children: t('shell.density') }), ['comfortable', 'compact'].map((choice) => (_jsx(MenuCheckboxItem, { checked: density === choice, onCheckedChange: () => setDensity(choice), children: t(`views.${choice}`) }, choice)))] })), _jsx(MenuSeparator, {}), _jsxs(MenuItem, { onSelect: async () => {
+    return (_jsxs(Menu, { children: [_jsx(MenuTrigger, { asChild: true, children: _jsxs("button", { type: "button", "aria-label": user.name, "data-kosh-account": corner === undefined ? 'sidebar' : 'corner', className: cn('flex min-w-0 items-center gap-2 rounded-md px-1.5 py-1.5 text-sm hover:bg-muted', corner === undefined ? 'w-full' : 'rounded-full border bg-surface pe-3', collapsed && 'justify-center'), children: [_jsx(Avatar, { name: user.name, src: imageUrl('user', user.id, user.avatar) }), collapsed ? null : _jsx("span", { className: "truncate", children: user.name }), corner === undefined ? null : (_jsx(ChevronDown, { className: "size-3.5 text-muted-foreground", "aria-hidden": true }))] }) }), _jsxs(MenuContent, { align: corner === undefined ? 'start' : 'end', side: corner === undefined ? 'top' : 'bottom', className: corner === undefined ? undefined : 'max-h-[80vh] w-64 overflow-y-auto', children: [_jsxs(MenuLabel, { children: [user.name, _jsx("span", { className: "block text-xs font-normal text-muted-foreground", children: user.login })] }), registry.userPages().map((p) => (_jsx(MenuItem, { onSelect: () => void navigate({ to: '/me/$page', params: { page: p.name } }), children: t(p.label) }, p.name))), corner === undefined ? null : (_jsxs(_Fragment, { children: [corner.companies.length < 2 && !user.administrator ? null : (_jsxs(_Fragment, { children: [_jsx(MenuSeparator, {}), _jsx(MenuLabel, { children: t('shell.company') }), corner.companies.length < 2
+                                        ? null
+                                        : corner.companies.map((c) => (_jsx(MenuCheckboxItem, { checked: c.id === corner.current, onCheckedChange: () => {
+                                                if (c.id !== corner.current)
+                                                    corner.onSwitch(c.id);
+                                            }, children: c.name }, c.id))), user.administrator ? (_jsxs(MenuItem, { onSelect: () => void navigate({
+                                            to: '/$app/a/$action',
+                                            params: { app: 'settings', action: 'settings.action_companies' },
+                                        }), children: [_jsx(Building2, { "aria-hidden": true }), t(corner.companies.length < 2 ? 'shell.addCompany' : 'shell.manageCompanies')] })) : null] })), _jsx(MenuSeparator, {}), _jsx(MenuLabel, { children: t('shell.language') }), LANGUAGES.map((l) => (_jsx(MenuCheckboxItem, { checked: lang === l.code, onCheckedChange: () => setLang(l.code), children: _jsx("span", { lang: l.code.replace('_', '-'), children: l.name }) }, l.code))), _jsx(MenuSeparator, {}), _jsx(MenuLabel, { children: t('shell.theme') }), ['light', 'dark', 'system'].map((choice) => (_jsx(MenuCheckboxItem, { checked: theme === choice, onCheckedChange: () => setTheme(choice), children: t(`shell.${choice}`) }, choice))), _jsx(MenuLabel, { children: t('shell.density') }), ['comfortable', 'compact'].map((choice) => (_jsx(MenuCheckboxItem, { checked: density === choice, onCheckedChange: () => setDensity(choice), children: t(`views.${choice}`) }, choice)))] })), _jsx(MenuSeparator, {}), _jsxs(MenuItem, { onSelect: async () => {
                             await api.logout();
                             queryClient.clear();
                             await dropOfflineCache(persister);
@@ -302,10 +314,11 @@ function useServedView(action, type) {
 function ClientPage({ action }) {
     const { registry, api } = useServices();
     const { t } = useTranslation();
+    const params = useParams({ strict: false });
     const Page = registry.page(action.page);
     if (Page === undefined)
         return _jsx(Alert, { children: t('app.unknownPage', { page: action.page }) });
-    return _jsx(Page, { api: api, ...(action.label === undefined ? {} : { label: action.label }) });
+    return (_jsx(Page, { api: api, ...(action.label === undefined ? {} : { label: action.label }), ...(params.app === undefined ? {} : { app: params.app }), ...(params.action === undefined ? {} : { action: params.action }) }));
 }
 function ActionPage() {
     const { action: actionId } = useParams({ strict: false });

package/dist/ui/components/AppIcon.js

@@ -3,7 +3,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * App icons by name (`app.icon` in a module manifest): the launcher's tiles and the App manager's cards. Names
  * follow Lucide; an unknown name shows a neutral grid, never a broken image.
  */
-import { BookOpen, Boxes, Briefcase, Building, Building2, ChartColumn, FolderKanban, LayoutGrid, LockKeyhole, Mail, MessageSquare, MessagesSquare, Package, PencilRuler, Plug, Receipt, Ruler, ScrollText, Settings, ShieldCheck, ShoppingCart, Sparkles, Users, Wallet, Warehouse, Workflow, } from 'lucide-react';
+import { BadgeCheck, Banknote, BookOpen, Boxes, Briefcase, Building, Building2, CalendarDays, ChartColumn, Clock, Factory, FolderKanban, FolderOpen, Globe, Landmark, LayoutGrid, LifeBuoy, ListChecks, LockKeyhole, Mail, MessageSquare, MessagesSquare, Package, PencilRuler, Plug, Receipt, Ruler, ScrollText, Settings, ShieldCheck, ShoppingCart, Signature, Sparkles, Store, Ticket, TrendingUp, UserPlus, Users, Wallet, Warehouse, Workflow, Wrench, } from 'lucide-react';
 import { cn } from '../lib/cn.js';
 const ICONS = {
     settings: Settings,
@@ -38,6 +38,35 @@ const ICONS = {
     permissions: ShieldCheck,
     briefcase: Briefcase,
     plug: Plug,
+    focus: ListChecks,
+    agenda: CalendarDays,
+    pipeline: TrendingUp,
+    workforce: Briefcase,
+    hiring: UserPlus,
+    stockroom: Warehouse,
+    production: Factory,
+    assetcare: Wrench,
+    tradefinance: Landmark,
+    eventhub: Ticket,
+    sites: Globe,
+    counter: Store,
+    spend: Wallet,
+    attendance: Clock,
+    payroll: Banknote,
+    helpdesk: LifeBuoy,
+    documents: FolderOpen,
+    sign: Signature,
+    approvals: BadgeCheck,
+    event: Ticket,
+    trade_finance: Landmark,
+    maintenance: Wrench,
+    mrp: Factory,
+    stock: Warehouse,
+    recruitment: UserPlus,
+    hr: Briefcase,
+    crm: TrendingUp,
+    calendar: CalendarDays,
+    todo: ListChecks,
     integrations: Plug,
     cart: ShoppingCart,
     company: Building2,

package/dist/ui/components/primitives.d.ts

@@ -76,3 +76,5 @@ export declare function EmptyState({ icon, title, description, action, }: {
     readonly description?: string;
     readonly action?: ReactNode;
 }): ReactElement;
+/** The classes of a button, for elements that must look like one (a file picker's label). */
+export declare function buttonClass(variant?: ButtonProps['variant'], size?: ButtonProps['size']): string;

package/dist/ui/components/primitives.js

@@ -23,7 +23,9 @@ const buttonVariants = cva('inline-flex items-center justify-center gap-2 whites
 });
 export function Button({ className, variant, size, asChild, busy, children, disabled, ...props }) {
     const Comp = asChild === true ? Slot.Root : 'button';
-    return (_jsxs(Comp, { className: cn(buttonVariants({ variant, size }), className), disabled: disabled === true || busy === true, "aria-busy": busy === true ? true : undefined, ...props, children: [busy === true ? _jsx(Loader2, { className: "animate-spin", "aria-hidden": true }) : null, children] }));
+    return (_jsxs(Comp
+    // A button inside a record's form must not save it: only `type="submit"` submits.
+    , { ...(asChild === true ? {} : { type: 'button' }), className: cn(buttonVariants({ variant, size }), className), disabled: disabled === true || busy === true, "aria-busy": busy === true ? true : undefined, ...props, children: [busy === true ? _jsx(Loader2, { className: "animate-spin", "aria-hidden": true }) : null, children] }));
 }
 const field = 'w-full rounded-md border border-input bg-surface px-3 text-sm text-surface-foreground placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-60 read-only:bg-muted aria-invalid:border-danger';
 export function Input({ className, ...props }) {
@@ -120,3 +122,7 @@ export function Skeleton({ className, ...props }) {
 export function EmptyState({ icon, title, description, action, }) {
     return (_jsxs("div", { className: "flex flex-col items-center gap-2 px-6 py-12 text-center", children: [icon === undefined ? null : (_jsx("div", { className: "mb-1 flex size-12 items-center justify-center rounded-full bg-muted text-muted-foreground [&_svg]:size-6", children: icon })), _jsx("p", { className: "font-medium", children: title }), description === undefined ? null : (_jsx("p", { className: "max-w-md text-sm text-muted-foreground", children: description })), action === undefined ? null : _jsx("div", { className: "mt-2", children: action })] }));
 }
+/** The classes of a button, for elements that must look like one (a file picker's label). */
+export function buttonClass(variant = 'primary', size = 'md') {
+    return buttonVariants({ variant, size });
+}

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

@@ -48,6 +48,9 @@ export declare const en: {
         home: string;
         appNamed: string;
         switchCompany: string;
+        companyMenu: string;
+        manageCompanies: string;
+        addCompany: string;
         sidebar: string;
         collapseSidebar: string;
         expandSidebar: string;
@@ -88,8 +91,13 @@ export declare const en: {
         export: string;
         exportCsv: string;
         exportXlsx: string;
+        exportPdf: string;
         exportFailed: string;
         columns: string;
+        pinned: string;
+        pinColumn: string;
+        resetWidths: string;
+        resize: string;
         density: string;
         statusOf: string;
         nextState: string;
@@ -167,6 +175,23 @@ export declare const en: {
         none: string;
         lines: string;
         addLine: string;
+        nextStep: {
+            ready: string;
+            before: string;
+            missing_one: string;
+            missing_other: string;
+        };
+        daysLeft: {
+            today: string;
+            in: string;
+            late: string;
+        };
+        image: {
+            choose: string;
+            remove: string;
+            none: string;
+            saveFirst: string;
+        };
         removeLine: string;
         choose: string;
         pasted_one: string;
@@ -239,6 +264,8 @@ export declare const en: {
         approve: string;
         review: string;
         dueToday: string;
+        todo: string;
+        meetings: string;
         mentioned: string;
         saved: string;
     };

package/dist/ui/i18n/messages.js

@@ -48,6 +48,9 @@ export const en = {
         home: 'Home',
         appNamed: '{{app}} app',
         switchCompany: 'Company: {{name}} (switch)',
+        companyMenu: 'Company: {{name}}',
+        manageCompanies: 'Companies…',
+        addCompany: 'Add a company…',
         sidebar: 'Sidebar',
         collapseSidebar: 'Collapse the sidebar',
         expandSidebar: 'Expand the sidebar',
@@ -88,8 +91,13 @@ export const en = {
         export: 'Export',
         exportCsv: 'CSV (all columns)',
         exportXlsx: 'Excel',
+        exportPdf: 'Print as PDF',
         exportFailed: 'The export failed: {{reason}}',
         columns: 'Columns',
+        pinned: 'Pinned at the start',
+        pinColumn: 'Pin {{name}}',
+        resetWidths: 'Reset column widths',
+        resize: 'Resize {{column}}',
         density: 'Density',
         statusOf: '{{field}}: {{state}}',
         nextState: 'Next',
@@ -164,6 +172,19 @@ export const en = {
         none: 'None',
         lines: 'Lines',
         addLine: 'Add a line',
+        nextStep: {
+            ready: 'Next step: {{step}}.',
+            before: 'Before {{step}}:',
+            missing_one: '{{count}} thing to fill in',
+            missing_other: '{{count}} things to fill in',
+        },
+        daysLeft: { today: 'Today', in: 'In {{count}} days', late: '{{count}} days late' },
+        image: {
+            choose: 'Choose a picture',
+            remove: 'Remove',
+            none: 'No picture',
+            saveFirst: 'Save the record first, then add its picture.',
+        },
         removeLine: 'Remove line',
         choose: 'Choose…',
         pasted_one: '{{count}} cell pasted',
@@ -236,6 +257,8 @@ export const en = {
         approve: 'Approve {{record}}',
         review: 'Review',
         dueToday: 'due today',
+        todo: 'Focus to-do',
+        meetings: 'Today’s meetings',
         mentioned: '{{actor}} mentioned you on {{record}}',
         saved: 'Your saved views',
     },
@@ -359,6 +382,9 @@ export const bn = {
         home: 'হোম',
         appNamed: '{{app}} অ্যাপ',
         switchCompany: 'প্রতিষ্ঠান: {{name}} (বদলান)',
+        companyMenu: 'প্রতিষ্ঠান: {{name}}',
+        manageCompanies: 'প্রতিষ্ঠানসমূহ…',
+        addCompany: 'প্রতিষ্ঠান যোগ করুন…',
         sidebar: 'সাইডবার',
         collapseSidebar: 'সাইডবার ছোট করুন',
         expandSidebar: 'সাইডবার বড় করুন',
@@ -399,8 +425,13 @@ export const bn = {
         export: 'এক্সপোর্ট',
         exportCsv: 'CSV (সব কলাম)',
         exportXlsx: 'এক্সেল',
+        exportPdf: 'PDF হিসেবে ছাপুন',
         exportFailed: 'এক্সপোর্ট ব্যর্থ: {{reason}}',
         columns: 'কলাম',
+        pinned: 'শুরুতে আটকানো',
+        pinColumn: '{{name}} আটকান',
+        resetWidths: 'কলামের প্রস্থ মুছুন',
+        resize: '{{column}} প্রস্থ বদলান',
         density: 'ঘনত্ব',
         statusOf: '{{field}}: {{state}}',
         nextState: 'পরবর্তী',
@@ -472,6 +503,19 @@ export const bn = {
         none: 'কিছু না',
         lines: 'লাইন',
         addLine: 'লাইন যোগ করুন',
+        nextStep: {
+            ready: 'পরের ধাপ: {{step}}।',
+            before: '{{step}}-এর আগে:',
+            missing_one: '{{count}}টি ঘর পূরণ করতে হবে',
+            missing_other: '{{count}}টি ঘর পূরণ করতে হবে',
+        },
+        daysLeft: { today: 'আজ', in: '{{count}} দিনে', late: '{{count}} দিন দেরি' },
+        image: {
+            choose: 'ছবি বাছুন',
+            remove: 'সরান',
+            none: 'ছবি নেই',
+            saveFirst: 'আগে রেকর্ডটি সংরক্ষণ করুন, তারপর ছবি যোগ করুন।',
+        },
         removeLine: 'লাইন সরান',
         choose: 'বেছে নিন…',
         pasted_one: '{{count}}টি ঘর পেস্ট হয়েছে',
@@ -544,6 +588,8 @@ export const bn = {
         approve: '{{record}} অনুমোদন করুন',
         review: 'দেখুন',
         dueToday: 'আজকের',
+        todo: 'Focus করণীয়',
+        meetings: 'আজকের সভা',
         mentioned: '{{actor}} আপনাকে {{record}}-এ উল্লেখ করেছেন',
         saved: 'আপনার সংরক্ষিত ভিউ',
     },

package/dist/ui/index.d.ts

@@ -41,3 +41,4 @@ export declare const PACKAGE: {
     readonly name: string;
     readonly rfc: string;
 };
+export { DateField } from './views/DateField.js';

package/dist/ui/index.js

@@ -52,3 +52,4 @@ export const PACKAGE = Object.freeze({
     name: 'shutro-erp/ui',
     rfc: 'RFC 0007',
 });
+export { DateField } from './views/DateField.js';

package/dist/ui/offline/queue.d.ts

@@ -11,8 +11,12 @@ export type ChangeStatus = 'pending' | 'conflict' | 'refused';
 export interface QueuedChange {
     readonly id: string;
     readonly at: number;
-    readonly kind: 'create' | 'update';
+    /** A record created or updated through the generated API, or a module's route replayed as sent (`request`). */
+    readonly kind: 'create' | 'update' | 'request';
     readonly model: string;
+    /** `request` only: the method and path, with `values` as the body. */
+    readonly method?: 'POST' | 'PATCH' | 'PUT' | undefined;
+    readonly path?: string | undefined;
     /** The list's label, for people (e.g. "Contacts"). */
     readonly modelLabel: string;
     readonly recordId: number | null;

package/dist/ui/offline/queue.js

@@ -127,6 +127,8 @@ export class OfflineQueue {
         try {
             if (item.kind === 'create')
                 await this.api.create(item.model, { ...item.values });
+            else if (item.kind === 'request')
+                await this.api.call(item.method ?? 'POST', item.path ?? '', { ...item.values });
             else
                 await this.api.update(item.model, item.recordId, { ...item.values }, item.etag);
             return 'synced';

package/dist/ui/registry.d.ts

@@ -17,6 +17,8 @@ export interface WidgetProps {
     /** Absent in display-only contexts (list cells, cards). */
     readonly onChange?: (value: unknown) => void;
     readonly invalid?: boolean;
+    /** The record's model, on forms (an image widget attaches its file to the record). */
+    readonly model?: string;
 }
 /** Props of a registered node component (`{ kind: 'component', component: 'approvals.Panel' }`). */
 export interface NodeComponentProps {
@@ -96,6 +98,9 @@ export interface PageProps {
     readonly api: KoshApi;
     /** The action's label. */
     readonly label?: string;
+    /** The app and action the page was opened from (a client action's page; absent for user pages). */
+    readonly app?: string;
+    readonly action?: string;
 }
 export declare class RegistryError extends Error {
     constructor(problem: string);

package/dist/ui/shell/Home.js

@@ -9,7 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { encodeSearch } from '../../search/index.js';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { Link, useNavigate } from '@tanstack/react-router';
-import { AtSign, BarChart3, CalendarClock, CircleCheckBig, History, List, Search, ShieldCheck, Star, Table2, } from 'lucide-react';
+import { AtSign, BarChart3, CalendarClock, CalendarDays, CheckCircle2, CircleCheckBig, History, List, Search, ShieldCheck, Star, Table2, } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 import { AppIcon } from '../components/AppIcon.js';
 import { Badge, Button, Card, Skeleton } from '../components/primitives.js';
@@ -17,6 +17,8 @@ import { useKosh } from '../context.js';
 import { cn } from '../lib/cn.js';
 import { usePalette } from './CommandPalette.js';
 import { recentRecords } from './recent.js';
+/** 09:30 in the browser's language and time zone. */
+const clock = (iso) => new Date(iso).toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' });
 /** A tint per category, stable for the session: the same category always gets the same colour. */
 const TINTS = [
     'bg-accent text-accent-foreground',
@@ -80,6 +82,50 @@ export function Home() {
             .then((r) => r.items.filter((n) => n.kind === 'mention'))
             .catch(() => []),
     });
+    // Focus (RFC 0021): my open to-dos due today or before; nothing when Focus is not installed or not mine.
+    const todos = useQuery({
+        queryKey: ['home', 'todos'],
+        queryFn: () => api
+            .list('todo.task', {
+            filter: {
+                state: 'open',
+                owner: uid,
+                dueDate: { lte: new Date().toISOString().slice(0, 10) },
+            },
+            fields: ['name', 'dueDate', 'priority'],
+            order: ['dueDate asc', 'id asc'],
+            limit: 20,
+        })
+            .then((r) => r.items)
+            .catch(() => []),
+    });
+    const complete = useMutation({
+        mutationFn: (id) => api.transition('todo.task', id, 'complete'),
+        onSuccess: () => queryClient.invalidateQueries({ queryKey: ['home', 'todos'] }),
+    });
+    // Agenda (RFC 0021): today's confirmed events I organize or am invited to; nothing without Agenda.
+    const meetings = useQuery({
+        queryKey: ['home', 'meetings'],
+        queryFn: () => {
+            const from = new Date();
+            from.setHours(0, 0, 0, 0);
+            const to = new Date(from.getTime() + 86_400_000);
+            return api
+                .list('calendar.event', {
+                filter: {
+                    state: 'confirmed',
+                    start: { lt: to.toISOString() },
+                    stop: { gt: from.toISOString() },
+                    or: [{ organizer: uid }, { attendees: { any: { user: uid } } }],
+                },
+                fields: ['name', 'start', 'stop', 'room', 'location'],
+                order: ['start asc'],
+                limit: 20,
+            })
+                .then((r) => r.items)
+                .catch(() => []);
+        },
+    });
     const saved = useQuery({
         queryKey: ['home', 'saved-views'],
         queryFn: () => api
@@ -129,15 +175,20 @@ export function Home() {
     const categories = [...new Set((apps.data ?? []).map((a) => a.category ?? ''))].sort((a, b) => a.localeCompare(b));
     const tint = (a) => TINTS[categories.indexOf(a.category ?? '') % TINTS.length];
     const recent = recentRecords(uid);
-    const waiting = (approvals.data?.length ?? 0) + due.length + (mentions.data?.length ?? 0);
+    const waiting = (approvals.data?.length ?? 0) +
+        due.length +
+        (mentions.data?.length ?? 0) +
+        (todos.data?.length ?? 0);
     const views = (saved.data ?? []).filter((v) => routes.data?.[v.targetModel]?.app !== undefined);
-    return (_jsxs("div", { className: "mx-auto grid max-w-5xl gap-8 py-4", children: [_jsxs("header", { className: "grid gap-4", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t('home.today', { date: format.date(today) }) }), _jsx("h1", { className: "text-2xl font-semibold", children: me.data === undefined ? (_jsx(Skeleton, { className: "h-8 w-64" })) : (t(`home.${greeting}`, { name: me.data.name.split(' ')[0] })) })] }), _jsxs("button", { type: "button", onClick: openPalette, className: "flex h-12 w-full items-center gap-3 rounded-xl border bg-surface px-4 text-start text-muted-foreground shadow-sm hover:bg-muted", children: [_jsx(Search, { className: "size-5", "aria-hidden": true }), _jsx("span", { className: "flex-1", children: t('home.search') }), _jsx("kbd", { className: "rounded border px-1.5 text-xs", children: "Ctrl K" })] })] }), _jsxs("section", { "aria-labelledby": "home-attention", className: "grid gap-3", children: [_jsxs("h2", { id: "home-attention", className: "flex items-center gap-2 text-sm font-semibold text-muted-foreground", children: [t('home.attention'), waiting === 0 ? null : _jsx(Badge, { tone: "info", children: waiting })] }), approvals.isPending || activities.isPending || mentions.isPending ? (_jsx(Skeleton, { className: "h-16" })) : waiting === 0 ? (_jsxs(Card, { className: "flex items-center gap-3 p-4 text-sm text-muted-foreground", children: [_jsx(CircleCheckBig, { className: "size-5 text-success", "aria-hidden": true }), t('home.nothing')] })) : (_jsx(Card, { className: "p-0", children: _jsxs("ul", { className: "divide-y", children: [(approvals.data ?? []).map((a) => (_jsx(Item, { icon: _jsx(ShieldCheck, { className: "size-4" }), title: t('home.approve', { record: a.record }), detail: a.levelName, children: _jsx(Button, { size: "sm", onClick: () => open(a.targetModel, a.targetId), children: t('home.review') }) }, `approval-${a.id}`))), due.map((a) => (_jsxs(Item, { icon: _jsx(CalendarClock, { className: "size-4" }), title: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx("span", { className: "truncate", children: a.summary ?? a.type.name }), a.deadline < today ? (_jsx(Badge, { tone: "danger", children: t('home.overdue') })) : (_jsx(Badge, { tone: "warning", children: t('home.dueToday') }))] }), detail: `${a.type.name} · ${a.record}`, children: [_jsx(Button, { size: "sm", variant: "ghost", onClick: () => open(a.model, a.resId), children: t('home.open') }), _jsx(Button, { size: "sm", busy: done.isPending && done.variables === a.id, onClick: () => done.mutate(a.id), children: t('home.done') })] }, `activity-${a.id}`))), (mentions.data ?? []).map((m) => (_jsx(Item, { icon: _jsx(AtSign, { className: "size-4" }), title: t('home.mentioned', {
+    return (_jsxs("div", { className: "mx-auto grid max-w-5xl gap-8 py-4", children: [_jsxs("header", { className: "grid gap-4", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t('home.today', { date: format.date(today) }) }), _jsx("h1", { className: "text-2xl font-semibold", children: me.data === undefined ? (_jsx(Skeleton, { className: "h-8 w-64" })) : (t(`home.${greeting}`, { name: me.data.name.split(' ')[0] })) })] }), _jsxs("button", { type: "button", onClick: openPalette, className: "flex h-12 w-full items-center gap-3 rounded-xl border bg-surface px-4 text-start text-muted-foreground shadow-sm hover:bg-muted", children: [_jsx(Search, { className: "size-5", "aria-hidden": true }), _jsx("span", { className: "flex-1", children: t('home.search') }), _jsx("kbd", { className: "rounded border px-1.5 text-xs", children: "Ctrl K" })] })] }), _jsxs("section", { "aria-labelledby": "home-attention", className: "grid gap-3", children: [_jsxs("h2", { id: "home-attention", className: "flex items-center gap-2 text-sm font-semibold text-muted-foreground", children: [t('home.attention'), waiting === 0 ? null : _jsx(Badge, { tone: "info", children: waiting })] }), approvals.isPending || activities.isPending || mentions.isPending || todos.isPending ? (_jsx(Skeleton, { className: "h-16" })) : waiting === 0 ? (_jsxs(Card, { className: "flex items-center gap-3 p-4 text-sm text-muted-foreground", children: [_jsx(CircleCheckBig, { className: "size-5 text-success", "aria-hidden": true }), t('home.nothing')] })) : (_jsx(Card, { className: "p-0", children: _jsxs("ul", { className: "divide-y", children: [(approvals.data ?? []).map((a) => (_jsx(Item, { icon: _jsx(ShieldCheck, { className: "size-4" }), title: t('home.approve', { record: a.record }), detail: a.levelName, children: _jsx(Button, { size: "sm", onClick: () => open(a.targetModel, a.targetId), children: t('home.review') }) }, `approval-${a.id}`))), due.map((a) => (_jsxs(Item, { icon: _jsx(CalendarClock, { className: "size-4" }), title: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx("span", { className: "truncate", children: a.summary ?? a.type.name }), a.deadline < today ? (_jsx(Badge, { tone: "danger", children: t('home.overdue') })) : (_jsx(Badge, { tone: "warning", children: t('home.dueToday') }))] }), detail: `${a.type.name} · ${a.record}`, children: [_jsx(Button, { size: "sm", variant: "ghost", onClick: () => open(a.model, a.resId), children: t('home.open') }), _jsx(Button, { size: "sm", busy: done.isPending && done.variables === a.id, onClick: () => done.mutate(a.id), children: t('home.done') })] }, `activity-${a.id}`))), (todos.data ?? []).map((todo) => (_jsxs(Item, { icon: _jsx(CheckCircle2, { className: "size-4" }), title: _jsxs("span", { className: "flex items-center gap-2", children: [_jsx("span", { className: "truncate", children: todo.name }), todo.dueDate < today ? (_jsx(Badge, { tone: "danger", children: t('home.overdue') })) : (_jsx(Badge, { tone: "warning", children: t('home.dueToday') }))] }), detail: t('home.todo'), children: [_jsx(Button, { size: "sm", variant: "ghost", onClick: () => open('todo.task', todo.id), children: t('home.open') }), _jsx(Button, { size: "sm", busy: complete.isPending && complete.variables === todo.id, onClick: () => complete.mutate(todo.id), children: t('home.done') })] }, `todo-${todo.id}`))), (mentions.data ?? []).map((m) => (_jsx(Item, { icon: _jsx(AtSign, { className: "size-4" }), title: t('home.mentioned', {
                                         actor: m.params.actor ?? '',
                                         record: m.params.record ?? '',
                                     }), detail: m.params.preview ?? format.datetime(m.createdAt), children: _jsx(Button, { size: "sm", onClick: () => {
                                             read.mutate(m.id);
                                             open(m.model, m.resId);
-                                        }, children: t('home.open') }) }, `mention-${m.id}`)))] }) }))] }), recent.length === 0 ? null : (_jsxs("section", { "aria-labelledby": "home-recent", className: "grid gap-3", children: [_jsx("h2", { id: "home-recent", className: "text-sm font-semibold text-muted-foreground", children: t('home.recent') }), _jsx("ul", { className: "flex flex-wrap gap-2", children: recent.slice(0, 8).map((r) => (_jsx("li", { children: _jsxs(Link, { to: "/$app/a/$action/$id", params: { app: r.app, action: r.action, id: String(r.id) }, className: "flex items-center gap-2 rounded-full border bg-surface px-3 py-1.5 text-sm hover:bg-muted", children: [_jsx(History, { className: "size-3.5 text-muted-foreground", "aria-hidden": true }), _jsx("span", { className: "max-w-56 truncate", children: r.title }), _jsx("span", { className: "text-xs text-muted-foreground", children: format.date(new Date(r.at).toISOString().slice(0, 10)) })] }) }, `${r.model}:${r.id}`))) })] })), views.length === 0 ? null : (_jsxs("section", { "aria-labelledby": "home-saved", className: "grid gap-3", children: [_jsx("h2", { id: "home-saved", className: "text-sm font-semibold text-muted-foreground", children: t('home.saved') }), _jsx("ul", { className: "grid grid-cols-[repeat(auto-fill,minmax(14rem,1fr))] gap-2", children: views.map((v) => {
+                                        }, children: t('home.open') }) }, `mention-${m.id}`)))] }) }))] }), (meetings.data ?? []).length === 0 ? null : (_jsxs("section", { "aria-labelledby": "home-meetings", className: "grid gap-3", children: [_jsx("h2", { id: "home-meetings", className: "text-sm font-semibold text-muted-foreground", children: t('home.meetings') }), _jsx(Card, { className: "p-0", children: _jsx("ul", { className: "divide-y", children: (meetings.data ?? []).map((m) => (_jsx(Item, { icon: _jsx(CalendarDays, { className: "size-4" }), title: m.name, detail: [`${clock(m.start)}–${clock(m.stop)}`, m.location]
+                                    .filter((x) => x !== null && x !== '')
+                                    .join(' · '), children: _jsx(Button, { size: "sm", variant: "ghost", onClick: () => open('calendar.event', m.id), children: t('home.open') }) }, `meeting-${m.id}`))) }) })] })), recent.length === 0 ? null : (_jsxs("section", { "aria-labelledby": "home-recent", className: "grid gap-3", children: [_jsx("h2", { id: "home-recent", className: "text-sm font-semibold text-muted-foreground", children: t('home.recent') }), _jsx("ul", { className: "flex flex-wrap gap-2", children: recent.slice(0, 8).map((r) => (_jsx("li", { children: _jsxs(Link, { to: "/$app/a/$action/$id", params: { app: r.app, action: r.action, id: String(r.id) }, className: "flex items-center gap-2 rounded-full border bg-surface px-3 py-1.5 text-sm hover:bg-muted", children: [_jsx(History, { className: "size-3.5 text-muted-foreground", "aria-hidden": true }), _jsx("span", { className: "max-w-56 truncate", children: r.title }), _jsx("span", { className: "text-xs text-muted-foreground", children: format.date(new Date(r.at).toISOString().slice(0, 10)) })] }) }, `${r.model}:${r.id}`))) })] })), views.length === 0 ? null : (_jsxs("section", { "aria-labelledby": "home-saved", className: "grid gap-3", children: [_jsx("h2", { id: "home-saved", className: "text-sm font-semibold text-muted-foreground", children: t('home.saved') }), _jsx("ul", { className: "grid grid-cols-[repeat(auto-fill,minmax(14rem,1fr))] gap-2", children: views.map((v) => {
                             const Icon = VIEW_ICONS[v.viewType] ?? List;
                             return (_jsx("li", { children: _jsxs("button", { type: "button", onClick: () => openSaved(v), className: "flex w-full items-center gap-2 rounded-lg border bg-surface px-3 py-2 text-start text-sm hover:bg-muted", children: [_jsx(Icon, { className: "size-4 shrink-0 text-muted-foreground", "aria-hidden": true }), _jsx("span", { className: "min-w-0 flex-1 truncate", children: v.name }), _jsx(Star, { className: "size-3.5 shrink-0 text-muted-foreground", "aria-hidden": true })] }) }, v.id));
                         }) })] })), _jsxs("section", { "aria-labelledby": "apps-title", className: "grid gap-3", children: [_jsx("h2", { id: "apps-title", className: "text-sm font-semibold text-muted-foreground", children: t('home.apps') }), apps.isPending ? (_jsx("div", { className: "grid grid-cols-[repeat(auto-fill,minmax(11rem,1fr))] gap-3", children: [0, 1, 2, 3].map((i) => (_jsx(Skeleton, { className: "h-16" }, i))) })) : (apps.data ?? []).length === 0 ? (_jsx("p", { className: "text-muted-foreground", children: t('shell.noApps') })) : (_jsx("ul", { className: "grid grid-cols-[repeat(auto-fill,minmax(13rem,1fr))] gap-2", children: (apps.data ?? []).map((a) => (_jsx("li", { children: _jsx(Link, { to: "/$app", params: { app: a.code }, className: "block h-full", children: _jsxs(Card, { className: "flex h-full items-center gap-3 p-3 hover:bg-muted", children: [_jsx(AppIcon, { name: a.icon ?? a.code, className: cn('size-9', tint(a)) }), _jsxs("div", { className: "grid min-w-0 gap-0.5", children: [_jsx("span", { className: "truncate font-medium", children: a.label }), a.summary === undefined ? null : (_jsx("span", { className: "truncate text-xs text-muted-foreground", children: a.summary }))] })] }) }) }, a.code))) }))] })] }));