@coworkee/airworks 0.0.1029 → 0.0.1031

package/dist/apps/admin/system.d.ts

@@ -9,4 +9,6 @@ export declare const editionsApp: (coworkee: Coworkee) => CoworkeeApp;
 export declare const tenantsApp: (coworkee: Coworkee) => CoworkeeApp;
 export declare const auditApp: (coworkee: Coworkee) => CoworkeeApp;
 export declare const aiToolCallsApp: (coworkee: Coworkee) => CoworkeeApp;
+/** The API documentation (Swagger UI) of the app in a window. */
+export declare const apiDocsApp: (coworkee: Coworkee) => CoworkeeApp;
 export declare const systemApps: ((coworkee: Coworkee) => CoworkeeApp)[];

package/dist/apps/admin/system.js

@@ -3,6 +3,7 @@ import { choices, crudApp, renderCrud } from "../../crud.js";
 import { esc } from "../../dom.js";
 import { confirmDialog, formDialog, infoDialog } from "../../form.js";
 import { icons } from "../../icons.js";
+import { recordAppId } from "../record.js";
 const json = (method, body) => ({ method, body: body === undefined ? undefined : JSON.stringify(body) });
 const check = (value) => value ? '✓' : '';
 const paged = (page, pageSize, extra = {}) => new URLSearchParams({ Page: String(page), PageSize: String(pageSize), ...Object.fromEntries(Object.entries(extra).filter(([, value]) => value)) });
@@ -211,12 +212,19 @@ export const tenantsApp = crudApp({
 });
 const changesTable = (coworkee, changes) => `<table class="cw-table"><thead><tr><th>${esc(coworkee.t('Field'))}</th>
   <th>${esc(coworkee.t('Changes'))}</th></tr></thead><tbody>${changes.map((change) => `<tr><td>${esc(change.property)}</td><td>${esc(change.oldValue)} &rarr; ${esc(change.newValue)}</td></tr>`).join('')}</tbody></table>`;
