@crewlethq/ui 0.56.0 → 0.57.0

package/README.md

@@ -205,6 +205,16 @@ places:
 - A surface that pans or zooms dispatches `LAYER_REPOSITION_EVENT` on its host
   when the content beneath it moves, and every panel anchored inside follows.
 
+## Changes in 0.57.0
+
+**`AppShell` takes `asideModal`**, so an `overlay` aside can leave the page live beside it. `true`, the default, keeps the 0.56.0 overlay: a modal dialog behind a veil with Tab held inside. `false` draws the overlay with no veil, no trap and nothing made inert: it is a complementary region named by `asideLabel`, focus moves into it when it opens, Escape from inside it calls `onAsideClose` (unless a control inside answered the key, or a menu or dialog on the layer stack owns it), and focus goes back to what opened it if it was still inside when it closed. A column is never modal and a `sheet` always is, whatever the prop says. The aside carries `data-modal`.
+
+**`ProposalCard` takes `failureOutcome`** (`unchanged` or `unknown`; `ProposalFailureOutcome`, `PROPOSAL_FAILURE_OUTCOMES`), so a failed card says "Nothing changed." only when it is true. `unchanged`, the default, keeps the 0.56.0 drawing: the Tag "Not applied" and the engine's sentence followed by "Nothing changed.". `unknown` is a change sent without an answer, which may have landed: the Tag reads "Not confirmed" (`labels.notConfirmed`) and the strip is the `failure` sentence alone, or `labels.unknownNotice` ("Could not confirm whether this was applied. It may have landed.") without one. A failed card carries `data-outcome`. A consumer that drew an unknown outcome as `failed` passes `failureOutcome="unknown"`; nothing else changes.
+
+**`ProposalCard` takes `decisionRefusal`** (`{ sentence, hint? }`; `ProposalDecisionRefusal`): why the person's last decision was refused while the card still waits on one, such as an approval that needs a fresh sign-in or that met a moved record, so the card stays `pending` or `stepup`. It is drawn above the decision as the inline `RefusalStrip`, and announced politely from a live region the foot keeps from the moment it holds a decision, through `applying`, so words that arrive later are heard. The consumer clears it. It is ignored once the card has settled. In `pending` and `stepup` the foot therefore holds one more `status` region, empty and visually hidden until a refusal arrives; a test that read the step-up notice with `getByRole('status')` should read it from the strip.
+
+**`ReceiptStrip` and `RefusalStrip` take `announce`** (true by default). False drops the strip's own `alert` or `status` role, for a host that keeps the live region around it.
+
 ## Changes in 0.56.0
 
 ### The frame and its panels

package/dist/AppShell/AppShell.d.ts

@@ -45,7 +45,8 @@
  * gutter are all the sheet's, and the sheet keeps them. Where the window
  * cannot hold the page and the panel side by side the panel is an overlay
  * over the page's end, and on a phone it is the whole window; both are
- * modal surfaces on the shared layer stack. WHICH SHAPE is the host's
+ * modal surfaces on the shared layer stack, unless the host asks for an
+ * overlay that leaves the page live beside it (`asideModal={false}`). WHICH SHAPE is the host's
  * decision (`asideShape`), never a media query's: the width that leaves the
  * page its floor depends on what else the frame holds and on the density,
  * which only the application knows.
@@ -153,7 +154,16 @@ export interface AppShellProps extends Omit<HTMLAttributes<HTMLDivElement>, 'tit
     asideLabel?: string | undefined;
     /** Which shape the aside takes; the host decides it. */
     asideShape?: AppShellAsideShape | undefined;
-    /** Closes the aside: Escape and a press on the veil, as an overlay or a sheet. */
+    /**
+     * Whether the aside is modal as an `overlay`: true (the default) draws it
+     * as a dialog behind a veil, with Tab held inside; false leaves the page
+     * live beside it, a complementary region with no veil and no trap that
+     * Escape from inside still closes, handing focus back to what opened it.
+     * A column is never modal and a sheet, which covers the whole window,
+     * always is.
+     */
+    asideModal?: boolean | undefined;
+    /** Closes the aside: Escape and, behind a veil, a press on the veil, as an overlay or a sheet. */
     onAsideClose?: (() => void) | undefined;
     /** Gives the aside a grip in the seam beside it while it is a column. */
     asideResize?: AppShellAsideResize | undefined;
@@ -171,7 +181,7 @@ export interface AppShellProps extends Omit<HTMLAttributes<HTMLDivElement>, 'tit
     peekShape?: AppShellPeekShape | undefined;
     children?: ReactNode;
 }
