@mistriwork/mistri 1.0.0-rc.12 → 1.0.0-rc.13

package/dist/ui/{shared-CAe-US1q.js → shared-B9H7_Pji.js}

@@ -1,10 +1,10 @@
 import { At as removeHostListener, Ct as addHostListener, Ft as shellRoot, St as subscribeMessages, _t as message, bt as servedLanguage, gt as defineMessages, jt as shellBody, rn as shell, vt as messageLanguage, xt as setMessageLanguage, yt as offeredLanguages } from "./shared-DJZjSi3J.js";
-import { A as render, B as toast, L as state, P as setPageSize, b as pageSize, i as api, n as PAGE_SIZES, st as ownedBy } from "./shared-DPAVoWY0.js";
+import { A as render, B as toast, L as state, P as setPageSize, b as pageSize, i as api, n as PAGE_SIZES, st as ownedBy } from "./shared-BoLbc2WD.js";
 import { t as Modal } from "./shared-CRr4kJXB.js";
 import { t as Dropdown } from "./shared-gtzTT5Z7.js";
-import { C as visualThemeScheme, S as visualThemeOptions, _ as setVisualPalette, b as visualPaletteOptions, f as VISUAL_THEME_EVENT, g as resetVisualTheme, h as readerOverridesAppTheme, m as appVisualTheme, p as VISUAL_THEME_REGISTRY_EVENT, v as setVisualTheme, w as visualThemesOffered, x as visualThemeChoice, y as visualPaletteChoice } from "./shared-DiFQljcq.js";
-import { i as subscribeRelatedRows, n as relatedRows, r as setRelatedRows, t as RELATED_SIZES } from "./shared-BKNRbm-V.js";
-import { n as setDensity, t as densityChoice } from "./shared-D3MAuEA3.js";
+import { C as visualThemeScheme, S as visualThemeOptions, _ as setVisualPalette, b as visualPaletteOptions, f as VISUAL_THEME_EVENT, g as resetVisualTheme, h as readerOverridesAppTheme, m as appVisualTheme, p as VISUAL_THEME_REGISTRY_EVENT, v as setVisualTheme, w as visualThemesOffered, x as visualThemeChoice, y as visualPaletteChoice } from "./shared-XcSKDp6N.js";
+import { i as subscribeRelatedRows, n as relatedRows, r as setRelatedRows, t as RELATED_SIZES } from "./shared-CuZt26rm.js";
+import { n as setDensity, t as densityChoice } from "./shared-CPjpSFGh.js";
 import { useEffect, useRef, useState, useSyncExternalStore } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 // packages/kit/src/client/typography.js
@@ -355,4 +355,4 @@ function PrefsDialog({ onClose }) {
 }
 export { PrefsDialog };
 
-//# sourceMappingURL=shared-CAe-US1q.js.map
+//# sourceMappingURL=shared-B9H7_Pji.js.map

package/dist/ui/{shared-CAe-US1q.js.map → shared-B9H7_Pji.js.map}

