@burojs/ui-shadcn 0.5.0 → 0.6.0

package/dist/{inline-flow-host-C3H2UpSA.js → inline-flow-host-B6FI0ctQ.js}

@@ -1,6 +1,6 @@
-import { h as useFlowChrome, m as text } from "./check-confirm-dialog-CkaVTPT9.js";
+import { h as useFlowChrome, m as text } from "./check-confirm-dialog-bRT8lt0d.js";
 import { t as Button } from "./button-MWVeZaqj.js";
-import { HostedFlowScreen } from "./flow-screen-CmbARSqg.js";
+import { HostedFlowScreen } from "./flow-screen-CCvgDI9G.js";
 import { useOptionalT, useScreenState, useTestIds } from "@burojs/react";
 import { IconLoader2 } from "@tabler/icons-react";
 import { useEffect, useMemo } from "react";
@@ -109,4 +109,4 @@ function InlineFlowHost({ resource = "", name = "", target: givenTarget, label,
 //#endregion
 export { InlineFlowHost };
 
-//# sourceMappingURL=inline-flow-host-C3H2UpSA.js.map
+//# sourceMappingURL=inline-flow-host-B6FI0ctQ.js.map

package/dist/{inline-flow-host-C3H2UpSA.js.map → inline-flow-host-B6FI0ctQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"inline-flow-host-C3H2UpSA.js","names":[],"sources":["../src/flows/inline-flow-host.tsx"],"sourcesContent":["'use client';\n/**\n * The inline host (P6 3.12): an item flow drawn in place in a show tree. The run lives in the\n * placement's lease, held by the screen, so a tab switch away and back finds the typed input and\n * a write in flight, and the flow's attempt slot stays the one P4 keys on (user, flow, record).\n */\nimport type { FlowTarget, Row } from '@burojs/core';\nimport type { InlineLease } from '@burojs/react';\nimport { useOptionalT, useScreenState, useTestIds } from '@burojs/react';\nimport { useFlowRun } from '@burojs/react/flows';\nimport { IconLoader2 } from '@tabler/icons-react';\nimport { type ReactElement, useEffect, useMemo } from 'react';\nimport { Button } from '../primitives/button.js';\nimport { text, useFlowChrome } from './chrome.js';\nimport { type FlowHostBinding, HostedFlowScreen } from './flow-screen.js';\n\nexport interface InlineFlowHostProps {\n  /** The resource of an item flow on a record screen; a page names `target` instead. */\n  readonly resource?: string;\n  readonly name?: string;\n  /** The flow, when it is not an item flow of the screen's resource (a page's, P7 3.15). */\n  readonly target?: FlowTarget;\n  /** The label of a flow with no resource to ask (an app flow's). */\n  readonly label?: string;\n  /** The record an item flow runs on; none on a page. */\n  readonly record?: Row;\n  readonly lease?: InlineLease;\n  readonly placementKey: string;\n  /**\n   * The flow no longer applies to the record (its `when` turned false) while the input is dirty\n   * or the attempt unresolved: the node stays, read-only, with \"no longer applies\" and Discard.\n   */\n  readonly stale?: boolean;\n  readonly onDiscard?: () => void;\n}\n\nexport function InlineFlowHost({\n  resource = '',\n  name = '',\n  target: givenTarget,\n  label,\n  record,\n  lease,\n  placementKey,\n  stale = false,\n  onDiscard,\n}: InlineFlowHostProps): ReactElement {\n  const tid = useTestIds();\n  const own = useFlowChrome(resource, name);\n  const chrome = label === undefined ? own : { ...own, label, labelText: label };\n  const target = useMemo<FlowTarget>(\n    () => givenTarget ?? { resource, action: name },\n    [givenTarget, resource, name],\n  );\n  const flow = useFlowRun(target, {\n    ...(record === undefined ? {} : { record }),\n    surface: 'inline',\n    ...(lease === undefined ? {} : { lease }),\n  });\n  // `then` is this host's to run, once the form it succeeded in has started over.\n  flow.holdThen(true);\n  const { run, snapshot, compiled } = flow;\n  const binding = useMemo<FlowHostBinding>(\n    () => ({\n      kind: 'inline',\n      close: () => flow.reset(),\n      finish: () => {\n        flow.runThen();\n        flow.reset();\n      },\n    }),\n    // biome-ignore lint/correctness/useExhaustiveDependencies: reset and runThen are stable callbacks\n    [flow.reset, flow.runThen],\n  );\n  const holder = useScreenState()?.inline;\n  const t = useOptionalT();\n  // The lease's guard state, from the run: unsaved input or an unresolved attempt (dirty), a\n  // write in flight (locked), and whether a node shows it. The screen's blockers read these\n  // when the node is not on screen (tab switched, placement hidden).\n  useEffect(() => {\n    if (lease === undefined || holder === undefined) return;\n    lease.mounted += 1;\n    lease.label = chrome.labelText;\n    holder.touch();\n    return () => {\n      lease.mounted -= 1;\n      holder.touch();\n    };\n  }, [lease, holder, chrome.labelText]);\n  useEffect(() => {\n    if (lease === undefined || holder === undefined || run === null) return;\n    const sync = () => {\n      const now = run.getSnapshot();\n      if (lease.initial === undefined && now.history.includes('open'))\n        lease.initial = JSON.stringify(now.values);\n      const dirty =\n        now.outcome?.outcome !== 'success' &&\n        (now.outcome?.outcome === 'unknown' ||\n          (lease.initial !== undefined && JSON.stringify(now.values) !== lease.initial));\n      const locked = now.control === 'running';\n      if (dirty === lease.dirty && locked === lease.locked) return;\n      lease.dirty = dirty;\n      lease.locked = locked;\n      holder.touch();\n    };\n    sync();\n    return run.subscribe(sync);\n  }, [lease, holder, run]);\n  const opened =\n    run !== null &&\n    compiled !== null &&\n    (snapshot.history.includes('open') || snapshot.step === 'outcome');\n  return (\n    <div\n      data-testid={tid.inlineFlow(compiled?.flowId ?? `${resource}/actions/${name}`, placementKey)}\n      data-buro-host=\"inline\"\n      className=\"flex min-h-0 flex-col gap-4\"\n    >\n      {stale ? (\n        <div\n          role=\"status\"\n          data-buro-flow-state=\"stale\"\n          className=\"flex flex-wrap items-center gap-2 text-sm text-muted-foreground\"\n        >\n          <span>{text(t, 'flow.noLongerApplies', 'This action no longer applies')}</span>\n          <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={onDiscard}>\n            {text(t, 'flow.discard', 'Discard')}\n          </Button>\n        </div>\n      ) : null}\n      {opened ? (\n        <fieldset disabled={stale} className=\"m-0 min-w-0 border-0 p-0\">\n          <HostedFlowScreen\n            binding={binding}\n            host=\"inline\"\n            run={run}\n            compiled={compiled}\n            label={chrome.labelText}\n            record={record}\n          />\n        </fieldset>\n      ) : (\n        <IconLoader2 className=\"h-5 w-5 animate-spin self-center\" aria-hidden=\"true\" />\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAoCA,SAAgB,eAAe,EAC7B,WAAW,IACX,OAAO,IACP,QAAQ,aACR,OACA,QACA,OACA,cACA,QAAQ,OACR,aACoC;CACpC,MAAM,MAAM,WAAW;CACvB,MAAM,MAAM,cAAc,UAAU,IAAI;CACxC,MAAM,SAAS,UAAU,KAAA,IAAY,MAAM;EAAE,GAAG;EAAK;EAAO,WAAW;CAAM;CAC7E,MAAM,SAAS,cACP,eAAe;EAAE;EAAU,QAAQ;CAAK,GAC9C;EAAC;EAAa;EAAU;CAAI,CAC9B;CACA,MAAM,OAAO,WAAW,QAAQ;EAC9B,GAAI,WAAW,KAAA,IAAY,CAAC,IAAI,EAAE,OAAO;EACzC,SAAS;EACT,GAAI,UAAU,KAAA,IAAY,CAAC,IAAI,EAAE,MAAM;CACzC,CAAC;CAED,KAAK,SAAS,IAAI;CAClB,MAAM,EAAE,KAAK,UAAU,aAAa;CACpC,MAAM,UAAU,eACP;EACL,MAAM;EACN,aAAa,KAAK,MAAM;EACxB,cAAc;GACZ,KAAK,QAAQ;GACb,KAAK,MAAM;EACb;CACF,IAEA,CAAC,KAAK,OAAO,KAAK,OAAO,CAC3B;CACA,MAAM,SAAS,eAAe,CAAC,EAAE;CACjC,MAAM,IAAI,aAAa;CAIvB,gBAAgB;EACd,IAAI,UAAU,KAAA,KAAa,WAAW,KAAA,GAAW;EACjD,MAAM,WAAW;EACjB,MAAM,QAAQ,OAAO;EACrB,OAAO,MAAM;EACb,aAAa;GACX,MAAM,WAAW;GACjB,OAAO,MAAM;EACf;CACF,GAAG;EAAC;EAAO;EAAQ,OAAO;CAAS,CAAC;CACpC,gBAAgB;EACd,IAAI,UAAU,KAAA,KAAa,WAAW,KAAA,KAAa,QAAQ,MAAM;EACjE,MAAM,aAAa;GACjB,MAAM,MAAM,IAAI,YAAY;GAC5B,IAAI,MAAM,YAAY,KAAA,KAAa,IAAI,QAAQ,SAAS,MAAM,GAC5D,MAAM,UAAU,KAAK,UAAU,IAAI,MAAM;GAC3C,MAAM,QACJ,IAAI,SAAS,YAAY,cACxB,IAAI,SAAS,YAAY,aACvB,MAAM,YAAY,KAAA,KAAa,KAAK,UAAU,IAAI,MAAM,MAAM,MAAM;GACzE,MAAM,SAAS,IAAI,YAAY;GAC/B,IAAI,UAAU,MAAM,SAAS,WAAW,MAAM,QAAQ;GACtD,MAAM,QAAQ;GACd,MAAM,SAAS;GACf,OAAO,MAAM;EACf;EACA,KAAK;EACL,OAAO,IAAI,UAAU,IAAI;CAC3B,GAAG;EAAC;EAAO;EAAQ;CAAG,CAAC;CACvB,MAAM,SACJ,QAAQ,QACR,aAAa,SACZ,SAAS,QAAQ,SAAS,MAAM,KAAK,SAAS,SAAS;CAC1D,OACE,KAAC,OAAD;EACE,eAAa,IAAI,WAAW,UAAU,UAAU,GAAG,SAAS,WAAW,QAAQ,YAAY;EAC3F,kBAAe;EACf,WAAU;EAHZ,UAAA,CAKG,QACC,KAAC,OAAD;GACE,MAAK;GACL,wBAAqB;GACrB,WAAU;GAHZ,UAAA,CAKE,IAAC,QAAD,EAAA,UAAO,KAAK,GAAG,wBAAwB,+BAA+B,EAAQ,CAAA,GAC9E,IAAC,QAAD;IAAQ,MAAK;IAAS,MAAK;IAAK,SAAQ;IAAU,SAAS;IACxD,UAAA,KAAK,GAAG,gBAAgB,SAAS;GAC5B,CAAA,CACL;EACH,CAAA,IAAA,MACH,SACC,IAAC,YAAD;GAAU,UAAU;GAAO,WAAU;GACnC,UAAA,IAAC,kBAAD;IACW;IACT,MAAK;IACA;IACK;IACV,OAAO,OAAO;IACN;GACT,CAAA;EACO,CAAA,IAEV,IAAC,aAAD;GAAa,WAAU;GAAmC,eAAY;EAAQ,CAAA,CAE7E;;AAET"}
+{"version":3,"file":"inline-flow-host-B6FI0ctQ.js","names":[],"sources":["../src/flows/inline-flow-host.tsx"],"sourcesContent":["'use client';\n/**\n * The inline host (P6 3.12): an item flow drawn in place in a show tree. The run lives in the\n * placement's lease, held by the screen, so a tab switch away and back finds the typed input and\n * a write in flight, and the flow's attempt slot stays the one P4 keys on (user, flow, record).\n */\nimport type { FlowTarget, Row } from '@burojs/core';\nimport type { InlineLease } from '@burojs/react';\nimport { useOptionalT, useScreenState, useTestIds } from '@burojs/react';\nimport { useFlowRun } from '@burojs/react/flows';\nimport { IconLoader2 } from '@tabler/icons-react';\nimport { type ReactElement, useEffect, useMemo } from 'react';\nimport { Button } from '../primitives/button.js';\nimport { text, useFlowChrome } from './chrome.js';\nimport { type FlowHostBinding, HostedFlowScreen } from './flow-screen.js';\n\nexport interface InlineFlowHostProps {\n  /** The resource of an item flow on a record screen; a page names `target` instead. */\n  readonly resource?: string;\n  readonly name?: string;\n  /** The flow, when it is not an item flow of the screen's resource (a page's, P7 3.15). */\n  readonly target?: FlowTarget;\n  /** The label of a flow with no resource to ask (an app flow's). */\n  readonly label?: string;\n  /** The record an item flow runs on; none on a page. */\n  readonly record?: Row;\n  readonly lease?: InlineLease;\n  readonly placementKey: string;\n  /**\n   * The flow no longer applies to the record (its `when` turned false) while the input is dirty\n   * or the attempt unresolved: the node stays, read-only, with \"no longer applies\" and Discard.\n   */\n  readonly stale?: boolean;\n  readonly onDiscard?: () => void;\n}\n\nexport function InlineFlowHost({\n  resource = '',\n  name = '',\n  target: givenTarget,\n  label,\n  record,\n  lease,\n  placementKey,\n  stale = false,\n  onDiscard,\n}: InlineFlowHostProps): ReactElement {\n  const tid = useTestIds();\n  const own = useFlowChrome(resource, name);\n  const chrome = label === undefined ? own : { ...own, label, labelText: label };\n  const target = useMemo<FlowTarget>(\n    () => givenTarget ?? { resource, action: name },\n    [givenTarget, resource, name],\n  );\n  const flow = useFlowRun(target, {\n    ...(record === undefined ? {} : { record }),\n    surface: 'inline',\n    ...(lease === undefined ? {} : { lease }),\n  });\n  // `then` is this host's to run, once the form it succeeded in has started over.\n  flow.holdThen(true);\n  const { run, snapshot, compiled } = flow;\n  const binding = useMemo<FlowHostBinding>(\n    () => ({\n      kind: 'inline',\n      close: () => flow.reset(),\n      finish: () => {\n        flow.runThen();\n        flow.reset();\n      },\n    }),\n    // biome-ignore lint/correctness/useExhaustiveDependencies: reset and runThen are stable callbacks\n    [flow.reset, flow.runThen],\n  );\n  const holder = useScreenState()?.inline;\n  const t = useOptionalT();\n  // The lease's guard state, from the run: unsaved input or an unresolved attempt (dirty), a\n  // write in flight (locked), and whether a node shows it. The screen's blockers read these\n  // when the node is not on screen (tab switched, placement hidden).\n  useEffect(() => {\n    if (lease === undefined || holder === undefined) return;\n    lease.mounted += 1;\n    lease.label = chrome.labelText;\n    holder.touch();\n    return () => {\n      lease.mounted -= 1;\n      holder.touch();\n    };\n  }, [lease, holder, chrome.labelText]);\n  useEffect(() => {\n    if (lease === undefined || holder === undefined || run === null) return;\n    const sync = () => {\n      const now = run.getSnapshot();\n      if (lease.initial === undefined && now.history.includes('open'))\n        lease.initial = JSON.stringify(now.values);\n      const dirty =\n        now.outcome?.outcome !== 'success' &&\n        (now.outcome?.outcome === 'unknown' ||\n          (lease.initial !== undefined && JSON.stringify(now.values) !== lease.initial));\n      const locked = now.control === 'running';\n      if (dirty === lease.dirty && locked === lease.locked) return;\n      lease.dirty = dirty;\n      lease.locked = locked;\n      holder.touch();\n    };\n    sync();\n    return run.subscribe(sync);\n  }, [lease, holder, run]);\n  const opened =\n    run !== null &&\n    compiled !== null &&\n    (snapshot.history.includes('open') || snapshot.step === 'outcome');\n  return (\n    <div\n      data-testid={tid.inlineFlow(compiled?.flowId ?? `${resource}/actions/${name}`, placementKey)}\n      data-buro-host=\"inline\"\n      className=\"flex min-h-0 flex-col gap-4\"\n    >\n      {stale ? (\n        <div\n          role=\"status\"\n          data-buro-flow-state=\"stale\"\n          className=\"flex flex-wrap items-center gap-2 text-sm text-muted-foreground\"\n        >\n          <span>{text(t, 'flow.noLongerApplies', 'This action no longer applies')}</span>\n          <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={onDiscard}>\n            {text(t, 'flow.discard', 'Discard')}\n          </Button>\n        </div>\n      ) : null}\n      {opened ? (\n        <fieldset disabled={stale} className=\"m-0 min-w-0 border-0 p-0\">\n          <HostedFlowScreen\n            binding={binding}\n            host=\"inline\"\n            run={run}\n            compiled={compiled}\n            label={chrome.labelText}\n            record={record}\n          />\n        </fieldset>\n      ) : (\n        <IconLoader2 className=\"h-5 w-5 animate-spin self-center\" aria-hidden=\"true\" />\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAoCA,SAAgB,eAAe,EAC7B,WAAW,IACX,OAAO,IACP,QAAQ,aACR,OACA,QACA,OACA,cACA,QAAQ,OACR,aACoC;CACpC,MAAM,MAAM,WAAW;CACvB,MAAM,MAAM,cAAc,UAAU,IAAI;CACxC,MAAM,SAAS,UAAU,KAAA,IAAY,MAAM;EAAE,GAAG;EAAK;EAAO,WAAW;CAAM;CAC7E,MAAM,SAAS,cACP,eAAe;EAAE;EAAU,QAAQ;CAAK,GAC9C;EAAC;EAAa;EAAU;CAAI,CAC9B;CACA,MAAM,OAAO,WAAW,QAAQ;EAC9B,GAAI,WAAW,KAAA,IAAY,CAAC,IAAI,EAAE,OAAO;EACzC,SAAS;EACT,GAAI,UAAU,KAAA,IAAY,CAAC,IAAI,EAAE,MAAM;CACzC,CAAC;CAED,KAAK,SAAS,IAAI;CAClB,MAAM,EAAE,KAAK,UAAU,aAAa;CACpC,MAAM,UAAU,eACP;EACL,MAAM;EACN,aAAa,KAAK,MAAM;EACxB,cAAc;GACZ,KAAK,QAAQ;GACb,KAAK,MAAM;EACb;CACF,IAEA,CAAC,KAAK,OAAO,KAAK,OAAO,CAC3B;CACA,MAAM,SAAS,eAAe,CAAC,EAAE;CACjC,MAAM,IAAI,aAAa;CAIvB,gBAAgB;EACd,IAAI,UAAU,KAAA,KAAa,WAAW,KAAA,GAAW;EACjD,MAAM,WAAW;EACjB,MAAM,QAAQ,OAAO;EACrB,OAAO,MAAM;EACb,aAAa;GACX,MAAM,WAAW;GACjB,OAAO,MAAM;EACf;CACF,GAAG;EAAC;EAAO;EAAQ,OAAO;CAAS,CAAC;CACpC,gBAAgB;EACd,IAAI,UAAU,KAAA,KAAa,WAAW,KAAA,KAAa,QAAQ,MAAM;EACjE,MAAM,aAAa;GACjB,MAAM,MAAM,IAAI,YAAY;GAC5B,IAAI,MAAM,YAAY,KAAA,KAAa,IAAI,QAAQ,SAAS,MAAM,GAC5D,MAAM,UAAU,KAAK,UAAU,IAAI,MAAM;GAC3C,MAAM,QACJ,IAAI,SAAS,YAAY,cACxB,IAAI,SAAS,YAAY,aACvB,MAAM,YAAY,KAAA,KAAa,KAAK,UAAU,IAAI,MAAM,MAAM,MAAM;GACzE,MAAM,SAAS,IAAI,YAAY;GAC/B,IAAI,UAAU,MAAM,SAAS,WAAW,MAAM,QAAQ;GACtD,MAAM,QAAQ;GACd,MAAM,SAAS;GACf,OAAO,MAAM;EACf;EACA,KAAK;EACL,OAAO,IAAI,UAAU,IAAI;CAC3B,GAAG;EAAC;EAAO;EAAQ;CAAG,CAAC;CACvB,MAAM,SACJ,QAAQ,QACR,aAAa,SACZ,SAAS,QAAQ,SAAS,MAAM,KAAK,SAAS,SAAS;CAC1D,OACE,KAAC,OAAD;EACE,eAAa,IAAI,WAAW,UAAU,UAAU,GAAG,SAAS,WAAW,QAAQ,YAAY;EAC3F,kBAAe;EACf,WAAU;EAHZ,UAAA,CAKG,QACC,KAAC,OAAD;GACE,MAAK;GACL,wBAAqB;GACrB,WAAU;GAHZ,UAAA,CAKE,IAAC,QAAD,EAAA,UAAO,KAAK,GAAG,wBAAwB,+BAA+B,EAAQ,CAAA,GAC9E,IAAC,QAAD;IAAQ,MAAK;IAAS,MAAK;IAAK,SAAQ;IAAU,SAAS;IACxD,UAAA,KAAK,GAAG,gBAAgB,SAAS;GAC5B,CAAA,CACL;EACH,CAAA,IAAA,MACH,SACC,IAAC,YAAD;GAAU,UAAU;GAAO,WAAU;GACnC,UAAA,IAAC,kBAAD;IACW;IACT,MAAK;IACA;IACK;IACV,OAAO,OAAO;IACN;GACT,CAAA;EACO,CAAA,IAEV,IAAC,aAAD;GAAa,WAAU;GAAmC,eAAY;EAAQ,CAAA,CAE7E;;AAET"}

package/dist/{inline-flow-host-B7U1OJUe.cjs → inline-flow-host-DV1et3c6.cjs}

@@ -1,6 +1,6 @@
-const require_check_confirm_dialog = require("./check-confirm-dialog-BRByTFpg.cjs");
+const require_check_confirm_dialog = require("./check-confirm-dialog--gPFnEeg.cjs");
 const require_button = require("./button-BxnnE28H.cjs");
-const require_flow_screen = require("./flow-screen-CX05b3G9.cjs");
+const require_flow_screen = require("./flow-screen-Ci_Sik4Y.cjs");
 let _burojs_react = require("@burojs/react");
 let _tabler_icons_react = require("@tabler/icons-react");
 let react = require("react");
@@ -109,4 +109,4 @@ function InlineFlowHost({ resource = "", name = "", target: givenTarget, label,
 //#endregion
 exports.InlineFlowHost = InlineFlowHost;
 
-//# sourceMappingURL=inline-flow-host-B7U1OJUe.cjs.map
+//# sourceMappingURL=inline-flow-host-DV1et3c6.cjs.map

package/dist/{inline-flow-host-B7U1OJUe.cjs.map → inline-flow-host-DV1et3c6.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"inline-flow-host-B7U1OJUe.cjs","names":["useTestIds","useFlowChrome","useMemo","useFlowRun","useScreenState","useOptionalT","text","Button","HostedFlowScreen","IconLoader2"],"sources":["../src/flows/inline-flow-host.tsx"],"sourcesContent":["'use client';\n/**\n * The inline host (P6 3.12): an item flow drawn in place in a show tree. The run lives in the\n * placement's lease, held by the screen, so a tab switch away and back finds the typed input and\n * a write in flight, and the flow's attempt slot stays the one P4 keys on (user, flow, record).\n */\nimport type { FlowTarget, Row } from '@burojs/core';\nimport type { InlineLease } from '@burojs/react';\nimport { useOptionalT, useScreenState, useTestIds } from '@burojs/react';\nimport { useFlowRun } from '@burojs/react/flows';\nimport { IconLoader2 } from '@tabler/icons-react';\nimport { type ReactElement, useEffect, useMemo } from 'react';\nimport { Button } from '../primitives/button.js';\nimport { text, useFlowChrome } from './chrome.js';\nimport { type FlowHostBinding, HostedFlowScreen } from './flow-screen.js';\n\nexport interface InlineFlowHostProps {\n  /** The resource of an item flow on a record screen; a page names `target` instead. */\n  readonly resource?: string;\n  readonly name?: string;\n  /** The flow, when it is not an item flow of the screen's resource (a page's, P7 3.15). */\n  readonly target?: FlowTarget;\n  /** The label of a flow with no resource to ask (an app flow's). */\n  readonly label?: string;\n  /** The record an item flow runs on; none on a page. */\n  readonly record?: Row;\n  readonly lease?: InlineLease;\n  readonly placementKey: string;\n  /**\n   * The flow no longer applies to the record (its `when` turned false) while the input is dirty\n   * or the attempt unresolved: the node stays, read-only, with \"no longer applies\" and Discard.\n   */\n  readonly stale?: boolean;\n  readonly onDiscard?: () => void;\n}\n\nexport function InlineFlowHost({\n  resource = '',\n  name = '',\n  target: givenTarget,\n  label,\n  record,\n  lease,\n  placementKey,\n  stale = false,\n  onDiscard,\n}: InlineFlowHostProps): ReactElement {\n  const tid = useTestIds();\n  const own = useFlowChrome(resource, name);\n  const chrome = label === undefined ? own : { ...own, label, labelText: label };\n  const target = useMemo<FlowTarget>(\n    () => givenTarget ?? { resource, action: name },\n    [givenTarget, resource, name],\n  );\n  const flow = useFlowRun(target, {\n    ...(record === undefined ? {} : { record }),\n    surface: 'inline',\n    ...(lease === undefined ? {} : { lease }),\n  });\n  // `then` is this host's to run, once the form it succeeded in has started over.\n  flow.holdThen(true);\n  const { run, snapshot, compiled } = flow;\n  const binding = useMemo<FlowHostBinding>(\n    () => ({\n      kind: 'inline',\n      close: () => flow.reset(),\n      finish: () => {\n        flow.runThen();\n        flow.reset();\n      },\n    }),\n    // biome-ignore lint/correctness/useExhaustiveDependencies: reset and runThen are stable callbacks\n    [flow.reset, flow.runThen],\n  );\n  const holder = useScreenState()?.inline;\n  const t = useOptionalT();\n  // The lease's guard state, from the run: unsaved input or an unresolved attempt (dirty), a\n  // write in flight (locked), and whether a node shows it. The screen's blockers read these\n  // when the node is not on screen (tab switched, placement hidden).\n  useEffect(() => {\n    if (lease === undefined || holder === undefined) return;\n    lease.mounted += 1;\n    lease.label = chrome.labelText;\n    holder.touch();\n    return () => {\n      lease.mounted -= 1;\n      holder.touch();\n    };\n  }, [lease, holder, chrome.labelText]);\n  useEffect(() => {\n    if (lease === undefined || holder === undefined || run === null) return;\n    const sync = () => {\n      const now = run.getSnapshot();\n      if (lease.initial === undefined && now.history.includes('open'))\n        lease.initial = JSON.stringify(now.values);\n      const dirty =\n        now.outcome?.outcome !== 'success' &&\n        (now.outcome?.outcome === 'unknown' ||\n          (lease.initial !== undefined && JSON.stringify(now.values) !== lease.initial));\n      const locked = now.control === 'running';\n      if (dirty === lease.dirty && locked === lease.locked) return;\n      lease.dirty = dirty;\n      lease.locked = locked;\n      holder.touch();\n    };\n    sync();\n    return run.subscribe(sync);\n  }, [lease, holder, run]);\n  const opened =\n    run !== null &&\n    compiled !== null &&\n    (snapshot.history.includes('open') || snapshot.step === 'outcome');\n  return (\n    <div\n      data-testid={tid.inlineFlow(compiled?.flowId ?? `${resource}/actions/${name}`, placementKey)}\n      data-buro-host=\"inline\"\n      className=\"flex min-h-0 flex-col gap-4\"\n    >\n      {stale ? (\n        <div\n          role=\"status\"\n          data-buro-flow-state=\"stale\"\n          className=\"flex flex-wrap items-center gap-2 text-sm text-muted-foreground\"\n        >\n          <span>{text(t, 'flow.noLongerApplies', 'This action no longer applies')}</span>\n          <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={onDiscard}>\n            {text(t, 'flow.discard', 'Discard')}\n          </Button>\n        </div>\n      ) : null}\n      {opened ? (\n        <fieldset disabled={stale} className=\"m-0 min-w-0 border-0 p-0\">\n          <HostedFlowScreen\n            binding={binding}\n            host=\"inline\"\n            run={run}\n            compiled={compiled}\n            label={chrome.labelText}\n            record={record}\n          />\n        </fieldset>\n      ) : (\n        <IconLoader2 className=\"h-5 w-5 animate-spin self-center\" aria-hidden=\"true\" />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"inline-flow-host-DV1et3c6.cjs","names":["useTestIds","useFlowChrome","useMemo","useFlowRun","useScreenState","useOptionalT","text","Button","HostedFlowScreen","IconLoader2"],"sources":["../src/flows/inline-flow-host.tsx"],"sourcesContent":["'use client';\n/**\n * The inline host (P6 3.12): an item flow drawn in place in a show tree. The run lives in the\n * placement's lease, held by the screen, so a tab switch away and back finds the typed input and\n * a write in flight, and the flow's attempt slot stays the one P4 keys on (user, flow, record).\n */\nimport type { FlowTarget, Row } from '@burojs/core';\nimport type { InlineLease } from '@burojs/react';\nimport { useOptionalT, useScreenState, useTestIds } from '@burojs/react';\nimport { useFlowRun } from '@burojs/react/flows';\nimport { IconLoader2 } from '@tabler/icons-react';\nimport { type ReactElement, useEffect, useMemo } from 'react';\nimport { Button } from '../primitives/button.js';\nimport { text, useFlowChrome } from './chrome.js';\nimport { type FlowHostBinding, HostedFlowScreen } from './flow-screen.js';\n\nexport interface InlineFlowHostProps {\n  /** The resource of an item flow on a record screen; a page names `target` instead. */\n  readonly resource?: string;\n  readonly name?: string;\n  /** The flow, when it is not an item flow of the screen's resource (a page's, P7 3.15). */\n  readonly target?: FlowTarget;\n  /** The label of a flow with no resource to ask (an app flow's). */\n  readonly label?: string;\n  /** The record an item flow runs on; none on a page. */\n  readonly record?: Row;\n  readonly lease?: InlineLease;\n  readonly placementKey: string;\n  /**\n   * The flow no longer applies to the record (its `when` turned false) while the input is dirty\n   * or the attempt unresolved: the node stays, read-only, with \"no longer applies\" and Discard.\n   */\n  readonly stale?: boolean;\n  readonly onDiscard?: () => void;\n}\n\nexport function InlineFlowHost({\n  resource = '',\n  name = '',\n  target: givenTarget,\n  label,\n  record,\n  lease,\n  placementKey,\n  stale = false,\n  onDiscard,\n}: InlineFlowHostProps): ReactElement {\n  const tid = useTestIds();\n  const own = useFlowChrome(resource, name);\n  const chrome = label === undefined ? own : { ...own, label, labelText: label };\n  const target = useMemo<FlowTarget>(\n    () => givenTarget ?? { resource, action: name },\n    [givenTarget, resource, name],\n  );\n  const flow = useFlowRun(target, {\n    ...(record === undefined ? {} : { record }),\n    surface: 'inline',\n    ...(lease === undefined ? {} : { lease }),\n  });\n  // `then` is this host's to run, once the form it succeeded in has started over.\n  flow.holdThen(true);\n  const { run, snapshot, compiled } = flow;\n  const binding = useMemo<FlowHostBinding>(\n    () => ({\n      kind: 'inline',\n      close: () => flow.reset(),\n      finish: () => {\n        flow.runThen();\n        flow.reset();\n      },\n    }),\n    // biome-ignore lint/correctness/useExhaustiveDependencies: reset and runThen are stable callbacks\n    [flow.reset, flow.runThen],\n  );\n  const holder = useScreenState()?.inline;\n  const t = useOptionalT();\n  // The lease's guard state, from the run: unsaved input or an unresolved attempt (dirty), a\n  // write in flight (locked), and whether a node shows it. The screen's blockers read these\n  // when the node is not on screen (tab switched, placement hidden).\n  useEffect(() => {\n    if (lease === undefined || holder === undefined) return;\n    lease.mounted += 1;\n    lease.label = chrome.labelText;\n    holder.touch();\n    return () => {\n      lease.mounted -= 1;\n      holder.touch();\n    };\n  }, [lease, holder, chrome.labelText]);\n  useEffect(() => {\n    if (lease === undefined || holder === undefined || run === null) return;\n    const sync = () => {\n      const now = run.getSnapshot();\n      if (lease.initial === undefined && now.history.includes('open'))\n        lease.initial = JSON.stringify(now.values);\n      const dirty =\n        now.outcome?.outcome !== 'success' &&\n        (now.outcome?.outcome === 'unknown' ||\n          (lease.initial !== undefined && JSON.stringify(now.values) !== lease.initial));\n      const locked = now.control === 'running';\n      if (dirty === lease.dirty && locked === lease.locked) return;\n      lease.dirty = dirty;\n      lease.locked = locked;\n      holder.touch();\n    };\n    sync();\n    return run.subscribe(sync);\n  }, [lease, holder, run]);\n  const opened =\n    run !== null &&\n    compiled !== null &&\n    (snapshot.history.includes('open') || snapshot.step === 'outcome');\n  return (\n    <div\n      data-testid={tid.inlineFlow(compiled?.flowId ?? `${resource}/actions/${name}`, placementKey)}\n      data-buro-host=\"inline\"\n      className=\"flex min-h-0 flex-col gap-4\"\n    >\n      {stale ? (\n        <div\n          role=\"status\"\n          data-buro-flow-state=\"stale\"\n          className=\"flex flex-wrap items-center gap-2 text-sm text-muted-foreground\"\n        >\n          <span>{text(t, 'flow.noLongerApplies', 'This action no longer applies')}</span>\n          <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={onDiscard}>\n            {text(t, 'flow.discard', 'Discard')}\n          </Button>\n        </div>\n      ) : null}\n      {opened ? (\n        <fieldset disabled={stale} className=\"m-0 min-w-0 border-0 p-0\">\n          <HostedFlowScreen\n            binding={binding}\n            host=\"inline\"\n            run={run}\n            compiled={compiled}\n            label={chrome.labelText}\n            record={record}\n          />\n        </fieldset>\n      ) : (\n        <IconLoader2 className=\"h-5 w-5 animate-spin self-center\" aria-hidden=\"true\" />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/label-66W1qbke.js.map

@@ -1 +1 @@
-{"version":3,"file":"label-66W1qbke.js","names":[],"sources":["../src/primitives/label.tsx"],"sourcesContent":["'use client';\nimport { useOptionalT } from '@burojs/react';\n\nimport * as React from 'react';\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../lib/cn.js';\n\nconst labelVariants = cva(\n  'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n);\n\nexport type LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n  VariantProps<typeof labelVariants> & {\n    /**\n     * When true, append a destructive-colored asterisk after the label text\n     * plus a screen-reader-only \"(required)\" hint. This is the single-source\n     * required-indicator style — every form should render its required-field\n     * label as `<Label required>...</Label>` rather than hand-rolling the\n     * asterisk markup. The visual asterisk is `aria-hidden`; AT users get\n     * the spoken hint via the sr-only span. (Inputs are still expected to\n     * carry their own `aria-required` / `required` HTML attributes for the\n     * native semantics.)\n     */\n    required?: boolean;\n  };\n\nconst Label = React.forwardRef<React.ElementRef<typeof LabelPrimitive.Root>, LabelProps>(\n  ({ className, required, children, ...props }, ref) => {\n    // Localized because this renders inside a Russian-primary product; a\n    // screen-reader user should not hear an English \"(required)\".\n    const t = useOptionalT();\n    return (\n      <LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props}>\n        {children}\n        {required && (\n          <>\n            <span className=\"ml-0.5 text-destructive\" aria-hidden=\"true\">\n              *\n            </span>\n            <span className=\"sr-only\">\n              {' '}\n              {t('validation.requiredHint', { defaultValue: '(required)' })}\n            </span>\n          </>\n        )}\n      </LabelPrimitive.Root>\n    );\n  },\n);\nLabel.displayName = LabelPrimitive.Root.displayName;\n\nexport { Label };\n"],"mappings":";;;;;;;AAQA,MAAM,gBAAgB,IACpB,4FACF;AAiBA,MAAM,QAAQ,MAAM,YACjB,EAAE,WAAW,UAAU,UAAU,GAAG,SAAS,QAAQ;CAGpD,MAAM,IAAI,aAAa;CACvB,OACE,KAAC,eAAe,MAAhB;EAA0B;EAAK,WAAW,GAAG,cAAc,GAAG,SAAS;EAAG,GAAI;EAA9E,UAAA,CACG,UACA,YACC,KAAA,YAAA,EAAA,UAAA,CACE,IAAC,QAAD;GAAM,WAAU;GAA0B,eAAY;GAAO,UAAA;EAEvD,CAAA,GACN,KAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACG,KACA,EAAE,2BAA2B,EAAE,cAAc,aAAa,CAAC,CACxD;EACN,CAAA,CAAA,EAAA,CAAA,CAEe;;AAEzB,CACF;AACA,MAAM,cAAc,eAAe,KAAK"}
+{"version":3,"file":"label-66W1qbke.js","names":[],"sources":["../src/primitives/label.tsx"],"sourcesContent":["'use client';\nimport { useOptionalT } from '@burojs/react';\n\nimport * as React from 'react';\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../lib/cn.js';\n\nconst labelVariants = cva(\n  'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n);\n\nexport type LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n  VariantProps<typeof labelVariants> & {\n    /**\n     * When true, append a destructive-colored asterisk after the label text\n     * plus a screen-reader-only \"(required)\" hint. This is the single-source\n     * required-indicator style — every form should render its required-field\n     * label as `<Label required>...</Label>` rather than hand-rolling the\n     * asterisk markup. The visual asterisk is `aria-hidden`; AT users get\n     * the spoken hint via the sr-only span. (Inputs are still expected to\n     * carry their own `aria-required` / `required` HTML attributes for the\n     * native semantics.)\n     */\n    required?: boolean;\n  };\n\nconst Label = React.forwardRef<React.ElementRef<typeof LabelPrimitive.Root>, LabelProps>(\n  ({ className, required, children, ...props }, ref) => {\n    // Localized so that a screen-reader user in a non-English app does not\n    // hear an English \"(required)\".\n    const t = useOptionalT();\n    return (\n      <LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props}>\n        {children}\n        {required && (\n          <>\n            <span className=\"ml-0.5 text-destructive\" aria-hidden=\"true\">\n              *\n            </span>\n            <span className=\"sr-only\">\n              {' '}\n              {t('validation.requiredHint', { defaultValue: '(required)' })}\n            </span>\n          </>\n        )}\n      </LabelPrimitive.Root>\n    );\n  },\n);\nLabel.displayName = LabelPrimitive.Root.displayName;\n\nexport { Label };\n"],"mappings":";;;;;;;AAQA,MAAM,gBAAgB,IACpB,4FACF;AAiBA,MAAM,QAAQ,MAAM,YACjB,EAAE,WAAW,UAAU,UAAU,GAAG,SAAS,QAAQ;CAGpD,MAAM,IAAI,aAAa;CACvB,OACE,KAAC,eAAe,MAAhB;EAA0B;EAAK,WAAW,GAAG,cAAc,GAAG,SAAS;EAAG,GAAI;EAA9E,UAAA,CACG,UACA,YACC,KAAA,YAAA,EAAA,UAAA,CACE,IAAC,QAAD;GAAM,WAAU;GAA0B,eAAY;GAAO,UAAA;EAEvD,CAAA,GACN,KAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACG,KACA,EAAE,2BAA2B,EAAE,cAAc,aAAa,CAAC,CACxD;EACN,CAAA,CAAA,EAAA,CAAA,CAEe;;AAEzB,CACF;AACA,MAAM,cAAc,eAAe,KAAK"}

package/dist/label-w6JYf2cF.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"label-w6JYf2cF.cjs","names":["cva","React","useOptionalT","LabelPrimitive","cn"],"sources":["../src/primitives/label.tsx"],"sourcesContent":["'use client';\nimport { useOptionalT } from '@burojs/react';\n\nimport * as React from 'react';\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../lib/cn.js';\n\nconst labelVariants = cva(\n  'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n);\n\nexport type LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n  VariantProps<typeof labelVariants> & {\n    /**\n     * When true, append a destructive-colored asterisk after the label text\n     * plus a screen-reader-only \"(required)\" hint. This is the single-source\n     * required-indicator style — every form should render its required-field\n     * label as `<Label required>...</Label>` rather than hand-rolling the\n     * asterisk markup. The visual asterisk is `aria-hidden`; AT users get\n     * the spoken hint via the sr-only span. (Inputs are still expected to\n     * carry their own `aria-required` / `required` HTML attributes for the\n     * native semantics.)\n     */\n    required?: boolean;\n  };\n\nconst Label = React.forwardRef<React.ElementRef<typeof LabelPrimitive.Root>, LabelProps>(\n  ({ className, required, children, ...props }, ref) => {\n    // Localized because this renders inside a Russian-primary product; a\n    // screen-reader user should not hear an English \"(required)\".\n    const t = useOptionalT();\n    return (\n      <LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props}>\n        {children}\n        {required && (\n          <>\n            <span className=\"ml-0.5 text-destructive\" aria-hidden=\"true\">\n              *\n            </span>\n            <span className=\"sr-only\">\n              {' '}\n              {t('validation.requiredHint', { defaultValue: '(required)' })}\n            </span>\n          </>\n        )}\n      </LabelPrimitive.Root>\n    );\n  },\n);\nLabel.displayName = LabelPrimitive.Root.displayName;\n\nexport { Label };\n"],"mappings":";;;;;;;;;AAQA,MAAM,iBAAA,GAAgBA,yBAAAA,IAAAA,CACpB,4FACF;AAiBA,MAAM,QAAQC,MAAM,YACjB,EAAE,WAAW,UAAU,UAAU,GAAG,SAAS,QAAQ;CAGpD,MAAM,KAAA,GAAIC,cAAAA,aAAAA,CAAa;CACvB,QACE,GAAA,kBAAA,KAAA,CAACC,sBAAe,MAAhB;EAA0B;EAAK,WAAWC,kBAAAA,GAAG,cAAc,GAAG,SAAS;EAAG,GAAI;EAA9E,UAAA,CACG,UACA,aACC,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,EACE,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,WAAU;GAA0B,eAAY;GAAO,UAAA;EAEvD,CAAA,IACN,GAAA,kBAAA,KAAA,CAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACG,KACA,EAAE,2BAA2B,EAAE,cAAc,aAAa,CAAC,CACxD;EACN,CAAA,CAAA,EAAA,CAAA,CAEe;;AAEzB,CACF;AACA,MAAM,cAAcD,sBAAe,KAAK"}
+{"version":3,"file":"label-w6JYf2cF.cjs","names":["cva","React","useOptionalT","LabelPrimitive","cn"],"sources":["../src/primitives/label.tsx"],"sourcesContent":["'use client';\nimport { useOptionalT } from '@burojs/react';\n\nimport * as React from 'react';\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../lib/cn.js';\n\nconst labelVariants = cva(\n  'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n);\n\nexport type LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &\n  VariantProps<typeof labelVariants> & {\n    /**\n     * When true, append a destructive-colored asterisk after the label text\n     * plus a screen-reader-only \"(required)\" hint. This is the single-source\n     * required-indicator style — every form should render its required-field\n     * label as `<Label required>...</Label>` rather than hand-rolling the\n     * asterisk markup. The visual asterisk is `aria-hidden`; AT users get\n     * the spoken hint via the sr-only span. (Inputs are still expected to\n     * carry their own `aria-required` / `required` HTML attributes for the\n     * native semantics.)\n     */\n    required?: boolean;\n  };\n\nconst Label = React.forwardRef<React.ElementRef<typeof LabelPrimitive.Root>, LabelProps>(\n  ({ className, required, children, ...props }, ref) => {\n    // Localized so that a screen-reader user in a non-English app does not\n    // hear an English \"(required)\".\n    const t = useOptionalT();\n    return (\n      <LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props}>\n        {children}\n        {required && (\n          <>\n            <span className=\"ml-0.5 text-destructive\" aria-hidden=\"true\">\n              *\n            </span>\n            <span className=\"sr-only\">\n              {' '}\n              {t('validation.requiredHint', { defaultValue: '(required)' })}\n            </span>\n          </>\n        )}\n      </LabelPrimitive.Root>\n    );\n  },\n);\nLabel.displayName = LabelPrimitive.Root.displayName;\n\nexport { Label };\n"],"mappings":";;;;;;;;;AAQA,MAAM,iBAAA,GAAgBA,yBAAAA,IAAAA,CACpB,4FACF;AAiBA,MAAM,QAAQC,MAAM,YACjB,EAAE,WAAW,UAAU,UAAU,GAAG,SAAS,QAAQ;CAGpD,MAAM,KAAA,GAAIC,cAAAA,aAAAA,CAAa;CACvB,QACE,GAAA,kBAAA,KAAA,CAACC,sBAAe,MAAhB;EAA0B;EAAK,WAAWC,kBAAAA,GAAG,cAAc,GAAG,SAAS;EAAG,GAAI;EAA9E,UAAA,CACG,UACA,aACC,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,EACE,GAAA,kBAAA,IAAA,CAAC,QAAD;GAAM,WAAU;GAA0B,eAAY;GAAO,UAAA;EAEvD,CAAA,IACN,GAAA,kBAAA,KAAA,CAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACG,KACA,EAAE,2BAA2B,EAAE,cAAc,aAAa,CAAC,CACxD;EACN,CAAA,CAAA,EAAA,CAAA,CAEe;;AAEzB,CACF;AACA,MAAM,cAAcD,sBAAe,KAAK"}

package/dist/markdown/index.d.cts

@@ -1182,9 +1182,8 @@ declare function docSlug(text: string): string;
  * The current fragment, DECODED, without its `#`.
  *
  * `window.location.hash` hands back a percent-encoded string —
- * `#%D0%BF%D0%BE%D1%87%D0%B5%D0%BC%D1%83…` for `#почему…` — so every
- * comparison against a slug fails, silently, for exactly the alphabet this
- * project writes its documentation in. It works perfectly in English, which is
+ * `#%D0%BF%D0%BE%D1%87%D0%B5%D0%BC%D1%83…` for a non-ASCII slug — so every
+ * comparison against a slug fails, silently, for every non-ASCII alphabet. It works perfectly in ASCII-only slugs, which is
  * the worst possible way for it to be wrong.
  */
 declare function readDocHash(): string;

package/dist/markdown/index.d.ts

@@ -1182,9 +1182,8 @@ declare function docSlug(text: string): string;
  * The current fragment, DECODED, without its `#`.
  *
  * `window.location.hash` hands back a percent-encoded string —
- * `#%D0%BF%D0%BE%D1%87%D0%B5%D0%BC%D1%83…` for `#почему…` — so every
- * comparison against a slug fails, silently, for exactly the alphabet this
- * project writes its documentation in. It works perfectly in English, which is
+ * `#%D0%BF%D0%BE%D1%87%D0%B5%D0%BC%D1%83…` for a non-ASCII slug — so every
+ * comparison against a slug fails, silently, for every non-ASCII alphabet. It works perfectly in ASCII-only slugs, which is
  * the worst possible way for it to be wrong.
  */
 declare function readDocHash(): string;

package/dist/{page-flow-route-CQ7HsbBm.cjs → page-flow-route-hdnULWqd.cjs}

@@ -1,9 +1,9 @@
-const require_toaster = require("./toaster-C7CiYA4Z.cjs");
-const require_check_confirm_dialog = require("./check-confirm-dialog-BRByTFpg.cjs");
+const require_toaster = require("./toaster-Cr51X7bz.cjs");
+const require_check_confirm_dialog = require("./check-confirm-dialog--gPFnEeg.cjs");
 const require_button = require("./button-BxnnE28H.cjs");
-const require_place_node = require("./place-node-SIp4XYQH.cjs");
-const require_resource_page_router = require("./resource-page-router-OSQyRA5b.cjs");
-const require_flow_screen = require("./flow-screen-CX05b3G9.cjs");
+const require_place_node = require("./place-node-C5SmIAYU.cjs");
+const require_resource_page_router = require("./resource-page-router-PXfMW9nh.cjs");
+const require_flow_screen = require("./flow-screen-Ci_Sik4Y.cjs");
 let _burojs_core = require("@burojs/core");
 let _burojs_react = require("@burojs/react");
 let _tabler_icons_react = require("@tabler/icons-react");
@@ -274,4 +274,4 @@ function PageFlowRun(props) {
 //#endregion
 exports.PageFlowRoute = PageFlowRoute;
 
-//# sourceMappingURL=page-flow-route-CQ7HsbBm.cjs.map
+//# sourceMappingURL=page-flow-route-hdnULWqd.cjs.map

package/dist/{page-flow-route-CQ7HsbBm.cjs.map → page-flow-route-hdnULWqd.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"page-flow-route-CQ7HsbBm.cjs","names":["useApp","useApplicationSnapshot","usePermissions","canonicalNavKey","RecordState","effectiveFlow","recordRouteAvailable","NavAreaNotFound","useMemo","dtoFields","useOne","retryRecordRead","recordErrorState","useFlowRowResolver","useRef","useFlowChrome","useProjectedTitle","hrefFor","recordTrailKey","useOptionalT","useTestIds","useLinkComponent","text","compileFlow","useState","useRouteNavigate","useDispatcherEffects","useCallback","useFlowRun","Button","FlowHostBindingContext","FlowScreen","IconLoader2"],"sources":["../src/flows/page-flow-route.tsx"],"sourcesContent":["'use client';\n/**\n * A page-hosted flow's route (P6 3.11): `<record route>/<flow name>`. It owns the whole gate in\n * order, so a user who may not run the flow never sees a trace of it:\n *\n *  1. the permission map is decided, else the record route's loading state and nothing is read;\n *  2. static: the resource has a record page, the flow is an item flow and, in the published\n *     snapshot, its `host` is `page`; else the record route's not-found;\n *  3. the record is read by id with the record DTO;\n *  4. the flow's gate over that row (`requires`, the mutation's `requires`, `action/run` rules):\n *     hidden, absent, or a missing or forbidden row is the same not-found as `/articles/missing`;\n *     a false `when` or a blocking pre-click check is \"not available\" and the way back;\n *  5. only then the run (`useFlowRun`) and its sources.\n */\nimport { type RouteMatch, compileFlow, dtoFields, effectiveFlow, hrefFor } from '@burojs/core';\nimport {\n  retryRecordRead,\n  useApp,\n  useApplicationSnapshot,\n  useDispatcherEffects,\n  useFlowRowResolver,\n  useOne,\n  useOptionalT,\n  usePermissions,\n  useProjectedTitle,\n  useRouteNavigate,\n  useTestIds,\n} from '@burojs/react';\nimport { useFlowRun } from '@burojs/react/flows';\nimport { IconLoader2 } from '@tabler/icons-react';\nimport { type ReactElement, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useLinkComponent } from '../layout/link-component.js';\nimport { recordErrorState } from '../layout/record-page.js';\nimport { recordRouteAvailable } from '../layout/record-targets.js';\nimport { recordTrailKey, usePublishRecordTrail } from '../layout/record-trail-store.js';\nimport { RecordState } from '../record/record-state.js';\nimport { NavAreaNotFound } from '../layout/resource-page-router.js';\nimport { canonicalNavKey } from '../resource-key.js';\nimport { Button } from '../primitives/button.js';\nimport { text, useFlowChrome } from './chrome.js';\nimport { type FlowHostBinding, FlowHostBindingContext, FlowScreen } from './flow-screen.js';\n\ntype Row = { id: string } & Record<string, unknown>;\n\ninterface PageFlowProps {\n  readonly resource: string;\n  readonly id: string;\n  readonly name: string;\n}\n\nexport interface PageFlowRouteProps {\n  readonly match: RouteMatch;\n}\n\n/** The route: the static gate, then the record, then the flow's own gate. */\nexport function PageFlowRoute({ match }: PageFlowRouteProps): ReactElement {\n  const app = useApp();\n  const snapshot = useApplicationSnapshot();\n  const permissions = usePermissions();\n  const resource = canonicalNavKey(match as never);\n  const id = match.id ?? '';\n  const name = match.flow ?? '';\n  // (1) Decided before anything is read.\n  if (permissions?.status === 'loading') return <RecordState state=\"loading\" />;\n  // (2) Static: a record page to hang the route on, and an item flow whose effective host is page.\n  const flow = effectiveFlow(snapshot, match.ref, name);\n  const hasRecordPage =\n    recordRouteAvailable(app.registry, resource, 'show') ||\n    recordRouteAvailable(app.registry, resource, 'edit');\n  // A name no item flow answers to is no route at all (`/orders/x/segments`): the framework 404,\n  // as for any unmatched URL. A flow that exists but is not page-hosted, or a record page that is\n  // missing, keeps the record route's not-found, so a denied flow reads like a missing record.\n  if (flow === undefined) return <NavAreaNotFound />;\n  if (!hasRecordPage || flow.host !== 'page' || id === '') return <RecordState state=\"not-found\" />;\n  return <PageFlowRecord key={`${resource}:${id}:${name}`} {...{ resource, id, name }} />;\n}\n\n/** (3) The record by id, with the record DTO: the same read the record route makes. */\nfunction PageFlowRecord(props: PageFlowProps): ReactElement {\n  const { resource, id } = props;\n  const app = useApp();\n  const def = app.registry.get(resource);\n  const projection = useMemo(\n    () => (def === undefined ? undefined : dtoFields(def, 'record')),\n    [def],\n  );\n  const query = useOne(resource, {\n    id,\n    retry: retryRecordRead,\n    ...(projection === undefined ? {} : { projection }),\n  });\n  const result = query.data as { readonly data?: unknown } | undefined;\n  if (result !== undefined) {\n    const record = result.data;\n    if (record === null || typeof record !== 'object') return <RecordState state=\"not-found\" />;\n    return <PageFlowGate {...props} record={record as Row} />;\n  }\n  if (query.error != null) {\n    const state = recordErrorState(query.error);\n    return (\n      <RecordState\n        state={state}\n        onRetry={state === 'error' ? () => void query.refetch() : undefined}\n      />\n    );\n  }\n  return <RecordState state=\"loading\" />;\n}\n\n/** (4) The flow's gate over the row, as its button decides it: no second rule here. */\nfunction PageFlowGate(props: PageFlowProps & { readonly record: Row }): ReactElement {\n  const { resource, name, record } = props;\n  const resolve = useFlowRowResolver(resource);\n  const control = resolve(name, record);\n  // Someone else's change can take the flow away under a form that holds input: the page keeps\n  // the form, read-only, with the \"no longer applies\" notice and Discard (3.12), instead of\n  // unmounting it silently. `useRef` here, `PageFlowRun` mounted from the first available render.\n  const dirty = useRef(false);\n  const running = useRef(false);\n  const goneNow =\n    (control.state === 'absent' && control.cause === 'when') || control.state === 'disabled';\n  const keep = goneNow && running.current && dirty.current;\n  const track = (value: boolean) => {\n    dirty.current = value;\n  };\n  if (keep)\n    return (\n      <PageFlowRun {...props} stale onDirty={track} onMounted={(on) => (running.current = on)} />\n    );\n  switch (control.state) {\n    case 'undecided':\n    case 'pending':\n      return <RecordState state=\"loading\" />;\n    case 'absent':\n      return control.cause === 'when' ? (\n        <PageFlowUnavailable {...props} />\n      ) : (\n        <RecordState state=\"not-found\" />\n      );\n    case 'disabled':\n      return (\n        <PageFlowUnavailable\n          {...props}\n          {...(control.reason === undefined ? {} : { reason: control.reason })}\n        />\n      );\n    default:\n      return (\n        <PageFlowRun\n          {...props}\n          record={(control.record ?? record) as Row}\n          onDirty={track}\n          onMounted={(on) => (running.current = on)}\n        />\n      );\n  }\n}\n\n/**\n * The flow's name, the record's title and the record's way back, shared by every state of the\n * page that shows the record. It also tells the header's trail (`<HeaderBreadcrumbs>`) the\n * record's title and the flow's label, which the trail ends with: only these states do, so a\n * loading or not-found flow route never names its flow.\n */\nfunction usePageFlowFrame(props: PageFlowProps & { readonly record: Row }) {\n  const { resource, id, name, record } = props;\n  const app = useApp();\n  const chrome = useFlowChrome(resource, name);\n  const title = useProjectedTitle(resource, id, record);\n  const showable = recordRouteAvailable(app.registry, resource, 'show');\n  const recordHref = hrefFor(app.registry, resource, {\n    action: showable ? 'show' : 'edit',\n    id,\n  });\n  usePublishRecordTrail({\n    key: recordTrailKey(resource, id, `flow:${name}`),\n    title,\n    flowLabel: chrome.labelText,\n  });\n  return { chrome, title, recordHref };\n}\n\n/** `when` false, or a blocking check: the reason and the way back, no form. */\nfunction PageFlowUnavailable(\n  props: PageFlowProps & { readonly record: Row; readonly reason?: string },\n): ReactElement {\n  const t = useOptionalT();\n  const tid = useTestIds();\n  const { recordHref } = usePageFlowFrame(props);\n  const Link = useLinkComponent();\n  const flowId = usePageFlowId(props.resource, props.name);\n  return (\n    <div>\n      <div\n        role=\"status\"\n        data-testid={`${tid.pageFlow(flowId)}:unavailable`}\n        className=\"flex flex-col gap-2 px-1 py-6 text-sm\"\n      >\n        <p className=\"font-medium\">\n          {text(t, 'flow.notAvailable', 'This action is not available')}\n        </p>\n        {props.reason === undefined ? null : (\n          <p className=\"text-muted-foreground\">{props.reason}</p>\n        )}\n        <Link href={recordHref} className=\"underline\">\n          {text(t, 'flow.back', 'Back')}\n        </Link>\n      </div>\n    </div>\n  );\n}\n\n/** The flow's identity (`default:articles/actions/rename`), for test ids; stable when compiled. */\nfunction usePageFlowId(resource: string, name: string): string {\n  const app = useApp();\n  const def = app.registry.get(resource);\n  return useMemo(() => {\n    try {\n      return def === undefined\n        ? `${resource}/actions/${name}`\n        : compileFlow(def as never, name).flowId;\n    } catch {\n      return `${resource}/actions/${name}`;\n    }\n  }, [def, resource, name]);\n}\n\n/** (5) The run and its host. */\nfunction PageFlowRun(\n  props: PageFlowProps & {\n    readonly record: Row;\n    /** The flow no longer applies: the form stays, read-only, with a notice and Discard. */\n    readonly stale?: boolean;\n    readonly onDirty?: (dirty: boolean) => void;\n    readonly onMounted?: (mounted: boolean) => void;\n  },\n): ReactElement {\n  const { resource, name, stale = false, onDirty, onMounted } = props;\n  // The run belongs to the record as it was opened: the refetch after the write must not build\n  // a new run (and lose the outcome `then` is about to run on). Display reads the fresh one.\n  const [record] = useState(props.record);\n  const t = useOptionalT();\n  const tid = useTestIds();\n  const navigate = useRouteNavigate();\n  const Link = useLinkComponent();\n  const scopeEffects = useDispatcherEffects();\n  const { chrome, title, recordHref } = usePageFlowFrame(props);\n  const navigateRef = useRef(navigate);\n  navigateRef.current = navigate;\n  // `redirect` replaces the page: Back cannot reach a form that has been submitted.\n  const thenEffects = useCallback(\n    () => ({\n      ...scopeEffects(),\n      redirect: (to: Parameters<typeof navigate>[0]) => navigateRef.current(to, { replace: true }),\n    }),\n    [scopeEffects],\n  );\n  const target = useMemo(() => ({ resource, action: name }), [resource, name]);\n  const flow = useFlowRun(target, { record, surface: 'page', thenEffects });\n  // `then` is the page's to run, once it left the form (4.13).\n  flow.holdThen(true);\n  const { run, snapshot, compiled } = flow;\n  const flowRef = useRef(flow);\n  flowRef.current = flow;\n\n  // The page leaves the form behind: after the form below it reset (a clean form asks the guard\n  // nothing), replace the page by the destination, then run `then` over it.\n  const [finished, setFinished] = useState(false);\n  useEffect(() => {\n    if (!finished) return;\n    const current = flowRef.current;\n    if (current.compiled?.flow.then?.redirect === undefined)\n      navigateRef.current(recordHref, { replace: true });\n    // After the route committed: an overlay opened by `then` belongs to the destination, and a\n    // route change in flight would close it again.\n    setTimeout(() => current.runThen(), 0);\n  }, [finished, recordHref]);\n  const binding = useMemo<FlowHostBinding>(\n    () => ({\n      kind: 'page',\n      close: () => navigateRef.current(recordHref),\n      finish: () => setFinished(true),\n    }),\n    [recordHref],\n  );\n\n  useEffect(() => {\n    onMounted?.(true);\n    return () => onMounted?.(false);\n  }, [onMounted]);\n  // Unsaved input or an unresolved attempt: what the gate must not unmount silently.\n  useEffect(() => {\n    if (run === null) return;\n    let initial: string | undefined;\n    const sync = () => {\n      const now = run.getSnapshot();\n      if (initial === undefined && now.history.includes('open'))\n        initial = JSON.stringify(now.values);\n      onDirty?.(\n        now.outcome?.outcome !== 'success' &&\n          (now.outcome?.outcome === 'unknown' ||\n            (initial !== undefined && JSON.stringify(now.values) !== initial)),\n      );\n    };\n    sync();\n    return run.subscribe(sync);\n  }, [run, onDirty]);\n  // Discard: the input is dropped first, so the guard has nothing to ask, then the page leaves.\n  const [discarded, setDiscarded] = useState(false);\n  useEffect(() => {\n    if (discarded) navigateRef.current(recordHref, { replace: true });\n  }, [discarded, recordHref]);\n\n  const documentTitle = `${chrome.labelText}${title === '' ? '' : ` · ${title}`}`;\n  useEffect(() => {\n    const previous = document.title;\n    document.title = documentTitle;\n    return () => {\n      document.title = previous;\n    };\n  }, [documentTitle]);\n\n  const opened =\n    run !== null &&\n    compiled !== null &&\n    (snapshot.history.includes('open') || snapshot.step === 'outcome');\n  const refused = snapshot.control === 'disabled' || snapshot.control === 'absent';\n  return (\n    <div\n      data-testid={compiled === null ? undefined : tid.pageFlow(compiled.flowId)}\n      className=\"flex min-h-0 flex-col gap-4\"\n    >\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <Link\n          href={recordHref}\n          className=\"ml-auto text-sm underline\"\n          data-testid={`${tid.pageFlow(compiled?.flowId ?? name)}:back`}\n        >\n          {text(t, 'flow.back', 'Back')}\n        </Link>\n      </div>\n      {stale ? (\n        <div\n          role=\"status\"\n          data-buro-flow-state=\"stale\"\n          className=\"flex flex-wrap items-center gap-2 text-sm text-muted-foreground\"\n        >\n          <span>{text(t, 'flow.noLongerApplies', 'This action no longer applies')}</span>\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            onClick={() => {\n              flow.reset();\n              setDiscarded(true);\n            }}\n          >\n            {text(t, 'flow.discard', 'Discard')}\n          </Button>\n        </div>\n      ) : null}\n      {opened ? (\n        <FlowHostBindingContext.Provider value={binding}>\n          <fieldset disabled={stale} className=\"m-0 min-w-0 border-0 p-0\">\n            <FlowScreen\n              host=\"page\"\n              run={run}\n              compiled={compiled}\n              label={chrome.labelText}\n              {...(title === '' ? {} : { title })}\n              record={record}\n            />\n          </fieldset>\n        </FlowHostBindingContext.Provider>\n      ) : refused ? (\n        <p role=\"alert\" className=\"text-sm\">\n          {snapshot.reason ?? text(t, 'flow.unavailable', 'Not allowed.')}\n        </p>\n      ) : (\n        <IconLoader2 className=\"h-5 w-5 animate-spin self-center\" aria-hidden=\"true\" />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"page-flow-route-hdnULWqd.cjs","names":["useApp","useApplicationSnapshot","usePermissions","canonicalNavKey","RecordState","effectiveFlow","recordRouteAvailable","NavAreaNotFound","useMemo","dtoFields","useOne","retryRecordRead","recordErrorState","useFlowRowResolver","useRef","useFlowChrome","useProjectedTitle","hrefFor","recordTrailKey","useOptionalT","useTestIds","useLinkComponent","text","compileFlow","useState","useRouteNavigate","useDispatcherEffects","useCallback","useFlowRun","Button","FlowHostBindingContext","FlowScreen","IconLoader2"],"sources":["../src/flows/page-flow-route.tsx"],"sourcesContent":["'use client';\n/**\n * A page-hosted flow's route (P6 3.11): `<record route>/<flow name>`. It owns the whole gate in\n * order, so a user who may not run the flow never sees a trace of it:\n *\n *  1. the permission map is decided, else the record route's loading state and nothing is read;\n *  2. static: the resource has a record page, the flow is an item flow and, in the published\n *     snapshot, its `host` is `page`; else the record route's not-found;\n *  3. the record is read by id with the record DTO;\n *  4. the flow's gate over that row (`requires`, the mutation's `requires`, `action/run` rules):\n *     hidden, absent, or a missing or forbidden row is the same not-found as `/articles/missing`;\n *     a false `when` or a blocking pre-click check is \"not available\" and the way back;\n *  5. only then the run (`useFlowRun`) and its sources.\n */\nimport { type RouteMatch, compileFlow, dtoFields, effectiveFlow, hrefFor } from '@burojs/core';\nimport {\n  retryRecordRead,\n  useApp,\n  useApplicationSnapshot,\n  useDispatcherEffects,\n  useFlowRowResolver,\n  useOne,\n  useOptionalT,\n  usePermissions,\n  useProjectedTitle,\n  useRouteNavigate,\n  useTestIds,\n} from '@burojs/react';\nimport { useFlowRun } from '@burojs/react/flows';\nimport { IconLoader2 } from '@tabler/icons-react';\nimport { type ReactElement, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useLinkComponent } from '../layout/link-component.js';\nimport { recordErrorState } from '../layout/record-page.js';\nimport { recordRouteAvailable } from '../layout/record-targets.js';\nimport { recordTrailKey, usePublishRecordTrail } from '../layout/record-trail-store.js';\nimport { RecordState } from '../record/record-state.js';\nimport { NavAreaNotFound } from '../layout/resource-page-router.js';\nimport { canonicalNavKey } from '../resource-key.js';\nimport { Button } from '../primitives/button.js';\nimport { text, useFlowChrome } from './chrome.js';\nimport { type FlowHostBinding, FlowHostBindingContext, FlowScreen } from './flow-screen.js';\n\ntype Row = { id: string } & Record<string, unknown>;\n\ninterface PageFlowProps {\n  readonly resource: string;\n  readonly id: string;\n  readonly name: string;\n}\n\nexport interface PageFlowRouteProps {\n  readonly match: RouteMatch;\n}\n\n/** The route: the static gate, then the record, then the flow's own gate. */\nexport function PageFlowRoute({ match }: PageFlowRouteProps): ReactElement {\n  const app = useApp();\n  const snapshot = useApplicationSnapshot();\n  const permissions = usePermissions();\n  const resource = canonicalNavKey(match as never);\n  const id = match.id ?? '';\n  const name = match.flow ?? '';\n  // (1) Decided before anything is read.\n  if (permissions?.status === 'loading') return <RecordState state=\"loading\" />;\n  // (2) Static: a record page to hang the route on, and an item flow whose effective host is page.\n  const flow = effectiveFlow(snapshot, match.ref, name);\n  const hasRecordPage =\n    recordRouteAvailable(app.registry, resource, 'show') ||\n    recordRouteAvailable(app.registry, resource, 'edit');\n  // A name no item flow answers to is no route at all (`/orders/x/segments`): the framework 404,\n  // as for any unmatched URL. A flow that exists but is not page-hosted, or a record page that is\n  // missing, keeps the record route's not-found, so a denied flow reads like a missing record.\n  if (flow === undefined) return <NavAreaNotFound />;\n  if (!hasRecordPage || flow.host !== 'page' || id === '') return <RecordState state=\"not-found\" />;\n  return <PageFlowRecord key={`${resource}:${id}:${name}`} {...{ resource, id, name }} />;\n}\n\n/** (3) The record by id, with the record DTO: the same read the record route makes. */\nfunction PageFlowRecord(props: PageFlowProps): ReactElement {\n  const { resource, id } = props;\n  const app = useApp();\n  const def = app.registry.get(resource);\n  const projection = useMemo(\n    () => (def === undefined ? undefined : dtoFields(def, 'record')),\n    [def],\n  );\n  const query = useOne(resource, {\n    id,\n    retry: retryRecordRead,\n    ...(projection === undefined ? {} : { projection }),\n  });\n  const result = query.data as { readonly data?: unknown } | undefined;\n  if (result !== undefined) {\n    const record = result.data;\n    if (record === null || typeof record !== 'object') return <RecordState state=\"not-found\" />;\n    return <PageFlowGate {...props} record={record as Row} />;\n  }\n  if (query.error != null) {\n    const state = recordErrorState(query.error);\n    return (\n      <RecordState\n        state={state}\n        onRetry={state === 'error' ? () => void query.refetch() : undefined}\n      />\n    );\n  }\n  return <RecordState state=\"loading\" />;\n}\n\n/** (4) The flow's gate over the row, as its button decides it: no second rule here. */\nfunction PageFlowGate(props: PageFlowProps & { readonly record: Row }): ReactElement {\n  const { resource, name, record } = props;\n  const resolve = useFlowRowResolver(resource);\n  const control = resolve(name, record);\n  // Someone else's change can take the flow away under a form that holds input: the page keeps\n  // the form, read-only, with the \"no longer applies\" notice and Discard (3.12), instead of\n  // unmounting it silently. `useRef` here, `PageFlowRun` mounted from the first available render.\n  const dirty = useRef(false);\n  const running = useRef(false);\n  const goneNow =\n    (control.state === 'absent' && control.cause === 'when') || control.state === 'disabled';\n  const keep = goneNow && running.current && dirty.current;\n  const track = (value: boolean) => {\n    dirty.current = value;\n  };\n  if (keep)\n    return (\n      <PageFlowRun {...props} stale onDirty={track} onMounted={(on) => (running.current = on)} />\n    );\n  switch (control.state) {\n    case 'undecided':\n    case 'pending':\n      return <RecordState state=\"loading\" />;\n    case 'absent':\n      return control.cause === 'when' ? (\n        <PageFlowUnavailable {...props} />\n      ) : (\n        <RecordState state=\"not-found\" />\n      );\n    case 'disabled':\n      return (\n        <PageFlowUnavailable\n          {...props}\n          {...(control.reason === undefined ? {} : { reason: control.reason })}\n        />\n      );\n    default:\n      return (\n        <PageFlowRun\n          {...props}\n          record={(control.record ?? record) as Row}\n          onDirty={track}\n          onMounted={(on) => (running.current = on)}\n        />\n      );\n  }\n}\n\n/**\n * The flow's name, the record's title and the record's way back, shared by every state of the\n * page that shows the record. It also tells the header's trail (`<HeaderBreadcrumbs>`) the\n * record's title and the flow's label, which the trail ends with: only these states do, so a\n * loading or not-found flow route never names its flow.\n */\nfunction usePageFlowFrame(props: PageFlowProps & { readonly record: Row }) {\n  const { resource, id, name, record } = props;\n  const app = useApp();\n  const chrome = useFlowChrome(resource, name);\n  const title = useProjectedTitle(resource, id, record);\n  const showable = recordRouteAvailable(app.registry, resource, 'show');\n  const recordHref = hrefFor(app.registry, resource, {\n    action: showable ? 'show' : 'edit',\n    id,\n  });\n  usePublishRecordTrail({\n    key: recordTrailKey(resource, id, `flow:${name}`),\n    title,\n    flowLabel: chrome.labelText,\n  });\n  return { chrome, title, recordHref };\n}\n\n/** `when` false, or a blocking check: the reason and the way back, no form. */\nfunction PageFlowUnavailable(\n  props: PageFlowProps & { readonly record: Row; readonly reason?: string },\n): ReactElement {\n  const t = useOptionalT();\n  const tid = useTestIds();\n  const { recordHref } = usePageFlowFrame(props);\n  const Link = useLinkComponent();\n  const flowId = usePageFlowId(props.resource, props.name);\n  return (\n    <div>\n      <div\n        role=\"status\"\n        data-testid={`${tid.pageFlow(flowId)}:unavailable`}\n        className=\"flex flex-col gap-2 px-1 py-6 text-sm\"\n      >\n        <p className=\"font-medium\">\n          {text(t, 'flow.notAvailable', 'This action is not available')}\n        </p>\n        {props.reason === undefined ? null : (\n          <p className=\"text-muted-foreground\">{props.reason}</p>\n        )}\n        <Link href={recordHref} className=\"underline\">\n          {text(t, 'flow.back', 'Back')}\n        </Link>\n      </div>\n    </div>\n  );\n}\n\n/** The flow's identity (`default:articles/actions/rename`), for test ids; stable when compiled. */\nfunction usePageFlowId(resource: string, name: string): string {\n  const app = useApp();\n  const def = app.registry.get(resource);\n  return useMemo(() => {\n    try {\n      return def === undefined\n        ? `${resource}/actions/${name}`\n        : compileFlow(def as never, name).flowId;\n    } catch {\n      return `${resource}/actions/${name}`;\n    }\n  }, [def, resource, name]);\n}\n\n/** (5) The run and its host. */\nfunction PageFlowRun(\n  props: PageFlowProps & {\n    readonly record: Row;\n    /** The flow no longer applies: the form stays, read-only, with a notice and Discard. */\n    readonly stale?: boolean;\n    readonly onDirty?: (dirty: boolean) => void;\n    readonly onMounted?: (mounted: boolean) => void;\n  },\n): ReactElement {\n  const { resource, name, stale = false, onDirty, onMounted } = props;\n  // The run belongs to the record as it was opened: the refetch after the write must not build\n  // a new run (and lose the outcome `then` is about to run on). Display reads the fresh one.\n  const [record] = useState(props.record);\n  const t = useOptionalT();\n  const tid = useTestIds();\n  const navigate = useRouteNavigate();\n  const Link = useLinkComponent();\n  const scopeEffects = useDispatcherEffects();\n  const { chrome, title, recordHref } = usePageFlowFrame(props);\n  const navigateRef = useRef(navigate);\n  navigateRef.current = navigate;\n  // `redirect` replaces the page: Back cannot reach a form that has been submitted.\n  const thenEffects = useCallback(\n    () => ({\n      ...scopeEffects(),\n      redirect: (to: Parameters<typeof navigate>[0]) => navigateRef.current(to, { replace: true }),\n    }),\n    [scopeEffects],\n  );\n  const target = useMemo(() => ({ resource, action: name }), [resource, name]);\n  const flow = useFlowRun(target, { record, surface: 'page', thenEffects });\n  // `then` is the page's to run, once it left the form (4.13).\n  flow.holdThen(true);\n  const { run, snapshot, compiled } = flow;\n  const flowRef = useRef(flow);\n  flowRef.current = flow;\n\n  // The page leaves the form behind: after the form below it reset (a clean form asks the guard\n  // nothing), replace the page by the destination, then run `then` over it.\n  const [finished, setFinished] = useState(false);\n  useEffect(() => {\n    if (!finished) return;\n    const current = flowRef.current;\n    if (current.compiled?.flow.then?.redirect === undefined)\n      navigateRef.current(recordHref, { replace: true });\n    // After the route committed: an overlay opened by `then` belongs to the destination, and a\n    // route change in flight would close it again.\n    setTimeout(() => current.runThen(), 0);\n  }, [finished, recordHref]);\n  const binding = useMemo<FlowHostBinding>(\n    () => ({\n      kind: 'page',\n      close: () => navigateRef.current(recordHref),\n      finish: () => setFinished(true),\n    }),\n    [recordHref],\n  );\n\n  useEffect(() => {\n    onMounted?.(true);\n    return () => onMounted?.(false);\n  }, [onMounted]);\n  // Unsaved input or an unresolved attempt: what the gate must not unmount silently.\n  useEffect(() => {\n    if (run === null) return;\n    let initial: string | undefined;\n    const sync = () => {\n      const now = run.getSnapshot();\n      if (initial === undefined && now.history.includes('open'))\n        initial = JSON.stringify(now.values);\n      onDirty?.(\n        now.outcome?.outcome !== 'success' &&\n          (now.outcome?.outcome === 'unknown' ||\n            (initial !== undefined && JSON.stringify(now.values) !== initial)),\n      );\n    };\n    sync();\n    return run.subscribe(sync);\n  }, [run, onDirty]);\n  // Discard: the input is dropped first, so the guard has nothing to ask, then the page leaves.\n  const [discarded, setDiscarded] = useState(false);\n  useEffect(() => {\n    if (discarded) navigateRef.current(recordHref, { replace: true });\n  }, [discarded, recordHref]);\n\n  const documentTitle = `${chrome.labelText}${title === '' ? '' : ` · ${title}`}`;\n  useEffect(() => {\n    const previous = document.title;\n    document.title = documentTitle;\n    return () => {\n      document.title = previous;\n    };\n  }, [documentTitle]);\n\n  const opened =\n    run !== null &&\n    compiled !== null &&\n    (snapshot.history.includes('open') || snapshot.step === 'outcome');\n  const refused = snapshot.control === 'disabled' || snapshot.control === 'absent';\n  return (\n    <div\n      data-testid={compiled === null ? undefined : tid.pageFlow(compiled.flowId)}\n      className=\"flex min-h-0 flex-col gap-4\"\n    >\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <Link\n          href={recordHref}\n          className=\"ml-auto text-sm underline\"\n          data-testid={`${tid.pageFlow(compiled?.flowId ?? name)}:back`}\n        >\n          {text(t, 'flow.back', 'Back')}\n        </Link>\n      </div>\n      {stale ? (\n        <div\n          role=\"status\"\n          data-buro-flow-state=\"stale\"\n          className=\"flex flex-wrap items-center gap-2 text-sm text-muted-foreground\"\n        >\n          <span>{text(t, 'flow.noLongerApplies', 'This action no longer applies')}</span>\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            onClick={() => {\n              flow.reset();\n              setDiscarded(true);\n            }}\n          >\n            {text(t, 'flow.discard', 'Discard')}\n          </Button>\n        </div>\n      ) : null}\n      {opened ? (\n        <FlowHostBindingContext.Provider value={binding}>\n          <fieldset disabled={stale} className=\"m-0 min-w-0 border-0 p-0\">\n            <FlowScreen\n              host=\"page\"\n              run={run}\n              compiled={compiled}\n              label={chrome.labelText}\n              {...(title === '' ? {} : { title })}\n              record={record}\n            />\n          </fieldset>\n        </FlowHostBindingContext.Provider>\n      ) : refused ? (\n        <p role=\"alert\" className=\"text-sm\">\n          {snapshot.reason ?? text(t, 'flow.unavailable', 'Not allowed.')}\n        </p>\n      ) : (\n        <IconLoader2 className=\"h-5 w-5 animate-spin self-center\" aria-hidden=\"true\" />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/{page-flow-route-CyXSvXSE.js → page-flow-route-i3ZfJ1sd.js}

@@ -1,9 +1,9 @@
-import { d as useLinkComponent } from "./toaster-CfCRLgR-.js";
-import { h as useFlowChrome, m as text } from "./check-confirm-dialog-CkaVTPT9.js";
+import { o as useLinkComponent } from "./toaster-C02XbB9r.js";
+import { h as useFlowChrome, m as text } from "./check-confirm-dialog-bRT8lt0d.js";
 import { t as Button } from "./button-MWVeZaqj.js";
-import { ht as recordRouteAvailable } from "./place-node--GdsP688.js";
-import { M as canonicalNavKey, a as recordErrorState, b as RecordState, m as usePublishRecordTrail, p as recordTrailKey, t as NavAreaNotFound } from "./resource-page-router-T4vS5gbJ.js";
-import { FlowHostBindingContext, FlowScreen } from "./flow-screen-CmbARSqg.js";
+import { yt as recordRouteAvailable } from "./place-node-NraNYKPx.js";
+import { M as canonicalNavKey, a as recordErrorState, b as RecordState, m as usePublishRecordTrail, p as recordTrailKey, t as NavAreaNotFound } from "./resource-page-router-3RUf9d1j.js";
+import { FlowHostBindingContext, FlowScreen } from "./flow-screen-CCvgDI9G.js";
 import { compileFlow, dtoFields, effectiveFlow, hrefFor } from "@burojs/core";
 import { retryRecordRead, useApp, useApplicationSnapshot, useDispatcherEffects, useFlowRowResolver, useOne, useOptionalT, usePermissions, useProjectedTitle, useRouteNavigate, useTestIds } from "@burojs/react";
 import { IconLoader2 } from "@tabler/icons-react";
@@ -274,4 +274,4 @@ function PageFlowRun(props) {
 //#endregion
 export { PageFlowRoute };
 
-//# sourceMappingURL=page-flow-route-CyXSvXSE.js.map
+//# sourceMappingURL=page-flow-route-i3ZfJ1sd.js.map

package/dist/{page-flow-route-CyXSvXSE.js.map → page-flow-route-i3ZfJ1sd.js.map}

@@ -1 +1 @@
-{"version":3,"file":"page-flow-route-CyXSvXSE.js","names":[],"sources":["../src/flows/page-flow-route.tsx"],"sourcesContent":["'use client';\n/**\n * A page-hosted flow's route (P6 3.11): `<record route>/<flow name>`. It owns the whole gate in\n * order, so a user who may not run the flow never sees a trace of it:\n *\n *  1. the permission map is decided, else the record route's loading state and nothing is read;\n *  2. static: the resource has a record page, the flow is an item flow and, in the published\n *     snapshot, its `host` is `page`; else the record route's not-found;\n *  3. the record is read by id with the record DTO;\n *  4. the flow's gate over that row (`requires`, the mutation's `requires`, `action/run` rules):\n *     hidden, absent, or a missing or forbidden row is the same not-found as `/articles/missing`;\n *     a false `when` or a blocking pre-click check is \"not available\" and the way back;\n *  5. only then the run (`useFlowRun`) and its sources.\n */\nimport { type RouteMatch, compileFlow, dtoFields, effectiveFlow, hrefFor } from '@burojs/core';\nimport {\n  retryRecordRead,\n  useApp,\n  useApplicationSnapshot,\n  useDispatcherEffects,\n  useFlowRowResolver,\n  useOne,\n  useOptionalT,\n  usePermissions,\n  useProjectedTitle,\n  useRouteNavigate,\n  useTestIds,\n} from '@burojs/react';\nimport { useFlowRun } from '@burojs/react/flows';\nimport { IconLoader2 } from '@tabler/icons-react';\nimport { type ReactElement, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useLinkComponent } from '../layout/link-component.js';\nimport { recordErrorState } from '../layout/record-page.js';\nimport { recordRouteAvailable } from '../layout/record-targets.js';\nimport { recordTrailKey, usePublishRecordTrail } from '../layout/record-trail-store.js';\nimport { RecordState } from '../record/record-state.js';\nimport { NavAreaNotFound } from '../layout/resource-page-router.js';\nimport { canonicalNavKey } from '../resource-key.js';\nimport { Button } from '../primitives/button.js';\nimport { text, useFlowChrome } from './chrome.js';\nimport { type FlowHostBinding, FlowHostBindingContext, FlowScreen } from './flow-screen.js';\n\ntype Row = { id: string } & Record<string, unknown>;\n\ninterface PageFlowProps {\n  readonly resource: string;\n  readonly id: string;\n  readonly name: string;\n}\n\nexport interface PageFlowRouteProps {\n  readonly match: RouteMatch;\n}\n\n/** The route: the static gate, then the record, then the flow's own gate. */\nexport function PageFlowRoute({ match }: PageFlowRouteProps): ReactElement {\n  const app = useApp();\n  const snapshot = useApplicationSnapshot();\n  const permissions = usePermissions();\n  const resource = canonicalNavKey(match as never);\n  const id = match.id ?? '';\n  const name = match.flow ?? '';\n  // (1) Decided before anything is read.\n  if (permissions?.status === 'loading') return <RecordState state=\"loading\" />;\n  // (2) Static: a record page to hang the route on, and an item flow whose effective host is page.\n  const flow = effectiveFlow(snapshot, match.ref, name);\n  const hasRecordPage =\n    recordRouteAvailable(app.registry, resource, 'show') ||\n    recordRouteAvailable(app.registry, resource, 'edit');\n  // A name no item flow answers to is no route at all (`/orders/x/segments`): the framework 404,\n  // as for any unmatched URL. A flow that exists but is not page-hosted, or a record page that is\n  // missing, keeps the record route's not-found, so a denied flow reads like a missing record.\n  if (flow === undefined) return <NavAreaNotFound />;\n  if (!hasRecordPage || flow.host !== 'page' || id === '') return <RecordState state=\"not-found\" />;\n  return <PageFlowRecord key={`${resource}:${id}:${name}`} {...{ resource, id, name }} />;\n}\n\n/** (3) The record by id, with the record DTO: the same read the record route makes. */\nfunction PageFlowRecord(props: PageFlowProps): ReactElement {\n  const { resource, id } = props;\n  const app = useApp();\n  const def = app.registry.get(resource);\n  const projection = useMemo(\n    () => (def === undefined ? undefined : dtoFields(def, 'record')),\n    [def],\n  );\n  const query = useOne(resource, {\n    id,\n    retry: retryRecordRead,\n    ...(projection === undefined ? {} : { projection }),\n  });\n  const result = query.data as { readonly data?: unknown } | undefined;\n  if (result !== undefined) {\n    const record = result.data;\n    if (record === null || typeof record !== 'object') return <RecordState state=\"not-found\" />;\n    return <PageFlowGate {...props} record={record as Row} />;\n  }\n  if (query.error != null) {\n    const state = recordErrorState(query.error);\n    return (\n      <RecordState\n        state={state}\n        onRetry={state === 'error' ? () => void query.refetch() : undefined}\n      />\n    );\n  }\n  return <RecordState state=\"loading\" />;\n}\n\n/** (4) The flow's gate over the row, as its button decides it: no second rule here. */\nfunction PageFlowGate(props: PageFlowProps & { readonly record: Row }): ReactElement {\n  const { resource, name, record } = props;\n  const resolve = useFlowRowResolver(resource);\n  const control = resolve(name, record);\n  // Someone else's change can take the flow away under a form that holds input: the page keeps\n  // the form, read-only, with the \"no longer applies\" notice and Discard (3.12), instead of\n  // unmounting it silently. `useRef` here, `PageFlowRun` mounted from the first available render.\n  const dirty = useRef(false);\n  const running = useRef(false);\n  const goneNow =\n    (control.state === 'absent' && control.cause === 'when') || control.state === 'disabled';\n  const keep = goneNow && running.current && dirty.current;\n  const track = (value: boolean) => {\n    dirty.current = value;\n  };\n  if (keep)\n    return (\n      <PageFlowRun {...props} stale onDirty={track} onMounted={(on) => (running.current = on)} />\n    );\n  switch (control.state) {\n    case 'undecided':\n    case 'pending':\n      return <RecordState state=\"loading\" />;\n    case 'absent':\n      return control.cause === 'when' ? (\n        <PageFlowUnavailable {...props} />\n      ) : (\n        <RecordState state=\"not-found\" />\n      );\n    case 'disabled':\n      return (\n        <PageFlowUnavailable\n          {...props}\n          {...(control.reason === undefined ? {} : { reason: control.reason })}\n        />\n      );\n    default:\n      return (\n        <PageFlowRun\n          {...props}\n          record={(control.record ?? record) as Row}\n          onDirty={track}\n          onMounted={(on) => (running.current = on)}\n        />\n      );\n  }\n}\n\n/**\n * The flow's name, the record's title and the record's way back, shared by every state of the\n * page that shows the record. It also tells the header's trail (`<HeaderBreadcrumbs>`) the\n * record's title and the flow's label, which the trail ends with: only these states do, so a\n * loading or not-found flow route never names its flow.\n */\nfunction usePageFlowFrame(props: PageFlowProps & { readonly record: Row }) {\n  const { resource, id, name, record } = props;\n  const app = useApp();\n  const chrome = useFlowChrome(resource, name);\n  const title = useProjectedTitle(resource, id, record);\n  const showable = recordRouteAvailable(app.registry, resource, 'show');\n  const recordHref = hrefFor(app.registry, resource, {\n    action: showable ? 'show' : 'edit',\n    id,\n  });\n  usePublishRecordTrail({\n    key: recordTrailKey(resource, id, `flow:${name}`),\n    title,\n    flowLabel: chrome.labelText,\n  });\n  return { chrome, title, recordHref };\n}\n\n/** `when` false, or a blocking check: the reason and the way back, no form. */\nfunction PageFlowUnavailable(\n  props: PageFlowProps & { readonly record: Row; readonly reason?: string },\n): ReactElement {\n  const t = useOptionalT();\n  const tid = useTestIds();\n  const { recordHref } = usePageFlowFrame(props);\n  const Link = useLinkComponent();\n  const flowId = usePageFlowId(props.resource, props.name);\n  return (\n    <div>\n      <div\n        role=\"status\"\n        data-testid={`${tid.pageFlow(flowId)}:unavailable`}\n        className=\"flex flex-col gap-2 px-1 py-6 text-sm\"\n      >\n        <p className=\"font-medium\">\n          {text(t, 'flow.notAvailable', 'This action is not available')}\n        </p>\n        {props.reason === undefined ? null : (\n          <p className=\"text-muted-foreground\">{props.reason}</p>\n        )}\n        <Link href={recordHref} className=\"underline\">\n          {text(t, 'flow.back', 'Back')}\n        </Link>\n      </div>\n    </div>\n  );\n}\n\n/** The flow's identity (`default:articles/actions/rename`), for test ids; stable when compiled. */\nfunction usePageFlowId(resource: string, name: string): string {\n  const app = useApp();\n  const def = app.registry.get(resource);\n  return useMemo(() => {\n    try {\n      return def === undefined\n        ? `${resource}/actions/${name}`\n        : compileFlow(def as never, name).flowId;\n    } catch {\n      return `${resource}/actions/${name}`;\n    }\n  }, [def, resource, name]);\n}\n\n/** (5) The run and its host. */\nfunction PageFlowRun(\n  props: PageFlowProps & {\n    readonly record: Row;\n    /** The flow no longer applies: the form stays, read-only, with a notice and Discard. */\n    readonly stale?: boolean;\n    readonly onDirty?: (dirty: boolean) => void;\n    readonly onMounted?: (mounted: boolean) => void;\n  },\n): ReactElement {\n  const { resource, name, stale = false, onDirty, onMounted } = props;\n  // The run belongs to the record as it was opened: the refetch after the write must not build\n  // a new run (and lose the outcome `then` is about to run on). Display reads the fresh one.\n  const [record] = useState(props.record);\n  const t = useOptionalT();\n  const tid = useTestIds();\n  const navigate = useRouteNavigate();\n  const Link = useLinkComponent();\n  const scopeEffects = useDispatcherEffects();\n  const { chrome, title, recordHref } = usePageFlowFrame(props);\n  const navigateRef = useRef(navigate);\n  navigateRef.current = navigate;\n  // `redirect` replaces the page: Back cannot reach a form that has been submitted.\n  const thenEffects = useCallback(\n    () => ({\n      ...scopeEffects(),\n      redirect: (to: Parameters<typeof navigate>[0]) => navigateRef.current(to, { replace: true }),\n    }),\n    [scopeEffects],\n  );\n  const target = useMemo(() => ({ resource, action: name }), [resource, name]);\n  const flow = useFlowRun(target, { record, surface: 'page', thenEffects });\n  // `then` is the page's to run, once it left the form (4.13).\n  flow.holdThen(true);\n  const { run, snapshot, compiled } = flow;\n  const flowRef = useRef(flow);\n  flowRef.current = flow;\n\n  // The page leaves the form behind: after the form below it reset (a clean form asks the guard\n  // nothing), replace the page by the destination, then run `then` over it.\n  const [finished, setFinished] = useState(false);\n  useEffect(() => {\n    if (!finished) return;\n    const current = flowRef.current;\n    if (current.compiled?.flow.then?.redirect === undefined)\n      navigateRef.current(recordHref, { replace: true });\n    // After the route committed: an overlay opened by `then` belongs to the destination, and a\n    // route change in flight would close it again.\n    setTimeout(() => current.runThen(), 0);\n  }, [finished, recordHref]);\n  const binding = useMemo<FlowHostBinding>(\n    () => ({\n      kind: 'page',\n      close: () => navigateRef.current(recordHref),\n      finish: () => setFinished(true),\n    }),\n    [recordHref],\n  );\n\n  useEffect(() => {\n    onMounted?.(true);\n    return () => onMounted?.(false);\n  }, [onMounted]);\n  // Unsaved input or an unresolved attempt: what the gate must not unmount silently.\n  useEffect(() => {\n    if (run === null) return;\n    let initial: string | undefined;\n    const sync = () => {\n      const now = run.getSnapshot();\n      if (initial === undefined && now.history.includes('open'))\n        initial = JSON.stringify(now.values);\n      onDirty?.(\n        now.outcome?.outcome !== 'success' &&\n          (now.outcome?.outcome === 'unknown' ||\n            (initial !== undefined && JSON.stringify(now.values) !== initial)),\n      );\n    };\n    sync();\n    return run.subscribe(sync);\n  }, [run, onDirty]);\n  // Discard: the input is dropped first, so the guard has nothing to ask, then the page leaves.\n  const [discarded, setDiscarded] = useState(false);\n  useEffect(() => {\n    if (discarded) navigateRef.current(recordHref, { replace: true });\n  }, [discarded, recordHref]);\n\n  const documentTitle = `${chrome.labelText}${title === '' ? '' : ` · ${title}`}`;\n  useEffect(() => {\n    const previous = document.title;\n    document.title = documentTitle;\n    return () => {\n      document.title = previous;\n    };\n  }, [documentTitle]);\n\n  const opened =\n    run !== null &&\n    compiled !== null &&\n    (snapshot.history.includes('open') || snapshot.step === 'outcome');\n  const refused = snapshot.control === 'disabled' || snapshot.control === 'absent';\n  return (\n    <div\n      data-testid={compiled === null ? undefined : tid.pageFlow(compiled.flowId)}\n      className=\"flex min-h-0 flex-col gap-4\"\n    >\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <Link\n          href={recordHref}\n          className=\"ml-auto text-sm underline\"\n          data-testid={`${tid.pageFlow(compiled?.flowId ?? name)}:back`}\n        >\n          {text(t, 'flow.back', 'Back')}\n        </Link>\n      </div>\n      {stale ? (\n        <div\n          role=\"status\"\n          data-buro-flow-state=\"stale\"\n          className=\"flex flex-wrap items-center gap-2 text-sm text-muted-foreground\"\n        >\n          <span>{text(t, 'flow.noLongerApplies', 'This action no longer applies')}</span>\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            onClick={() => {\n              flow.reset();\n              setDiscarded(true);\n            }}\n          >\n            {text(t, 'flow.discard', 'Discard')}\n          </Button>\n        </div>\n      ) : null}\n      {opened ? (\n        <FlowHostBindingContext.Provider value={binding}>\n          <fieldset disabled={stale} className=\"m-0 min-w-0 border-0 p-0\">\n            <FlowScreen\n              host=\"page\"\n              run={run}\n              compiled={compiled}\n              label={chrome.labelText}\n              {...(title === '' ? {} : { title })}\n              record={record}\n            />\n          </fieldset>\n        </FlowHostBindingContext.Provider>\n      ) : refused ? (\n        <p role=\"alert\" className=\"text-sm\">\n          {snapshot.reason ?? text(t, 'flow.unavailable', 'Not allowed.')}\n        </p>\n      ) : (\n        <IconLoader2 className=\"h-5 w-5 animate-spin self-center\" aria-hidden=\"true\" />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"page-flow-route-i3ZfJ1sd.js","names":[],"sources":["../src/flows/page-flow-route.tsx"],"sourcesContent":["'use client';\n/**\n * A page-hosted flow's route (P6 3.11): `<record route>/<flow name>`. It owns the whole gate in\n * order, so a user who may not run the flow never sees a trace of it:\n *\n *  1. the permission map is decided, else the record route's loading state and nothing is read;\n *  2. static: the resource has a record page, the flow is an item flow and, in the published\n *     snapshot, its `host` is `page`; else the record route's not-found;\n *  3. the record is read by id with the record DTO;\n *  4. the flow's gate over that row (`requires`, the mutation's `requires`, `action/run` rules):\n *     hidden, absent, or a missing or forbidden row is the same not-found as `/articles/missing`;\n *     a false `when` or a blocking pre-click check is \"not available\" and the way back;\n *  5. only then the run (`useFlowRun`) and its sources.\n */\nimport { type RouteMatch, compileFlow, dtoFields, effectiveFlow, hrefFor } from '@burojs/core';\nimport {\n  retryRecordRead,\n  useApp,\n  useApplicationSnapshot,\n  useDispatcherEffects,\n  useFlowRowResolver,\n  useOne,\n  useOptionalT,\n  usePermissions,\n  useProjectedTitle,\n  useRouteNavigate,\n  useTestIds,\n} from '@burojs/react';\nimport { useFlowRun } from '@burojs/react/flows';\nimport { IconLoader2 } from '@tabler/icons-react';\nimport { type ReactElement, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useLinkComponent } from '../layout/link-component.js';\nimport { recordErrorState } from '../layout/record-page.js';\nimport { recordRouteAvailable } from '../layout/record-targets.js';\nimport { recordTrailKey, usePublishRecordTrail } from '../layout/record-trail-store.js';\nimport { RecordState } from '../record/record-state.js';\nimport { NavAreaNotFound } from '../layout/resource-page-router.js';\nimport { canonicalNavKey } from '../resource-key.js';\nimport { Button } from '../primitives/button.js';\nimport { text, useFlowChrome } from './chrome.js';\nimport { type FlowHostBinding, FlowHostBindingContext, FlowScreen } from './flow-screen.js';\n\ntype Row = { id: string } & Record<string, unknown>;\n\ninterface PageFlowProps {\n  readonly resource: string;\n  readonly id: string;\n  readonly name: string;\n}\n\nexport interface PageFlowRouteProps {\n  readonly match: RouteMatch;\n}\n\n/** The route: the static gate, then the record, then the flow's own gate. */\nexport function PageFlowRoute({ match }: PageFlowRouteProps): ReactElement {\n  const app = useApp();\n  const snapshot = useApplicationSnapshot();\n  const permissions = usePermissions();\n  const resource = canonicalNavKey(match as never);\n  const id = match.id ?? '';\n  const name = match.flow ?? '';\n  // (1) Decided before anything is read.\n  if (permissions?.status === 'loading') return <RecordState state=\"loading\" />;\n  // (2) Static: a record page to hang the route on, and an item flow whose effective host is page.\n  const flow = effectiveFlow(snapshot, match.ref, name);\n  const hasRecordPage =\n    recordRouteAvailable(app.registry, resource, 'show') ||\n    recordRouteAvailable(app.registry, resource, 'edit');\n  // A name no item flow answers to is no route at all (`/orders/x/segments`): the framework 404,\n  // as for any unmatched URL. A flow that exists but is not page-hosted, or a record page that is\n  // missing, keeps the record route's not-found, so a denied flow reads like a missing record.\n  if (flow === undefined) return <NavAreaNotFound />;\n  if (!hasRecordPage || flow.host !== 'page' || id === '') return <RecordState state=\"not-found\" />;\n  return <PageFlowRecord key={`${resource}:${id}:${name}`} {...{ resource, id, name }} />;\n}\n\n/** (3) The record by id, with the record DTO: the same read the record route makes. */\nfunction PageFlowRecord(props: PageFlowProps): ReactElement {\n  const { resource, id } = props;\n  const app = useApp();\n  const def = app.registry.get(resource);\n  const projection = useMemo(\n    () => (def === undefined ? undefined : dtoFields(def, 'record')),\n    [def],\n  );\n  const query = useOne(resource, {\n    id,\n    retry: retryRecordRead,\n    ...(projection === undefined ? {} : { projection }),\n  });\n  const result = query.data as { readonly data?: unknown } | undefined;\n  if (result !== undefined) {\n    const record = result.data;\n    if (record === null || typeof record !== 'object') return <RecordState state=\"not-found\" />;\n    return <PageFlowGate {...props} record={record as Row} />;\n  }\n  if (query.error != null) {\n    const state = recordErrorState(query.error);\n    return (\n      <RecordState\n        state={state}\n        onRetry={state === 'error' ? () => void query.refetch() : undefined}\n      />\n    );\n  }\n  return <RecordState state=\"loading\" />;\n}\n\n/** (4) The flow's gate over the row, as its button decides it: no second rule here. */\nfunction PageFlowGate(props: PageFlowProps & { readonly record: Row }): ReactElement {\n  const { resource, name, record } = props;\n  const resolve = useFlowRowResolver(resource);\n  const control = resolve(name, record);\n  // Someone else's change can take the flow away under a form that holds input: the page keeps\n  // the form, read-only, with the \"no longer applies\" notice and Discard (3.12), instead of\n  // unmounting it silently. `useRef` here, `PageFlowRun` mounted from the first available render.\n  const dirty = useRef(false);\n  const running = useRef(false);\n  const goneNow =\n    (control.state === 'absent' && control.cause === 'when') || control.state === 'disabled';\n  const keep = goneNow && running.current && dirty.current;\n  const track = (value: boolean) => {\n    dirty.current = value;\n  };\n  if (keep)\n    return (\n      <PageFlowRun {...props} stale onDirty={track} onMounted={(on) => (running.current = on)} />\n    );\n  switch (control.state) {\n    case 'undecided':\n    case 'pending':\n      return <RecordState state=\"loading\" />;\n    case 'absent':\n      return control.cause === 'when' ? (\n        <PageFlowUnavailable {...props} />\n      ) : (\n        <RecordState state=\"not-found\" />\n      );\n    case 'disabled':\n      return (\n        <PageFlowUnavailable\n          {...props}\n          {...(control.reason === undefined ? {} : { reason: control.reason })}\n        />\n      );\n    default:\n      return (\n        <PageFlowRun\n          {...props}\n          record={(control.record ?? record) as Row}\n          onDirty={track}\n          onMounted={(on) => (running.current = on)}\n        />\n      );\n  }\n}\n\n/**\n * The flow's name, the record's title and the record's way back, shared by every state of the\n * page that shows the record. It also tells the header's trail (`<HeaderBreadcrumbs>`) the\n * record's title and the flow's label, which the trail ends with: only these states do, so a\n * loading or not-found flow route never names its flow.\n */\nfunction usePageFlowFrame(props: PageFlowProps & { readonly record: Row }) {\n  const { resource, id, name, record } = props;\n  const app = useApp();\n  const chrome = useFlowChrome(resource, name);\n  const title = useProjectedTitle(resource, id, record);\n  const showable = recordRouteAvailable(app.registry, resource, 'show');\n  const recordHref = hrefFor(app.registry, resource, {\n    action: showable ? 'show' : 'edit',\n    id,\n  });\n  usePublishRecordTrail({\n    key: recordTrailKey(resource, id, `flow:${name}`),\n    title,\n    flowLabel: chrome.labelText,\n  });\n  return { chrome, title, recordHref };\n}\n\n/** `when` false, or a blocking check: the reason and the way back, no form. */\nfunction PageFlowUnavailable(\n  props: PageFlowProps & { readonly record: Row; readonly reason?: string },\n): ReactElement {\n  const t = useOptionalT();\n  const tid = useTestIds();\n  const { recordHref } = usePageFlowFrame(props);\n  const Link = useLinkComponent();\n  const flowId = usePageFlowId(props.resource, props.name);\n  return (\n    <div>\n      <div\n        role=\"status\"\n        data-testid={`${tid.pageFlow(flowId)}:unavailable`}\n        className=\"flex flex-col gap-2 px-1 py-6 text-sm\"\n      >\n        <p className=\"font-medium\">\n          {text(t, 'flow.notAvailable', 'This action is not available')}\n        </p>\n        {props.reason === undefined ? null : (\n          <p className=\"text-muted-foreground\">{props.reason}</p>\n        )}\n        <Link href={recordHref} className=\"underline\">\n          {text(t, 'flow.back', 'Back')}\n        </Link>\n      </div>\n    </div>\n  );\n}\n\n/** The flow's identity (`default:articles/actions/rename`), for test ids; stable when compiled. */\nfunction usePageFlowId(resource: string, name: string): string {\n  const app = useApp();\n  const def = app.registry.get(resource);\n  return useMemo(() => {\n    try {\n      return def === undefined\n        ? `${resource}/actions/${name}`\n        : compileFlow(def as never, name).flowId;\n    } catch {\n      return `${resource}/actions/${name}`;\n    }\n  }, [def, resource, name]);\n}\n\n/** (5) The run and its host. */\nfunction PageFlowRun(\n  props: PageFlowProps & {\n    readonly record: Row;\n    /** The flow no longer applies: the form stays, read-only, with a notice and Discard. */\n    readonly stale?: boolean;\n    readonly onDirty?: (dirty: boolean) => void;\n    readonly onMounted?: (mounted: boolean) => void;\n  },\n): ReactElement {\n  const { resource, name, stale = false, onDirty, onMounted } = props;\n  // The run belongs to the record as it was opened: the refetch after the write must not build\n  // a new run (and lose the outcome `then` is about to run on). Display reads the fresh one.\n  const [record] = useState(props.record);\n  const t = useOptionalT();\n  const tid = useTestIds();\n  const navigate = useRouteNavigate();\n  const Link = useLinkComponent();\n  const scopeEffects = useDispatcherEffects();\n  const { chrome, title, recordHref } = usePageFlowFrame(props);\n  const navigateRef = useRef(navigate);\n  navigateRef.current = navigate;\n  // `redirect` replaces the page: Back cannot reach a form that has been submitted.\n  const thenEffects = useCallback(\n    () => ({\n      ...scopeEffects(),\n      redirect: (to: Parameters<typeof navigate>[0]) => navigateRef.current(to, { replace: true }),\n    }),\n    [scopeEffects],\n  );\n  const target = useMemo(() => ({ resource, action: name }), [resource, name]);\n  const flow = useFlowRun(target, { record, surface: 'page', thenEffects });\n  // `then` is the page's to run, once it left the form (4.13).\n  flow.holdThen(true);\n  const { run, snapshot, compiled } = flow;\n  const flowRef = useRef(flow);\n  flowRef.current = flow;\n\n  // The page leaves the form behind: after the form below it reset (a clean form asks the guard\n  // nothing), replace the page by the destination, then run `then` over it.\n  const [finished, setFinished] = useState(false);\n  useEffect(() => {\n    if (!finished) return;\n    const current = flowRef.current;\n    if (current.compiled?.flow.then?.redirect === undefined)\n      navigateRef.current(recordHref, { replace: true });\n    // After the route committed: an overlay opened by `then` belongs to the destination, and a\n    // route change in flight would close it again.\n    setTimeout(() => current.runThen(), 0);\n  }, [finished, recordHref]);\n  const binding = useMemo<FlowHostBinding>(\n    () => ({\n      kind: 'page',\n      close: () => navigateRef.current(recordHref),\n      finish: () => setFinished(true),\n    }),\n    [recordHref],\n  );\n\n  useEffect(() => {\n    onMounted?.(true);\n    return () => onMounted?.(false);\n  }, [onMounted]);\n  // Unsaved input or an unresolved attempt: what the gate must not unmount silently.\n  useEffect(() => {\n    if (run === null) return;\n    let initial: string | undefined;\n    const sync = () => {\n      const now = run.getSnapshot();\n      if (initial === undefined && now.history.includes('open'))\n        initial = JSON.stringify(now.values);\n      onDirty?.(\n        now.outcome?.outcome !== 'success' &&\n          (now.outcome?.outcome === 'unknown' ||\n            (initial !== undefined && JSON.stringify(now.values) !== initial)),\n      );\n    };\n    sync();\n    return run.subscribe(sync);\n  }, [run, onDirty]);\n  // Discard: the input is dropped first, so the guard has nothing to ask, then the page leaves.\n  const [discarded, setDiscarded] = useState(false);\n  useEffect(() => {\n    if (discarded) navigateRef.current(recordHref, { replace: true });\n  }, [discarded, recordHref]);\n\n  const documentTitle = `${chrome.labelText}${title === '' ? '' : ` · ${title}`}`;\n  useEffect(() => {\n    const previous = document.title;\n    document.title = documentTitle;\n    return () => {\n      document.title = previous;\n    };\n  }, [documentTitle]);\n\n  const opened =\n    run !== null &&\n    compiled !== null &&\n    (snapshot.history.includes('open') || snapshot.step === 'outcome');\n  const refused = snapshot.control === 'disabled' || snapshot.control === 'absent';\n  return (\n    <div\n      data-testid={compiled === null ? undefined : tid.pageFlow(compiled.flowId)}\n      className=\"flex min-h-0 flex-col gap-4\"\n    >\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <Link\n          href={recordHref}\n          className=\"ml-auto text-sm underline\"\n          data-testid={`${tid.pageFlow(compiled?.flowId ?? name)}:back`}\n        >\n          {text(t, 'flow.back', 'Back')}\n        </Link>\n      </div>\n      {stale ? (\n        <div\n          role=\"status\"\n          data-buro-flow-state=\"stale\"\n          className=\"flex flex-wrap items-center gap-2 text-sm text-muted-foreground\"\n        >\n          <span>{text(t, 'flow.noLongerApplies', 'This action no longer applies')}</span>\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            onClick={() => {\n              flow.reset();\n              setDiscarded(true);\n            }}\n          >\n            {text(t, 'flow.discard', 'Discard')}\n          </Button>\n        </div>\n      ) : null}\n      {opened ? (\n        <FlowHostBindingContext.Provider value={binding}>\n          <fieldset disabled={stale} className=\"m-0 min-w-0 border-0 p-0\">\n            <FlowScreen\n              host=\"page\"\n              run={run}\n              compiled={compiled}\n              label={chrome.labelText}\n              {...(title === '' ? {} : { title })}\n              record={record}\n            />\n          </fieldset>\n        </FlowHostBindingContext.Provider>\n      ) : refused ? (\n        <p role=\"alert\" className=\"text-sm\">\n          {snapshot.reason ?? text(t, 'flow.unavailable', 'Not allowed.')}\n        </p>\n      ) : (\n        <IconLoader2 className=\"h-5 w-5 animate-spin self-center\" aria-hidden=\"true\" />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}