+/** The entity sets with a history; the audit log names their entity types. */
+let historySets;
+const setOf = (entityType) => historySets?.find((set) => set.entityType === entityType)?.entitySet;
 export const auditApp = crudApp({
     id: 'coworkee.admin.audit', group: 'Monitoring', title: 'Audit log', icon: icons.history, accent: '#5d4037', width: 960,
     permissions: ['Audit.View'],
     search: true, serverSearch: true,
     load: async ({ request }, { page, pageSize, search }) => {
-        const result = await request(`/api/v1/audit?${paged(page, pageSize, { EntityType: search })}`);
+        const [result, sets] = await Promise.all([
+            request(`/api/v1/audit?${paged(page, pageSize, { EntityType: search })}`),
+            historySets ?? request('/api/v1/history').catch(() => []),
+        ]);
+        historySets = sets;
         return { items: result.items, total: Number(result.totalCount) };
     },
     columns: [
@@ -226,6 +234,11 @@ export const auditApp = crudApp({
     actions: [{
             title: 'Changes', icon: '&#x2139;',
             run: async (entry, coworkee) => { await infoDialog(coworkee, `${entry.entityType} ${entry.entityId}`, changesTable(coworkee, entry.changes), true); return false; },
+        }, {
+            // undo, restore a state or a deleted record: the record window has its history
+            title: 'Open record history', icon: '&#x21b6;',
+            visible: (entry) => !!setOf(entry.entityType),
+            run: async (entry, coworkee) => { coworkee.airWorks.openApp(recordAppId, { set: setOf(entry.entityType), id: entry.entityId }); return false; },
         }],
 });
 export const aiToolCallsApp = crudApp({
@@ -249,4 +262,9 @@ export const aiToolCallsApp = crudApp({
             },
         }],
 });
-export const systemApps = [languagesApp, translationsApp, themesApp, backupsApp, servicesApp, editionsApp, tenantsApp, auditApp, aiToolCallsApp];
+/** The API documentation (Swagger UI) of the app in a window. */
+export const apiDocsApp = (coworkee) => ({
+    id: 'coworkee.api-docs', group: 'Monitoring', title: coworkee.t('API documentation'), icon: icons.dataObject, accent: '#447d1c', width: 1000, height: 680,
+    requiredPermissions: ['ApiDocs.View'], url: '/swagger/index.html',
+});
+export const systemApps = [languagesApp, translationsApp, themesApp, backupsApp, servicesApp, editionsApp, tenantsApp, auditApp, aiToolCallsApp, apiDocsApp];

package/dist/apps/data.d.ts

@@ -1,6 +1,8 @@
 import type { Coworkee, CoworkeeApp } from '../coworkee.ts';
 import { type EntityTableOptions } from '../table.ts';
-/** Every OData entity set of the app the user may read, each as a table. */
+/** Opens a row of an entity set in the record window. */
+export declare const openRecord: (coworkee: Coworkee, entitySet: string, row: Record<string, unknown>) => void;
+/** Every OData entity set the user may read: a searchable table per set, a click opens the record with its history and workflow, deleted records come back from the bin. */
 export declare const dataApp: (coworkee: Coworkee) => CoworkeeApp;
 export type EntityAppOptions = EntityTableOptions & {
     title?: string;

package/dist/apps/data.js

@@ -1,36 +1,72 @@
 import { entitySets } from '@coworkee/client';
-import { errorText, esc } from "../dom.js";
+import { display, errorText, esc, label, recordTitle } from "../dom.js";
+import { recordAppId } from "./record.js";
 import { icons } from "../icons.js";
 import { renderEntityTable } from "../table.js";
-/** Every OData entity set of the app the user may read, each as a table. */
+/** Opens a row of an entity set in the record window. */
+export const openRecord = (coworkee, entitySet, row) => {
+    const id = row.Id ?? row.id;
+    if (id !== undefined && id !== null)
+        coworkee.airWorks.openApp(recordAppId, { set: entitySet, id: String(id), title: recordTitle(row) });
+};
+function renderDeleted(coworkee, panel, set) {
+    const { t, culture } = coworkee;
+    panel.innerHTML = `<p class="cw-muted">${esc(t('MudDataGrid_Loading'))}</p>`;
+    coworkee.request(`/api/v1/history/${encodeURIComponent(set)}/deleted`).then((items) => {
+        panel.innerHTML = `<table class="cw-table"><thead><tr><th>${esc(t('Name'))}</th><th>${esc(t('Deleted'))}</th><th>${esc(t('Who'))}</th></tr></thead><tbody>${items.map((item) => `<tr class="cw-clickable" tabindex="0" data-deleted="${esc(item.entityId)}" data-title="${esc(item.title ?? '')}"><td>${esc(item.title ?? item.entityId)}</td><td>${esc(display(item.deletedAt, culture))}</td><td>${esc(item.deletedByName ?? t('system'))}</td></tr>`).join('')
+            || `<tr><td colspan="3" class="cw-empty">${esc(t('Nothing was deleted.'))}</td></tr>`}</tbody></table>`;
+    }).catch((error) => { panel.innerHTML = `<p class="cw-error">${esc(errorText(error))}</p>`; });
+}
+/** Every OData entity set the user may read: a searchable table per set, a click opens the record with its history and workflow, deleted records come back from the bin. */
 export const dataApp = (coworkee) => ({
     id: 'coworkee.data',
-    title: coworkee.t('Data'),
+    title: coworkee.t('Records'),
     icon: 'fn-reporttable.png',
     accent: '#167d79',
-    width: 980,
-    height: 620,
+    width: 1040,
+    height: 640,
     probe: '/odata',
-    render: async ({ host, intent, setState }) => {
+    render: async ({ host, intent, setState, onClose }) => {
         const { t } = coworkee;
         host.classList.add('cw-host');
-        const sets = (await entitySets()).sort((a, b) => a.name.localeCompare(b.name));
-        host.innerHTML = `<div class="cw-app cw-data"><nav class="cw-list">${sets.map((set) => `<button data-set="${esc(set.name)}">${esc(t(set.name))}</button>`).join('') || `<p class="cw-muted">${esc(t('Nothing found.'))}</p>`}</nav><section class="cw-panel"></section></div>`;
+        const [sets, histories] = await Promise.all([entitySets(), coworkee.request('/api/v1/history').catch(() => [])]);
+        sets.sort((a, b) => label(t, a.name).localeCompare(label(t, b.name)));
+        host.innerHTML = `<div class="cw-app cw-data"><nav class="cw-list" aria-label="${esc(t('Records'))}">${sets.map((set) => `<button data-set="${esc(set.name)}">${esc(label(t, set.name))}</button>`).join('') || `<p class="cw-muted">${esc(t('Nothing found.'))}</p>`}</nav>
+      <section class="cw-stack"><div class="cw-views" hidden><button data-view="all" aria-pressed="true">${esc(t('All'))}</button><button data-view="deleted" aria-pressed="false">${esc(t('Deleted'))}</button></div>
+      <div class="cw-panel cw-grow"></div></section></div>`;
         const panel = host.querySelector('.cw-panel');
-        const open = (name) => {
+        const views = host.querySelector('.cw-views');
+        let current = '';
+        let stop;
+        onClose(() => stop?.());
+        const open = (name, view = 'all') => {
+            current = name;
             host.querySelectorAll('[data-set]').forEach((button) => button.setAttribute('aria-current', String(button.dataset.set === name)));
-            setState({ set: name }, t(name));
-            try {
-                renderEntityTable(coworkee, panel, { entitySet: name });
-            }
-            catch (error) {
-                panel.innerHTML = `<p class="cw-error">${esc(errorText(error))}</p>`;
-            }
+            host.querySelectorAll('[data-view]').forEach((button) => button.setAttribute('aria-pressed', String(button.dataset.view === view)));
+            views.hidden = !histories.some((history) => history.entitySet === name && history.softDelete);
+            setState({ set: name }, label(t, name));
+            stop?.();
+            stop = undefined;
+            // a fresh element per set: the old table takes its listeners along
+            const content = document.createElement('div');
+            content.className = 'cw-fill';
+            panel.replaceChildren(content);
+            if (view === 'deleted')
+                return renderDeleted(coworkee, content, name);
+            const entityType = histories.find((history) => history.entitySet === name)?.entityType;
+            renderEntityTable(coworkee, content, { entitySet: name, liveType: entityType, onOpen: (row) => openRecord(coworkee, name, row) }, (callback) => { stop = callback; });
         };
-        host.querySelector('nav').addEventListener('click', (event) => {
-            const set = event.target.closest('[data-set]')?.dataset.set;
+        host.addEventListener('click', (event) => {
+            const target = event.target;
+            const set = target.closest('[data-set]')?.dataset.set;
+            const view = target.closest('[data-view]')?.dataset.view;
+            const deleted = target.closest('[data-deleted]');
             if (set)
                 open(set);
+            else if (view)
+                open(current, view);
+            else if (deleted)
+                coworkee.airWorks.openApp(recordAppId, { set: current, id: deleted.dataset.deleted, title: deleted.dataset.title ?? '' });
         });
         const first = intent?.set && sets.some((set) => set.name === intent.set) ? intent.set : sets[0]?.name;
         if (first)
@@ -49,6 +85,6 @@ export const entityApp = (options) => (coworkee) => ({
     render: ({ host, onClose }) => {
         host.classList.add('cw-host');
         host.innerHTML = '<div class="cw-app"></div>';
-        renderEntityTable(coworkee, host.firstElementChild, options, onClose);
+        renderEntityTable(coworkee, host.firstElementChild, { onOpen: (row) => openRecord(coworkee, options.entitySet, row), ...options }, onClose);
     },
 });

package/dist/apps/files.d.ts

@@ -9,6 +9,7 @@ export declare const uploadFile: (file: File, folderId?: string) => Promise<{
     size: number | string;
     createdAt: string;
     createdBy: null | string;
+    isPublic: boolean;
 }>;
 /** The folders and files of the organisation: browse, upload (also by dropping files), rename, delete, download and preview. */
 export declare const filesApp: (coworkee: Coworkee) => CoworkeeApp;

package/dist/apps/files.js

@@ -1,5 +1,6 @@
 import { apiRequest, unwrap } from '@coworkee/client';
 import { bytes, display, errorText, esc } from "../dom.js";
+import { confirmDialog, promptDialog } from "../form.js";
 import { filePreviewAppId } from "./file-preview.js";
 export const fileContentUrl = (id, download = false) => `/api/v1/files/${encodeURIComponent(id)}/content${download ? '?download=true' : ''}`;
 /** Uploads one file into a folder (the API takes the raw body). */
@@ -53,7 +54,7 @@ export const filesApp = (coworkee) => ({
                 ...content.folders.map((folder) => `<tr data-folder="${esc(folder.id)}" data-name="${esc(folder.name)}"><td><span class="cw-icon">📁</span>${esc(folder.name)}</td><td></td><td>${esc(display(folder.createdAt, culture))}</td>${actions('folder', folder.id)}</tr>`),
                 ...content.files.map((file) => `<tr data-file="${esc(file.id)}" data-name="${esc(file.name)}" data-type="${esc(file.contentType)}"><td><span class="cw-icon">📄</span>${esc(file.name)}</td><td>${esc(bytes(file.size, culture))}</td><td>${esc(display(file.createdAt, culture))}</td>${actions('file', file.id)}</tr>`),
             ];
-            body.innerHTML = rows.join('') || `<tr><td colspan="4" class="cw-muted">${esc(t('(empty)'))}</td></tr>`;
+            body.innerHTML = rows.join('') || `<tr><td colspan="4" class="cw-empty">${esc(content.canUpload ? t('Drop files here') : t('(empty)'))}</td></tr>`;
         };
         const run = async (work) => {
             try {
@@ -66,7 +67,6 @@ export const filesApp = (coworkee) => ({
         };
         const upload = (files) => run(async () => { for (const file of [...files])
             await uploadFile(file, folderId()); });
-        // shortcut: names and confirmations through the browser's prompt/confirm, an AirWorks dialog once one is wanted
         host.addEventListener('click', (event) => {
             const target = event.target;
             const action = target.closest('[data-action]')?.dataset.action;
@@ -80,9 +80,10 @@ export const filesApp = (coworkee) => ({
             else if (action === 'refresh')
                 void load();
             else if (action === 'folder') {
-                const name = prompt(t('New folder'))?.trim();
-                if (name)
-                    void run(() => api.POST('/api/v1/files/folders', { body: { parentId: folderId() ?? null, name } }).then(unwrap));
+                void promptDialog(coworkee, t('New folder'), 'Name').then((name) => {
+                    if (name?.trim())
+                        void run(() => api.POST('/api/v1/files/folders', { body: { parentId: folderId() ?? null, name: name.trim() } }).then(unwrap));
+                });
             }
             else if (crumb !== undefined) {
                 path.splice(Number(crumb) + 1);
@@ -91,19 +92,22 @@ export const filesApp = (coworkee) => ({
             else if (rename) {
                 const [kind, id] = rename.split(':');
                 const row = target.closest('tr');
-                const name = prompt(t('Rename'), row.dataset.name)?.trim();
-                if (name && name !== row.dataset.name) {
+                void promptDialog(coworkee, t('Rename'), 'Name', row.dataset.name).then((value) => {
+                    const name = value?.trim();
+                    if (!name || name === row.dataset.name)
+                        return;
                     void run(() => (kind === 'folder'
                         ? api.PUT('/api/v1/files/folders/{id}/name', { params: { path: { id } }, body: { name } })
                         : api.PUT('/api/v1/files/{id}/name', { params: { path: { id } }, body: { name } })).then(unwrap));
-                }
+                });
             }
             else if (remove) {
                 const [kind, id] = remove.split(':');
                 const name = target.closest('tr').dataset.name;
-                if (confirm(kind === 'folder' ? t("Delete the folder '{0}' and everything in it?", name) : t("Delete the file '{0}'?", name))) {
-                    void run(() => api.POST('/api/v1/files/delete', { body: kind === 'folder' ? { fileIds: [], folderIds: [id] } : { fileIds: [id], folderIds: [] } }).then(unwrap));
-                }
+                void confirmDialog(coworkee, kind === 'folder' ? t("Delete the folder '{0}' and everything in it?", name) : t("Delete the file '{0}'?", name), t('Delete')).then((ok) => {
+                    if (ok)
+                        void run(() => api.POST('/api/v1/files/delete', { body: kind === 'folder' ? { fileIds: [], folderIds: [id] } : { fileIds: [id], folderIds: [] } }).then(unwrap));
+                });
             }
             else if (!target.closest('a, button')) {
                 const row = target.closest('tr[data-folder], tr[data-file]');

package/dist/apps/inbox.d.ts

@@ -0,0 +1,4 @@
+import type { Coworkee, CoworkeeApp } from '../coworkee.ts';
+export declare const inboxAppId = "coworkee.inbox";
+/** What waits for the user: approvals to decide and notifications, live; the count shows on the tile. */
+export declare const inboxApp: (coworkee: Coworkee) => CoworkeeApp;

package/dist/apps/inbox.js

@@ -0,0 +1,114 @@
+import { realtimeEvents, realtimeTopics, unwrap } from '@coworkee/client';
+import { display, errorText, esc, label } from "../dom.js";
+import { icons } from "../icons.js";
+import { decide, recordAppId } from "./record.js";
+import { openWebPage } from "./web.js";
+export const inboxAppId = 'coworkee.inbox';
+function approvalsHtml(coworkee, approvals) {
+    const { t, culture } = coworkee;
+    return approvals.map((approval) => `<li data-approval="${esc(approval.id)}" data-set="${esc(approval.entityType)}" data-entity="${esc(approval.entityId)}">
+      <div class="cw-grow"><button class="cw-link" data-open>${esc(approval.title)}</button><br/>
+        <small class="cw-muted">${esc(label(t, approval.entityType))} · ${esc(t(approval.state))} · ${esc(t('Requested {0}', display(approval.createdAt, culture)))}${approval.requiresAll
+        ? ` · ${esc(t('{0} of {1} approved', approval.approvers.filter((a) => a.approved === true).length, approval.approvers.filter((a) => !a.escalation).length))}` : ''}</small>
+        ${approval.dueAt ? `<br/><small class="${new Date(approval.dueAt) < new Date() ? 'cw-error' : 'cw-muted'}">${esc(t('Due {0}', display(approval.dueAt, culture)))}</small>` : ''}</div>
+      ${approval.canDecide ? `<span class="cw-decide"><button class="cw-primary" data-approve="true">${esc(t('Approve'))}</button><button data-approve="false">${esc(t('Reject'))}</button></span>` : ''}</li>`).join('')
+        || `<li class="cw-empty">${esc(t('Nothing waits for your decision.'))}</li>`;
+}
+function notificationsHtml(coworkee, items) {
+    const { t, culture } = coworkee;
+    const linked = (item) => !!item.link && !!coworkee.user.appUrl;
+    return items.map((item) => {
+        const title = esc(t(item.title, ...(item.arguments ?? [])));
+        return `<li class="${item.readAt ? '' : 'unread'}" data-id="${esc(item.id)}" ${linked(item) ? `data-link="${esc(item.link)}"` : ''}>
+      <div class="cw-grow">${linked(item) ? `<button class="cw-link" data-follow>${title}</button>` : `<strong>${title}</strong>`}
+        ${item.body ? `<p>${esc(t(item.body, ...(item.arguments ?? [])))}</p>` : '<br/>'}<small class="cw-muted">${esc(display(item.createdAt, culture))}</small></div>
+      <span class="cw-row-actions">${item.readAt ? '' : `<button data-read title="${esc(t('Mark as read'))}" aria-label="${esc(t('Mark as read'))}">&#x2713;</button>`}
+        <button data-delete title="${esc(t('Delete'))}" aria-label="${esc(t('Delete'))}">&#x2715;</button></span></li>`;
+    }).join('') || `<li class="cw-empty">${esc(t('No notifications yet.'))}</li>`;
+}
+/** What waits for the user: approvals to decide and notifications, live; the count shows on the tile. */
+export const inboxApp = (coworkee) => ({
+    id: inboxAppId,
+    title: coworkee.t('Inbox'),
+    icon: icons.inbox,
+    accent: '#a2273b',
+    width: 640,
+    height: 600,
+    singleInstance: true,
+    probe: '/api/v1/notifications/unread-count',
+    render: ({ host, intent, setState, onClose }) => {
+        const { t, api } = coworkee;
+        const withApprovals = coworkee.can('Workflows.View');
+        let tab = intent?.tab === 'notifications' || !withApprovals ? 'notifications' : 'approvals';
+        host.classList.add('cw-host');
+        host.innerHTML = `<div class="cw-app cw-inbox"><div class="cw-toolbar"><nav class="cw-tabs" role="tablist"></nav><span class="cw-spacer"></span>
+      <button data-action="all" hidden>${esc(t('Mark all as read'))}</button><button data-action="refresh" title="${esc(t('Refresh'))}" aria-label="${esc(t('Refresh'))}">&#x21bb;</button></div>
+      <ul class="cw-feed"></ul></div>`;
+        const list = host.querySelector('ul');
+        const tabs = host.querySelector('nav');
+        const load = async () => {
+            try {
+                const [approvals, notifications] = await Promise.all([
+                    withApprovals ? coworkee.request('/api/v1/workflows/approvals').catch(() => []) : Promise.resolve([]),
+                    api.GET('/api/v1/notifications', { params: { query: { Page: 1, PageSize: 50 } } }).then(unwrap),
+                ]);
+                const open = approvals.filter((approval) => approval.canDecide).length;
+                const unread = notifications.items.filter((item) => !item.readAt).length;
+                const sections = [...(withApprovals ? [['approvals', t('Approvals'), open]] : []), ['notifications', t('Notifications'), unread]];
+                tabs.innerHTML = sections.map(([id, title, count]) => `<button role="tab" data-tab="${id}" aria-selected="${id === tab}">${esc(title)}${count ? ` <span class="cw-badge">${count}</span>` : ''}</button>`).join('');
+                host.querySelector('[data-action="all"]').hidden = tab !== 'notifications' || unread === 0;
+                list.innerHTML = tab === 'approvals' ? approvalsHtml(coworkee, approvals) : notificationsHtml(coworkee, notifications.items);
+            }
+            catch (error) {
+                list.innerHTML = `<li class="cw-error">${esc(errorText(error))}</li>`;
+            }
+        };
+        const run = async (work) => {
+            try {
+                await work();
+            }
+            catch (error) {
+                coworkee.notify(errorText(error), 'error');
+            }
+            await load();
+            void coworkee.refreshBadges();
+        };
+        host.addEventListener('click', (event) => {
+            const target = event.target;
+            const item = target.closest('li');
+            const id = item?.dataset.id;
+            const action = target.closest('[data-action]')?.dataset.action;
+            const nextTab = target.closest('[data-tab]')?.dataset.tab;
+            const approve = target.closest('[data-approve]')?.dataset.approve;
+            if (nextTab) {
+                tab = nextTab;
+                setState({ tab });
+                void load();
+            }
+            else if (action === 'refresh')
+                void load();
+            else if (action === 'all')
+                void run(() => api.POST('/api/v1/notifications/read-all'));
+            else if (item?.dataset.approval && approve)
+                void run(() => decide(coworkee, item.dataset.approval, approve === 'true'));
+            else if (item?.dataset.approval && target.closest('[data-open]'))
+                coworkee.airWorks.openApp(recordAppId, { set: item.dataset.set, id: item.dataset.entity });
+            else if (id && target.closest('[data-read]'))
+                void run(() => api.POST('/api/v1/notifications/{id}/read', { params: { path: { id } } }));
+            else if (id && target.closest('[data-delete]'))
+                void run(() => api.DELETE('/api/v1/notifications/{id}', { params: { path: { id } } }));
+            else if (id && target.closest('[data-follow]')) {
+                openWebPage(coworkee, item.dataset.link, target.textContent ?? undefined);
+                if (item.classList.contains('unread'))
+                    void run(() => api.POST('/api/v1/notifications/{id}/read', { params: { path: { id } } }));
+            }
+        });
+        // new notifications and approval requests arrive on the user's topic
+        const stop = coworkee.user.userId ? coworkee.realtime.subscribe(realtimeTopics.user(coworkee.user.userId), ({ type }) => {
+            if (type === realtimeEvents.entityChanged)
+                void load();
+        }) : undefined;
+        onClose(() => stop?.());
+        void load();
+    },
+});

package/dist/apps/profile.d.ts

@@ -1,3 +1,3 @@
-import type { Coworkee, CoworkeeApp } from '../coworkee.ts';
-/** Name and phone of the signed-in user, the account pages of the auth server and sign out. */
-export declare const profileApp: (coworkee: Coworkee) => CoworkeeApp;
+import type { Coworkee } from '../coworkee.ts';
+/** Name and phone of the signed-in user, the account pages of the auth server and sign out; the first tab of the settings. */
+export declare function renderProfile(coworkee: Coworkee, host: HTMLElement): Promise<void>;

package/dist/apps/profile.js

@@ -1,40 +1,30 @@
 import { unwrap } from '@coworkee/client';
 import { errorText, esc } from "../dom.js";
-/** Name and phone of the signed-in user, the account pages of the auth server and sign out. */
-export const profileApp = (coworkee) => ({
-    id: 'coworkee.profile',
-    title: coworkee.t('Profile'),
-    icon: 'ratio-personal.png',
-    accent: '#00777a',
-    width: 520,
-    height: 520,
-    singleInstance: true,
-    render: async ({ host }) => {
-        const { t, api } = coworkee;
-        host.classList.add('cw-host');
-        const profile = unwrap(await api.GET('/api/v1/identity/me'));
-        const input = (name, label, value) => `<div class="cw-field"><label for="cw-profile-${name}">${esc(t(label))}</label><input id="cw-profile-${name}" name="${name}" value="${esc(value ?? '')}"/></div>`;
-        host.innerHTML = `<div class="cw-app cw-profile"><header class="cw-profile-head">
-        ${profile.avatarUrl ? `<img class="cw-avatar" src="${esc(profile.avatarUrl)}" alt=""/>` : `<span class="cw-avatar">${esc((coworkee.user.name ?? profile.email).charAt(0).toUpperCase())}</span>`}
-        <div><strong>${esc(coworkee.user.name ?? '')}</strong><br/><span class="cw-muted">${esc(profile.email)}</span></div></header>
-      <form>${input('firstName', 'First name', profile.firstName)}${input('lastName', 'Last name', profile.lastName)}${input('phoneNumber', 'Phone', profile.phoneNumber)}
-        <div class="cw-actions">
-          ${coworkee.user.manageUrl ? `<a class="cw-button" href="${esc(coworkee.user.manageUrl)}" target="_blank" rel="noopener">${esc(t('Account'))}</a>` : ''}
-          <button type="button" data-action="logout">${esc(t('Sign out'))}</button>
-          <button type="submit" class="cw-primary">${esc(t('Save'))}</button>
-        </div></form></div>`;
-        const form = host.querySelector('form');
-        form.addEventListener('submit', async (event) => {
-            event.preventDefault();
-            const values = Object.fromEntries(new FormData(form));
-            try {
-                unwrap(await api.PUT('/api/v1/identity/me', { body: { firstName: values.firstName || null, lastName: values.lastName || null, phoneNumber: values.phoneNumber || null, address: profile.address ?? null } }));
-                coworkee.notify(t('Saved'));
-            }
-            catch (error) {
-                coworkee.notify(errorText(error), 'error');
-            }
-        });
-        host.querySelector('[data-action="logout"]').addEventListener('click', () => void coworkee.airWorks.logout());
-    },
-});
+/** Name and phone of the signed-in user, the account pages of the auth server and sign out; the first tab of the settings. */
+export async function renderProfile(coworkee, host) {
+    const { t, api } = coworkee;
+    const profile = unwrap(await api.GET('/api/v1/identity/me'));
+    const input = (name, label, value) => `<div class="cw-field"><label for="cw-profile-${name}">${esc(t(label))}</label><input id="cw-profile-${name}" name="${name}" value="${esc(value ?? '')}"/></div>`;
+    host.innerHTML = `<div class="cw-profile"><header class="cw-profile-head">
+      ${profile.avatarUrl ? `<img class="cw-avatar" src="${esc(profile.avatarUrl)}" alt=""/>` : `<span class="cw-avatar">${esc((coworkee.user.name ?? profile.email).charAt(0).toUpperCase())}</span>`}
+      <div><strong>${esc(coworkee.user.name ?? '')}</strong><br/><span class="cw-muted">${esc(profile.email)}</span></div></header>
+    <form>${input('firstName', 'First name', profile.firstName)}${input('lastName', 'Last name', profile.lastName)}${input('phoneNumber', 'Phone', profile.phoneNumber)}
+      <div class="cw-actions">
+        ${coworkee.user.manageUrl ? `<a class="cw-button" href="${esc(coworkee.user.manageUrl)}" target="_blank" rel="noopener">${esc(t('Account'))}</a>` : ''}
+        <button type="button" data-action="logout">${esc(t('Sign out'))}</button>
+        <button type="submit" class="cw-primary">${esc(t('Save'))}</button>
+      </div></form></div>`;
+    const form = host.querySelector('form');
+    form.addEventListener('submit', async (event) => {
+        event.preventDefault();
+        const values = Object.fromEntries(new FormData(form));
+        try {
+            unwrap(await api.PUT('/api/v1/identity/me', { body: { firstName: values.firstName || null, lastName: values.lastName || null, phoneNumber: values.phoneNumber || null, address: profile.address ?? null } }));
+            coworkee.notify(t('Saved'));
+        }
+        catch (error) {
+            coworkee.notify(errorText(error), 'error');
+        }
+    });
+    host.querySelector('[data-action="logout"]').addEventListener('click', () => void coworkee.airWorks.logout());
+}

package/dist/apps/record.d.ts

@@ -0,0 +1,8 @@
+import type { Coworkee, CoworkeeApp } from '../coworkee.ts';
+export declare const recordAppId = "coworkee.record";
+/** Approves or rejects an approval with an optional comment; false when the user cancelled. */
+export declare function decide(coworkee: Coworkee, id: string, approve: boolean): Promise<boolean>;
+/** Renders one record of an OData entity set: its fields, its history with undo and restore, its workflow with steps and approvals. */
+export declare function renderRecord(coworkee: Coworkee, host: HTMLElement, set: string, id: string, onTitle?: (title: string) => void): () => void;
+/** One record in a window, opened from the records, the search, the inbox and the audit log with the intent { set, id }. */
+export declare const recordApp: (coworkee: Coworkee) => CoworkeeApp;