@@ -1 +1 @@
-{"version":3,"file":"shared-CAe-US1q.js","names":["KEY","remembered","say"],"sources":["../../../kit/src/client/typography.js","../../../kit/src/client/copy/shell/theme.ts","../../../kit/src/client/theme.js","../../../kit/src/client/copy/shell/components/Prefs.ts","../../../kit/src/client/components/Prefs.tsx"],"sourcesContent":["/**\n * What face the data wears: mono — tablewalk's own, values as things you\n * compare character by character — or sans, a reading cut where values\n * take the prose face and only true code stays code.\n *\n * A display preference like density and the theme: per person, per\n * browser, applied at boot before the first paint and again by the brand\n * pass on every connection switch. The whole\n * mechanism is one token — the stylesheet says `var(--mono)` everywhere\n * data is set, so swapping what that token resolves to re-dresses every\n * value at once, and a short carve-out list (DDL, SQL, the query\n * language) pins the surfaces that *are* code back to a real mono stack.\n */\nimport { shellBody } from './shellHost.js';\nconst KEY = 'mistri.typography';\n/** @type {'default' | 'sans' | 'mono'} */\nlet remembered = 'default';\nlet sessionOnly = false;\n\nexport function typographyPreference() {\n  if (sessionOnly) return remembered;\n  try {\n    const value = localStorage.getItem(KEY);\n    remembered = value === 'sans' || value === 'mono' ? value : 'default';\n  } catch {\n    /* Keep the last readable or explicitly chosen value. */\n  }\n  return remembered;\n}\n\nexport function applyTypography() {\n  const preference = typographyPreference();\n  shellBody().classList.toggle('type-sans', preference === 'sans');\n  shellBody().classList.toggle('type-mono', preference === 'mono');\n}\n\n/** Default follows the app/preset; explicit faces override it. Unknown values mean mono. */\nexport function setTypography(choice) {\n  remembered = choice === 'default' ? 'default' : choice === 'sans' ? 'sans' : 'mono';\n  try {\n    if (remembered === 'default') localStorage.removeItem(KEY);\n    else localStorage.setItem(KEY, remembered);\n    sessionOnly = false;\n  } catch {\n    // Nowhere to keep the choice is no reason to refuse it for this tab.\n    sessionOnly = true;\n  }\n  applyTypography();\n}\n","/** What theme says, in the shell room (packages/kit/src/client/messages.ts says how the catalog is split). */\nimport { defineMessages } from '../../messages.js';\n\nexport const say = defineMessages(\n  {\n    matchTheSystem: 'match the system',\n    alwaysLight: 'always light',\n    alwaysDark: 'always dark',\n  },\n  {\n    /* The words a visitor sees in the shell; the rest are said in English. */\n    es: {\n      matchTheSystem: 'según el sistema',\n      alwaysLight: 'siempre claro',\n      alwaysDark: 'siempre oscuro',\n    },\n  },\n);\n","/**\n * Light, dark, or whatever the machine is set to.\n *\n * The palette for all three has been in style.css from early on: a full token\n * override under `@media (prefers-color-scheme: dark)`, guarded as\n * `:root:not([data-theme=\"light\"])`, and a second copy under\n * `:root[data-theme=\"dark\"]`. That guard only means anything if something can\n * stamp `data-theme`, and nothing ever did — so the dark palette was reachable\n * by changing your operating system and by no other route, and the light one\n * was unreachable from a dark machine at all.\n *\n * This is that missing piece and nothing more. It writes one attribute.\n *\n * Three states rather than two, because \"system\" is a real answer and not the\n * absence of one: a reader who has told their machine to go dark at sunset\n * means it here too, and a toggle that only remembers light-or-dark quietly\n * opts them out of that. Absent attribute *is* the system state, which is why\n * the CSS was written to key off its absence.\n */\nimport { say } from './copy/shell/theme.js';\nimport { shellRoot } from './shellHost.js';\n\nconst KEY = 'mistri.theme';\nconst ORDER = ['system', 'light', 'dark'];\n\n/* Said when asked, not when the module loads: a visitor's language arrives later. */\nconst LABEL = {\n  system: () => say('matchTheSystem'),\n  light: () => say('alwaysLight'),\n  dark: () => say('alwaysDark'),\n};\n\nlet current = 'system';\n/** The worn theme's `scheme` (appTheme.js): `dark` is the mode a reader gets until they pick one, `dark-only` the only one. */\nlet scheme;\n\nfunction stored() {\n  try {\n    const raw = window.localStorage?.getItem(KEY);\n    /* Validated, not trusted: this comes back from storage a stale build or a\n       hand edit may have written, and an unknown value would stamp\n       `data-theme=\"banana\"` — which matches no rule, so the page would render\n       in the light palette while claiming to be in another one. */\n    return ORDER.includes(raw) ? raw : 'system';\n  } catch {\n    return 'system';\n  }\n}\n\n/** Whether the reader has picked a mode, \"match the system\" included: an absent key is no answer. */\nfunction remembered() {\n  try {\n    return ORDER.includes(window.localStorage?.getItem(KEY));\n  } catch {\n    return false;\n  }\n}\n\n/** The mode in force for a pick: a dark theme is dark until the reader has said otherwise, a dark-only one always. */\nfunction shown(name) {\n  if (scheme === 'dark-only') return 'dark';\n  return scheme === 'dark' && name === 'system' && !remembered() ? 'dark' : name;\n}\n\nfunction apply(name) {\n  current = ORDER.includes(name) ? name : 'system';\n  const showing = shown(current);\n  const root = shellRoot();\n  if (showing === 'system') root.removeAttribute('data-theme');\n  else root.setAttribute('data-theme', showing);\n  /* Tells the browser which way to paint the things the page does not: form\n     controls, scrollbars, the canvas behind an overscroll. Without it a dark\n     page keeps light scrollbars. */\n  root.style.colorScheme = showing === 'system' ? '' : showing;\n}\n\n/** The worn theme says it is dark (or dark only), or nothing; the page is stamped again when that changes. */\nexport function setThemeScheme(value) {\n  if (value === scheme) return;\n  scheme = value;\n  apply(current);\n}\n\n/** Read the stored choice and put it on the page. Called once, at boot. */\nexport function initTheme() {\n  apply(stored());\n}\n\n/** A mode held for this page only, never remembered: a theme bench frame (themeBench.ts) shows one mode whatever the reader picked. */\nexport function holdTheme(name) {\n  apply(name);\n}\n\n/** What is in force, for a menu item that has to say so. */\nexport const themeChoice = () => current;\nexport const themeLabel = () => LABEL[current]();\n\n/** An explicit preference; System continues to follow the operating system. */\nexport function setTheme(name) {\n  const pick = ORDER.includes(name) ? name : 'system';\n  /* Remembered before it is applied: a dark theme answers \"match the system\" with the system only once it is asked for. */\n  try {\n    window.localStorage?.setItem(KEY, pick);\n  } catch {\n    /* A theme that cannot be remembered is still a theme for this tab. */\n  }\n  apply(pick);\n  return current;\n}\n\nexport function effectiveTheme() {\n  const showing = shown(current);\n  return showing === 'system' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : showing;\n}\n\n/** A quick toggle always changes the visible palette, even when following System. */\nexport function toggleTheme() {\n  return setTheme(effectiveTheme() === 'dark' ? 'light' : 'dark');\n}\n","/** What Prefs says, in the shell room (packages/kit/src/client/messages.ts says how the catalog is split). */\nimport { defineMessages } from '../../../messages.js';\n\nexport const say = defineMessages(\n  {\n    english: 'English',\n    notSaved: 'Your language could not be saved to your profile. It is kept in this browser.',\n  },\n  {\n    /* The words a visitor sees in the shell; the rest are said in English. */\n    es: {\n      notSaved: 'No se pudo guardar tu idioma en tu perfil. Se guarda en este navegador.',\n    },\n  },\n);\n","/**\n * Preferences: visual theme, color mode, density, typography, and list lengths. Each\n * is a dropdown over a setting that already lives somewhere else; this\n * dialog only puts them in one place.\n */\nimport { useEffect, useRef, useState, useSyncExternalStore } from 'react';\nimport { Modal, type ModalHandle } from '@mistriwork/ui/Modal.js';\nimport { api, PAGE_SIZES, pageSize, render, setPageSize, state, toast } from '../core.js';\nimport { shell } from '../shellMode.js';\nimport { ownedBy } from '../requestIdentity.js';\nimport { densityChoice, setDensity } from '../density.js';\nimport { setTypography, typographyPreference } from '../typography.js';\nimport {\n  setVisualPalette,\n  visualPaletteChoice,\n  visualPaletteOptions,\n  appVisualTheme,\n  readerOverridesAppTheme,\n  resetVisualTheme,\n  setVisualTheme,\n  visualThemeChoice,\n  visualThemeOptions,\n  visualThemeScheme,\n  visualThemesOffered,\n  VISUAL_THEME_EVENT,\n  VISUAL_THEME_REGISTRY_EVENT,\n} from '../visualTheme.js';\nimport { setTheme, themeChoice } from '../theme.js';\nimport { message, messageLanguage, offeredLanguages, servedLanguage, setMessageLanguage, subscribeMessages } from '../messages.js';\nimport { Dropdown } from './Dropdown.js';\nimport { RELATED_SIZES, relatedRows, setRelatedRows, subscribeRelatedRows } from '../relatedRows.js';\nimport { say } from '../copy/shell/components/Prefs.js';\nimport { addHostListener, removeHostListener } from '../shellHost.js';\n\nfunction Row({ label, hint, action, children }: { label: string; hint?: string; action?: React.ReactNode; children: React.ReactNode }) {\n  return (\n    <div className=\"prefs-row\">\n      <div className=\"prefs-name\">\n        <span>{label}</span>\n        {hint ? <span className=\"prefs-hint\">{hint}</span> : null}\n        {action}\n      </div>\n      {children}\n    </div>\n  );\n}\n\n/** A language as it calls itself: \"Español\", \"English\", \"Português (Brasil)\". */\nfunction ownName(tag: string): string {\n  try {\n    const name = new Intl.DisplayNames([tag], { type: 'language' }).of(tag) ?? tag;\n    return name.charAt(0).toLocaleUpperCase(tag) + name.slice(1);\n  } catch {\n    return tag;\n  }\n}\n\n/**\n * The language picker. Where the App has words in several languages the\n * server says them, so the pick is one of the App's (written to the reader's\n * row where `ui.locale` names a column of it, and kept in this browser either\n * way); anywhere else it is the framework's own, kept in this browser.\n */\nfunction LanguageRow({ language }: { language: string }) {\n  const offered = offeredLanguages();\n  const row = (shell().app()?.ui as { localeRow?: { table: string; key: Record<string, string | number>; column: string } } | undefined)\n    ?.localeRow;\n  const served = servedLanguage();\n  const value = offered.length\n    ? (offered.find((tag) => tag === served) ?? offered.find((tag) => served?.split('-')[0] === tag.split('-')[0]) ?? offered[0])\n    : language;\n  const pick = async (tag: string) => {\n    if (offered.length && row) {\n      try {\n        const reply = (await api('/api/update', {\n          ...ownedBy(state.activeConnection),\n          table: row.table,\n          key: row.key,\n          values: { [row.column]: tag },\n        })) as { errors?: Array<{ message?: string }> };\n        if (reply?.errors?.length) throw new Error(reply.errors[0]?.message ?? say('notSaved'));\n      } catch (error) {\n        /* Still this browser's: the pick stands here, and the reader is told it did not reach their profile. */\n        toast((error as Error).message || say('notSaved'), 'error');\n      }\n    }\n    await setMessageLanguage(tag);\n  };\n  return (\n    <Row label={message('preferences.language')} hint={message(row ? 'preferences.languageHintPerson' : 'preferences.languageHint')}>\n      <Dropdown\n        ariaLabel={message('preferences.language')}\n        value={value}\n        onChange={(tag) => void pick(tag)}\n        items={\n          offered.length\n            ? offered.map((tag) => ({ value: tag, label: ownName(tag) }))\n            : [\n                { value: 'en', label: say('english') },\n                { value: 'es', label: ownName('es') },\n              ]\n        }\n      />\n    </Row>\n  );\n}\n\nexport function PrefsDialog({ onClose }: { onClose: () => void }) {\n  const dialog = useRef<ModalHandle>(null);\n  const language = useSyncExternalStore(subscribeMessages, messageLanguage, messageLanguage);\n  const related = useSyncExternalStore(subscribeRelatedRows, relatedRows);\n  /* The choices live in their stores; a pick writes there and this looks\n     again, so the picker shows what was just chosen rather than what it\n     opened on. */\n  const [, look] = useState(0);\n  useEffect(() => {\n    const refresh = () => look((n) => n + 1);\n    addHostListener(window, VISUAL_THEME_REGISTRY_EVENT, refresh);\n    addHostListener(window, VISUAL_THEME_EVENT, refresh);\n    return () => {\n      removeHostListener(window, VISUAL_THEME_REGISTRY_EVENT, refresh);\n      removeHostListener(window, VISUAL_THEME_EVENT, refresh);\n    };\n  }, []);\n  const after = (write: () => void) => {\n    write();\n    look((n) => n + 1);\n  };\n  const darkOnly = visualThemeScheme() === 'dark-only';\n  /* Which of a suite's Apps opens first is the App framework's (SuiteAppPreference.tsx), drawn through the shell's slot. */\n  const { SuitePreference } = shell().slots;\n  return (\n    <Modal className=\"prefs\" ref={dialog} onClose={onClose} ariaLabel={message('preferences.title')}>\n      <h2 className=\"prefs-title\">{message('preferences.title')}</h2>\n      {SuitePreference && <SuitePreference />}\n      <LanguageRow language={language} />\n      {/* Workbench picks its own look; an App may lock its authored branding. */}\n      {visualThemesOffered() && (\n        <Row\n          label={message('preferences.visualTheme')}\n          action={\n            readerOverridesAppTheme() ? (\n              <button type=\"button\" className=\"prefs-reset\" onClick={() => after(resetVisualTheme)}>\n                {message('preferences.resetTheme')}\n              </button>\n            ) : null\n          }\n        >\n          <Dropdown\n            ariaLabel={message('preferences.visualTheme')}\n            value={visualThemeChoice()}\n            onChange={(v) => after(() => setVisualTheme(v))}\n            items={visualThemeOptions().map((theme) => ({\n              ...theme,\n              swatches: [...theme.swatches],\n              ...(theme.value === appVisualTheme() ? { detail: message('preferences.appTheme') } : {}),\n            }))}\n          />\n        </Row>\n      )}\n      {visualThemesOffered() && visualPaletteOptions().length > 1 && (\n        <Row label={message('preferences.palette')} hint={message('preferences.paletteHint')}>\n          <Dropdown\n            ariaLabel={message('preferences.palette')}\n            value={visualPaletteChoice()}\n            onChange={(v) => after(() => setVisualPalette(v))}\n            items={visualPaletteOptions().map((palette) => ({ ...palette, swatches: [...palette.swatches] }))}\n          />\n        </Row>\n      )}\n      {/* A dark-only theme has no light to choose (theme.js shows dark whatever is stored): the pick is shown as what it is. */}\n      <Row label={message('preferences.colorMode')} hint={darkOnly ? message('preferences.colorModeDarkOnly') : undefined}>\n        <Dropdown\n          ariaLabel={message('preferences.colorMode')}\n          disabled={darkOnly}\n          value={darkOnly ? 'dark' : themeChoice()}\n          onChange={(v) => after(() => setTheme(v))}\n          items={[\n            { value: 'system', label: message('preferences.system') },\n            { value: 'light', label: message('preferences.light') },\n            { value: 'dark', label: message('preferences.dark') },\n          ]}\n        />\n      </Row>\n      <Row label={message('preferences.density')}>\n        <Dropdown\n          ariaLabel={message('preferences.density')}\n          value={densityChoice() as string}\n          onChange={(v) => after(() => setDensity(v))}\n          items={[\n            { value: 'comfortable', label: message('preferences.comfortable'), detail: message('preferences.defaultHint') },\n            { value: 'spacious', label: message('preferences.spacious'), detail: message('preferences.spaciousHint') },\n            { value: 'compact', label: message('preferences.compact'), detail: message('preferences.compactHint') },\n          ]}\n        />\n      </Row>\n      <Row label={message('preferences.typography')}>\n        <Dropdown\n          ariaLabel={message('preferences.typography')}\n          value={typographyPreference() as string}\n          onChange={(v) => after(() => setTypography(v))}\n          items={[\n            { value: 'default', label: message('preferences.appDefault') },\n            { value: 'mono', label: message('preferences.mono'), detail: message('preferences.monoHint') },\n            { value: 'sans', label: message('preferences.sans'), detail: message('preferences.sansHint') },\n          ]}\n        />\n      </Row>\n      <Row label={message('preferences.rowsPerList')} hint={message('preferences.rowsPerListHint')}>\n        <Dropdown\n          ariaLabel={message('preferences.rowsPerList')}\n          value={String(pageSize())}\n          onChange={(v) =>\n            after(() => {\n              setPageSize(Number(v));\n              render();\n            })\n          }\n          items={(PAGE_SIZES as number[]).map((n) => ({ value: String(n), label: String(n) }))}\n        />\n      </Row>\n      <Row label={message('preferences.rowsPerRelatedList')} hint={message('preferences.rowsPerRelatedListHint')}>\n        <Dropdown\n          ariaLabel={message('preferences.rowsPerRelatedList')}\n          value={String(related)}\n          onChange={(v) => {\n            setRelatedRows(Number(v));\n            render();\n          }}\n          items={RELATED_SIZES.map((n) => ({ value: String(n), label: String(n) }))}\n        />\n      </Row>\n      <div className=\"prefs-foot\">\n        <button type=\"button\" className=\"ghost\" onClick={() => dialog.current?.close()}>\n          {message('common.close')}\n        </button>\n      </div>\n    </Modal>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"shared-B9H7_Pji.js","names":["KEY","remembered","say"],"sources":["../../../kit/src/client/typography.js","../../../kit/src/client/copy/shell/theme.ts","../../../kit/src/client/theme.js","../../../kit/src/client/copy/shell/components/Prefs.ts","../../../kit/src/client/components/Prefs.tsx"],"sourcesContent":["/**\n * What face the data wears: mono — tablewalk's own, values as things you\n * compare character by character — or sans, a reading cut where values\n * take the prose face and only true code stays code.\n *\n * A display preference like density and the theme: per person, per\n * browser, applied at boot before the first paint and again by the brand\n * pass on every connection switch. The whole\n * mechanism is one token — the stylesheet says `var(--mono)` everywhere\n * data is set, so swapping what that token resolves to re-dresses every\n * value at once, and a short carve-out list (DDL, SQL, the query\n * language) pins the surfaces that *are* code back to a real mono stack.\n */\nimport { shellBody } from './shellHost.js';\nconst KEY = 'mistri.typography';\n/** @type {'default' | 'sans' | 'mono'} */\nlet remembered = 'default';\nlet sessionOnly = false;\n\nexport function typographyPreference() {\n  if (sessionOnly) return remembered;\n  try {\n    const value = localStorage.getItem(KEY);\n    remembered = value === 'sans' || value === 'mono' ? value : 'default';\n  } catch {\n    /* Keep the last readable or explicitly chosen value. */\n  }\n  return remembered;\n}\n\nexport function applyTypography() {\n  const preference = typographyPreference();\n  shellBody().classList.toggle('type-sans', preference === 'sans');\n  shellBody().classList.toggle('type-mono', preference === 'mono');\n}\n\n/** Default follows the app/preset; explicit faces override it. Unknown values mean mono. */\nexport function setTypography(choice) {\n  remembered = choice === 'default' ? 'default' : choice === 'sans' ? 'sans' : 'mono';\n  try {\n    if (remembered === 'default') localStorage.removeItem(KEY);\n    else localStorage.setItem(KEY, remembered);\n    sessionOnly = false;\n  } catch {\n    // Nowhere to keep the choice is no reason to refuse it for this tab.\n    sessionOnly = true;\n  }\n  applyTypography();\n}\n","/** What theme says, in the shell room (packages/kit/src/client/messages.ts says how the catalog is split). */\nimport { defineMessages } from '../../messages.js';\n\nexport const say = defineMessages(\n  {\n    matchTheSystem: 'match the system',\n    alwaysLight: 'always light',\n    alwaysDark: 'always dark',\n  },\n  {\n    /* The words a visitor sees in the shell; the rest are said in English. */\n    es: {\n      matchTheSystem: 'según el sistema',\n      alwaysLight: 'siempre claro',\n      alwaysDark: 'siempre oscuro',\n    },\n  },\n);\n","/**\n * Light, dark, or whatever the machine is set to.\n *\n * The palette for all three has been in style.css from early on: a full token\n * override under `@media (prefers-color-scheme: dark)`, guarded as\n * `:root:not([data-theme=\"light\"])`, and a second copy under\n * `:root[data-theme=\"dark\"]`. That guard only means anything if something can\n * stamp `data-theme`, and nothing ever did — so the dark palette was reachable\n * by changing your operating system and by no other route, and the light one\n * was unreachable from a dark machine at all.\n *\n * This is that missing piece and nothing more. It writes one attribute.\n *\n * Three states rather than two, because \"system\" is a real answer and not the\n * absence of one: a reader who has told their machine to go dark at sunset\n * means it here too, and a toggle that only remembers light-or-dark quietly\n * opts them out of that. Absent attribute *is* the system state, which is why\n * the CSS was written to key off its absence.\n */\nimport { say } from './copy/shell/theme.js';\nimport { shellRoot } from './shellHost.js';\n\nconst KEY = 'mistri.theme';\nconst ORDER = ['system', 'light', 'dark'];\n\n/* Said when asked, not when the module loads: a visitor's language arrives later. */\nconst LABEL = {\n  system: () => say('matchTheSystem'),\n  light: () => say('alwaysLight'),\n  dark: () => say('alwaysDark'),\n};\n\nlet current = 'system';\n/** The worn theme's `scheme` (appTheme.js): `dark` is the mode a reader gets until they pick one, `dark-only` the only one. */\nlet scheme;\n\nfunction stored() {\n  try {\n    const raw = window.localStorage?.getItem(KEY);\n    /* Validated, not trusted: this comes back from storage a stale build or a\n       hand edit may have written, and an unknown value would stamp\n       `data-theme=\"banana\"` — which matches no rule, so the page would render\n       in the light palette while claiming to be in another one. */\n    return ORDER.includes(raw) ? raw : 'system';\n  } catch {\n    return 'system';\n  }\n}\n\n/** Whether the reader has picked a mode, \"match the system\" included: an absent key is no answer. */\nfunction remembered() {\n  try {\n    return ORDER.includes(window.localStorage?.getItem(KEY));\n  } catch {\n    return false;\n  }\n}\n\n/** The mode in force for a pick: a dark theme is dark until the reader has said otherwise, a dark-only one always. */\nfunction shown(name) {\n  if (scheme === 'dark-only') return 'dark';\n  return scheme === 'dark' && name === 'system' && !remembered() ? 'dark' : name;\n}\n\nfunction apply(name) {\n  current = ORDER.includes(name) ? name : 'system';\n  const showing = shown(current);\n  const root = shellRoot();\n  if (showing === 'system') root.removeAttribute('data-theme');\n  else root.setAttribute('data-theme', showing);\n  /* Tells the browser which way to paint the things the page does not: form\n     controls, scrollbars, the canvas behind an overscroll. Without it a dark\n     page keeps light scrollbars. */\n  root.style.colorScheme = showing === 'system' ? '' : showing;\n}\n\n/** The worn theme says it is dark (or dark only), or nothing; the page is stamped again when that changes. */\nexport function setThemeScheme(value) {\n  if (value === scheme) return;\n  scheme = value;\n  apply(current);\n}\n\n/** Read the stored choice and put it on the page. Called once, at boot. */\nexport function initTheme() {\n  apply(stored());\n}\n\n/** A mode held for this page only, never remembered: a theme bench frame (themeBench.ts) shows one mode whatever the reader picked. */\nexport function holdTheme(name) {\n  apply(name);\n}\n\n/** What is in force, for a menu item that has to say so. */\nexport const themeChoice = () => current;\nexport const themeLabel = () => LABEL[current]();\n\n/** An explicit preference; System continues to follow the operating system. */\nexport function setTheme(name) {\n  const pick = ORDER.includes(name) ? name : 'system';\n  /* Remembered before it is applied: a dark theme answers \"match the system\" with the system only once it is asked for. */\n  try {\n    window.localStorage?.setItem(KEY, pick);\n  } catch {\n    /* A theme that cannot be remembered is still a theme for this tab. */\n  }\n  apply(pick);\n  return current;\n}\n\nexport function effectiveTheme() {\n  const showing = shown(current);\n  return showing === 'system' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : showing;\n}\n\n/** A quick toggle always changes the visible palette, even when following System. */\nexport function toggleTheme() {\n  return setTheme(effectiveTheme() === 'dark' ? 'light' : 'dark');\n}\n","/** What Prefs says, in the shell room (packages/kit/src/client/messages.ts says how the catalog is split). */\nimport { defineMessages } from '../../../messages.js';\n\nexport const say = defineMessages(\n  {\n    english: 'English',\n    notSaved: 'Your language could not be saved to your profile. It is kept in this browser.',\n  },\n  {\n    /* The words a visitor sees in the shell; the rest are said in English. */\n    es: {\n      notSaved: 'No se pudo guardar tu idioma en tu perfil. Se guarda en este navegador.',\n    },\n  },\n);\n","/**\n * Preferences: visual theme, color mode, density, typography, and list lengths. Each\n * is a dropdown over a setting that already lives somewhere else; this\n * dialog only puts them in one place.\n */\nimport { useEffect, useRef, useState, useSyncExternalStore } from 'react';\nimport { Modal, type ModalHandle } from '@mistriwork/ui/Modal.js';\nimport { api, PAGE_SIZES, pageSize, render, setPageSize, state, toast } from '../core.js';\nimport { shell } from '../shellMode.js';\nimport { ownedBy } from '../requestIdentity.js';\nimport { densityChoice, setDensity } from '../density.js';\nimport { setTypography, typographyPreference } from '../typography.js';\nimport {\n  setVisualPalette,\n  visualPaletteChoice,\n  visualPaletteOptions,\n  appVisualTheme,\n  readerOverridesAppTheme,\n  resetVisualTheme,\n  setVisualTheme,\n  visualThemeChoice,\n  visualThemeOptions,\n  visualThemeScheme,\n  visualThemesOffered,\n  VISUAL_THEME_EVENT,\n  VISUAL_THEME_REGISTRY_EVENT,\n} from '../visualTheme.js';\nimport { setTheme, themeChoice } from '../theme.js';\nimport { message, messageLanguage, offeredLanguages, servedLanguage, setMessageLanguage, subscribeMessages } from '../messages.js';\nimport { Dropdown } from './Dropdown.js';\nimport { RELATED_SIZES, relatedRows, setRelatedRows, subscribeRelatedRows } from '../relatedRows.js';\nimport { say } from '../copy/shell/components/Prefs.js';\nimport { addHostListener, removeHostListener } from '../shellHost.js';\n\nfunction Row({ label, hint, action, children }: { label: string; hint?: string; action?: React.ReactNode; children: React.ReactNode }) {\n  return (\n    <div className=\"prefs-row\">\n      <div className=\"prefs-name\">\n        <span>{label}</span>\n        {hint ? <span className=\"prefs-hint\">{hint}</span> : null}\n        {action}\n      </div>\n      {children}\n    </div>\n  );\n}\n\n/** A language as it calls itself: \"Español\", \"English\", \"Português (Brasil)\". */\nfunction ownName(tag: string): string {\n  try {\n    const name = new Intl.DisplayNames([tag], { type: 'language' }).of(tag) ?? tag;\n    return name.charAt(0).toLocaleUpperCase(tag) + name.slice(1);\n  } catch {\n    return tag;\n  }\n}\n\n/**\n * The language picker. Where the App has words in several languages the\n * server says them, so the pick is one of the App's (written to the reader's\n * row where `ui.locale` names a column of it, and kept in this browser either\n * way); anywhere else it is the framework's own, kept in this browser.\n */\nfunction LanguageRow({ language }: { language: string }) {\n  const offered = offeredLanguages();\n  const row = (shell().app()?.ui as { localeRow?: { table: string; key: Record<string, string | number>; column: string } } | undefined)\n    ?.localeRow;\n  const served = servedLanguage();\n  const value = offered.length\n    ? (offered.find((tag) => tag === served) ?? offered.find((tag) => served?.split('-')[0] === tag.split('-')[0]) ?? offered[0])\n    : language;\n  const pick = async (tag: string) => {\n    if (offered.length && row) {\n      try {\n        const reply = (await api('/api/update', {\n          ...ownedBy(state.activeConnection),\n          table: row.table,\n          key: row.key,\n          values: { [row.column]: tag },\n        })) as { errors?: Array<{ message?: string }> };\n        if (reply?.errors?.length) throw new Error(reply.errors[0]?.message ?? say('notSaved'));\n      } catch (error) {\n        /* Still this browser's: the pick stands here, and the reader is told it did not reach their profile. */\n        toast((error as Error).message || say('notSaved'), 'error');\n      }\n    }\n    await setMessageLanguage(tag);\n  };\n  return (\n    <Row label={message('preferences.language')} hint={message(row ? 'preferences.languageHintPerson' : 'preferences.languageHint')}>\n      <Dropdown\n        ariaLabel={message('preferences.language')}\n        value={value}\n        onChange={(tag) => void pick(tag)}\n        items={\n          offered.length\n            ? offered.map((tag) => ({ value: tag, label: ownName(tag) }))\n            : [\n                { value: 'en', label: say('english') },\n                { value: 'es', label: ownName('es') },\n              ]\n        }\n      />\n    </Row>\n  );\n}\n\nexport function PrefsDialog({ onClose }: { onClose: () => void }) {\n  const dialog = useRef<ModalHandle>(null);\n  const language = useSyncExternalStore(subscribeMessages, messageLanguage, messageLanguage);\n  const related = useSyncExternalStore(subscribeRelatedRows, relatedRows);\n  /* The choices live in their stores; a pick writes there and this looks\n     again, so the picker shows what was just chosen rather than what it\n     opened on. */\n  const [, look] = useState(0);\n  useEffect(() => {\n    const refresh = () => look((n) => n + 1);\n    addHostListener(window, VISUAL_THEME_REGISTRY_EVENT, refresh);\n    addHostListener(window, VISUAL_THEME_EVENT, refresh);\n    return () => {\n      removeHostListener(window, VISUAL_THEME_REGISTRY_EVENT, refresh);\n      removeHostListener(window, VISUAL_THEME_EVENT, refresh);\n    };\n  }, []);\n  const after = (write: () => void) => {\n    write();\n    look((n) => n + 1);\n  };\n  const darkOnly = visualThemeScheme() === 'dark-only';\n  /* Which of a suite's Apps opens first is the App framework's (SuiteAppPreference.tsx), drawn through the shell's slot. */\n  const { SuitePreference } = shell().slots;\n  return (\n    <Modal className=\"prefs\" ref={dialog} onClose={onClose} ariaLabel={message('preferences.title')}>\n      <h2 className=\"prefs-title\">{message('preferences.title')}</h2>\n      {SuitePreference && <SuitePreference />}\n      <LanguageRow language={language} />\n      {/* Workbench picks its own look; an App may lock its authored branding. */}\n      {visualThemesOffered() && (\n        <Row\n          label={message('preferences.visualTheme')}\n          action={\n            readerOverridesAppTheme() ? (\n              <button type=\"button\" className=\"prefs-reset\" onClick={() => after(resetVisualTheme)}>\n                {message('preferences.resetTheme')}\n              </button>\n            ) : null\n          }\n        >\n          <Dropdown\n            ariaLabel={message('preferences.visualTheme')}\n            value={visualThemeChoice()}\n            onChange={(v) => after(() => setVisualTheme(v))}\n            items={visualThemeOptions().map((theme) => ({\n              ...theme,\n              swatches: [...theme.swatches],\n              ...(theme.value === appVisualTheme() ? { detail: message('preferences.appTheme') } : {}),\n            }))}\n          />\n        </Row>\n      )}\n      {visualThemesOffered() && visualPaletteOptions().length > 1 && (\n        <Row label={message('preferences.palette')} hint={message('preferences.paletteHint')}>\n          <Dropdown\n            ariaLabel={message('preferences.palette')}\n            value={visualPaletteChoice()}\n            onChange={(v) => after(() => setVisualPalette(v))}\n            items={visualPaletteOptions().map((palette) => ({ ...palette, swatches: [...palette.swatches] }))}\n          />\n        </Row>\n      )}\n      {/* A dark-only theme has no light to choose (theme.js shows dark whatever is stored): the pick is shown as what it is. */}\n      <Row label={message('preferences.colorMode')} hint={darkOnly ? message('preferences.colorModeDarkOnly') : undefined}>\n        <Dropdown\n          ariaLabel={message('preferences.colorMode')}\n          disabled={darkOnly}\n          value={darkOnly ? 'dark' : themeChoice()}\n          onChange={(v) => after(() => setTheme(v))}\n          items={[\n            { value: 'system', label: message('preferences.system') },\n            { value: 'light', label: message('preferences.light') },\n            { value: 'dark', label: message('preferences.dark') },\n          ]}\n        />\n      </Row>\n      <Row label={message('preferences.density')}>\n        <Dropdown\n          ariaLabel={message('preferences.density')}\n          value={densityChoice() as string}\n          onChange={(v) => after(() => setDensity(v))}\n          items={[\n            { value: 'comfortable', label: message('preferences.comfortable'), detail: message('preferences.defaultHint') },\n            { value: 'spacious', label: message('preferences.spacious'), detail: message('preferences.spaciousHint') },\n            { value: 'compact', label: message('preferences.compact'), detail: message('preferences.compactHint') },\n          ]}\n        />\n      </Row>\n      <Row label={message('preferences.typography')}>\n        <Dropdown\n          ariaLabel={message('preferences.typography')}\n          value={typographyPreference() as string}\n          onChange={(v) => after(() => setTypography(v))}\n          items={[\n            { value: 'default', label: message('preferences.appDefault') },\n            { value: 'mono', label: message('preferences.mono'), detail: message('preferences.monoHint') },\n            { value: 'sans', label: message('preferences.sans'), detail: message('preferences.sansHint') },\n          ]}\n        />\n      </Row>\n      <Row label={message('preferences.rowsPerList')} hint={message('preferences.rowsPerListHint')}>\n        <Dropdown\n          ariaLabel={message('preferences.rowsPerList')}\n          value={String(pageSize())}\n          onChange={(v) =>\n            after(() => {\n              setPageSize(Number(v));\n              render();\n            })\n          }\n          items={(PAGE_SIZES as number[]).map((n) => ({ value: String(n), label: String(n) }))}\n        />\n      </Row>\n      <Row label={message('preferences.rowsPerRelatedList')} hint={message('preferences.rowsPerRelatedListHint')}>\n        <Dropdown\n          ariaLabel={message('preferences.rowsPerRelatedList')}\n          value={String(related)}\n          onChange={(v) => {\n            setRelatedRows(Number(v));\n            render();\n          }}\n          items={RELATED_SIZES.map((n) => ({ value: String(n), label: String(n) }))}\n        />\n      </Row>\n      <div className=\"prefs-foot\">\n        <button type=\"button\" className=\"ghost\" onClick={() => dialog.current?.close()}>\n          {message('common.close')}\n        </button>\n      </div>\n    </Modal>\n  );\n}\n"],"mappings":"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"}

package/dist/ui/{shared-Q2bgBaYo.js → shared-BAXr20S-.js}

@@ -1,8 +1,8 @@
 import { Z as Empty, at as useBaseQuery, it as useQuery, mt as QueryObserver } from "./shared-poc11xxo.js";
 import { Wt as formatDateTime, gt as defineMessages, on as hasNextPage, sn as hasPreviousPage, ut as humanName } from "./shared-DJZjSi3J.js";
-import { T as recordLabel, c as columnLabel, d as findTable, j as rowLabel, m as labelPath } from "./shared-DPAVoWY0.js";
-import { f as Value, g as pageBridge } from "./shared-C4UrE8Fb.js";
-import { s as historyBody } from "./shared-DJrJaE73.js";
+import { T as recordLabel, c as columnLabel, d as findTable, j as rowLabel, m as labelPath } from "./shared-BoLbc2WD.js";
+import { f as Value, g as pageBridge } from "./shared-Chp88all.js";
+import { s as historyBody } from "./shared-CZJE4Bmp.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 // node_modules/@tanstack/query-core/build/modern/infiniteQueryObserver.js
 var InfiniteQueryObserver = class extends QueryObserver {
@@ -304,4 +304,4 @@ function HistoryFieldRow({ field, kind, base, names }) {
 }
 export { RecordHistory, whatWrote, whoWrote };
 
-//# sourceMappingURL=shared-Q2bgBaYo.js.map
+//# sourceMappingURL=shared-BAXr20S-.js.map

package/dist/ui/{shared-Q2bgBaYo.js.map → shared-BAXr20S-.js.map}

@@ -1 +1 @@
-{"version":3,"file":"shared-Q2bgBaYo.js","names":["_Fragment"],"sources":["../../../../node_modules/@tanstack/query-core/build/modern/infiniteQueryObserver.js","../../../../node_modules/@tanstack/react-query/build/modern/useInfiniteQuery.js","../../../kit/src/client/copy/record/components/PageHistory.ts","../../../kit/src/client/components/PageHistory.tsx"],"sourcesContent":[null,null,"/** What PageHistory says, in the record page room (packages/kit/src/client/messages.ts says how the catalog is split). */\nimport { defineMessages } from '../../../messages.js';\n\nexport const say = defineMessages({\n  anAgent: 'An agent',\n  aPublicForm: 'A public form',\n  theWorkbench: 'The Workbench',\n  theApi: 'The API',\n  theSystem: 'The system',\n  someone: 'Someone',\n  created: 'Created',\n  edited: 'Edited',\n  changesToThisRecord: 'Changes to this record appear here.',\n  noChangesRecordedYet: 'No changes recorded yet.',\n  eachChangeToThisRecord: 'Each change to this record from now on is listed here, with who made it.',\n  showEarlierChanges: 'Show earlier changes',\n  changed: 'changed',\n  to: 'to',\n  keptShortenedInTheHistory: 'Kept shortened in the history',\n  shortened: '(shortened)',\n});\n","/**\n * A page's history section: the record's own changes, newest first, one\n * entry per write — who made it, when, the action or command it came from,\n * and each field from what to what, in the App's words.\n *\n * The server answers for this reader (server/recordHistory.ts): a field\n * their grant does not read, or one the App's `audit.redact` names, comes\n * back as \"changed\" with no values, and a record they cannot read has no\n * history for them at all. This module only says what it was handed.\n *\n * A reference is said by its record's name, read through the reader's own\n * `/api/query` as a picker's chosen value is, so a name they cannot read\n * stays the key it was stored as — never a name the history kept, since it\n * keeps none.\n *\n * The page hands it its reads and its frame (PageSections.tsx) rather than\n * this module importing the page's: a section reaching back into the page\n * would join the page's import cycle, which is only allowed to shrink.\n */\nimport type { ReactNode } from 'react';\nimport { historyBody } from '@mistriwork/engine/shared/recordReads.js';\nimport { DEFAULT_HISTORY_LIMIT } from '@mistriwork/engine/shared/pageModel.js';\nimport { useInfiniteQuery, useQuery } from '@tanstack/react-query';\nimport { columnLabel, findTable, labelPath, recordLabel, rowLabel } from '../core.js';\nimport { formatDateTime } from '../locale.js';\nimport { humanName } from '@mistriwork/engine/shared/model.js';\nimport { LABEL_SEGMENT } from '@mistriwork/engine/shared/recordLabel.js';\nimport type { ColumnMeta, TableMeta } from '@mistriwork/engine/shared/schema.js';\nimport type { PageSection } from './pageModel.js';\nimport { Empty } from './Notes.js';\nimport { Value } from './Value.js';\nimport { say } from '../copy/record/components/PageHistory.js';\nimport { pageBridge } from '../uiBridge.js';\nimport type { ServedMachine } from '@mistriwork/engine/shared/servedApp.js';\n\n/* The machine of the record's resource, when it has one: its state's words, and its column leads a change. */\nconst machineOf = (tableId: string): ServedMachine | undefined =>\n  (pageBridge.activeApp() as { resources?: Record<string, { machine?: ServedMachine }> } | null)?.resources?.[tableId]?.machine;\n\ntype Scalar = string | number | boolean | null;\nexport interface HistoryField {\n  column: string;\n  before?: Scalar;\n  after?: Scalar;\n  hidden?: true;\n  redacted?: true;\n  cut?: true;\n  label?: string;\n}\nexport interface HistoryEntry {\n  at: string;\n  kind: 'insert' | 'update';\n  via: 'app' | 'workbench' | 'agent' | 'api' | 'form' | 'system';\n  action?: string;\n  /** The writer's name when they wrote; never an email. */ by?: string;\n  fields: HistoryField[];\n}\ninterface HistoryPage {\n  entries: HistoryEntry[];\n  more?: number;\n}\n/** A read through the page's connection, as `usePageApi` makes one. */\nexport type HistoryApi = (path: string, body: Record<string, unknown>) => Promise<unknown>;\ninterface HistoryProps {\n  section: PageSection;\n  base: TableMeta;\n  recordKey: Record<string, unknown>;\n  api: HistoryApi;\n  /** An authoring preview has no record to read: the section shows its shape. */\n  preview?: boolean;\n  /** The section's frame: its heading around `body`, or its heading and a problem where the read failed. */\n  frame: (body: ReactNode, broken?: string) => ReactNode;\n  /** What stands in the section while the first read is out. */\n  loading: ReactNode;\n}\n\n/** Who made a write, as a person reads it: their name when they wrote, else the door it came through.\n    Never an address: the server sends none, and a name that reads as one is not said either. */\nexport function whoWrote(entry: Pick<HistoryEntry, 'by' | 'via'>): string {\n  if (entry.by && !/[^\\s@]+@[^\\s@]+\\.[^\\s@]+/.test(entry.by)) return entry.by;\n  switch (entry.via) {\n    case 'agent':\n      return say('anAgent');\n    case 'form':\n      return say('aPublicForm');\n    case 'workbench':\n      return say('theWorkbench');\n    case 'api':\n      return say('theApi');\n    case 'system':\n      return say('theSystem');\n    default:\n      return say('someone');\n  }\n}\n\n/** What a write did, in a word: the action or command by its label, else what any write is. */\nexport const whatWrote = (entry: Pick<HistoryEntry, 'action' | 'kind'>): string =>\n  entry.action ?? (entry.kind === 'insert' ? say('created') : say('edited'));\n\n/* The names of the records a page's references point at, read as the\n   reader: one query per referenced table, the values it holds. */\nfunction useReferenceNames(api: HistoryApi, base: TableMeta, entries: readonly HistoryEntry[]) {\n  const wanted = new Map<string, { target: TableMeta; column: string; values: Set<string> }>();\n  for (const entry of entries) {\n    for (const field of entry.fields) {\n      const col = base.columns.find((c) => c.name === field.column);\n      const target = col?.references && (findTable(col.references.table) as TableMeta | undefined);\n      if (!col?.references || !target) continue;\n      const known = wanted.get(field.column) ?? { target, column: col.references.column, values: new Set<string>() };\n      for (const value of [field.before, field.after]) if (value !== null && value !== undefined) known.values.add(String(value));\n      wanted.set(field.column, known);\n    }\n  }\n  const asks = [...wanted]\n    .map(([column, ask]) => ({ column, table: ask.target.id, valueColumn: ask.column, ids: [...ask.values].sort() }))\n    .filter((ask) => ask.ids.length);\n  return useQuery({\n    queryKey: ['page-history-names', base.id, asks],\n    enabled: asks.length > 0,\n    queryFn: async () => {\n      const names = new Map<string, Map<string, string>>();\n      await Promise.all(\n        asks.map(async (ask) => {\n          const table = findTable(ask.table) as TableMeta;\n          const naming = labelPath(table) ?? ask.valueColumn;\n          const columns = [...new Set([ask.valueColumn, naming, ...table.columns.filter((c) => c.primaryKey).map((c) => c.name)])];\n          try {\n            /* A path, or a name the catalog computes (a template's `$label`), is\n             read where it is computed: a view. A plain read has no such\n             column, and in a tenant App asking it for one was answered as a\n             refused context, which ended the session. */\n            const data =\n              naming.includes('.') || naming === LABEL_SEGMENT\n                ? await api('/api/view/run', {\n                    view: {\n                      id: `history:${table.id}`,\n                      name: '',\n                      base: table.id,\n                      columns: columns.map((path) => ({ path })),\n                      filter: { groups: [[{ path: ask.valueColumn, op: 'in', value: ask.ids }]] },\n                      limit: ask.ids.length,\n                    },\n                  })\n                : await api('/api/query', {\n                    table: table.id,\n                    columns,\n                    filter: { groups: [[{ column: ask.valueColumn, op: 'in', value: ask.ids }]] },\n                    limit: ask.ids.length,\n                    offset: 0,\n                  });\n            const rows = (data as { rows?: Array<Record<string, unknown>> }).rows ?? [];\n            names.set(\n              ask.column,\n              new Map(\n                rows.map((row) => [\n                  String(row[ask.valueColumn]),\n                  recordLabel(table) === undefined ? String(row[naming] ?? row[ask.valueColumn]) : rowLabel(table, row),\n                ]),\n              ),\n            );\n          } catch {\n            /* A table the reader cannot read keeps its keys: the history is still true without the names. */\n          }\n        }),\n      );\n      return names;\n    },\n    staleTime: 60_000,\n  }).data;\n}\n\n/** The record's own change history, newest first, with \"Show earlier changes\" while the store holds more. */\nexport function RecordHistory({ section, base, recordKey, api, preview, frame, loading }: HistoryProps) {\n  const limit = section.limit ?? DEFAULT_HISTORY_LIMIT;\n  const history = useInfiniteQuery({\n    queryKey: ['page-history', base.id, recordKey, limit],\n    initialPageParam: undefined as number | undefined,\n    /* Its first page as the server asks it for the page's compose (shared/recordReads.ts). */\n    queryFn: async ({ pageParam }) =>\n      (await api('/api/record-history', {\n        ...historyBody(base, recordKey, limit),\n        ...(pageParam === undefined ? {} : { before: pageParam }),\n      })) as HistoryPage,\n    getNextPageParam: (last: HistoryPage) => last.more,\n    enabled: !preview,\n    staleTime: 0,\n  });\n  const entries = history.data?.pages.flatMap((page) => page.entries) ?? [];\n  const names = useReferenceNames(api, base, entries);\n  if (preview) return frame(<Empty text={say('changesToThisRecord')} />);\n  if (history.isPending) return loading;\n  if (history.isError) return frame(null, (history.error as Error).message);\n  if (!entries.length) return frame(<Empty text={say('noChangesRecordedYet')} detail={say('eachChangeToThisRecord')} />);\n  return frame(\n    <>\n      <ol className=\"history\">\n        {entries.map((entry, i) => (\n          <HistoryItem key={`${entry.at}-${i}`} entry={entry} base={base} names={names} />\n        ))}\n      </ol>\n      {history.hasNextPage && (\n        <div className=\"history-more\">\n          <button type=\"button\" className=\"ghost\" disabled={history.isFetchingNextPage} onClick={() => void history.fetchNextPage()}>\n            {history.isFetchingNextPage ? say('common.loading') : say('showEarlierChanges')}\n          </button>\n        </div>\n      )}\n    </>,\n  );\n}\n\nfunction HistoryItem({ entry, base, names }: { entry: HistoryEntry; base: TableMeta; names?: Map<string, Map<string, string>> }) {\n  const when = new Date(entry.at);\n  const said = Number.isNaN(when.getTime()) ? entry.at : formatDateTime(when);\n  return (\n    <li className=\"history-entry\">\n      <div className=\"history-head\">\n        <span className=\"history-by\">{whoWrote(entry)}</span>\n        <span className=\"history-what\">{whatWrote(entry)}</span>\n        <time className=\"history-when\" dateTime={entry.at} title={entry.at}>\n          {said}\n        </time>\n      </div>\n      {entry.fields.length > 0 && (\n        <dl className=\"history-fields\">\n          {/* A move of the record's state reads first: \"Submitted → Approved\", by whom above. */}\n          {[...entry.fields]\n            .sort((a, b) => Number(b.column === machineOf(base.id)?.column) - Number(a.column === machineOf(base.id)?.column))\n            .map((field) => (\n              <HistoryFieldRow key={field.column} field={field} kind={entry.kind} base={base} names={names?.get(field.column)} />\n            ))}\n        </dl>\n      )}\n    </li>\n  );\n}\n\nfunction HistoryFieldRow({\n  field,\n  kind,\n  base,\n  names,\n}: {\n  field: HistoryField;\n  kind: HistoryEntry['kind'];\n  base: TableMeta;\n  names?: Map<string, string>;\n}) {\n  const col = base.columns.find((c) => c.name === field.column) as ColumnMeta | undefined;\n  const caption = (columnLabel(base.id, field.column) as string | null) ?? field.label ?? humanName(field.column);\n  const machine = machineOf(base.id);\n  const draw = (value: Scalar | undefined): ReactNode => {\n    const name = value !== null && value !== undefined ? names?.get(String(value)) : undefined;\n    if (name !== undefined) return <span title={String(value)}>{name}</span>;\n    const state = machine?.column === field.column ? machine.states.find((entry) => entry.value === String(value)) : undefined;\n    if (state) return <span title={state.value}>{state.label}</span>;\n    return <Value col={col} value={value ?? null} tableId={base.id} compact />;\n  };\n  let change: ReactNode;\n  if (field.hidden || field.redacted) change = <span className=\"history-changed\">{say('changed')}</span>;\n  else if (kind === 'insert' || !Object.hasOwn(field, 'before')) change = <span className=\"history-after\">{draw(field.after)}</span>;\n  else {\n    change = (\n      <>\n        <span className=\"history-before\">{draw(field.before)}</span>\n        <span className=\"history-arrow\" aria-label={say('to')}>\n          →\n        </span>\n        <span className=\"history-after\">{draw(field.after)}</span>\n      </>\n    );\n  }\n  return (\n    <div className=\"history-field\">\n      <dt>{caption}</dt>\n      <dd>\n        {change}\n        {field.cut && (\n          <span className=\"history-cut\" title={say('keptShortenedInTheHistory')}>\n            {' '}\n            {say('shortened')}\n          </span>\n        )}\n      </dd>\n    </div>\n  );\n}\n"],"ignoreList":[0,1],"mappings":"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"}
+{"version":3,"file":"shared-BAXr20S-.js","names":["_Fragment"],"sources":["../../../../node_modules/@tanstack/query-core/build/modern/infiniteQueryObserver.js","../../../../node_modules/@tanstack/react-query/build/modern/useInfiniteQuery.js","../../../kit/src/client/copy/record/components/PageHistory.ts","../../../kit/src/client/components/PageHistory.tsx"],"sourcesContent":[null,null,"/** What PageHistory says, in the record page room (packages/kit/src/client/messages.ts says how the catalog is split). */\nimport { defineMessages } from '../../../messages.js';\n\nexport const say = defineMessages({\n  anAgent: 'An agent',\n  aPublicForm: 'A public form',\n  theWorkbench: 'The Workbench',\n  theApi: 'The API',\n  theSystem: 'The system',\n  someone: 'Someone',\n  created: 'Created',\n  edited: 'Edited',\n  changesToThisRecord: 'Changes to this record appear here.',\n  noChangesRecordedYet: 'No changes recorded yet.',\n  eachChangeToThisRecord: 'Each change to this record from now on is listed here, with who made it.',\n  showEarlierChanges: 'Show earlier changes',\n  changed: 'changed',\n  to: 'to',\n  keptShortenedInTheHistory: 'Kept shortened in the history',\n  shortened: '(shortened)',\n});\n","/**\n * A page's history section: the record's own changes, newest first, one\n * entry per write — who made it, when, the action or command it came from,\n * and each field from what to what, in the App's words.\n *\n * The server answers for this reader (server/recordHistory.ts): a field\n * their grant does not read, or one the App's `audit.redact` names, comes\n * back as \"changed\" with no values, and a record they cannot read has no\n * history for them at all. This module only says what it was handed.\n *\n * A reference is said by its record's name, read through the reader's own\n * `/api/query` as a picker's chosen value is, so a name they cannot read\n * stays the key it was stored as — never a name the history kept, since it\n * keeps none.\n *\n * The page hands it its reads and its frame (PageSections.tsx) rather than\n * this module importing the page's: a section reaching back into the page\n * would join the page's import cycle, which is only allowed to shrink.\n */\nimport type { ReactNode } from 'react';\nimport { historyBody } from '@mistriwork/engine/shared/recordReads.js';\nimport { DEFAULT_HISTORY_LIMIT } from '@mistriwork/engine/shared/pageModel.js';\nimport { useInfiniteQuery, useQuery } from '@tanstack/react-query';\nimport { columnLabel, findTable, labelPath, recordLabel, rowLabel } from '../core.js';\nimport { formatDateTime } from '../locale.js';\nimport { humanName } from '@mistriwork/engine/shared/model.js';\nimport { LABEL_SEGMENT } from '@mistriwork/engine/shared/recordLabel.js';\nimport type { ColumnMeta, TableMeta } from '@mistriwork/engine/shared/schema.js';\nimport type { PageSection } from './pageModel.js';\nimport { Empty } from './Notes.js';\nimport { Value } from './Value.js';\nimport { say } from '../copy/record/components/PageHistory.js';\nimport { pageBridge } from '../uiBridge.js';\nimport type { ServedMachine } from '@mistriwork/engine/shared/servedApp.js';\n\n/* The machine of the record's resource, when it has one: its state's words, and its column leads a change. */\nconst machineOf = (tableId: string): ServedMachine | undefined =>\n  (pageBridge.activeApp() as { resources?: Record<string, { machine?: ServedMachine }> } | null)?.resources?.[tableId]?.machine;\n\ntype Scalar = string | number | boolean | null;\nexport interface HistoryField {\n  column: string;\n  before?: Scalar;\n  after?: Scalar;\n  hidden?: true;\n  redacted?: true;\n  cut?: true;\n  label?: string;\n}\nexport interface HistoryEntry {\n  at: string;\n  kind: 'insert' | 'update';\n  via: 'app' | 'workbench' | 'agent' | 'api' | 'form' | 'system';\n  action?: string;\n  /** The writer's name when they wrote; never an email. */ by?: string;\n  fields: HistoryField[];\n}\ninterface HistoryPage {\n  entries: HistoryEntry[];\n  more?: number;\n}\n/** A read through the page's connection, as `usePageApi` makes one. */\nexport type HistoryApi = (path: string, body: Record<string, unknown>) => Promise<unknown>;\ninterface HistoryProps {\n  section: PageSection;\n  base: TableMeta;\n  recordKey: Record<string, unknown>;\n  api: HistoryApi;\n  /** An authoring preview has no record to read: the section shows its shape. */\n  preview?: boolean;\n  /** The section's frame: its heading around `body`, or its heading and a problem where the read failed. */\n  frame: (body: ReactNode, broken?: string) => ReactNode;\n  /** What stands in the section while the first read is out. */\n  loading: ReactNode;\n}\n\n/** Who made a write, as a person reads it: their name when they wrote, else the door it came through.\n    Never an address: the server sends none, and a name that reads as one is not said either. */\nexport function whoWrote(entry: Pick<HistoryEntry, 'by' | 'via'>): string {\n  if (entry.by && !/[^\\s@]+@[^\\s@]+\\.[^\\s@]+/.test(entry.by)) return entry.by;\n  switch (entry.via) {\n    case 'agent':\n      return say('anAgent');\n    case 'form':\n      return say('aPublicForm');\n    case 'workbench':\n      return say('theWorkbench');\n    case 'api':\n      return say('theApi');\n    case 'system':\n      return say('theSystem');\n    default:\n      return say('someone');\n  }\n}\n\n/** What a write did, in a word: the action or command by its label, else what any write is. */\nexport const whatWrote = (entry: Pick<HistoryEntry, 'action' | 'kind'>): string =>\n  entry.action ?? (entry.kind === 'insert' ? say('created') : say('edited'));\n\n/* The names of the records a page's references point at, read as the\n   reader: one query per referenced table, the values it holds. */\nfunction useReferenceNames(api: HistoryApi, base: TableMeta, entries: readonly HistoryEntry[]) {\n  const wanted = new Map<string, { target: TableMeta; column: string; values: Set<string> }>();\n  for (const entry of entries) {\n    for (const field of entry.fields) {\n      const col = base.columns.find((c) => c.name === field.column);\n      const target = col?.references && (findTable(col.references.table) as TableMeta | undefined);\n      if (!col?.references || !target) continue;\n      const known = wanted.get(field.column) ?? { target, column: col.references.column, values: new Set<string>() };\n      for (const value of [field.before, field.after]) if (value !== null && value !== undefined) known.values.add(String(value));\n      wanted.set(field.column, known);\n    }\n  }\n  const asks = [...wanted]\n    .map(([column, ask]) => ({ column, table: ask.target.id, valueColumn: ask.column, ids: [...ask.values].sort() }))\n    .filter((ask) => ask.ids.length);\n  return useQuery({\n    queryKey: ['page-history-names', base.id, asks],\n    enabled: asks.length > 0,\n    queryFn: async () => {\n      const names = new Map<string, Map<string, string>>();\n      await Promise.all(\n        asks.map(async (ask) => {\n          const table = findTable(ask.table) as TableMeta;\n          const naming = labelPath(table) ?? ask.valueColumn;\n          const columns = [...new Set([ask.valueColumn, naming, ...table.columns.filter((c) => c.primaryKey).map((c) => c.name)])];\n          try {\n            /* A path, or a name the catalog computes (a template's `$label`), is\n             read where it is computed: a view. A plain read has no such\n             column, and in a tenant App asking it for one was answered as a\n             refused context, which ended the session. */\n            const data =\n              naming.includes('.') || naming === LABEL_SEGMENT\n                ? await api('/api/view/run', {\n                    view: {\n                      id: `history:${table.id}`,\n                      name: '',\n                      base: table.id,\n                      columns: columns.map((path) => ({ path })),\n                      filter: { groups: [[{ path: ask.valueColumn, op: 'in', value: ask.ids }]] },\n                      limit: ask.ids.length,\n                    },\n                  })\n                : await api('/api/query', {\n                    table: table.id,\n                    columns,\n                    filter: { groups: [[{ column: ask.valueColumn, op: 'in', value: ask.ids }]] },\n                    limit: ask.ids.length,\n                    offset: 0,\n                  });\n            const rows = (data as { rows?: Array<Record<string, unknown>> }).rows ?? [];\n            names.set(\n              ask.column,\n              new Map(\n                rows.map((row) => [\n                  String(row[ask.valueColumn]),\n                  recordLabel(table) === undefined ? String(row[naming] ?? row[ask.valueColumn]) : rowLabel(table, row),\n                ]),\n              ),\n            );\n          } catch {\n            /* A table the reader cannot read keeps its keys: the history is still true without the names. */\n          }\n        }),\n      );\n      return names;\n    },\n    staleTime: 60_000,\n  }).data;\n}\n\n/** The record's own change history, newest first, with \"Show earlier changes\" while the store holds more. */\nexport function RecordHistory({ section, base, recordKey, api, preview, frame, loading }: HistoryProps) {\n  const limit = section.limit ?? DEFAULT_HISTORY_LIMIT;\n  const history = useInfiniteQuery({\n    queryKey: ['page-history', base.id, recordKey, limit],\n    initialPageParam: undefined as number | undefined,\n    /* Its first page as the server asks it for the page's compose (shared/recordReads.ts). */\n    queryFn: async ({ pageParam }) =>\n      (await api('/api/record-history', {\n        ...historyBody(base, recordKey, limit),\n        ...(pageParam === undefined ? {} : { before: pageParam }),\n      })) as HistoryPage,\n    getNextPageParam: (last: HistoryPage) => last.more,\n    enabled: !preview,\n    staleTime: 0,\n  });\n  const entries = history.data?.pages.flatMap((page) => page.entries) ?? [];\n  const names = useReferenceNames(api, base, entries);\n  if (preview) return frame(<Empty text={say('changesToThisRecord')} />);\n  if (history.isPending) return loading;\n  if (history.isError) return frame(null, (history.error as Error).message);\n  if (!entries.length) return frame(<Empty text={say('noChangesRecordedYet')} detail={say('eachChangeToThisRecord')} />);\n  return frame(\n    <>\n      <ol className=\"history\">\n        {entries.map((entry, i) => (\n          <HistoryItem key={`${entry.at}-${i}`} entry={entry} base={base} names={names} />\n        ))}\n      </ol>\n      {history.hasNextPage && (\n        <div className=\"history-more\">\n          <button type=\"button\" className=\"ghost\" disabled={history.isFetchingNextPage} onClick={() => void history.fetchNextPage()}>\n            {history.isFetchingNextPage ? say('common.loading') : say('showEarlierChanges')}\n          </button>\n        </div>\n      )}\n    </>,\n  );\n}\n\nfunction HistoryItem({ entry, base, names }: { entry: HistoryEntry; base: TableMeta; names?: Map<string, Map<string, string>> }) {\n  const when = new Date(entry.at);\n  const said = Number.isNaN(when.getTime()) ? entry.at : formatDateTime(when);\n  return (\n    <li className=\"history-entry\">\n      <div className=\"history-head\">\n        <span className=\"history-by\">{whoWrote(entry)}</span>\n        <span className=\"history-what\">{whatWrote(entry)}</span>\n        <time className=\"history-when\" dateTime={entry.at} title={entry.at}>\n          {said}\n        </time>\n      </div>\n      {entry.fields.length > 0 && (\n        <dl className=\"history-fields\">\n          {/* A move of the record's state reads first: \"Submitted → Approved\", by whom above. */}\n          {[...entry.fields]\n            .sort((a, b) => Number(b.column === machineOf(base.id)?.column) - Number(a.column === machineOf(base.id)?.column))\n            .map((field) => (\n              <HistoryFieldRow key={field.column} field={field} kind={entry.kind} base={base} names={names?.get(field.column)} />\n            ))}\n        </dl>\n      )}\n    </li>\n  );\n}\n\nfunction HistoryFieldRow({\n  field,\n  kind,\n  base,\n  names,\n}: {\n  field: HistoryField;\n  kind: HistoryEntry['kind'];\n  base: TableMeta;\n  names?: Map<string, string>;\n}) {\n  const col = base.columns.find((c) => c.name === field.column) as ColumnMeta | undefined;\n  const caption = (columnLabel(base.id, field.column) as string | null) ?? field.label ?? humanName(field.column);\n  const machine = machineOf(base.id);\n  const draw = (value: Scalar | undefined): ReactNode => {\n    const name = value !== null && value !== undefined ? names?.get(String(value)) : undefined;\n    if (name !== undefined) return <span title={String(value)}>{name}</span>;\n    const state = machine?.column === field.column ? machine.states.find((entry) => entry.value === String(value)) : undefined;\n    if (state) return <span title={state.value}>{state.label}</span>;\n    return <Value col={col} value={value ?? null} tableId={base.id} compact />;\n  };\n  let change: ReactNode;\n  if (field.hidden || field.redacted) change = <span className=\"history-changed\">{say('changed')}</span>;\n  else if (kind === 'insert' || !Object.hasOwn(field, 'before')) change = <span className=\"history-after\">{draw(field.after)}</span>;\n  else {\n    change = (\n      <>\n        <span className=\"history-before\">{draw(field.before)}</span>\n        <span className=\"history-arrow\" aria-label={say('to')}>\n          →\n        </span>\n        <span className=\"history-after\">{draw(field.after)}</span>\n      </>\n    );\n  }\n  return (\n    <div className=\"history-field\">\n      <dt>{caption}</dt>\n      <dd>\n        {change}\n        {field.cut && (\n          <span className=\"history-cut\" title={say('keptShortenedInTheHistory')}>\n            {' '}\n            {say('shortened')}\n          </span>\n        )}\n      </dd>\n    </div>\n  );\n}\n"],"ignoreList":[0,1],"mappings":"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"}

package/dist/ui/{shared-CyEefFFb.js → shared-BDDUzH-f.js}

@@ -1,29 +1,29 @@
 import { D as subscribeSessionIdentity, E as sessionIdentity, T as captureTenantLease, it as useQuery, nt as Button, w as captureSessionIdentity, x as fetchServer } from "./shared-poc11xxo.js";
 import { At as removeHostListener, Ct as addHostListener, Kt as formatLocale, Mt as shellById, Pn as useQueryClient, Qt as formatTimezone, gt as defineMessages, kt as portalRoot, ut as humanName, wt as navFollow } from "./shared-DJZjSi3J.js";
 import { t as useMutation } from "./shared-BSPDIjPQ.js";
-import { L as DropItem, R as DropMenu, o as formProps, p as syncHash, ut as useQueries } from "./shared-CNmaAv64.js";
-import { B as toast, L as state, U as writeAllowed, c as columnLabel, ct as scopeApiRequest, d as findTable, f as go, i as api, l as currentEntry, m as labelPath, st as ownedBy } from "./shared-DPAVoWY0.js";
+import { L as DropItem, R as DropMenu, o as formProps, p as syncHash, ut as useQueries } from "./shared-BHsjawAG.js";
+import { B as toast, L as state, U as writeAllowed, c as columnLabel, ct as scopeApiRequest, d as findTable, f as go, i as api, l as currentEntry, m as labelPath, st as ownedBy } from "./shared-BoLbc2WD.js";
 import { o as shown } from "./shared-sZ8B7ZTw.js";
 import { Kn as viewportSize, Wn as viewportBox, t as Modal } from "./shared-CRr4kJXB.js";
-import { t as onDemand } from "./shared-DpLeIATZ.js";
+import { t as onDemand } from "./shared-B-BUF9fx.js";
 import { i as unmount, n as mount } from "./shared-C3MTHv9P.js";
-import { c as updateAttempts, d as RefJump, f as Value, g as pageBridge, l as updateOwnerKey } from "./shared-C4UrE8Fb.js";
+import { c as updateAttempts, d as RefJump, f as Value, g as pageBridge, l as updateOwnerKey } from "./shared-Chp88all.js";
 import { t as commandFieldsDeep } from "./shared-Du2YAQk4.js";
 import { n as pathEqualityFilter, r as recordKey } from "./shared-_IMKuuvy.js";
-import { n as mayRunAny, t as grantedActionIds } from "./shared-u4CG2kQJ.js";
-import { i as referenceProjection } from "./shared-BHc2Izkj.js";
+import { n as mayRunAny, t as grantedActionIds } from "./shared-eZ0SB_zm.js";
+import { i as referenceProjection } from "./shared-C9DZtSFH.js";
 import { i as dashViewKey, s as formViewKey, u as resourceOf } from "./shared-DpVb48sM.js";
-import { l as rootMatches } from "./shared-Bl_nF_IH.js";
-import { n as NewRecordDialog } from "./shared-BhtpgOpa.js";
-import { n as refreshAfterCommand } from "./shared-ZCFt-CPb.js";
-import { t as activeApp } from "./shared-DYfX7NSM.js";
-import { t as assistantEntry } from "./shared-tksTLD6Q.js";
-import { r as takesSingleKeys, t as commandOperations } from "./shared-DsxGbYlV.js";
-import { _ as readyCommand, g as useCommandAnswers, v as sendCommand } from "./shared-D1mMBLdj.js";
+import { l as rootMatches } from "./shared-Bf30ZLoS.js";
+import { n as NewRecordDialog } from "./shared-C4wSfz6k.js";
+import { n as refreshAfterCommand } from "./shared-CdQOMD8J.js";
+import { t as activeApp } from "./shared-DGaQZXnw.js";
+import { t as assistantEntry } from "./shared-CiqNkoE1.js";
+import { r as takesSingleKeys, t as commandOperations } from "./shared-Docl_0tq.js";
+import { _ as readyCommand, g as useCommandAnswers, v as sendCommand } from "./shared-JvcI-LWp.js";
 import { t as TENANT_HTTP_HEADERS } from "./shared-6oI9nNf0.js";
-import { CommandForm as CommandForm$1 } from "./shared-BbSbilkh.js";
-import { t as useWalk } from "./shared-VshXGwXP.js";
-import "./shared-C-J32eBn.js";
+import { CommandForm as CommandForm$1 } from "./shared-CBciTwm6.js";
+import { t as useWalk } from "./shared-CSPhENq3.js";
+import "./shared-CL3RLKDA.js";
 import { createContext, createElement, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 // packages/kit/src/client/components/recordKeys.ts
@@ -81,7 +81,7 @@ var say$2 = defineMessages({
 * there, because a button that appears and then vanishes is worse than
 * one that arrives late.
 */
-var CommandForm = onDemand(() => import("./shared-BbSbilkh.js"), "CommandForm", { quiet: true });
+var CommandForm = onDemand(() => import("./shared-CBciTwm6.js"), "CommandForm", { quiet: true });
 /**
 * Who else is told when a verb drawn below this point has run, besides the
 * toast: the assistant's conversation, whose cards and tables draw the
@@ -1394,7 +1394,7 @@ var say = defineMessages({
 * rail. Its chunk is loaded when the trigger is first pressed
 * (AssistantTrigger.tsx), or the room is first opened (Content.tsx).
 */
-var Dashboard = onDemand(() => import("./shared-Ccmc8YO0.js").then((n) => n.t), "Dashboard");
+var Dashboard = onDemand(() => import("./shared-DSUICuaJ.js").then((n) => n.t), "Dashboard");
 var lastConversation = {
 	owner: "",
 	id: null
@@ -2500,4 +2500,4 @@ function Assistant({ app, record, mode, onClose, conversation: addressed }) {
 }
 export { AssistantPanel, AssistantRoom };
 
-//# sourceMappingURL=shared-CyEefFFb.js.map
+//# sourceMappingURL=shared-BDDUzH-f.js.map