@stridge/kit 0.1.0-alpha.51 → 0.1.0-alpha.52

package/dist/shared/widgets/activity/compound/Activity.styles.js

@@ -0,0 +1 @@
+const e={root:{"Activity__styles.root":`Activity__styles.root`,"position-kVAEAm":`x1n2onr6`,"width-kzqmXN":`xh8yej3`,"maxWidth-ks0D6T":`x17fpy1y`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:21`},header:{"Activity__styles.header":`Activity__styles.header`,"justifyContent-kjj79g":`x1qughib`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:28`},headerLeft:{"Activity__styles.headerLeft":`Activity__styles.headerLeft`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:31`},headerRight:{"Activity__styles.headerRight":`Activity__styles.headerRight`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x1a6yh9e`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:37`},backIcon:{"Activity__styles.backIcon":`Activity__styles.backIcon`,"width-kzqmXN":`x1xp8n7a`,"height-kZKoxP":`xmix8c7`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`xdksllq`,"strokeWidth-kfJifR":`x1k315e8`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:42`},body:{"Activity__styles.body":`Activity__styles.body`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x1a6yh9e`,"paddingTop-kLKAdn":`x4xct4k`,"paddingBottom-kGO01o":`xpnfv0q`,"paddingInlineStart-kZCmMZ":`xmg6hw8`,"paddingInlineEnd-kwRFfy":`x1hvdk87`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:54`},bodyCap:{"Activity__styles.bodyCap":`Activity__styles.bodyCap`,"maxHeight-kskxy":`x17geuhg`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:70`},skeletonRow:{"Activity__styles.skeletonRow":`Activity__styles.skeletonRow`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"gap-kOIVth":`x2blr79`,"paddingBlock-k8WAf4":`x1yowcxs`,"paddingInline-kg3NbH":`xqsvw4s`,"backgroundColor-kWkggS":`xjbqb8w`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:75`},skeletonText:{"Activity__styles.skeletonText":`Activity__styles.skeletonText`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flexBasis-kCS8Yb":`x1r8uery`,"flexGrow-kzQI83":`x1iyjqo2`,"flexShrink-kmuXW":`xs83m0k`,"gap-kOIVth":`x1r05nms`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:83`},empty:{"Activity__styles.empty":`Activity__styles.empty`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"gap-kOIVth":`x1a6yh9e`,"paddingTop-kLKAdn":`x1saie51`,"paddingBottom-kGO01o":`x1ej8hiu`,"paddingInlineStart-kZCmMZ":`xmg6hw8`,"paddingInlineEnd-kwRFfy":`x1hvdk87`,"textAlign-k9WMMc":`x2b8uid`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:94`},emptyIcon:{"Activity__styles.emptyIcon":`Activity__styles.emptyIcon`,"width-kzqmXN":`x1td3qas`,"height-kZKoxP":`x10w6t97`,"color-kMwMTN":`x137ha3m`,"strokeWidth-kfJifR":`x1k315e8`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:106`},error:{"Activity__styles.error":`Activity__styles.error`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"gap-kOIVth":`x2blr79`,"paddingTop-kLKAdn":`x2tg1xt`,"paddingBottom-kGO01o":`x1ww8orz`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:114`},retryRow:{"Activity__styles.retryRow":`Activity__styles.retryRow`,"display-k1xSpc":`x78zum5`,"justifyContent-kjj79g":`xl56j7k`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:121`},bodyEnter:{"Activity__styles.bodyEnter":`Activity__styles.bodyEnter`,"animationName-kKVMdj":`xqcmdr3`,"animationDuration-k44tkh":`x19y0sg2`,"animationTimingFunction-kyAemX":`xrkt6z0`,"animationFillMode-kWV6AL":`x1u6ievf`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Activity.styles.ts:126`}};export{e as styles};

package/dist/shared/widgets/{activity-history/compound/ActivityHistoryDetail.d.ts → activity/compound/ActivityDetail.d.ts}

@@ -1,8 +1,8 @@
 import { ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region src/shared/widgets/activity-history/compound/ActivityHistoryDetail.d.ts
-interface ActivityHistoryDetailOwnProps {
+//#region src/shared/widgets/activity/compound/ActivityDetail.d.ts
+interface ActivityDetailOwnProps {
   /**
    * Optional custom composition. Defaults to mounting all three per-kind parts — each gates
    * internally on the resolved payload's `kind`, so only the matching one renders.
@@ -10,25 +10,32 @@ interface ActivityHistoryDetailOwnProps {
   children?: ReactNode;
 }
 /**
- * Per-settlement detail compound — peer of {@link ActivityHistory}. Mounted by the dialog's
- * `historyDetail` step. Resolves the selected settlement against
+ * Per-settlement detail compound — peer of {@link Activity}. Mounted by the dialog's
+ * `activityDetail` step. Resolves the selected settlement against
  * `source.entity.raw[].settlements[]`, exposes the discriminated payload via the inner
  * context, and lets per-kind parts (`Processing` / `Succeeded` / `Failed`) render the matching
  * existing state compound with derived props.
  *
+ * The default composition wraps the three per-kind branches in a nested `<Steps>` keyed by
+ * `payload.kind` so substate transitions (pending → succeeded / failed) inherit the kit's
+ * slide+blur step animation — without it, the inner compound would swap synchronously and
+ * the activity surface would feel discontinuous compared to the in-flow deposit dialog where
+ * each kind is a top-level `<Step>` and the same transition fires automatically.
+ *
  * Returns `null` when the entity hasn't materialised raw data yet or when the settlement id
  * misses (e.g. it aged out between row render and row tap). The lookup-miss arm silently
- * dispatches `back()` so the next paint shows the list.
+ * dispatches `back()` (in-flow / via-list entries) or the bridge-supplied `onLookupMiss`
+ * (standalone direct entries) so the next paint shows the list.
  */
-declare function ActivityHistoryDetail({
+declare function ActivityDetail({
   children
-}: ActivityHistoryDetailOwnProps): _$react_jsx_runtime0.JSX.Element | null;
+}: ActivityDetailOwnProps): _$react_jsx_runtime0.JSX.Element | null;
 /**
  * Pending-payload branch. Mounts the kit's `<ProcessingStateCompound>` with the resolved
- * settlement details and an `<ActivityHistoryListHeader>` in the header slot so the back
+ * settlement details and an `<ActivityListHeader>` in the header slot so the back
  * chevron + title affordance matches the list view.
  */
-declare function ActivityHistoryDetailProcessing({
+declare function ActivityDetailProcessing({
   children
 }: {
   children?: ReactNode;
@@ -38,7 +45,7 @@ declare function ActivityHistoryDetailProcessing({
  * so a withdraw row drilling into detail keeps `Withdrawal successful` (matching the row
  * title vocabulary) instead of falling through to the deposit-only default.
  */
-declare function ActivityHistoryDetailSucceeded({
+declare function ActivityDetailSucceeded({
   children
 }: {
   children?: ReactNode;
@@ -48,28 +55,28 @@ declare function ActivityHistoryDetailSucceeded({
  * a withdraw row keeps `Withdrawal failed` (the deposit branch is a no-op explicit set —
  * matches the existing default; symmetric explicit form keeps both branches aligned).
  */
-declare function ActivityHistoryDetailFailed({
+declare function ActivityDetailFailed({
   children
 }: {
   children?: ReactNode;
 }): _$react_jsx_runtime0.JSX.Element | null;
-declare namespace ActivityHistoryDetail {
-  type Props = ActivityHistoryDetailOwnProps;
+declare namespace ActivityDetail {
+  type Props = ActivityDetailOwnProps;
   /**
    * Pending-payload branch. Mounts `<ProcessingStateCompound>` with the resolved settlement
    * details. Returns `null` when the resolved payload's kind isn't `"pending"`.
    */
-  const Processing: typeof ActivityHistoryDetailProcessing;
+  const Processing: typeof ActivityDetailProcessing;
   /**
    * Succeeded-payload branch. Mounts `<SuccessStateCompound>` with per-direction headline
    * copy. Returns `null` when the resolved payload's kind isn't `"succeeded"`.
    */
-  const Succeeded: typeof ActivityHistoryDetailSucceeded;
+  const Succeeded: typeof ActivityDetailSucceeded;
   /**
    * Failed-payload branch. Mounts `<ErrorStateCompound>` with per-direction failure headline.
    * Returns `null` when the resolved payload's kind isn't `"failed"`.
    */
-  const Failed: typeof ActivityHistoryDetailFailed;
+  const Failed: typeof ActivityDetailFailed;
 }
 //#endregion
-export { ActivityHistoryDetail };
+export { ActivityDetail };

package/dist/shared/widgets/activity/compound/ActivityDetail.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../i18n/useLingui.js";import"../../../../i18n/index.js";import{useFailureReasonForKind as t}from"../../../orchestrator/failureReason.js";import"../../../orchestrator/index.js";import{Step as n,Steps as r}from"../../../ui/Steps/Steps.js";import"../../../ui/Steps/index.js";import{ErrorState as i}from"../../error-state/compound/ErrorState.js";import"../../error-state/compound/index.js";import{ProcessingState as a}from"../../processing-state/compound/ProcessingState.js";import"../../processing-state/compound/index.js";import{SuccessState as o}from"../../success-state/compound/SuccessState.js";import"../../success-state/compound/index.js";import{useActivitySource as s}from"./context.js";import{ActivityListHeader as c}from"./components/ActivityHeader.js";import{toAssetDescriptor as l}from"../../asset-descriptor.js";import{settlementToWidgetProps as u}from"../adapters/settlementToWidgetProps.js";import{createContext as d,use as f,useEffect as p}from"react";import{jsx as m,jsxs as h}from"react/jsx-runtime";function g(e,t,n){return t===`withdraw`?n===`pending`?e.withdrawPending:n===`succeeded`?e.withdrawSucceeded:e.withdrawFailed:n===`pending`?e.depositPending:n===`succeeded`?e.depositSucceeded:e.depositFailed}const _=d(null);_.displayName=`ActivityDetailContext`;function v({children:t}){let i=s(`ActivityDetail`),{_:a}=e(),o=i.entity,c=o.status===`ready`||o.status===`stale`,l=c?o.raw:void 0,d=i.settlementId,f=l&&d?u(l,d,i.settlementContext):null,v=c&&d!==void 0&&!f,S=i.back,C=i.onLookupMiss;if(p(()=>{v&&(S??C)?.()},[v,S,C]),!f)return null;let w={depositPending:a({id:`JYp-ic`,message:`Deposit processing`}),depositSucceeded:a({id:`e3xU5E`,message:`Deposit received`}),depositFailed:a({id:`i-4Fbp`,message:`Deposit failed`}),withdrawPending:a({id:`w-2VR9`,message:`Withdrawal in progress…`}),withdrawSucceeded:a({id:`q32Nt8`,message:`Withdrawal complete`}),withdrawFailed:a({id:`KTNWsg`,message:`Withdrawal failed`})},T={payload:f.payload,direction:f.direction,headerTitle:g(w,f.direction,f.payload.kind),...S?{onBack:S}:{}},E=h(r,{activeStep:f.payload.kind,children:[m(n,{name:`pending`,children:m(y,{})}),m(n,{name:`succeeded`,children:m(b,{})}),m(n,{name:`failed`,children:m(x,{})})]});return m(_,{value:T,children:t??E})}function y({children:e}){let t=f(_);if(!t||t.payload.kind!==`pending`)return null;let{payload:n,headerTitle:r,onBack:i}=t,o=l(n.creditedAsset)??{symbol:n.creditedAsset.symbol},s={...n.sourceWallet.name===void 0?{}:{name:n.sourceWallet.name},address:n.sourceWallet.address.formatted,...n.sourceWallet.explorerUrl?{explorerUrl:n.sourceWallet.explorerUrl}:{}},u=n.receiveAmount.value===0;return h(a,{amount:n.receiveAmount.formatted,creditedAsset:o,creditedTo:n.creditedTo,headerTitle:r,...u?{loading:!0}:{},...n.txHash?{sourceTx:{hash:n.txHash.formatted,...n.txExplorerUrl?{explorerUrl:n.txExplorerUrl}:{}}}:{},...s.address?{sourceWallet:s}:{},submittedAt:n.submittedAt.formatted,...n.detectedAt?{detectedAt:n.detectedAt.formatted}:{},children:[m(c,{title:r,onBack:i}),e??h(a.Body,{children:[m(a.Hero,{}),m(a.StatusPill,{}),h(a.Details,{children:[m(a.SourceRow,{}),m(a.SourceTxRow,{}),m(a.SubmittedAtRow,{}),m(a.DetectedAtRow,{})]})]})]})}function b({children:t}){let{_:n}=e(),r=f(_);if(!r||r.payload.kind!==`succeeded`)return null;let{payload:i,direction:a,headerTitle:s,onBack:u}=r,d=l(i.creditedAsset)??{symbol:i.creditedAsset.symbol},p={...i.sourceWallet.name===void 0?{}:{name:i.sourceWallet.name},address:i.sourceWallet.address.formatted,...i.sourceWallet.explorerUrl?{explorerUrl:i.sourceWallet.explorerUrl}:{}},g=i.destination.name??i.creditedAsset.symbol,v=i.aggregatorExplorerUrl?{url:i.aggregatorExplorerUrl}:void 0,y=i.depositTx||i.completionTx||i.submittedAt||i.filledAt,b=n(a===`withdraw`?{id:`_girqu`,message:`Withdrawal successful`}:{id:`--OGth`,message:`Deposit successful`}),x=n(a===`withdraw`?{id:`_QZdX-`,message:`Your withdrawal was completed successfully.`}:{id:`oW1G8i`,message:`Your funds were successfully deposited.`});return h(o,{amount:i.receiveAmount.formatted,creditedAsset:d,creditedTo:g,headerTitle:s,headlineTitle:b,headlineDescription:x,...v?{explorer:v}:{},...i.depositTx?{depositTx:{hash:i.depositTx.hash.formatted,...i.depositTx.explorerUrl?{explorerUrl:i.depositTx.explorerUrl}:{}}}:{},...i.completionTx?{completionTx:{hash:i.completionTx.hash.formatted,...i.completionTx.explorerUrl?{explorerUrl:i.completionTx.explorerUrl}:{}}}:{},submittedAt:i.submittedAt.formatted,filledAt:i.filledAt.formatted,totalTime:i.totalTime.formatted,sourceWallet:p,children:[m(c,{title:s,onBack:u}),t??h(o.Body,{children:[m(o.Headline,{}),h(o.Details,{children:[m(o.FillStatusRow,{}),m(o.TotalTimeRow,{}),m(o.SourceRow,{}),m(o.DestinationRow,{}),m(o.YouReceiveRow,{}),y?h(o.MoreDetails,{children:[m(o.DepositTxRow,{}),m(o.CompletionTxRow,{}),m(o.SubmittedAtRow,{}),m(o.FilledAtRow,{})]}):null]})]})]})}function x({children:n}){let{_:r}=e(),a=t(),o=f(_);if(!o||o.payload.kind!==`failed`)return null;let{payload:s,direction:u,headerTitle:d,onBack:p}=o,g={...s.sourceWallet.name===void 0?{}:{name:s.sourceWallet.name},address:s.sourceWallet.address.formatted,...s.sourceWallet.explorerUrl?{explorerUrl:s.sourceWallet.explorerUrl}:{}},v={...s.destination.name===void 0?{}:{name:s.destination.name},address:s.destination.address.formatted},y=l(s.creditedAsset)??{symbol:s.creditedAsset.symbol},b={hash:s.txHash.formatted,...s.txExplorerUrl?{explorerUrl:s.txExplorerUrl}:{}},x=a(s.failureKind);return h(i,{headline:r(u===`withdraw`?{id:`KTNWsg`,message:`Withdrawal failed`}:{id:`i-4Fbp`,message:`Deposit failed`}),reason:x,headerTitle:d,sourceWallet:g,destination:v,receiveAmount:s.receiveAmount.formatted,receiveAsset:y,depositTx:b,submittedAt:s.submittedAt.formatted,failedAt:s.failedAt.formatted,children:[m(c,{title:d,onBack:p}),n??h(i.Body,{children:[m(i.Hero,{}),h(i.Details,{children:[m(i.FillStatusRow,{}),m(i.SourceRow,{}),m(i.DestinationRow,{}),m(i.YouReceiveRow,{}),h(i.MoreDetails,{children:[m(i.DepositTxRow,{}),m(i.SubmittedAtRow,{}),m(i.FailedAtRow,{})]})]}),m(i.HelpInfo,{})]})]})}(function(e){e.Processing=y,e.Succeeded=b,e.Failed=x})(v||={});export{v as ActivityDetail};

package/dist/shared/widgets/activity/compound/Row.slots.d.ts

@@ -0,0 +1,21 @@
+//#region src/shared/widgets/activity/compound/Row.slots.d.ts
+/**
+ * Slot vocabulary for `<Activity.Row>`. Same `data-stridge-slot` convention as the parent
+ * compound — see {@link import("./Activity.slots").ACTIVITY_SLOTS}. Kept in its
+ * own file so the Row primitive stays a self-contained unit (matches the
+ * `<PrimitiveName>.slots.ts` convention used across `packages/kit/src/shared/ui/`).
+ */
+declare const ACTIVITY_ROW_SLOTS: {
+  readonly root: "activity-row";
+  readonly leading: "activity-row-leading";
+  readonly statusPip: "activity-row-status-pip";
+  readonly text: "activity-row-text";
+  readonly title: "activity-row-title";
+  readonly date: "activity-row-date";
+  readonly trailing: "activity-row-trailing";
+  readonly amount: "activity-row-amount";
+  readonly chevron: "activity-row-chevron";
+};
+type ActivityRowSlot = (typeof ACTIVITY_ROW_SLOTS)[keyof typeof ACTIVITY_ROW_SLOTS];
+//#endregion
+export { ACTIVITY_ROW_SLOTS, ActivityRowSlot };

package/dist/shared/widgets/activity/compound/Row.slots.js

@@ -0,0 +1 @@
+const e={root:`activity-row`,leading:`activity-row-leading`,statusPip:`activity-row-status-pip`,text:`activity-row-text`,title:`activity-row-title`,date:`activity-row-date`,trailing:`activity-row-trailing`,amount:`activity-row-amount`,chevron:`activity-row-chevron`};export{e as ACTIVITY_ROW_SLOTS};

package/dist/shared/widgets/activity/compound/Row.styles.js

@@ -0,0 +1 @@
+const e={rowLayout:{"Row__styles.rowLayout":`Row__styles.rowLayout`,"gap-kOIVth":`x2blr79`,"paddingBlock-k8WAf4":`x1yowcxs`,"paddingInlineStart-kZCmMZ":`xiplbrm`,"paddingInlineEnd-kwRFfy":`xvkiva6`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:35`},leading:{"Row__styles.leading":`Row__styles.leading`,"position-kVAEAm":`x1n2onr6`,"flexShrink-kmuXW":`x2lah0s`,"width-kzqmXN":`x187nhsf`,"height-kZKoxP":`xn3w4p2`,"overflow-kVQacm":`x1rea2x4`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:44`},statusPip:{"Row__styles.statusPip":`Row__styles.statusPip`,"position-kVAEAm":`x10l6tqk`,"zIndex-kY2c9j":`x1vjfegm`,"bottom-krVfgx":`x1t1qrwb`,"insetInlineEnd-kt4wiu":`x1d0qlrl`,"width-kzqmXN":`x1xp8n7a`,"height-kZKoxP":`xmix8c7`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"justifyContent-kjj79g":`xl56j7k`,"borderRadius-kaIpWk":`x1e6avla`,"borderWidth-kMzoRj":`xdh2fpr`,"borderStyle-ksu8eU":`x1y0btm7`,"borderColor-kVAM5u":`xv87bwv`,"pointerEvents-kfzvcC":`x47corl`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:59`},statusPipCompleted:{"Row__styles.statusPipCompleted":`Row__styles.statusPipCompleted`,"backgroundColor-kWkggS":`xelfwhf`,"color-kMwMTN":`x1e8cn3g`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:88`},statusPipFailed:{"Row__styles.statusPipFailed":`Row__styles.statusPipFailed`,"backgroundColor-kWkggS":`x1qvyn6m`,"color-kMwMTN":`x18o46el`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:92`},statusPipPending:{"Row__styles.statusPipPending":`Row__styles.statusPipPending`,"backgroundColor-kWkggS":`x1qkydf4`,"color-kMwMTN":`xi96bwj`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:96`},statusPipIcon:{"Row__styles.statusPipIcon":`Row__styles.statusPipIcon`,"width-kzqmXN":`x1fsd2vl`,"height-kZKoxP":`x170jfvy`,"strokeWidth-kfJifR":`x1ip4yf`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:100`},statusPipSpinner:{"Row__styles.statusPipSpinner":`Row__styles.statusPipSpinner`,"width-kzqmXN":`x1fsd2vl`,"height-kZKoxP":`x170jfvy`,"animationName-kKVMdj":`x1aerksh`,"animationDuration-k44tkh":`x1q3qbx4`,"animationTimingFunction-kyAemX":`x1esw782`,"animationIterationCount-ko0y90":`xa4qsjk`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:105`},text:{"Row__styles.text":`Row__styles.text`,"display-k1xSpc":`x78zum5`,"flexDirection-kXwgrk":`xdt5ytf`,"flexBasis-kCS8Yb":`x1r8uery`,"flexGrow-kzQI83":`x1iyjqo2`,"flexShrink-kmuXW":`xs83m0k`,"gap-kOIVth":`x1r05nms`,"minWidth-k7Eaqz":`xeuugli`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:123`},title:{"Row__styles.title":`Row__styles.title`,"overflow-kVQacm":`xb3r6kr`,"textOverflow-kg5iWk":`xlyipyv`,"whiteSpace-khDVqt":`xuxw1ft`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:132`},date:{"Row__styles.date":`Row__styles.date`,"overflow-kVQacm":`xb3r6kr`,"textOverflow-kg5iWk":`xlyipyv`,"whiteSpace-khDVqt":`xuxw1ft`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:137`},trailing:{"Row__styles.trailing":`Row__styles.trailing`,"display-k1xSpc":`x78zum5`,"alignItems-kGNEyG":`x6s0dn4`,"flexShrink-kmuXW":`x2lah0s`,"gap-kOIVth":`x1a6yh9e`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:144`},chevron:{"Row__styles.chevron":`Row__styles.chevron`,"width-kzqmXN":`xsmyaan`,"height-kZKoxP":`x1kpxq89`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x137ha3m`,"strokeWidth-kfJifR":`xvlca1e`,$$css:`@stridge/kit:src/shared/widgets/activity/compound/Row.styles.ts:150`}};export{e as styles};

package/dist/shared/widgets/{activity-history/compound/components/HistoryHeader.d.ts → activity/compound/components/ActivityHeader.d.ts}

@@ -1,10 +1,10 @@
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region src/shared/widgets/activity-history/compound/components/HistoryHeader.d.ts
+//#region src/shared/widgets/activity/compound/components/ActivityHeader.d.ts
 interface Props {
   /**
    * Optional override for the title. Defaults to `t\`Activity\`` for the list view; detail
-   * views pass their own (e.g. `t\`Activity details\``).
+   * views pass a per-state title (e.g. `t\`Deposit in progress\``, `t\`Withdrawal failed\``).
    */
   title?: string;
   /**
@@ -22,18 +22,18 @@ interface Props {
  *
  * Mounted by both the List view and the Detail view's per-payload compound — the chevron
  * routes `actions.back()` through the source context, which the FSM disambiguates via the
- * active state name (`historyDetail → historyList → source`).
+ * active state name (`activityDetail → activityList → source`).
  */
-declare function ActivityHistoryListHeader({
+declare function ActivityListHeader({
   title,
   onBack
 }: Props): _$react_jsx_runtime0.JSX.Element;
 /**
- * Public `<ActivityHistory.Header>` part — thin wrapper around {@link ActivityHistoryListHeader}
+ * Public `<Activity.Header>` part — thin wrapper around {@link ActivityListHeader}
  * that reads `back` from the source context so hosts get a zero-prop part to drop into list
- * compositions. The peer detail compound mounts `<ActivityHistory.ListHeader>` itself with an
+ * compositions. The peer detail compound mounts `<Activity.ListHeader>` itself with an
  * explicit title and back handler.
  */
-declare function ActivityHistoryHeader(): _$react_jsx_runtime0.JSX.Element;
+declare function ActivityHeader(): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { ActivityHistoryHeader, ActivityHistoryListHeader };
+export { ActivityHeader, ActivityListHeader };

package/dist/shared/widgets/activity/compound/components/ActivityHeader.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{ChevronLeftIcon as t}from"../../../../icons/ChevronLeftIcon.js";import"../../../../../icons/index.js";import{IconButton as n}from"../../../../ui/IconButton/IconButton.js";import"../../../../ui/IconButton/index.js";import{Dialog as r}from"../../../../ui/Dialog/Dialog.js";import"../../../../ui/Dialog/index.js";import{Card as i}from"../../../../ui/Card/Card.js";import"../../../../ui/Card/index.js";import{text as a}from"../../../../ui/Text/Text.js";import"../../../../ui/Text/index.js";import{ACTIVITY_SLOTS as o}from"../Activity.slots.js";import{styles as s}from"../Activity.styles.js";import{useActivitySource as c}from"../context.js";import{jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";function f({title:c,onBack:f}){let{_:p}=e(),m=c??p({id:`XJOV1Y`,message:`Activity`});return u(i.Header,{"data-stridge-slot":o.header,...d.props(s.header),children:[u(`div`,{...d.props(s.headerLeft),children:[typeof f==`function`?l(n,{"aria-label":p({id:`iH8pgl`,message:`Back`}),onClick:f,children:l(t,{"aria-hidden":!0,...d.props(s.backIcon)})}):null,l(a.span,{size:`base`,fontWeight:`semibold`,leading:`tight`,tracking:`tight`,style:{margin:0},children:m})]}),l(`div`,{...d.props(s.headerRight),children:l(r.CloseButton,{})})]})}function p(){return l(f,{onBack:c(`Activity.Header`).back})}export{p as ActivityHeader,f as ActivityListHeader};

package/dist/shared/widgets/{activity-history → activity}/compound/components/Empty.d.ts

@@ -1,6 +1,6 @@
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region src/shared/widgets/activity-history/compound/components/Empty.d.ts
+//#region src/shared/widgets/activity/compound/components/Empty.d.ts
 /**
  * Empty-state body for the activity surface. Reached when the gateway's poll returned an
  * empty UDA list for the connected owner — typically a brand-new wallet that hasn't deposited
@@ -10,6 +10,6 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
  *
  * @internal
  */
-declare function ActivityHistoryEmpty(): _$react_jsx_runtime0.JSX.Element;
+declare function ActivityEmpty(): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { ActivityHistoryEmpty };
+export { ActivityEmpty };

package/dist/shared/widgets/activity/compound/components/Empty.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{ClockIcon as t}from"../../../../icons/ClockIcon.js";import"../../../../../icons/index.js";import{text as n}from"../../../../ui/Text/Text.js";import"../../../../ui/Text/index.js";import{ACTIVITY_SLOTS as r}from"../Activity.slots.js";import{styles as i}from"../Activity.styles.js";import{jsx as a,jsxs as o}from"react/jsx-runtime";import*as s from"@stylexjs/stylex";function c(){let{_:c}=e();return o(`div`,{"data-stridge-slot":r.empty,...s.props(i.empty),children:[a(t,{"aria-hidden":!0,"data-stridge-slot":r.emptyIcon,...s.props(i.emptyIcon)}),a(n.span,{size:`base`,fontWeight:`semibold`,color:`default`,children:c({id:`aXFOuf`,message:`No activity yet`})}),a(n.span,{size:`sm`,fontWeight:`medium`,color:`subdued`,children:c({id:`Xzw7uC`,message:`Your deposits and withdrawals will appear here.`})})]})}export{c as ActivityEmpty};

package/dist/shared/widgets/{activity-history → activity}/compound/components/ErrorView.d.ts

@@ -1,7 +1,7 @@
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region src/shared/widgets/activity-history/compound/components/ErrorView.d.ts
-interface ActivityHistoryErrorViewProps {
+//#region src/shared/widgets/activity/compound/components/ErrorView.d.ts
+interface ActivityErrorViewProps {
   /**
    * Retry handler. Wired by the List to fire a fresh `refresh(signal)` against the source
    * context — the entity transitions back through `loading → ready | error`.
@@ -12,15 +12,15 @@ interface ActivityHistoryErrorViewProps {
  * Initial-error body for the activity surface. Rendered only when the first fetch failed
  * AND the entity has no prior payload to fall back to (status `error` from `idle | loading`).
  * Refresh failures while a payload is already cached are silent — the entity stays `stale`
- * and the next controller-driven `watchHistory` tick retries; that branch never reaches this
+ * and the next controller-driven `watchActivity` tick retries; that branch never reaches this
  * component.
  *
  * @internal
- * @see {@link ActivityHistoryList} for the entity-status branching that decides when this
+ * @see {@link ActivityList} for the entity-status branching that decides when this
  * renders vs the silent stale-while-revalidate path.
  */
-declare function ActivityHistoryErrorView({
+declare function ActivityErrorView({
   onRetry
-}: ActivityHistoryErrorViewProps): _$react_jsx_runtime0.JSX.Element;
+}: ActivityErrorViewProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { ActivityHistoryErrorView };
+export { ActivityErrorView };

package/dist/shared/widgets/activity/compound/components/ErrorView.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{AlertIcon as t}from"../../../../icons/AlertIcon.js";import"../../../../../icons/index.js";import{Button as n}from"../../../../ui/Button/Button.js";import"../../../../ui/Button/index.js";import{Alert as r}from"../../../../ui/Alert/Alert.js";import"../../../../ui/Alert/index.js";import{ACTIVITY_SLOTS as i}from"../Activity.slots.js";import{styles as a}from"../Activity.styles.js";import{jsx as o,jsxs as s}from"react/jsx-runtime";import*as c from"@stylexjs/stylex";function l({onRetry:l}){let{_:u}=e();return s(`div`,{"data-stridge-slot":i.error,...c.props(a.error),children:[o(r,{variant:`danger`,icon:o(t,{}),children:u({id:`B-4zEC`,message:`Couldn't load activity. Please try again.`})}),o(`div`,{...c.props(a.retryRow),children:o(n,{type:`button`,variant:`secondary`,size:`sm`,onClick:l,"data-stridge-slot":i.retry,children:u({id:`KDw4GX`,message:`Try again`})})})]})}export{l as ActivityErrorView};

package/dist/shared/widgets/activity/compound/components/List.d.ts

@@ -0,0 +1,23 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/activity/compound/components/List.d.ts
+/**
+ * List body for the activity surface. Reads the `activity` entity from
+ * {@link useActivitySource} and branches on status:
+ *
+ * - `idle | loading` (cold path, no prior payload) → skeleton × 4.
+ * - `ready | stale` → rows. `stale` keeps the prior list rendered while a refresh is in
+ *   flight so the user never sees an empty pause. The refresh is silent — no spinner.
+ * - `error` (cold path) → {@link ActivityErrorView} with a retry button.
+ * - `ready` with zero rows → {@link ActivityEmpty}.
+ *
+ * Recurring updates land via the controller-mounted `watchActivity` watcher (mounted on entry
+ * to `activityList` / `activityDetail`, with adaptive cadence — short while any row is
+ * `pending`, long once all rows are terminal). The widget itself is a pure reader; the only
+ * imperative surface left here is the retry button, which fires `source.refresh(signal)` once.
+ *
+ * @internal
+ */
+declare function ActivityList(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ActivityList };

package/dist/shared/widgets/activity/compound/components/List.js

@@ -0,0 +1 @@
+"use client";import{Card as e}from"../../../../ui/Card/Card.js";import"../../../../ui/Card/index.js";import{Skeleton as t}from"../../../../ui/Skeleton/Skeleton.js";import"../../../../ui/Skeleton/index.js";import{ACTIVITY_SLOTS as n}from"../Activity.slots.js";import{styles as r}from"../Activity.styles.js";import{useActivitySource as i}from"../context.js";import{ActivityEmpty as a}from"./Empty.js";import{ActivityErrorView as o}from"./ErrorView.js";import{ActivityRow as s}from"./Row.js";import{useRef as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";import*as d from"@stylexjs/stylex";const f=[`skeleton-1`,`skeleton-2`,`skeleton-3`,`skeleton-4`];function p(){let t=i(`Activity.List`),u=c(null),f=c(t.refresh);f.current=t.refresh;let p=t.entity;if(p.status===`error`)return l(e.Body,{"data-stridge-slot":n.body,...d.props(r.body),children:l(o,{onRetry:()=>{u.current?.abort();let e=new AbortController;u.current=e,f.current(e.signal)}})});if(p.status===`idle`||p.status===`loading`)return l(e.Body,{"data-stridge-slot":n.body,...d.props(r.body),"aria-busy":`true`,"aria-live":`polite`,children:l(g,{})});let _=p.payload.rows;return _.length===0?l(e.Body,{"data-stridge-slot":n.body,...d.props(r.body),children:l(a,{})}):l(e.Body,{"data-stridge-slot":n.body,...d.props(r.body,r.bodyCap,r.bodyEnter),children:l(`ul`,{"data-stridge-slot":n.list,style:m,children:_.map(e=>l(`li`,{style:h,children:l(s,{payload:e,onSelect:t.selectSettlement})},`${e.udaId}:${e.id}`))})})}const m={display:`flex`,flexDirection:`column`,gap:`var(--stridge-kit-space-2)`,listStyle:`none`,marginBlock:0,marginInline:0,paddingBlock:0,paddingInline:0},h={listStyle:`none`};function g(){return l(`div`,{"data-stridge-slot":n.skeleton,children:f.map(e=>u(`div`,{"data-stridge-slot":n.skeletonRow,...d.props(r.skeletonRow),children:[l(t,{width:44,height:44,radius:999}),u(`div`,{...d.props(r.skeletonText),children:[l(t,{width:`60%`,height:14}),l(t,{width:`40%`,height:12})]}),l(t,{width:56,height:14})]},e))})}export{p as ActivityList};

package/dist/shared/widgets/{activity-history → activity}/compound/components/Row.d.ts

@@ -1,32 +1,29 @@
-import { ActivityHistoryRowPayload } from "../../payloads.js";
+import { ActivityRowPayload } from "../../payloads.js";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region src/shared/widgets/activity-history/compound/components/Row.d.ts
+//#region src/shared/widgets/activity/compound/components/Row.d.ts
 /**
- * Props the row needs to render — pre-formatted by the driver's transformer. The widget
- * never re-formats inputs (`title` / `formattedAmount.formatted` / `formattedDate.formatted`
- * are display strings already). Click fires the row's settlement id back to the source
- * context so the FSM can transition into the detail view.
+ * Props the row needs to render. The payload carries *raw* numeric / identity slots — the row
+ * formats every visible string itself via `useLingui()` so locale flips take effect on the
+ * same React commit (mirrors deposit's `AmountEntry.tsx` / `ConfirmDeposit.tsx` pattern).
  */
 interface Props {
   /**
-   * Pre-formatted payload from the driver. Carries every visible string (`title`,
-   * `formattedAmount`, `formattedDate`, `ariaLabel`) plus the asset / chain identity slots
-   * the leading {@link TokenLogo} resolves against.
+   * Raw row payload from the driver's transformer. Carries amount value + kind, asset
+   * identity, and updated-at timestamp; the row component formats them inline per render.
    */
-  payload: ActivityHistoryRowPayload;
+  payload: ActivityRowPayload;
   /**
    * Row click handler. Receives the settlement id from the payload; the parent compound
-   * forwards it to {@link import("../context").ActivityHistorySourceValue.selectSettlement}.
+   * forwards it to {@link import("../context").ActivitySourceValue.selectSettlement}.
    */
   onSelect: (settlementId: string) => void;
 }
 /**
  * Public alias for {@link Props}. Preserved as the externally visible name so the
- * compound's `index.ts` and the API-extractor snapshot keep referencing
- * `ActivityHistoryRowProps`.
+ * compound's `index.ts` and the API-extractor snapshot keep referencing `ActivityRowProps`.
  */
-type ActivityHistoryRowProps = Props;
+type ActivityRowProps = Props;
 /**
  * One row of the activity surface — leading asset glyph (with corner status pip), title +
  * date stack, trailing amount + chevron. Composes
@@ -46,9 +43,9 @@ type ActivityHistoryRowProps = Props;
  * {@link TokenLogo}'s built-in chain badge is therefore disabled via `hideChainBadge` and
  * the {@link StatusPip} renders inside the row's leading slot instead.
  */
-declare function ActivityHistoryRow({
+declare function ActivityRow({
   payload,
   onSelect
 }: Props): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { ActivityHistoryRow, ActivityHistoryRowProps };
+export { ActivityRow, ActivityRowProps };

package/dist/shared/widgets/activity/compound/components/Row.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../../../i18n/useLingui.js";import"../../../../../i18n/index.js";import{formatSmartRelative as t}from"../../../../format/formatSmartRelative.js";import{formatTokenAmount as n}from"../../../../format/formatTokenAmount.js";import{formatUsd as r}from"../../../../format/formatUsd.js";import{ChevronRightIcon as i}from"../../../../icons/ChevronRightIcon.js";import"../../../../../icons/index.js";import{SelectableTile as a}from"../../../../ui/SelectableTile/SelectableTile.js";import"../../../../ui/SelectableTile/index.js";import{text as o}from"../../../../ui/Text/Text.js";import"../../../../ui/Text/index.js";import{TokenLogo as s}from"../../../../ui/TokenLogo/TokenLogo.js";import"../../../../ui/TokenLogo/index.js";import{ACTIVITY_ROW_SLOTS as c}from"../Row.slots.js";import{styles as l}from"../Row.styles.js";import{StatusPip as u}from"./StatusPip.js";import{jsx as d,jsxs as f}from"react/jsx-runtime";import*as p from"@stylexjs/stylex";function m({payload:m,onSelect:g}){let{_,i18n:v}=e(),y={depositCompleted:_({id:`3kg1gB`,message:`Deposit completed`}),depositFailed:_({id:`i-4Fbp`,message:`Deposit failed`}),depositInProgress:_({id:`Cs44l6`,message:`Deposit in progress`}),withdrawalCompleted:_({id:`jKZO-R`,message:`Withdrawal completed`}),withdrawalFailed:_({id:`KTNWsg`,message:`Withdrawal failed`}),withdrawalInProgress:_({id:`6yS5kL`,message:`Withdrawal in progress`})},b=h(m.direction,m.status.kind,y),x=m.amount.kind===`usd`?r(m.amount.value,v):`${n(m.amount.value,v,{maxDecimals:m.assetDecimals})} ${m.assetSymbol}`,S=t(m.updatedAtMs,Date.now(),v),C=m.direction===`deposit`?_({id:`hBIHD-`,message:`Deposit of {amount}, {date}`,values:{amount:x,date:S}}):_({id:`Rm325-`,message:`Withdrawal of {amount}, {date}`,values:{amount:x,date:S}});return f(a,{shape:`card`,interactive:`navigation`,"data-stridge-slot":c.root,"aria-label":C,onClick:()=>g(m.id),...p.props(l.rowLayout),children:[f(`span`,{"data-stridge-slot":c.leading,...p.props(l.leading),children:[d(s,{symbol:m.assetSymbol,...m.chainId===void 0?{}:{chainId:m.chainId},...m.assetLogoUrl===void 0?{}:{logoUrl:m.assetLogoUrl},...m.chainLogoUrl===void 0?{}:{chainLogoUrl:m.chainLogoUrl},size:44,hideChainBadge:!0}),d(u,{kind:m.status.kind})]}),f(`span`,{"data-stridge-slot":c.text,...p.props(l.text),children:[d(o.span,{size:`sm`,fontWeight:`semibold`,leading:`tight`,color:`default`,"data-stridge-slot":c.title,...p.props(l.title),children:b}),d(o.span,{size:`xs`,fontWeight:`medium`,leading:`tight`,color:`subdued`,"data-stridge-slot":c.date,...p.props(l.date),children:S})]}),f(`span`,{"data-stridge-slot":c.trailing,...p.props(l.trailing),children:[d(o.span,{size:`sm`,fontWeight:`semibold`,leading:`tight`,color:`default`,"data-stridge-slot":c.amount,children:x}),d(i,{"aria-hidden":!0,"data-stridge-slot":c.chevron,...p.props(l.chevron)})]})]})}function h(e,t,n){return e===`deposit`?t===`completed`?n.depositCompleted:t===`failed`?n.depositFailed:n.depositInProgress:t===`completed`?n.withdrawalCompleted:t===`failed`?n.withdrawalFailed:n.withdrawalInProgress}export{m as ActivityRow};

package/dist/shared/widgets/activity/compound/components/StatusPip.js

@@ -0,0 +1 @@
+"use client";import{CheckIcon as e}from"../../../../icons/CheckIcon.js";import{LoaderIcon as t}from"../../../../icons/LoaderIcon.js";import{XIcon as n}from"../../../../icons/XIcon.js";import"../../../../../icons/index.js";import{ACTIVITY_ROW_SLOTS as r}from"../Row.slots.js";import{styles as i}from"../Row.styles.js";import{jsx as a}from"react/jsx-runtime";import*as o from"@stylexjs/stylex";function s({kind:s}){let c=s===`completed`?i.statusPipCompleted:s===`failed`?i.statusPipFailed:i.statusPipPending;return a(`span`,{"data-stridge-slot":r.statusPip,...o.props(i.statusPip,c),children:s===`completed`?a(e,{"aria-hidden":!0,...o.props(i.statusPipIcon)}):s===`failed`?a(n,{"aria-hidden":!0,...o.props(i.statusPipIcon)}):a(t,{"aria-hidden":!0,...o.props(i.statusPipSpinner)})})}export{s as StatusPip};

package/dist/shared/widgets/activity/compound/context.d.ts

@@ -0,0 +1,95 @@
+import { Entity } from "../../../driver/types.js";
+import { ActivityPayload } from "../payloads.js";
+import { SettlementPayloadContext } from "../../../../flows/deposit/driver/transformers/settlementToPayload.js";
+import * as _$react from "react";
+import { GatewayPollResponse, GatewayUdaDto } from "@stridge/sdk";
+
+//#region src/shared/widgets/activity/compound/context.d.ts
+/**
+ * Source of truth handed to `<Activity>` and `<ActivityDetail>` from whichever
+ * dialog (deposit / withdraw) mounts them. Each dialog assembles this value once from its own
+ * snapshot + actions and wraps the activity step body in
+ * `<ActivitySourceProvider value={…}>`. The compound stays flow-agnostic — it reads
+ * the entity and the imperative actions from this single value.
+ *
+ * View routing is external: the FSM now exposes `activityList` and `activityDetail` as separate
+ * state names; the dialog's step router mounts {@link Activity} for the list step and
+ * {@link ActivityDetail} for the detail step. Each orchestrated wrapper supplies the
+ * source value with the slots its step needs (the list wrapper omits `settlementId`; the
+ * detail wrapper sets it).
+ *
+ * @see {@link ActivitySourceProvider}
+ * @see {@link useActivitySource}
+ */
+interface ActivitySourceValue {
+  /**
+   * The driver's `activity` entity. Same shape on both flows (`DepositSnapshot["activity"]`
+   * and `WithdrawSnapshot["activity"]` are structurally identical — both back onto the
+   * multi-UDA envelope from `GET /gateway/{owner}`). Status discriminator drives the
+   * compound's branch (idle / loading → skeleton; ready / stale → rows; error → retry).
+   */
+  entity: Entity<ActivityPayload, ReadonlyArray<GatewayUdaDto>, GatewayPollResponse>;
+  /**
+   * Trigger a fresh one-shot fetch. Wired by each dialog to `driver.refreshActivity(signal)`.
+   * The compound calls this from the error-view retry button; each call passes an
+   * `AbortSignal` the compound owns so it can cancel mid-fetch on rapid re-clicks. Recurring
+   * updates while the list is visible land separately via the controller-mounted
+   * `watchActivity` watcher — this callback is not the steady-state polling surface.
+   */
+  refresh: (signal: AbortSignal) => void;
+  /**
+   * Dispatch a row selection. Wired to `actions.selectSettlement(id)` — the FSM transitions
+   * from `activityList` to `activityDetail` carrying the selected `settlementId`.
+   */
+  selectSettlement: (settlementId: string) => void;
+  /**
+   * Back chevron handler. Wired to `actions.back()` — the FSM disambiguates via the current
+   * state name (`activityDetail → activityList → source`). The compound renders the chevron in
+   * both the list step's header AND inside the detail step's header composition.
+   *
+   * Optional. The per-flow source-bridge hook omits `back` when the active state's
+   * `backTarget.kind === "closed"` (imperative direct-entry — no source step to restore), so
+   * the header renders without a chevron. The user dismisses via the dialog's `X`.
+   */
+  back?: () => void;
+  /**
+   * Recovery fallback the detail compound invokes when the selected settlement has aged off
+   * the envelope (rare race — host calls `useActivity().open({ settlementId })`, then the
+   * background watcher tick lands a fresh response without that row). The compound prefers
+   * {@link back} when present; this slot only fires on direct-entry detail where `back` is
+   * undefined and the user would otherwise stare at an empty body until they hit `X`.
+   *
+   * Optional. The deposit / withdraw bridges always supply `back`, so they leave this unset.
+   * The standalone activity bridge wires it to a "re-open list" dispatch — `useActivity().open()`
+   * with no args — which the standalone reducer re-targets to `activityList` from `activityDetail`.
+   */
+  onLookupMiss?: () => void;
+  /**
+   * Selected settlement id when the dialog is mounting the detail step. Carried so the
+   * `<ActivityDetail>` compound can look up the matching `GatewaySettlementDto`
+   * inside `entity.raw[].settlements[]` and feed it to {@link
+   * import("../adapters").settlementToWidgetProps}. Absent when the list wrapper supplies
+   * the source value.
+   */
+  settlementId?: string;
+  /**
+   * Context the detail compound's adapter passes to {@link
+   * import("#/flows/deposit/driver/transformers").settlementToPayload}. Each dialog
+   * assembles this from its own driver snapshot — deposit reads `wallet`, `brand`, the
+   * driver's explorers map; withdraw reads its equivalents. Carrying the resolved context
+   * here keeps the compound flow-agnostic.
+   */
+  settlementContext: SettlementPayloadContext;
+}
+/**
+ * Provider for {@link ActivitySourceValue}. Each dialog mounts one above its
+ * activity step body — see `DepositDialog` / `WithdrawDialog`.
+ */
+declare const ActivitySourceProvider: _$react.Provider<ActivitySourceValue | null>;
+/**
+ * Read the active {@link ActivitySourceValue}. Throws when called outside an
+ * `<ActivitySourceProvider>`.
+ */
+declare function useActivitySource(consumer: string): ActivitySourceValue;
+//#endregion
+export { ActivitySourceProvider, ActivitySourceValue, useActivitySource };

package/dist/shared/widgets/activity/compound/context.js

@@ -0,0 +1 @@
+"use client";import{createContext as e,use as t}from"react";const n=e(null);n.displayName=`ActivitySourceContext`;const r=n.Provider;function i(e){let r=t(n);if(!r)throw Error(`${e} must be rendered inside <ActivitySourceProvider>. Mount the provider above <Activity> with the value derived from the flow's snapshot + actions — see DepositDialog / WithdrawDialog for the canonical wiring.`);return r}export{r as ActivitySourceProvider,i as useActivitySource};

package/dist/shared/widgets/activity/compound/index.d.ts

@@ -0,0 +1,8 @@
+import { ActivityAmount, ActivityPayload, ActivityRowPayload } from "../payloads.js";
+import { ActivityHeader, ActivityListHeader } from "./components/ActivityHeader.js";
+import { ActivityRowProps } from "./components/Row.js";
+import { Activity } from "./Activity.js";
+import { ACTIVITY_SLOTS, ActivitySlot } from "./Activity.slots.js";
+import { ActivityDetail } from "./ActivityDetail.js";
+import { ActivitySourceProvider, ActivitySourceValue, useActivitySource } from "./context.js";
+import { ACTIVITY_ROW_SLOTS, ActivityRowSlot } from "./Row.slots.js";

package/dist/shared/widgets/activity/compound/index.js

@@ -0,0 +1 @@
+import"./Activity.slots.js";import"./context.js";import"./components/ActivityHeader.js";import"./Row.slots.js";import"./Activity.js";import"./ActivityDetail.js";

package/dist/shared/widgets/activity/payloads.d.ts

@@ -0,0 +1,108 @@
+//#region src/shared/widgets/activity/payloads.d.ts
+/**
+ * Which flow produced the settlement — `"deposit"` for UDAs whose destination is the connected
+ * wallet, `"withdraw"` for UDAs whose source is the brand-currency balance the user is cashing
+ * out from. Discriminated by `uda.metadata.kit_flow` when present, with an address-comparison
+ * fallback for legacy UDAs that pre-date the metadata convention.
+ */
+type ActivityDirection = "deposit" | "withdraw";
+/**
+ * Lifecycle bucket for a single settlement row. Maps onto the kit's existing settlement-status
+ * model (`pending → succeeded → failed`) but flattens it to the 3-value set the row renders
+ * against — the inline status indicator picks an icon from this discriminator alone.
+ */
+type ActivityStatusType = "pending" | "completed" | "failed";
+/**
+ * Wrapper carrying the lifecycle bucket plus room for future status-scoped metadata (e.g. a
+ * settlement-level `failureKind` tag the row could surface). Kept separate from
+ * {@link ActivityStatusType} so the discriminator string stays stable as the shape grows.
+ */
+interface ActivityStatus {
+  kind: ActivityStatusType;
+}
+/**
+ * Discriminated row amount. Carries the raw numeric value plus the formatter the component
+ * layer should run against it:
+ *
+ * - `usd` — render via `formatUsd(value, i18n)`.
+ * - `token` — render via `formatTokenAmount(value, i18n, { maxDecimals: assetDecimals })` and
+ *   append the row's `assetSymbol`.
+ *
+ * Kept raw (not pre-formatted) so the row component re-formats on every render, matching the
+ * `t\`…\`` translation cadence used by deposit / withdraw chrome — locale flips and time-based
+ * formatters (e.g. `Intl.RelativeTimeFormat`) take effect on the same React commit instead of
+ * waiting for the next driver poll.
+ */
+type ActivityAmount = {
+  value: number;
+  kind: "usd";
+} | {
+  value: number;
+  kind: "token";
+};
+/**
+ * One settlement row in the activity list. Pre-shaped — but never pre-formatted — by
+ * the driver's transformer. The row component owns string formatting; it calls Lingui's
+ * `useLingui()` for the active locale and threads the result through `formatUsd` /
+ * `formatTokenAmount` / `formatSmartRelative` / `t\`…\`` per-render. That mirrors the
+ * deposit/withdraw widget pattern (see `AmountEntry.tsx`, `ConfirmDeposit.tsx`) and avoids the
+ * "row strings stuck in old locale until next fetch" lag that pre-formatted payloads exhibit.
+ *
+ * Detail-view rendering happens off the entity's `raw: ReadonlyArray<GatewayUdaDto>` slot: the
+ * row carries `udaId` + `id` so the detail component can locate the matching
+ * `GatewaySettlementDto` and feed it back through {@link
+ * import("#/flows/deposit/driver/transformers").settlementToPayload} to produce a full
+ * `SuccessStateProps` / `ErrorStateProps` / pending payload at display time.
+ */
+interface ActivityRowPayload {
+  /** Settlement id — unique within the multi-UDA envelope. The detail lookup keys on this. */
+  id: string;
+  /** Parent UDA id — settlements nest inside UDAs; the detail walker scans `udas[].settlements[]`. */
+  udaId: string;
+  /** Flow that produced this settlement. Drives the title prefix and the accessible label. */
+  direction: ActivityDirection;
+  /** Lifecycle bucket. Drives the inline status indicator (spinner / red-X / none). */
+  status: ActivityStatus;
+  /**
+   * Discriminated amount. For deposits this is the credited receive leg; for withdrawals it
+   * is the source send leg. The row component formats this through the active locale.
+   */
+  amount: ActivityAmount;
+  /** Settlement `updated_at` as unix-ms. The row component formats this via smart-relative. */
+  updatedAtMs: number;
+  /** Destination asset symbol — what the leading {@link import("#/shared/ui").TokenLogo} renders. */
+  assetSymbol: string;
+  /** Destination asset decimals — caps the token-amount formatter precision when `amount.kind === "token"`. */
+  assetDecimals: number;
+  /** Resolved token icon URL, when known. */
+  assetLogoUrl?: string;
+  /** EIP-155 chain id of the destination chain. */
+  chainId?: number;
+  /** Human-readable destination network name (e.g. `"Ethereum"`, `"BSC"`). */
+  chainName?: string;
+  /**
+   * Resolved chain glyph URL — overlaid in the corner of the asset logo. Resolved at the
+   * driver layer from the cached `Gateway.assets()` catalog because the lookup map lives in
+   * the driver closure; not locale-dependent, so component-layer re-derivation is unnecessary.
+   */
+  chainLogoUrl?: string;
+}
+/**
+ * Entity payload for the owner-scoped activity surface. Backed by the multi-UDA envelope from
+ * `GET /gateway/{owner}`; `rows` is sorted newest-first and capped at 20 entries per fetch.
+ */
+interface ActivityPayload {
+  /** Newest-first row payloads, capped at 20 per fetch. */
+  rows: ReadonlyArray<ActivityRowPayload>;
+  /**
+   * Merchant brand label echoed back on `uda.metadata.brand_name` (server-injected per-merchant
+   * at `gateway/start` time, constant across the merchant's UDAs). Extracted from the first UDA
+   * whose metadata carries a non-empty value. Threaded by activity source hooks into
+   * `settlementContext.brandName` so deposit detail rows render the merchant brand as the
+   * destination label; withdraw detail rows suppress it inside
+   * `settlementToWidgetProps` so they keep showing the recipient address.
+   */
+  brandName?: string;
+}
+//#endregion
+export { ActivityAmount, ActivityDirection, ActivityPayload, ActivityRowPayload, ActivityStatus, ActivityStatusType };

package/dist/shared/widgets/activity/transformers/activityResponseToPayload.js

@@ -0,0 +1 @@
+import{parseIsoMs as e}from"../../../../flows/shared/transformers/parseIsoMs.js";import{resolveDirection as t}from"./resolveDirection.js";function n(e,t){let n=t.ownerAddress.toLowerCase(),a=[];for(let t of e.udas)for(let e of t.settlements)a.push({settlement:e,uda:t});a.sort((e,t)=>e.settlement.updated_at===t.settlement.updated_at?0:e.settlement.updated_at<t.settlement.updated_at?1:-1);let o=[];for(let{settlement:e,uda:r}of a.slice(0,20))o.push(i(e,r,t,n));let s=r(e.udas);return{rows:o,...s?{brandName:s}:{}}}function r(e){for(let t of e){let e=t.metadata?.brand_name;if(typeof e!=`string`)continue;let n=e.trim();if(n.length>0)return n}}function i(n,r,i,s){let c=t(r,s),l=a(n.status),u=o(n,r),d=e(n.updated_at)??e(n.created_at)??Date.now(),f=r.destination.eip155_id?Number(r.destination.eip155_id):void 0,p=f===void 0?void 0:i.chainLogoFor?.(f),m=n.to?.logo??void 0;return{id:n.id,udaId:r.uda_id,direction:c,status:l,amount:u,updatedAtMs:d,assetSymbol:r.destination.asset_symbol,assetDecimals:r.destination.asset_decimals,...m?{assetLogoUrl:m}:{},...f===void 0?{}:{chainId:f},...r.destination.network_name?{chainName:r.destination.network_name}:{},...p?{chainLogoUrl:p}:{}}}function a(e){switch(e){case`created`:case`routing`:return{kind:`pending`};case`completed`:return{kind:`completed`};case`failed`:return{kind:`failed`};default:return{kind:`pending`}}}function o(e,t){let n=e.to,r=e.from,i=n?.amount_usd??r?.amount_usd;if(i){let e=Number.parseFloat(i);if(Number.isFinite(e))return{value:e,kind:`usd`}}let a=t.destination.asset_decimals;return{value:s(n,a),kind:`token`}}function s(e,t){if(!e)return 0;if(e.amount){let t=Number.parseFloat(e.amount);if(Number.isFinite(t)&&t>=0)return t}if(e.raw_amount){let n=e.raw_amount;try{let e=BigInt(n);if(t===0)return Number(e);let r=10n**BigInt(t),i=e/r,a=(e%r).toString().padStart(t,`0`);return Number(`${i}.${a}`)}catch{return 0}}return 0}export{n as activityResponseToPayload};

package/dist/shared/widgets/amount-entry/compound/components/Header.d.ts

@@ -8,7 +8,7 @@ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
  * widget is mounted inside `Dialog.Content`.
  *
  * Optional `trailing` slot — Renders before the close X (e.g. the
- * activity-history icon). Defaults to the root's `headerTrailing`; pass
+ * activity icon). Defaults to the root's `headerTrailing`; pass
  * `trailing: null` to force the slot empty even when the root supplies a node.
  */
 declare function AmountEntryHeader({