@arcforgelabs/flow 2026.10.47 → 2026.10.48

package/server/ui/invoicing.js

@@ -250,6 +250,9 @@ export async function renderInvoiceList(main, ui) {
   state.values = new Map((values?.values ?? []).map((v) => [valueKey(v, v.fieldId), v.value]));
   let body = null;
   let raw = null;
+  // Xero's status from Flow's copy, filled after the list draws. Delete on
+  // an issued invoice waits for this: it shows only while the copy says Draft.
+  let xeroById = new Map();
   const openTab = (id) => { state.status = id; state.offset = 0; state.ticked.clear(); sessionStorage.setItem('flow_invoice_tab', id); load(); };
   const alerts = alertStrip(ui, 'invoices', { onTab: openTab });
   // The tabs and search stay at the top while the rows scroll up under them;
@@ -355,13 +358,19 @@ export async function renderInvoiceList(main, ui) {
         run: () => voidAll(voidable),
       });
     }
-    // A draft that was never issued is deleted, not voided. Pending and Ready
-    // hold those drafts; an issued invoice on Pending is retried, not deleted.
-    const deletable = rows.filter((i) => i.status === 'draft' && i.issuedVersion === 0);
-    if (['pending', 'ready'].includes(state.status) && context.canIssue && deletable.length) {
+    // A draft that was never issued is deleted on Pending and Ready. An issued
+    // invoice is deleted only while Flow's copy of Xero says Draft. Approved
+    // or paid stays hidden. A mix runs every ticked row and reports each one.
+    const fresh = rows.filter((i) => i.status === 'draft' && i.issuedVersion === 0);
+    const issuedXero = rows.filter((i) => i.status === 'issued' && xeroById.has(i.id));
+    const xeroDraft = issuedXero.filter((i) => xeroById.get(i.id)?.state === 'draft');
+    const xeroApproved = issuedXero.filter((i) => ['approved', 'part_paid', 'paid'].includes(xeroById.get(i.id)?.state));
+    const deletable = [...fresh, ...xeroDraft, ...xeroApproved];
+    const onDraftTabs = ['pending', 'ready'].includes(state.status) && fresh.length;
+    if (context.canIssue && (onDraftTabs || xeroDraft.length)) {
       danger.push({
         icon: 'trash-2', label: 'Delete', iconOnly: true, tone: 'danger', title: 'Delete',
-        run: () => deleteAll(deletable),
+        run: () => deleteAll(deletable, { xero: xeroDraft.length + xeroApproved.length > 0 }),
       });
     }
     const all = body.invoices.map((i) => i.id);
@@ -439,23 +448,46 @@ export async function renderInvoiceList(main, ui) {
     alerts.refresh();
   }
 
-  // Delete, one never-issued draft after another, as on one invoice's page.
-  async function deleteAll(rows) {
+  // Delete, one invoice after another, as on one invoice's page. A Xero
+  // draft reports each row: deleted, or refused with the reason.
+  async function deleteAll(rows, { xero = false } = {}) {
+    const fresh = rows.some((i) => i.status === 'draft' && i.issuedVersion === 0);
     const ok = await ui.dialog({
       title: `Delete ${plural(rows.length, 'invoice', 'invoices')}?`,
-      body: h('p', {}, 'A draft that was never issued is removed. Its job can be invoiced again, and the rules decide.'),
+      body: xero
+        ? h('div', {},
+          fresh ? h('p', {}, 'A draft that was never issued is removed. Its job can be invoiced again, and the rules decide.') : null,
+          h('p', {}, 'Also deletes the draft in Xero.'))
+        : h('p', {}, 'A draft that was never issued is removed. Its job can be invoiced again, and the rules decide.'),
       confirm: `Delete ${rows.length}`, tone: 'danger',
     });
     if (!ok) return;
-    let done = 0;
-    let error = null;
-    for (const invoice of rows) {
-      try {
-        await flow(`/api/invoicing/invoices/${invoice.id}`, { method: 'DELETE' });
-        done += 1;
-      } catch (e) { error = e; }
+    if (xero) {
+      const results = [];
+      for (const invoice of rows) {
+        const name = invoice.number ?? 'Draft';
+        try {
+          await flow(`/api/invoicing/invoices/${invoice.id}`, { method: 'DELETE' });
+          results.push(`${name} deleted.`);
+        } catch (error) {
+          results.push(`${name} refused: ${error.message}`);
+        }
+      }
+      const refused = results.some((line) => line.includes(' refused: '));
+      // The result stays until it is closed. A success is one short line, and
+      // a refusal names each invoice, so neither should vanish on its own.
+      toast(results.join(' '), refused ? 'danger' : 'success', { stay: true });
+    } else {
+      let done = 0;
+      let error = null;
+      for (const invoice of rows) {
+        try {
+          await flow(`/api/invoicing/invoices/${invoice.id}`, { method: 'DELETE' });
+          done += 1;
+        } catch (e) { error = e; }
+      }
+      toast(error ? `${done} of ${rows.length} deleted. ${error.message}` : `${plural(done, 'invoice', 'invoices')} deleted.`, error ? 'danger' : 'success', { stay: true });
     }
-    toast(error ? `${done} of ${rows.length} deleted. ${error.message}` : `${plural(done, 'invoice', 'invoices')} deleted.`, error ? 'danger' : 'success');
     state.ticked.clear();
     seen.clear();
     await load();
@@ -527,6 +559,7 @@ export async function renderInvoiceList(main, ui) {
     raw = answer;
     filterMenu.draw();
     body = answer;
+    xeroById = new Map();
     // A page past the end (rows went to another tab): show the last one.
     if (!answer.invoices.length && answer.total && answer.offset) {
       state.offset = Math.max(0, Math.floor((answer.total - 1) / state.limit) * state.limit);
@@ -634,16 +667,22 @@ export async function renderInvoiceList(main, ui) {
         rowCells(h, columns, invoice),
         h('td', { class: 'fx-c-end' })))),
     }));
-    // Issued and void invoices also show Xero's status, from Flow's copy:
-    // in the Linked column every one gets an icon, so one not in Xero
-    // stands out.
-    if (numbered) {
+    // Issued invoices carry Xero's status on every tab, so Delete can follow
+    // Flow's copy. A draft that is out of sync sits on Pending, which has no
+    // number column, and is still a draft there. Icons stay on the numbered
+    // tabs, where one invoice not in Xero stands out.
+    const issuedIds = body.invoices.filter((i) => i.issuedVersion > 0).map((i) => i.id);
+    if (numbered || issuedIds.length) {
       const shownBody = body;
-      const statuses = await xeroStatuses(ui, context.organisations?.[0]?.id, body.invoices.map((i) => i.id));
+      const statuses = await xeroStatuses(ui, context.organisations?.[0]?.id, numbered ? body.invoices.map((i) => i.id) : issuedIds);
       if (shownBody !== body) return;
-      for (const [invoiceId, status] of statuses) {
-        if (linked) { if (accountingSystem) statusCells.get(invoiceId)?.append(accountingIcon(ui, accountingSystem, status)); }
-        else if (status.state !== 'not_sent' || status.finding) statusCells.get(invoiceId)?.append(' ', xeroTag(ui, status));
+      xeroById = statuses;
+      if (state.ticked.size) drawBar();
+      if (numbered) {
+        for (const [invoiceId, status] of statuses) {
+          if (linked) { if (accountingSystem) statusCells.get(invoiceId)?.append(accountingIcon(ui, accountingSystem, status)); }
+          else if (status.state !== 'not_sent' || status.finding) statusCells.get(invoiceId)?.append(' ', xeroTag(ui, status));
+        }
       }
     }
   }
@@ -1155,29 +1194,10 @@ function draftView(invoice, ui, context, redraw) {
   const fromJob = isNew && context.canIssue
     ? h('button', { class: 'fx-btn fx-btn--ghost', type: 'button', onclick: () => pickJob(ui) }, 'From a job') : null;
   // A draft that was never issued is deleted. An issued invoice, including
-  // one opened for a revision, is voided instead.
+  // one opened for a revision, is voided instead, unless its Xero copy is a
+  // draft: that Delete is added on the issued page after the copy loads.
   const deleteButton = !isNew && context.canIssue && invoice.status === 'draft' && invoice.issuedVersion === 0
-    ? h('button', {
-      class: 'fx-btn fx-btn--ghost fx-btn--danger', type: 'button',
-      onclick: async () => {
-        const ok = await ui.dialog({
-          title: 'Delete this invoice?',
-          body: h('p', {}, invoice.job
-            ? 'It was never issued. The job can be invoiced again, and the rules decide.'
-            : 'It was never issued, so it is removed.'),
-          confirm: 'Delete', tone: 'danger',
-        });
-        if (!ok) return;
-        try {
-          await flow(`/api/invoicing/invoices/${invoice.id}`, { method: 'DELETE' });
-          toast('Invoice deleted.', 'success');
-          sessionStorage.setItem(NAV_BACK, '1');
-          go('/invoices');
-        } catch (error) {
-          toast(error.message, 'danger');
-        }
-      },
-    }, 'Delete') : null;
+    ? deleteControl(ui, invoice, { xeroDraft: false }) : null;
 
   // A draft with no problem is in Ready by itself; one with a problem is
   // Pending. A changed job is fixed at its source or accepted here.
@@ -1185,13 +1205,44 @@ function draftView(invoice, ui, context, redraw) {
   // The job changed after the invoice was made: its own banner shows what
   // changed. Other problems stay one line.
   const otherProblems = (invoice?.problems ?? []).filter((p) => !(jobChange && p.code === 'job_review'));
+  const offer = otherProblems.find((p) => p.code === 'xero_contact_missing' && p.offerCreate);
+  const problemNotice = otherProblems.length
+    ? notice([...new Set(otherProblems.map((p) => brief(p.message)))].join(' '), 'danger', 'Problem.')
+    : null;
+  const organisationId = context.organisations[0]?.id;
+  const createClient = offer && context.canIssue && invoice?.contact?.id && organisationId
+    ? h('button', {
+      class: 'fx-btn fx-btn--primary', type: 'button', title: 'Create this client in Xero',
+      onclick: async (event) => {
+        const button = event.currentTarget;
+        const name = invoice.contact.name;
+        const confirmed = await ui.dialog({
+          title: `Create ${name} in Xero?`,
+          body: h('p', {}, 'Flow adds this client to Xero from the contact.'),
+          confirm: 'Create',
+        });
+        if (!confirmed) return;
+        button.disabled = true;
+        try {
+          await flow('/api/xero/contacts', { method: 'POST', body: JSON.stringify({ organisationId, contactId: invoice.contact.id }) });
+          toast(`${name} is in Xero.`, 'success');
+          const body = await flow(`/api/invoicing/invoices/${invoice.id}`);
+          redraw(body.invoice);
+        } catch (error) {
+          toast(error.message, error.status === 429 ? 'info' : 'danger');
+          if (error.retryAfterMs) ui.holdButton(button, error.retryAfterMs);
+          else button.disabled = false;
+        }
+      },
+    }, 'Create')
+    : null;
   const problems = [
     // Accepting changes the draft for the business: owners and admins only.
     jobChange ? jobChangeReview(ui, jobChange, { money: formatCents, canAccept: context.canIssue, unsaved: changed, done: redraw }) : null,
-    otherProblems.length ? notice([...new Set(otherProblems.map((p) => brief(p.message)))].join(' '), 'danger', 'Problem.') : null,
+    problemNotice ? (createClient ? h('div', { class: 'fx-offer' }, problemNotice, createClient) : problemNotice) : null,
   ];
   // A red field names the banner as its reason (for a screen reader).
-  const banner = problems[1];
+  const banner = problemNotice;
   if (banner) banner.id = 'fx-invoice-problem';
   for (const name of failed) {
     if (!boxes[name]) continue;
@@ -1280,6 +1331,35 @@ function previewButton(ui, invoiceId, title = 'Shows the invoice as a PDF.') {
   }, 'Preview');
 }
 
+// Delete asks first. A Xero draft says so; a never-issued draft says the job
+// can be invoiced again. Then the list opens.
+function deleteControl(ui, invoice, { xeroDraft }) {
+  const { h, flow, toast, go } = ui;
+  return h('button', {
+    class: 'fx-btn fx-btn--ghost fx-btn--danger', type: 'button', 'data-delete': '',
+    onclick: async () => {
+      const ok = await ui.dialog({
+        title: 'Delete this invoice?',
+        body: h('p', {}, xeroDraft
+          ? 'Also deletes the draft in Xero.'
+          : invoice.job
+            ? 'It was never issued. The job can be invoiced again, and the rules decide.'
+            : 'It was never issued, so it is removed.'),
+        confirm: 'Delete', tone: 'danger',
+      });
+      if (!ok) return;
+      try {
+        await flow(`/api/invoicing/invoices/${invoice.id}`, { method: 'DELETE' });
+        toast('Invoice deleted.', 'success', { stay: true });
+        sessionStorage.setItem(NAV_BACK, '1');
+        go('/invoices');
+      } catch (error) {
+        toast(error.message, 'danger', { stay: true });
+      }
+    },
+  }, 'Delete');
+}
+
 // An issued or void invoice: the document as sent, and what can happen next.
 function issuedView(invoice, ui, context, redraw) {
   const { h, flow, toast } = ui;
@@ -1301,14 +1381,28 @@ function issuedView(invoice, ui, context, redraw) {
   const linkedHost = h('div', {}, linkedCard(ui, invoice) ?? '');
   let xeroStatus = null;
   const send = invoice.status === 'issued' && context.canIssue ? sendToXero(invoice, ui, context) : null;
+  let actionBar = null;
+  let deleteButton = null;
+  let recordSync = () => {};
   const loadXero = async () => {
     if (!context.xero) return;
     xeroStatus = (await xeroStatuses(ui, organisationId, [invoice.id])).get(invoice.id) ?? null;
     xeroHost.replaceChildren(xeroCard(invoice, ui, context, xeroStatus, loadXero) ?? '');
     linkedHost.replaceChildren(linkedCard(ui, invoice, xeroStatus) ?? '');
     if (xeroStatus && xeroStatus.state !== 'not_sent') showSent(send);
+    // Delete only while Flow's copy says Draft. Approved and paid stay on Void.
+    const canDelete = invoice.status === 'issued' && context.canIssue && xeroStatus?.state === 'draft';
+    const remove = actionBar?.querySelector('[data-delete]');
+    if (canDelete && !remove && actionBar) {
+      deleteButton = deleteControl(ui, invoice, { xeroDraft: true });
+      actionBar.prepend(deleteButton);
+    }
+    if (!canDelete && remove) {
+      remove.remove();
+      deleteButton = null;
+    }
+    recordSync();
   };
-  loadXero();
   // Voiding in Flow never changes Xero: say so while Xero still holds it live.
   const voidBody = () => {
     const live = xeroStatus?.xero && !['VOIDED', 'DELETED'].includes(xeroStatus.xero.status);
@@ -1323,16 +1417,29 @@ function issuedView(invoice, ui, context, redraw) {
   const reviseButton = invoice.status === 'issued' && context.canIssue
     ? h('button', { class: 'fx-btn', type: 'button', onclick: () => act('revise', `${invoice.number} is a draft again.`) }, 'Revise') : null;
   const preview = previewButton(ui, invoice.id);
+  actionBar = h('div', { class: 'fx-ph__actions' }, [voidButton, reviseButton, preview, send].filter(Boolean));
   const header = h('header', { class: 'fx-ph' },
     h('div', { class: 'fx-ph__text' },
       h('h1', { class: 'fx-title' }, invoice.number),
       h('span', { class: 'fx-status', 'data-tone': TAB_TONE[invoice.tab] }, TAB_LABEL[invoice.tab] ?? 'Approved')),
-    h('div', { class: 'fx-ph__actions' }, [voidButton, reviseButton, preview, send].filter(Boolean)));
+    actionBar);
   const chrome = mountRecord(ui, invoice, header, () => send, (skip) => [
+    menuEntry(deleteButton, 'trash-2', skip),
     menuEntry(voidButton, 'ban', skip),
     menuEntry(reviseButton, 'pencil', skip),
     menuEntry(preview, 'eye', skip),
   ]);
+  recordSync = chrome.sync;
+  loadXero();
+  const history = [
+    ...(invoice.versions ?? []).map((v) => h('li', {},
+      h('span', { class: 'fx-strong' }, v.version === 1 ? 'Version 1' : `Revised (version ${v.version})`),
+      h('span', { class: 'fx-dim' }, new Date(v.issuedAt).toLocaleString('en-AU', { dateStyle: 'medium', timeStyle: 'short' })))),
+    // Void, including a delete that removed the Xero draft, sits on the same list.
+    ...(invoice.status === 'void' ? [h('li', {},
+      h('span', { class: 'fx-strong' }, 'Void'),
+      h('span', { class: 'fx-dim' }, new Date(invoice.updatedAt).toLocaleString('en-AU', { dateStyle: 'medium', timeStyle: 'short' })))] : []),
+  ];
   return [
     chrome.record,
     chrome.pager,
@@ -1357,11 +1464,9 @@ function issuedView(invoice, ui, context, redraw) {
       h('aside', { class: 'fx-invoice__aside' },
         linkedHost,
         xeroHost,
-        invoice.versions?.length ? h('section', { class: 'fx-card fx-side-card' },
+        history.length ? h('section', { class: 'fx-card fx-side-card' },
           h('h3', { class: 'fx-label' }, 'History'),
-          h('ol', { class: 'fx-timeline' }, invoice.versions.map((v) => h('li', {},
-            h('span', { class: 'fx-strong' }, v.version === 1 ? 'Version 1' : `Revised (version ${v.version})`),
-            h('span', { class: 'fx-dim' }, new Date(v.issuedAt).toLocaleString('en-AU', { dateStyle: 'medium', timeStyle: 'short' })))))) : null)),
+          h('ol', { class: 'fx-timeline' }, history)) : null)),
     chrome.foot,
     chrome.menuPanel,
   ];

package/server/ui/kit.js

@@ -381,14 +381,19 @@ function inPlace(event) {
 export function tileCard({ href, mark, title, status, blurb, meta, action = 'Manage', row = false }) {
   const logo = typeof mark === 'string' ? h('span', { class: 'fx-logo fx-logo--icon', 'aria-hidden': 'true' }, lucide(h, mark)) : mark;
   const pill = status ? h('span', { class: 'fx-status', 'data-tone': status.tone ?? 'mute' }, status.label) : null;
+  // The name is cut with "…" on a narrow row; its title is the full name.
+  // The › shows only on a phone, where every card is one row.
+  const name = h('h3', { title }, title);
+  const go = h('span', { class: 'fx-tile__go', 'aria-hidden': 'true' }, lucide(h, 'chevron-right'));
   if (row) {
     return applyPhoneRule(h('a', { class: 'fx-tile', href, onclick: inPlace },
       logo,
-      h('h3', {}, title),
-      pill ?? (meta ? h('span', { class: 'fx-tile__meta' }, meta) : null)), 'tileCard');
+      name,
+      pill ?? (meta ? h('span', { class: 'fx-tile__meta' }, meta) : null),
+      go), 'tileCard');
   }
   return applyPhoneRule(h('a', { class: `fx-int-card${blurb ? '' : ' fx-int-card--bare'}`, href, onclick: inPlace },
-    h('header', { class: 'fx-int-card__head' }, logo, h('h3', {}, title), pill),
+    h('header', { class: 'fx-int-card__head' }, logo, name, pill, go),
     blurb ? h('p', { class: 'fx-int-card__blurb' }, blurb) : null,
     h('span', { class: 'fx-int-card__btn' }, action)), 'tileCard');
 }
@@ -406,16 +411,24 @@ export function tileSection(title, cards, { href, more = 'Show all' } = {}) {
 // A dialog that fills the screen has no pixel outside it, so an accessibility
 // check cannot tell it is modal and reads the page underneath. While one is
 // open, every other top-level node is inert. The attribute is what the check
-// reads; the browser's own modal behaviour is unchanged.
-function shieldBehindDialogs() {
-  const top = [...document.querySelectorAll('dialog[open]')].at(-1) ?? null;
+// reads; the browser's own modal behaviour is unchanged. `ignore` is a dialog
+// that is closing: a browser may still mark it open while it fires close.
+function shieldBehindDialogs(ignore = null) {
+  const top = [...document.querySelectorAll('dialog[open]')].filter((el) => el !== ignore).at(-1) ?? null;
   for (const child of document.body.children) {
     if (top && child !== top) child.setAttribute('inert', '');
     else child.removeAttribute('inert');
   }
 }
 // Node tests import this module and have no HTMLDialogElement. The wrap only
-// matters in the browser, where showModal and close are the three call sites.
+// matters in the browser. showModal is patched because nothing else announces
+// that a dialog opened. close() drops the shield for a dialog closed in
+// script. A form with method="dialog", and Escape, close the dialog inside
+// the browser and never call close(). Chrome then fires toggle, and close,
+// on a later turn. Until one of those runs, the inert attribute would stay
+// and no click would land (an invoice Delete did this, until a reload).
+// close does not bubble, so the listeners are on the capture path. A popover
+// toggle is ignored: only a dialog clears the shield.
 if (typeof HTMLDialogElement !== 'undefined') {
   const openDialog = HTMLDialogElement.prototype.showModal;
   const closeDialog = HTMLDialogElement.prototype.close;
@@ -426,9 +439,16 @@ if (typeof HTMLDialogElement !== 'undefined') {
   };
   HTMLDialogElement.prototype.close = function close(...args) {
     const result = closeDialog.apply(this, args);
-    shieldBehindDialogs();
+    shieldBehindDialogs(this);
     return result;
   };
+  const onDialogClosed = (event) => {
+    if (event.target instanceof HTMLDialogElement) shieldBehindDialogs(event.target);
+  };
+  document.addEventListener('close', onDialogClosed, true);
+  document.addEventListener('toggle', (event) => {
+    if (event.newState === 'closed') onDialogClosed(event);
+  }, true);
 }
 
 // The trail above a page one level down: crumbs(['/integrations', 'Integrations'], 'Xero').

package/server/ui/mobile.js

@@ -564,7 +564,8 @@ export const RULES = {
     "component": "tileCard",
     "direction": "one-line rows",
     "phone": {
-      "layout": "one-line"
+      "layout": "one-line",
+      "rowHeight": 56
     },
     "tablet": {
       "layout": "cards"
@@ -575,7 +576,8 @@ export const RULES = {
     "touch": 44,
     "pageOverflow": "none",
     "screens": [
-      "rules"
+      "rules",
+      "integrations"
     ],
     "card": "Tiles"
   },
@@ -583,7 +585,8 @@ export const RULES = {
     "component": "tileSection",
     "direction": "one-line rows",
     "phone": {
-      "layout": "one-line"
+      "layout": "one-line",
+      "rowHeight": 56
     },
     "tablet": {
       "layout": "cards"

package/server/ui/nav-pins.js

@@ -6,6 +6,7 @@
 export const NAV_PAGES = Object.freeze([
   'jobs',
   'invoices',
+  'contacts',
   'reconcile',
   'price-list',
   'invoicing-settings',
@@ -16,11 +17,13 @@ export const NAV_PAGES = Object.freeze([
 
 export const NAV_LOCKED = Object.freeze(['jobs', 'invoices']);
 
-// Today's sidebar, before a person has chosen: daily work, Price list and
-// Rules. Automations, Custom fields and Integrations start in More.
+// Today's sidebar, before a person has chosen: daily work (Jobs, Invoices,
+// Contacts, Reconcile), Price list and Rules. Automations, Custom fields
+// and Integrations start in More.
 export const NAV_DEFAULT = Object.freeze([
   'jobs',
   'invoices',
+  'contacts',
   'reconcile',
   'price-list',
   'invoicing-settings',

package/server/ui/routes.js

@@ -21,7 +21,7 @@ const themeDir = join(here, '..', 'theme');
 const logoDir = join(here, 'logos');
 const LOGO_FILES = new Set(['xero.svg', 'seazona.svg', 'sentry.svg']);
 const THEME_FILES = new Set(['themes.js', 'color-contrast.js', 'openclaw-palettes.js', 'font-families.js']);
-export const UI_FILES = new Set(['flow.css', 'appearance.js', 'clerk-appearance.js', 'app.js', 'invoicing.js', 'invoice-notes.js', 'job-change.js', 'sidecar.js', 'invoicing-settings.js', 'automations.js', 'invoice-rules.js', 'line-mappings.js', 'price-list.js', 'price-match.js', 'price-reconcile.js', 'custom-fields.js', 'jobs.js', 'job-board.js', 'reconcile.js', 'xero-import.js', 'xero-usage.js', 'xero-usage-model.js', 'job-view.js', 'list-views.js', 'saved-views.js', 'monitoring.js', 'search.js', 'alerts.js', 'bulk-bar.js', 'view-bar.js', 'tip.js', 'kit.js', 'columns.js', 'mobile.js', 'person.js', 'pager.js', 'nav-pins.js', 'flow-mark.svg']);
+export const UI_FILES = new Set(['flow.css', 'appearance.js', 'clerk-appearance.js', 'app.js', 'invoicing.js', 'invoice-notes.js', 'job-change.js', 'sidecar.js', 'invoicing-settings.js', 'automations.js', 'invoice-rules.js', 'line-mappings.js', 'price-list.js', 'price-match.js', 'price-reconcile.js', 'custom-fields.js', 'contacts.js', 'jobs.js', 'job-board.js', 'reconcile.js', 'xero-import.js', 'xero-usage.js', 'xero-usage-model.js', 'job-view.js', 'list-views.js', 'saved-views.js', 'monitoring.js', 'search.js', 'alerts.js', 'bulk-bar.js', 'view-bar.js', 'tip.js', 'kit.js', 'columns.js', 'mobile.js', 'person.js', 'pager.js', 'nav-pins.js', 'flow-mark.svg']);
 const iconDir = join(dirname(require.resolve('lucide-static/package.json')), 'icons');
 const ICON_FILE = /^[a-z0-9]+(?:-[a-z0-9]+)*\.svg$/;
 const MAX_AGE = '1h';