-export declare function AppShell({ sidebar, topbar, banner, footer, mainId, mainRef, fill, navigationKey, toggleLabel, skipLabel, aside, asideWidth, asideReserve, asideLabel, asideShape, onAsideClose, asideResize, peek, peekShape, className, style, children, ...rest }: AppShellProps): import("react").JSX.Element;
+export declare function AppShell({ sidebar, topbar, banner, footer, mainId, mainRef, fill, navigationKey, toggleLabel, skipLabel, aside, asideWidth, asideReserve, asideLabel, asideShape, asideModal, onAsideClose, asideResize, peek, peekShape, className, style, children, ...rest }: AppShellProps): import("react").JSX.Element;
 export declare namespace AppShell {
     var Rail: typeof AppShellRail;
     var RailRow: import("react").ForwardRefExoticComponent<AppShellRailRowProps & import("react").RefAttributes<HTMLElement>>;

package/dist/AppShell/index.js

@@ -1,4 +1,4 @@
-export { APP_SHELL_ASIDE_WIDTH, AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, readStoredWidth, useAppShell, useStoredWidth } from '../chunk-UVYGMCJ4.js';
+export { APP_SHELL_ASIDE_WIDTH, AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, readStoredWidth, useAppShell, useStoredWidth } from '../chunk-YGC7BFX2.js';
 import '../chunk-RTPQDNW3.js';
 import '../chunk-TKS7FTTO.js';
 export { RESIZE_HANDLE_LARGE_STEP, RESIZE_HANDLE_STEP, ResizeHandle, clampSize, useAppShellAside, useAppShellPeek } from '../chunk-PIYJNCN7.js';

package/dist/AppShell/regions.d.ts

@@ -11,6 +11,8 @@
  *   region; the page reflows narrower and stays reachable with Tab.
  * - `overlay`: over the page's end edge, behind a veil, a modal dialog: Tab
  *   stays in it, Escape and a press on the veil close it, focus returns.
+ *   With `asideModal={false}` it has no veil and no trap: a complementary
+ *   region the page stays live beside, which Escape from inside closes.
  * - `sheet`: the whole window, for a phone; modal in the same way.
  */
 export type AppShellAsideShape = 'column' | 'overlay' | 'sheet';

package/dist/OpenInAppCard/index.js

@@ -1,5 +1,5 @@
-export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from '../chunk-YY445YFQ.js';
-import '../chunk-XQI2OUV4.js';
+export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from '../chunk-CZNG3V6L.js';
+import '../chunk-LZXY6IMO.js';
 import '../chunk-BAKPMH3S.js';
 import '../chunk-3LI4TRUR.js';
 import '../chunk-WDIVALLP.js';

package/dist/ProposalCard/ProposalCard.d.ts

@@ -1,6 +1,7 @@
 import type { HTMLAttributes, ReactNode } from 'react';
 import { type ChangeListLabels, type ChangeListRow } from '../ChangeList/index.js';
 import type { DiffListLabels } from '../DiffList/index.js';
+import '../VisuallyHidden/index.js';
 /**
  * Where a proposed change stands: `pending` (waiting on the person),
  * `stepup` (the approval needs a fresh sign-in), `applying` (approved and
@@ -19,6 +20,24 @@ export declare const PROPOSAL_STATES: readonly ["pending", "stepup", "applying",
 export type ProposalScope = 'page' | 'server';
 /** What the change does to a record: change fields of one, or create one. */
 export type ProposalKind = 'change' | 'create';
+/**
+ * What a `failed` card came to: refused or not carried out, so nothing
+ * changed (`unchanged`), or carried out without an answer, so nobody can say
+ * whether it landed (`unknown`). Only `unchanged` says "Nothing changed.".
+ */
+export type ProposalFailureOutcome = 'unchanged' | 'unknown';
+export declare const PROPOSAL_FAILURE_OUTCOMES: readonly ["unchanged", "unknown"];
+/**
+ * Why the person's own decision was refused while the card stays open to
+ * another one: the approval was turned down (a fresh sign-in, a change that
+ * moved) but the proposal itself still stands.
+ */
+export interface ProposalDecisionRefusal {
+    /** The refusal, in the engine's own sentence. */
+    sentence: ReactNode;
+    /** What the person can do next, on its own quieter line. */
+    hint?: ReactNode;
+}
 export interface ProposalCardLabels {
     needsApproval: string;
     needsSignIn: string;
@@ -30,6 +49,8 @@ export interface ProposalCardLabels {
     expired: string;
     stale: string;
     notApplied: string;
+    /** The Tag of a failed card whose outcome is `unknown`. */
+    notConfirmed: string;
     decline: string;
     confirmIdentity: string;
     prepareAgain: string;
@@ -44,6 +65,8 @@ export interface ProposalCardLabels {
     expiredNotice: string;
     staleNotice: string;
     nothingChanged: string;
+    /** The sentence of a failed card whose outcome is `unknown` and that has no `failure` of its own. */
+    unknownNotice: string;
     /** Why Decline is held while the approved change is carried out. */
     busy: string;
 }
@@ -81,12 +104,24 @@ export interface ProposalCardProps extends Omit<HTMLAttributes<HTMLElement>, 'ti
     onRetry?: (() => void) | undefined;
     /** What was done, for an applied card: "Created ENG-156 · assigned to Agent SWE". */
     receipt?: ReactNode;
-    /** Why it was not applied, for a failed card, in the engine's own sentence. "Nothing changed." follows it. */
+    /**
+     * Why it was not applied, for a failed card, in the engine's own sentence.
+     * "Nothing changed." follows it when `failureOutcome` is `unchanged`.
+     */
     failure?: ReactNode;
+    /**
+     * What a failed card came to; see `ProposalFailureOutcome`. `unchanged`
+     * (the default) follows the sentence with "Nothing changed." under the Tag
+     * "Not applied". `unknown` never claims that: the Tag reads "Not
+     * confirmed" and the strip is the `failure` sentence alone, or
+     * `labels.unknownNotice` without one. Ignored in every other state.
+     */
+    failureOutcome?: ProposalFailureOutcome | undefined;
     /**
      * What the person can do next about a failure, on its own quieter line
-     * after the failure sentence and "Nothing changed.": the route's next step,
-     * such as "Ask an admin to give you access." Drawn only with `failure`.
+     * after the failure sentence (and "Nothing changed.", where it is said):
+     * the route's next step, such as "Ask an admin to give you access." Drawn
+     * only with `failure`.
      */
     failureHint?: ReactNode;
     /**
@@ -99,6 +134,16 @@ export interface ProposalCardProps extends Omit<HTMLAttributes<HTMLElement>, 'ti
      * other state. Decline stays available.
      */
     approveBlocked?: string | undefined;
+    /**
+     * Why the person's last decision was refused while the card still waits on
+     * one (`pending` or `stepup`): the approval came back refused, but the
+     * proposal stands and can be decided again. Drawn above the decision in the
+     * danger ink, with its hint, and announced politely: the foot keeps a live
+     * region for it from the moment the card can be decided, so words that
+     * arrive later are heard. The consumer clears it (on the next press, say).
+     * Ignored in every other state, where the strip says what happened.
+     */
+    decisionRefusal?: ProposalDecisionRefusal | undefined;
     /** Replaces the default sentence of a step-up, declined, expired or stale card. */
     notice?: ReactNode;
     labels?: Partial<ProposalCardLabels> | undefined;
@@ -130,5 +175,9 @@ export interface ProposalCardProps extends Omit<HTMLAttributes<HTMLElement>, 'ti
  *
  * Every sentence a refusal shows is the caller's (the engine's), never the
  * card's own words about why.
+ *
+ * "NOTHING CHANGED." ONLY WHEN IT IS TRUE. A failure whose outcome nobody
+ * could confirm (`failureOutcome="unknown"`) may have landed, so the card
+ * says "Not confirmed" and never adds the reassurance.
  */
-export declare function ProposalCard({ title, subtitle, state, scope, kind, summary, changes, changesHeading, note, approveLabel, onApprove, onDecline, onPrepareAgain, onRetry, receipt, failure, failureHint, approveBlocked, notice, labels: overrides, changeLabels, diffLabels, className, ...rest }: ProposalCardProps): import("react").JSX.Element;
+export declare function ProposalCard({ title, subtitle, state, scope, kind, summary, changes, changesHeading, note, approveLabel, onApprove, onDecline, onPrepareAgain, onRetry, receipt, failure, failureOutcome, failureHint, approveBlocked, decisionRefusal, notice, labels: overrides, changeLabels, diffLabels, className, ...rest }: ProposalCardProps): import("react").JSX.Element;

package/dist/ProposalCard/index.d.ts

@@ -1,3 +1,3 @@
 import './ProposalCard.css';
-export { PROPOSAL_CARD_LABELS, PROPOSAL_STATES, ProposalCard } from './ProposalCard.js';
-export type { ProposalCardLabels, ProposalCardProps, ProposalKind, ProposalScope, ProposalState } from './ProposalCard.js';
+export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, ProposalCard } from './ProposalCard.js';
+export type { ProposalCardLabels, ProposalCardProps, ProposalDecisionRefusal, ProposalFailureOutcome, ProposalKind, ProposalScope, ProposalState, } from './ProposalCard.js';

package/dist/ProposalCard/index.js

@@ -1,5 +1,5 @@
-export { PROPOSAL_CARD_LABELS, PROPOSAL_STATES, ProposalCard } from '../chunk-E4DZOE55.js';
-import '../chunk-XQI2OUV4.js';
+export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, ProposalCard } from '../chunk-CIYHSTIF.js';
+import '../chunk-LZXY6IMO.js';
 import '../chunk-WDIVALLP.js';
 import '../chunk-NEHSV55H.js';
 import '../chunk-Z3GDMNMU.js';

package/dist/{ProposalCard-HLB3FNLA.css → ProposalCard-23575F4C.css}

@@ -17,3 +17,13 @@
   font-size: var(--font-size-compact);
   text-align: end;
 }
+
+/* WHY THE LAST DECISION WAS REFUSED, on a line of its own above the
+   decision and at its end, as the held primary's reason is: the refusal
+   strip's own inline drawing, which wraps rather than widening the row. */
+.crewlet-proposal-card__refusal {
+  display: flex;
+  flex: 1 1 100%;
+  justify-content: flex-end;
+  text-align: end;
+}

package/dist/ReceiptStrip/ReceiptStrip.d.ts

@@ -14,6 +14,13 @@ export interface ReceiptStripProps extends Omit<HTMLAttributes<HTMLDivElement>,
     children: ReactNode;
     /** Controls at the strip's end, such as Try again. */
     actions?: ReactNode;
+    /**
+     * Whether the strip is its own live region (true, the default: an alert
+     * for `danger`, a status otherwise). False leaves the announcement to a
+     * live region the host already keeps around it, which is the reliable way
+     * to announce words that arrive after the page did.
+     */
+    announce?: boolean | undefined;
 }
 /**
  * What happened, at the foot of a card: "Created ENG-156 · assigned to Agent
@@ -27,7 +34,7 @@ export interface ReceiptStripProps extends Omit<HTMLAttributes<HTMLDivElement>,
  * one tone a reader must not miss; every other tone is a polite status.
  * Colour is never alone: the mark and the words say the outcome.
  */
-export declare function ReceiptStrip({ tone, icon, children, actions, className, ...rest }: ReceiptStripProps): import("react").JSX.Element;
+export declare function ReceiptStrip({ tone, icon, children, actions, announce, className, ...rest }: ReceiptStripProps): import("react").JSX.Element;
 export interface RefusalStripLabels {
     retry: string;
     dismiss: string;
@@ -48,6 +55,11 @@ export interface RefusalStripProps extends Omit<HTMLAttributes<HTMLElement>, 'ro
     onDismiss?: (() => void) | undefined;
     /** `inline` (the default) under a control; `foot` as a card's foot strip. */
     placement?: RefusalStripPlacement | undefined;
+    /**
+     * Whether the strip is its own alert (true, the default). False leaves the
+     * announcement to a live region the host keeps around it.
+     */
+    announce?: boolean | undefined;
     labels?: Partial<RefusalStripLabels> | undefined;
 }
 /**
@@ -63,4 +75,4 @@ export interface RefusalStripProps extends Omit<HTMLAttributes<HTMLElement>, 'ro
  * AN ALERT, because a write that did not happen is the one outcome a reader
  * must hear without looking for it.
  */
-export declare function RefusalStrip({ children, hint, onRetry, retrying, onDismiss, placement, labels: overrides, className, ...rest }: RefusalStripProps): import("react").JSX.Element;
+export declare function RefusalStrip({ children, hint, onRetry, retrying, onDismiss, placement, announce, labels: overrides, className, ...rest }: RefusalStripProps): import("react").JSX.Element;

package/dist/ReceiptStrip/index.js

@@ -1,4 +1,4 @@
-export { REFUSAL_STRIP_LABELS, ReceiptStrip, RefusalStrip } from '../chunk-XQI2OUV4.js';
+export { REFUSAL_STRIP_LABELS, ReceiptStrip, RefusalStrip } from '../chunk-LZXY6IMO.js';
 import '../chunk-HD4QJ2SI.js';
 import '../chunk-EA23JG6R.js';
 import '../chunk-BZFWDIV6.js';

package/dist/RichEditor/index.js

@@ -1,4 +1,4 @@
-export { RichEditor, preloadRichEditor } from '../chunk-NI7WUPH3.js';
+export { RichEditor, preloadRichEditor } from '../chunk-WBTCOFMZ.js';
 export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-CSQTDGTS.js';
 import '../chunk-BAKPMH3S.js';
 import '../chunk-BPCY7ZID.js';

package/dist/{chunk-E4DZOE55.js → chunk-CIYHSTIF.js}

@@ -1,10 +1,10 @@
-import { ReceiptStrip, RefusalStrip } from './chunk-XQI2OUV4.js';
+import { RefusalStrip, ReceiptStrip } from './chunk-LZXY6IMO.js';
 import { StatusCard } from './chunk-WDIVALLP.js';
 import { ChangeList } from './chunk-NEHSV55H.js';
 import { Button } from './chunk-HD4QJ2SI.js';
 import { Spinner } from './chunk-EA23JG6R.js';
 import { cx } from './chunk-ODEQTPFM.js';
-import './ProposalCard-HLB3FNLA.css';
+import './ProposalCard-23575F4C.css';
 import { RefreshCwGlyph, LockGlyph, BanGlyph, ClockGlyph, CircleAlertGlyph, CircleCheckGlyph } from '@crewlethq/icons/glyphs';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
@@ -18,6 +18,7 @@ var PROPOSAL_STATES = [
   "stale",
   "failed"
 ];
+var PROPOSAL_FAILURE_OUTCOMES = ["unchanged", "unknown"];
 var PROPOSAL_CARD_LABELS = {
   needsApproval: "Needs your approval",
   needsSignIn: "Needs sign-in",
@@ -29,6 +30,7 @@ var PROPOSAL_CARD_LABELS = {
   expired: "Expired",
   stale: "Needs a fresh look",
   notApplied: "Not applied",
+  notConfirmed: "Not confirmed",
   decline: "Decline",
   confirmIdentity: "Confirm it\u2019s you",
   prepareAgain: "Prepare it again",
@@ -43,10 +45,11 @@ var PROPOSAL_CARD_LABELS = {
   expiredNotice: "This proposal expired. Nothing changed.",
   staleNotice: "What this would change moved after it was prepared, so it was not applied. Nothing changed.",
   nothingChanged: "Nothing changed.",
+  unknownNotice: "Could not confirm whether this was applied. It may have landed.",
   busy: "The approved change is being carried out"
 };
 var SETTLED = /* @__PURE__ */ new Set(["applied", "declined", "expired", "stale", "failed"]);
-function statusOf(state, scope, labels) {
+function statusOf(state, scope, outcome, labels) {
   switch (state) {
     case "pending":
       return { label: labels.needsApproval, tone: "warning", icon: /* @__PURE__ */ jsx(ClockGlyph, { size: "xs" }) };
@@ -63,7 +66,11 @@ function statusOf(state, scope, labels) {
     case "stale":
       return { label: labels.stale, tone: "neutral", icon: /* @__PURE__ */ jsx(ClockGlyph, { size: "xs" }) };
     case "failed":
-      return { label: labels.notApplied, tone: "danger", icon: /* @__PURE__ */ jsx(CircleAlertGlyph, { size: "xs" }) };
+      return {
+        label: outcome === "unknown" ? labels.notConfirmed : labels.notApplied,
+        tone: "danger",
+        icon: /* @__PURE__ */ jsx(CircleAlertGlyph, { size: "xs" })
+      };
   }
 }
 function headingOf(state, kind, labels) {
@@ -88,8 +95,10 @@ function ProposalCard({
   onRetry,
   receipt,
   failure,
+  failureOutcome = "unchanged",
   failureHint,
   approveBlocked,
+  decisionRefusal,
   notice,
   labels: overrides,
   changeLabels,
@@ -99,8 +108,18 @@ function ProposalCard({
 }) {
   const labels = overrides ? { ...PROPOSAL_CARD_LABELS, ...overrides } : PROPOSAL_CARD_LABELS;
   const settled = SETTLED.has(state);
-  const blocked = (state === "pending" || state === "stepup") && approveBlocked ? approveBlocked : void 0;
-  const decision = state === "pending" || state === "stepup" || state === "applying" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+  const deciding = state === "pending" || state === "stepup";
+  const blocked = deciding && approveBlocked ? approveBlocked : void 0;
+  const refusal = deciding ? decisionRefusal : void 0;
+  const decision = deciding || state === "applying" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "status",
+        className: cx("crewlet-proposal-card__refusal", refusal === void 0 && "crewlet-visually-hidden"),
+        children: refusal === void 0 ? null : /* @__PURE__ */ jsx(RefusalStrip, { announce: false, hint: refusal.hint, children: refusal.sentence })
+      }
+    ),
     blocked === void 0 ? null : /* @__PURE__ */ jsx("p", { className: "crewlet-proposal-card__blocked", "aria-hidden": "true", children: blocked }),
     /* @__PURE__ */ jsx(
       Button,
@@ -121,7 +140,7 @@ function ProposalCard({
       hint: failure === void 0 ? void 0 : failureHint,
       onRetry,
       labels: { retry: labels.tryAgain },
-      children: failure === void 0 ? labels.nothingChanged : /* @__PURE__ */ jsxs(Fragment, { children: [
+      children: failureOutcome === "unknown" ? failure ?? labels.unknownNotice : failure === void 0 ? labels.nothingChanged : /* @__PURE__ */ jsxs(Fragment, { children: [
         failure,
         " ",
         labels.nothingChanged
@@ -134,13 +153,14 @@ function ProposalCard({
       ...rest,
       title,
       subtitle,
-      status: statusOf(state, scope, labels),
+      status: statusOf(state, scope, failureOutcome, labels),
       settled,
       strip,
       actions: decision ?? again,
       actionsAlign: decision ? "end" : "start",
       className: cx("crewlet-proposal-card", `crewlet-proposal-card--${state}`, className),
       "data-state": state,
+      "data-outcome": state === "failed" ? failureOutcome : void 0,
       children: [
         summary === void 0 || summary === null ? null : /* @__PURE__ */ jsx("p", { className: "crewlet-proposal-card__summary", children: summary }),
         /* @__PURE__ */ jsx(
@@ -159,4 +179,4 @@ function ProposalCard({
   );
 }
 
-export { PROPOSAL_CARD_LABELS, PROPOSAL_STATES, ProposalCard };
+export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, ProposalCard };

package/dist/{chunk-YY445YFQ.js → chunk-CZNG3V6L.js}

@@ -1,4 +1,4 @@
-import { ReceiptStrip } from './chunk-XQI2OUV4.js';
+import { ReceiptStrip } from './chunk-LZXY6IMO.js';
 import { safeHref } from './chunk-BAKPMH3S.js';
 import { IconTile } from './chunk-3LI4TRUR.js';
 import { StatusCard } from './chunk-WDIVALLP.js';

package/dist/{chunk-XQI2OUV4.js → chunk-LZXY6IMO.js}

@@ -11,12 +11,20 @@ var ICONS = {
   warning: /* @__PURE__ */ jsx(TriangleAlertGlyph, { size: "md" }),
   danger: /* @__PURE__ */ jsx(CircleAlertGlyph, { size: "md" })
 };
-function ReceiptStrip({ tone = "success", icon, children, actions, className, ...rest }) {
+function ReceiptStrip({
+  tone = "success",
+  icon,
+  children,
+  actions,
+  announce = true,
+  className,
+  ...rest
+}) {
   return /* @__PURE__ */ jsxs(
     "div",
     {
       ...rest,
-      role: tone === "danger" ? "alert" : "status",
+      role: announce ? tone === "danger" ? "alert" : "status" : void 0,
       className: cx("crewlet-receipt-strip", `crewlet-receipt-strip--${tone}`, className),
       children: [
         /* @__PURE__ */ jsx("span", { className: "crewlet-receipt-strip__icon", "aria-hidden": "true", children: icon ?? ICONS[tone] }),
@@ -34,6 +42,7 @@ function RefusalStrip({
   retrying = false,
   onDismiss,
   placement = "inline",
+  announce = true,
   labels: overrides,
   className,
   ...rest
@@ -48,9 +57,9 @@ function RefusalStrip({
     hint === void 0 || hint === null ? null : /* @__PURE__ */ jsx("span", { className: "crewlet-refusal-strip__hint", children: hint })
   ] });
   if (placement === "foot") {
-    return /* @__PURE__ */ jsx(ReceiptStrip, { ...rest, tone: "danger", actions, className: cx("crewlet-refusal-strip--foot", className), children: words });
+    return /* @__PURE__ */ jsx(ReceiptStrip, { ...rest, tone: "danger", announce, actions, className: cx("crewlet-refusal-strip--foot", className), children: words });
   }
-  return /* @__PURE__ */ jsxs("span", { ...rest, role: "alert", className: cx("crewlet-refusal-strip", className), children: [
+  return /* @__PURE__ */ jsxs("span", { ...rest, role: announce ? "alert" : void 0, className: cx("crewlet-refusal-strip", className), children: [
     words,
     actions
   ] });

package/dist/{chunk-NI7WUPH3.js → chunk-WBTCOFMZ.js}

@@ -9,7 +9,7 @@ import { jsx } from 'react/jsx-runtime';
 var engine = null;
 var loading = null;
 function loadEngine() {
-  loading ??= import('./Editor-X2J47LPD.js').then(
+  loading ??= import('./Editor-S4HARQ7V.js').then(
     (module) => {
       engine = module.Editor;
       return engine;

package/dist/{chunk-UVYGMCJ4.js → chunk-YGC7BFX2.js}

@@ -2,8 +2,9 @@ import { useMediaMatch } from './chunk-RTPQDNW3.js';
 import { Menu } from './chunk-TKS7FTTO.js';
 import { PeekContext, AsideContext, ResizeHandle, clampSize } from './chunk-PIYJNCN7.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
-import { useModalLayer, focusables } from './chunk-H5XTJ7GJ.js';
+import { focusables, useModalLayer, isComposing, layerCount } from './chunk-H5XTJ7GJ.js';
 import { IconButton } from './chunk-2BQYODY3.js';
+import { returnFocus } from './chunk-NUZHC6MM.js';
 import { VisuallyHidden } from './chunk-BZFWDIV6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';
@@ -102,6 +103,7 @@ function AppShell({
   asideReserve,
   asideLabel,
   asideShape = "column",
+  asideModal = true,
   onAsideClose,
   asideResize,
   peek,
@@ -245,6 +247,7 @@ function AppShell({
           ShellAside,
           {
             shape: asideShape,
+            modal: asideShape === "sheet" || asideShape === "overlay" && asideModal,
             label: asideLabel,
             width: asideWidth,
             resize: asideResize,
@@ -256,10 +259,10 @@ function AppShell({
     }
   ) });
 }
-function ShellAside({ shape, label, width, resize, onClose, children }) {
+function ShellAside({ shape, modal, label, width, resize, onClose, children }) {
   const region = useRef(null);
   const surfaceId = useId();
-  const modal = shape !== "column";
+  useLooseOverlay(region, shape === "overlay" && !modal, onClose);
   const [z, setZ] = useState(null);
   return /* @__PURE__ */ jsxs(AsideContext.Provider, { value: { shape }, children: [
     /* @__PURE__ */ jsxs(
@@ -271,10 +274,11 @@ function ShellAside({ shape, label, width, resize, onClose, children }) {
         role: modal ? "dialog" : "complementary",
         "aria-modal": modal || void 0,
         "aria-label": label,
-        tabIndex: modal ? -1 : void 0,
+        tabIndex: modal || shape === "overlay" ? -1 : void 0,
+        "data-modal": modal ? "true" : "false",
         style: modal && z !== null ? { zIndex: z + 1 } : void 0,
         children: [
-          !modal && resize ? /* @__PURE__ */ jsx(
+          shape === "column" && resize ? /* @__PURE__ */ jsx(
             ResizeHandle,
             {
               label: resize.label,
@@ -295,6 +299,39 @@ function ShellAside({ shape, label, width, resize, onClose, children }) {
     modal ? /* @__PURE__ */ jsx(AsideVeil, { region, onClose, onZIndex: setZ }) : null
   ] });
 }
+function useLooseOverlay(region, active, onClose) {
+  const [opener] = useState(() => typeof document === "undefined" ? null : document.activeElement);
+  const loose = useRef(active);
+  loose.current = active;
+  const close = useRef(onClose);
+  close.current = onClose;
+  useEffect(() => {
+    const panel = region.current;
+    if (!loose.current || !panel || panel.contains(document.activeElement)) return;
+    (focusables(panel)[0] ?? panel).focus();
+  }, [region]);
+  useLayoutEffect(() => {
+    const panel = region.current;
+    return () => {
+      if (!loose.current || !panel?.contains(document.activeElement)) return;
+      if (opener instanceof HTMLElement && opener.isConnected && opener !== document.body) returnFocus(opener);
+    };
+  }, [region, opener]);
+  useEffect(() => {
+    const panel = region.current;
+    if (!active || !panel) return void 0;
+    const doc = panel.ownerDocument;
+    const onKeyDown = (event) => {
+      if (event.key !== "Escape" || event.defaultPrevented || isComposing(event)) return;
+      if (!(event.target instanceof Node) || !panel.contains(event.target)) return;
+      if (layerCount() > 0 || !close.current) return;
+      event.preventDefault();
+      close.current();
+    };
+    doc.addEventListener("keydown", onKeyDown);
+    return () => doc.removeEventListener("keydown", onKeyDown);
+  }, [active, region]);
+}
 function AsideVeil({
   region,
   onClose,

package/dist/generated/index.js

@@ -1,8 +1,8 @@
 import '../chunk-EWTPXRRM.js';
 export { ElementToPngError, elementToPng, parseCsv, serializeElement, toCsv } from '../chunk-FEJANUZK.js';
 export { TreeCanvas } from '../chunk-YCZ2FBKA.js';
-export { TypeSpecimen } from '../chunk-JKAFEFFC.js';
 export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-OHG7762N.js';
+export { TypeSpecimen } from '../chunk-JKAFEFFC.js';
 export { VersionTimeline } from '../chunk-67MW366X.js';
 export { WidgetFrame } from '../chunk-PDTEPN4D.js';
 export { ThemeToggle } from '../chunk-N3ISZVLK.js';
@@ -15,13 +15,13 @@ export { ThemeGallery } from '../chunk-ESUZ27TS.js';
 export { ThemeSwatch } from '../chunk-MNFU2RNT.js';
 export { DensitySwitcher, ThemeSwitcher } from '../chunk-S5C64PTT.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from '../chunk-Z24ZUSTX.js';
-export { StatGroup } from '../chunk-OUD75UB2.js';
 export { SuggestionList, SuggestionRow } from '../chunk-SDSBVVLL.js';
 export { Switcher } from '../chunk-67F2AM4R.js';
 export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from '../chunk-3EYSYEXP.js';
 export { SlideGrid } from '../chunk-3V5T5K5H.js';
 export { SOURCE_EDITOR_KEYS, SourceEditor, lineStart } from '../chunk-D3EJSLCL.js';
 export { StatCard } from '../chunk-YPTTSJPM.js';
+export { StatGroup } from '../chunk-OUD75UB2.js';
 export { Statement } from '../chunk-MZJKPTA5.js';
 export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-TD3UHDFY.js';
 export { TagGroup } from '../chunk-O2EGEONV.js';
@@ -32,15 +32,15 @@ export { SlideFilmstrip } from '../chunk-WOW5SCEK.js';
 export { SegmentedMeter, segmentedMeterLabel } from '../chunk-4AK52VHB.js';
 export { SelectionBar } from '../chunk-NK3D66PB.js';
 export { SEND_BUTTON_LABELS, SendButton } from '../chunk-JILNCBBS.js';
-export { SettingsTable, SettingsTableRow } from '../chunk-4RKTZSEW.js';
 export { SetupWizard } from '../chunk-D5OSP3KI.js';
+export { SettingsTable, SettingsTableRow } from '../chunk-4RKTZSEW.js';
 export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-OOZ5AGPS.js';
 export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-EBG3V4MK.js';
 export { Select } from '../chunk-XQZ6EWOE.js';
-export { RichEditor, preloadRichEditor } from '../chunk-NI7WUPH3.js';
-export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-CSQTDGTS.js';
 export { canonicalMarkdown, roundTripMarkdown } from '../chunk-SWD4QBL6.js';
 import '../chunk-QH6VYJ3X.js';
+export { RichEditor, preloadRichEditor } from '../chunk-WBTCOFMZ.js';
+export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-CSQTDGTS.js';
 export { RUN_STATES, RunChip } from '../chunk-EVWTLFKI.js';
 export { STEP_STATES, STEP_STATE_LABELS, StepList, StepStateMark, Stepper, stepDetailPieces } from '../chunk-CGT4R7LW.js';
 export { FRAME_HELLO_TIMEOUT_MS, FRAME_LOAD_GRACE_MS, SandboxedFrame, SandboxedFrameNotice, SandboxedFramePlaceholder } from '../chunk-OZIBNFLO.js';
@@ -58,10 +58,10 @@ export { PresenterView, formatStopwatch } from '../chunk-EGL24VY5.js';
 export { SLIDE_NAV_LABELS, SlideNav } from '../chunk-OHBXOEP3.js';
 export { SLIDE_HEIGHT, SLIDE_WIDTH, SlideStage, useSlideKeys } from '../chunk-RMEBFYL7.js';
 export { PricingCard } from '../chunk-U3ILLCR2.js';
+export { PrincipalPicker } from '../chunk-TA72CURM.js';
 export { PropertyList } from '../chunk-XZ42MKHK.js';
-export { PROPOSAL_CARD_LABELS, PROPOSAL_STATES, ProposalCard } from '../chunk-E4DZOE55.js';
+export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, ProposalCard } from '../chunk-CIYHSTIF.js';
 export { Prose } from '../chunk-JCSA3XVH.js';
-export { PrincipalPicker } from '../chunk-TA72CURM.js';
 export { QR_DARK, QR_LIGHT, QR_QUIET_ZONE, QrCode, qrModulePath, qrModules } from '../chunk-Y56FM3K4.js';
 export { PageNote } from '../chunk-CV4NES3P.js';
 export { PEEK_RAIL_LABELS, PEEK_RAIL_MAX_WIDTH, PEEK_RAIL_MIN_WIDTH, PEEK_RAIL_WIDTH, PeekHost, PeekNeighbours, PeekRail, isPlainPress, peekClickHandler, peekRowActivation, usePeekNeighbours, usePeekOrder, usePeekStep } from '../chunk-LXYSWQNE.js';
@@ -70,8 +70,8 @@ export { PinTile } from '../chunk-JMMS2PQU.js';
 export { PresenceStack } from '../chunk-3LYWD3BO.js';
 import '../chunk-CENOOTAV.js';
 export { FactLine, ObjectHeader, SetByLine } from '../chunk-ICWUDNAZ.js';
-export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from '../chunk-YY445YFQ.js';
-export { REFUSAL_STRIP_LABELS, ReceiptStrip, RefusalStrip } from '../chunk-XQI2OUV4.js';
+export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from '../chunk-CZNG3V6L.js';
+export { REFUSAL_STRIP_LABELS, ReceiptStrip, RefusalStrip } from '../chunk-LZXY6IMO.js';
 export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from '../chunk-YA3AWELW.js';
 export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from '../chunk-GPW4M4OI.js';
 export { TreeGrid } from '../chunk-VRNUKH2W.js';
@@ -138,8 +138,8 @@ export { CONFLICT_NOTE_LABELS, ConflictNote } from '../chunk-HVEDVKXL.js';
 export { Container } from '../chunk-HJO4WCH6.js';
 export { ContrastHelp } from '../chunk-YCGZK2E4.js';
 export { ContrastBadge, ContrastLevelTag, contrastLevel, contrastRatio, formatContrastRatio } from '../chunk-WW7TU6HE.js';
-export { ChoiceList } from '../chunk-EAQLI2SO.js';
 export { CodeBlock } from '../chunk-6T6V5565.js';
+export { ChoiceList } from '../chunk-EAQLI2SO.js';
 export { ColorChip } from '../chunk-6GTTRJWJ.js';
 export { ColorField } from '../chunk-3NQS6KYG.js';
 export { ColorSwatch } from '../chunk-NQGZRMUG.js';
@@ -165,18 +165,18 @@ export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth,
 export { Callout } from '../chunk-BPCY7ZID.js';
 export { BOARD_NAME_MIN_CHARS, CANVAS_BOARD_MAX_LIVE, CANVAS_BOARD_MIN_LIVE_WIDTH, CANVAS_BOARD_MIN_ZOOM, CANVAS_NOTE_COLORS, CanvasBoard, TITLE_GLYPH_EM, boardName, boardRoom, liveBoards, titleSize } from '../chunk-Q6R6EUQ4.js';
 export { Note } from '../chunk-5SZGKSGL.js';
+export { CanvasSchematic } from '../chunk-NBWNLYWZ.js';
 export { CanvasToolbar, toolForKey } from '../chunk-LQ6AGUDL.js';
 export { Toolbar, ToolbarOverflow, ToolbarWide } from '../chunk-NR4CPM4T.js';
 export { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, CANVAS_FIT_PADDING, CANVAS_FOCUS_CONTEXT, CANVAS_MAX_ZOOM, CANVAS_MIN_ZOOM, CANVAS_PAN_MARGIN, CANVAS_PAN_STEP, CANVAS_REVEAL_PADDING, CANVAS_TAP_SLOP, CANVAS_WHEEL_LINE_PX, CANVAS_WHEEL_ZOOM_PER_PIXEL, CANVAS_ZOOM_CEILING, CANVAS_ZOOM_LIMITS, CANVAS_ZOOM_STEP, Canvas, IDENTITY_VIEW, ShortcutTip, anchorView, beyondSlop, clampPan, clampZoom, fitView, gridOf, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from '../chunk-YEURM24I.js';
 import '../chunk-LM3ISVJA.js';
-export { CanvasSchematic } from '../chunk-NBWNLYWZ.js';
 export { CatalogTile } from '../chunk-TGSIVB6H.js';
-export { BrandChip } from '../chunk-ZH77BXMA.js';
 export { AvatarPicker } from '../chunk-4OINEWR4.js';
 export { HuePicker, HueSwatch } from '../chunk-OYAXKHVW.js';
 export { Popover } from '../chunk-KHJIEPZV.js';
 export { NODE_HUES, NODE_HUE_NAMES, isNodeHue } from '../chunk-AYKXMIOR.js';
 export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from '../chunk-SNQRGH4A.js';
+export { BrandChip } from '../chunk-ZH77BXMA.js';
 export { BrandSample } from '../chunk-AVMQMY66.js';
 export { BrandScope, brandScopeInputs } from '../chunk-X7WEE3EK.js';
 import '../chunk-5SGHW42B.js';
@@ -235,7 +235,7 @@ export { DisclosureAnatomy } from '../chunk-TFGCNBWP.js';
 export { Count } from '../chunk-BHHIIK3M.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from '../chunk-PQADV6P6.js';
 export { Announcer, announce, useAnnouncer } from '../chunk-RSAQOKH3.js';
-export { APP_SHELL_ASIDE_WIDTH, AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, readStoredWidth, useAppShell, useStoredWidth } from '../chunk-UVYGMCJ4.js';
+export { APP_SHELL_ASIDE_WIDTH, AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, readStoredWidth, useAppShell, useStoredWidth } from '../chunk-YGC7BFX2.js';
 export { useMediaMatch } from '../chunk-RTPQDNW3.js';
 export { Menu } from '../chunk-TKS7FTTO.js';
 export { RESIZE_HANDLE_LARGE_STEP, RESIZE_HANDLE_STEP, ResizeHandle, clampSize, useAppShellAside, useAppShellPeek } from '../chunk-PIYJNCN7.js';

package/dist/index.js

@@ -1,8 +1,8 @@
 import './chunk-EWTPXRRM.js';
 export { ElementToPngError, elementToPng, parseCsv, serializeElement, toCsv } from './chunk-FEJANUZK.js';
 export { TreeCanvas } from './chunk-YCZ2FBKA.js';
-export { TypeSpecimen } from './chunk-JKAFEFFC.js';
 export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from './chunk-OHG7762N.js';
+export { TypeSpecimen } from './chunk-JKAFEFFC.js';
 export { VersionTimeline } from './chunk-67MW366X.js';
 export { WidgetFrame } from './chunk-PDTEPN4D.js';
 export { ThemeToggle } from './chunk-N3ISZVLK.js';
@@ -15,13 +15,13 @@ export { ThemeGallery } from './chunk-ESUZ27TS.js';
 export { ThemeSwatch } from './chunk-MNFU2RNT.js';
 export { DensitySwitcher, ThemeSwitcher } from './chunk-S5C64PTT.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from './chunk-Z24ZUSTX.js';
-export { StatGroup } from './chunk-OUD75UB2.js';
 export { SuggestionList, SuggestionRow } from './chunk-SDSBVVLL.js';
 export { Switcher } from './chunk-67F2AM4R.js';
 export { TABLE_TAGS_CELL_LABELS, TableDateCell, TableEntityCell, TableKeyCell, TableNumberCell, TableStatusCell, TableTagsCell, TableTextCell } from './chunk-3EYSYEXP.js';
 export { SlideGrid } from './chunk-3V5T5K5H.js';
 export { SOURCE_EDITOR_KEYS, SourceEditor, lineStart } from './chunk-D3EJSLCL.js';
 export { StatCard } from './chunk-YPTTSJPM.js';
+export { StatGroup } from './chunk-OUD75UB2.js';
 export { Statement } from './chunk-MZJKPTA5.js';
 export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from './chunk-TD3UHDFY.js';
 export { TagGroup } from './chunk-O2EGEONV.js';
@@ -32,15 +32,15 @@ export { SlideFilmstrip } from './chunk-WOW5SCEK.js';
 export { SegmentedMeter, segmentedMeterLabel } from './chunk-4AK52VHB.js';
 export { SelectionBar } from './chunk-NK3D66PB.js';
 export { SEND_BUTTON_LABELS, SendButton } from './chunk-JILNCBBS.js';
-export { SettingsTable, SettingsTableRow } from './chunk-4RKTZSEW.js';
 export { SetupWizard } from './chunk-D5OSP3KI.js';
+export { SettingsTable, SettingsTableRow } from './chunk-4RKTZSEW.js';
 export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from './chunk-OOZ5AGPS.js';
 export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from './chunk-EBG3V4MK.js';
 export { Select } from './chunk-XQZ6EWOE.js';
-export { RichEditor, preloadRichEditor } from './chunk-NI7WUPH3.js';
-export { RICH_EDITOR_LABELS, richEditorLabels } from './chunk-CSQTDGTS.js';
 export { canonicalMarkdown, roundTripMarkdown } from './chunk-SWD4QBL6.js';
 import './chunk-QH6VYJ3X.js';
+export { RichEditor, preloadRichEditor } from './chunk-WBTCOFMZ.js';
+export { RICH_EDITOR_LABELS, richEditorLabels } from './chunk-CSQTDGTS.js';
 export { RUN_STATES, RunChip } from './chunk-EVWTLFKI.js';
 export { STEP_STATES, STEP_STATE_LABELS, StepList, StepStateMark, Stepper, stepDetailPieces } from './chunk-CGT4R7LW.js';
 export { FRAME_HELLO_TIMEOUT_MS, FRAME_LOAD_GRACE_MS, SandboxedFrame, SandboxedFrameNotice, SandboxedFramePlaceholder } from './chunk-OZIBNFLO.js';
@@ -58,10 +58,10 @@ export { PresenterView, formatStopwatch } from './chunk-EGL24VY5.js';
 export { SLIDE_NAV_LABELS, SlideNav } from './chunk-OHBXOEP3.js';
 export { SLIDE_HEIGHT, SLIDE_WIDTH, SlideStage, useSlideKeys } from './chunk-RMEBFYL7.js';
 export { PricingCard } from './chunk-U3ILLCR2.js';
+export { PrincipalPicker } from './chunk-TA72CURM.js';
 export { PropertyList } from './chunk-XZ42MKHK.js';
-export { PROPOSAL_CARD_LABELS, PROPOSAL_STATES, ProposalCard } from './chunk-E4DZOE55.js';
+export { PROPOSAL_CARD_LABELS, PROPOSAL_FAILURE_OUTCOMES, PROPOSAL_STATES, ProposalCard } from './chunk-CIYHSTIF.js';
 export { Prose } from './chunk-JCSA3XVH.js';
-export { PrincipalPicker } from './chunk-TA72CURM.js';
 export { QR_DARK, QR_LIGHT, QR_QUIET_ZONE, QrCode, qrModulePath, qrModules } from './chunk-Y56FM3K4.js';
 export { PageNote } from './chunk-CV4NES3P.js';
 export { PEEK_RAIL_LABELS, PEEK_RAIL_MAX_WIDTH, PEEK_RAIL_MIN_WIDTH, PEEK_RAIL_WIDTH, PeekHost, PeekNeighbours, PeekRail, isPlainPress, peekClickHandler, peekRowActivation, usePeekNeighbours, usePeekOrder, usePeekStep } from './chunk-LXYSWQNE.js';
@@ -70,8 +70,8 @@ export { PinTile } from './chunk-JMMS2PQU.js';
 export { PresenceStack } from './chunk-3LYWD3BO.js';
 import './chunk-CENOOTAV.js';
 export { FactLine, ObjectHeader, SetByLine } from './chunk-ICWUDNAZ.js';
-export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from './chunk-YY445YFQ.js';
-export { REFUSAL_STRIP_LABELS, ReceiptStrip, RefusalStrip } from './chunk-XQI2OUV4.js';
+export { OPEN_IN_APP_CARD_LABELS, OpenInAppCard } from './chunk-CZNG3V6L.js';
+export { REFUSAL_STRIP_LABELS, ReceiptStrip, RefusalStrip } from './chunk-LZXY6IMO.js';
 export { OrgNodeDisclosure, OrgNodeLabel, OrgNodeLead } from './chunk-YA3AWELW.js';
 export { OrgTable, OrgTableActions, OrgTableAdd, OrgTableName } from './chunk-GPW4M4OI.js';
 export { TreeGrid } from './chunk-VRNUKH2W.js';
@@ -138,8 +138,8 @@ export { CONFLICT_NOTE_LABELS, ConflictNote } from './chunk-HVEDVKXL.js';
 export { Container } from './chunk-HJO4WCH6.js';
 export { ContrastHelp } from './chunk-YCGZK2E4.js';
 export { ContrastBadge, ContrastLevelTag, contrastLevel, contrastRatio, formatContrastRatio } from './chunk-WW7TU6HE.js';
-export { ChoiceList } from './chunk-EAQLI2SO.js';
 export { CodeBlock } from './chunk-6T6V5565.js';
+export { ChoiceList } from './chunk-EAQLI2SO.js';
 export { ColorChip } from './chunk-6GTTRJWJ.js';
 export { ColorField } from './chunk-3NQS6KYG.js';
 export { ColorSwatch } from './chunk-NQGZRMUG.js';
@@ -165,18 +165,18 @@ export { CalendarGrid, compareDays, daysInMonth, sameDay, shiftDay, shiftMonth,
 export { Callout } from './chunk-BPCY7ZID.js';
 export { BOARD_NAME_MIN_CHARS, CANVAS_BOARD_MAX_LIVE, CANVAS_BOARD_MIN_LIVE_WIDTH, CANVAS_BOARD_MIN_ZOOM, CANVAS_NOTE_COLORS, CanvasBoard, TITLE_GLYPH_EM, boardName, boardRoom, liveBoards, titleSize } from './chunk-Q6R6EUQ4.js';
 export { Note } from './chunk-5SZGKSGL.js';
+export { CanvasSchematic } from './chunk-NBWNLYWZ.js';
 export { CanvasToolbar, toolForKey } from './chunk-LQ6AGUDL.js';
 export { Toolbar, ToolbarOverflow, ToolbarWide } from './chunk-NR4CPM4T.js';
 export { CANVAS_COMPOSE_CONTEXT, CANVAS_FIT_MAX_ZOOM, CANVAS_FIT_PADDING, CANVAS_FOCUS_CONTEXT, CANVAS_MAX_ZOOM, CANVAS_MIN_ZOOM, CANVAS_PAN_MARGIN, CANVAS_PAN_STEP, CANVAS_REVEAL_PADDING, CANVAS_TAP_SLOP, CANVAS_WHEEL_LINE_PX, CANVAS_WHEEL_ZOOM_PER_PIXEL, CANVAS_ZOOM_CEILING, CANVAS_ZOOM_LIMITS, CANVAS_ZOOM_STEP, Canvas, IDENTITY_VIEW, ShortcutTip, anchorView, beyondSlop, clampPan, clampZoom, fitView, gridOf, panBy, pinchView, regionView, revealView, screenRect, toScreen, toWorld, wheelPixels, wheelZoomFactor, zoomAt, zoomLimits } from './chunk-YEURM24I.js';
 import './chunk-LM3ISVJA.js';
-export { CanvasSchematic } from './chunk-NBWNLYWZ.js';
 export { CatalogTile } from './chunk-TGSIVB6H.js';
-export { BrandChip } from './chunk-ZH77BXMA.js';
 export { AvatarPicker } from './chunk-4OINEWR4.js';
 export { HuePicker, HueSwatch } from './chunk-OYAXKHVW.js';
 export { Popover } from './chunk-KHJIEPZV.js';
 export { NODE_HUES, NODE_HUE_NAMES, isNodeHue } from './chunk-AYKXMIOR.js';
 export { CHARACTER_PICKER_COLUMNS, CharacterPicker } from './chunk-SNQRGH4A.js';
+export { BrandChip } from './chunk-ZH77BXMA.js';
 export { BrandSample } from './chunk-AVMQMY66.js';
 export { BrandScope, brandScopeInputs } from './chunk-X7WEE3EK.js';
 import './chunk-5SGHW42B.js';
@@ -235,7 +235,7 @@ export { DisclosureAnatomy } from './chunk-TFGCNBWP.js';
 export { Count } from './chunk-BHHIIK3M.js';
 export { HeadingLevelProvider, headingTag, nextHeadingLevel, useHeadingLevel } from './chunk-PQADV6P6.js';
 export { Announcer, announce, useAnnouncer } from './chunk-RSAQOKH3.js';
-export { APP_SHELL_ASIDE_WIDTH, AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, readStoredWidth, useAppShell, useStoredWidth } from './chunk-UVYGMCJ4.js';
+export { APP_SHELL_ASIDE_WIDTH, AccountRow, AppShell, AppShellRail, AppShellRailRow, AppShellRailStatus, AppShellToggle, AppShellTopbar, readStoredWidth, useAppShell, useStoredWidth } from './chunk-YGC7BFX2.js';
 export { useMediaMatch } from './chunk-RTPQDNW3.js';
 export { Menu } from './chunk-TKS7FTTO.js';
 export { RESIZE_HANDLE_LARGE_STEP, RESIZE_HANDLE_STEP, ResizeHandle, clampSize, useAppShellAside, useAppShellPeek } from './chunk-PIYJNCN7.js';

package/dist/styles.css

@@ -25260,7 +25260,7 @@ button.crewlet-presence-stack__member:focus-visible {
 }
 
 
-/* ProposalCard-HLB3FNLA.css */
+/* ProposalCard-23575F4C.css */
 /*
  * A proposed change. The card, its head, its strip and its foot are
  * StatusCard's; only the note's register is said here: the consequence is a
@@ -25281,6 +25281,16 @@ button.crewlet-presence-stack__member:focus-visible {
   text-align: end;
 }
 
+/* WHY THE LAST DECISION WAS REFUSED, on a line of its own above the
+   decision and at its end, as the held primary's reason is: the refusal
+   strip's own inline drawing, which wraps rather than widening the row. */
+.crewlet-proposal-card__refusal {
+  display: flex;
+  flex: 1 1 100%;
+  justify-content: flex-end;
+  text-align: end;
+}
+
 
 /* Prose-BTXNFT2Q.css */
 /*

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crewlethq/ui",
-  "version": "0.56.0",
+  "version": "0.57.0",
   "description": "Crewlet shared React components built on @crewlethq/tokens and @crewlethq/icons.",
   "license": "MIT",
   "repository": {
@@ -42,8 +42,8 @@
     "clean": "rm -rf dist src/generated"
   },
   "dependencies": {
-    "@crewlethq/icons": "0.56.0",
-    "@crewlethq/tokens": "0.56.0",
+    "@crewlethq/icons": "0.57.0",
+    "@crewlethq/tokens": "0.57.0",
     "prosemirror-commands": "1.7.2",
     "prosemirror-gapcursor": "1.4.1",
     "prosemirror-history": "1.5.1",

package/dist/{Editor-X2J47LPD.js → Editor-S4HARQ7V.js}

@@ -1,5 +1,5 @@
-import { richEditorLabels } from './chunk-CSQTDGTS.js';
 import { schema, readMarkdown, writeMarkdown } from './chunk-QH6VYJ3X.js';
+import { richEditorLabels } from './chunk-CSQTDGTS.js';
 import { safeHref, MARKDOWN_CALLOUT_TONES } from './chunk-BAKPMH3S.js';
 import { Toolbar } from './chunk-NR4CPM4T.js';
 import { FormField, Input } from './chunk-FXQLNETQ.js';