@stridge/kit 0.1.0-alpha.6 → 0.1.0-alpha.61

package/dist/shared/utils/assertNever.js

@@ -0,0 +1 @@
+function e(e){throw Error(`Unhandled discriminant: ${JSON.stringify(e)}`)}export{e as assertNever};

package/dist/shared/utils/logos/types.d.ts

@@ -9,7 +9,7 @@
  *   Trustwallet CDN and the gradient+letter fallback. Use when a definitive logo URL is
  *   available and no CDN probing is desired.
  * - `logoUrl` — appended after the CDN candidates. Used when the convention URLs 404. Typical
- *   source: a backend's per-token `logo` field (e.g. Stridge's `Uda.supportedAssets()` payload).
+ *   source: a backend's per-token `logo` field (e.g. Stridge's `Gateway.assets()` payload).
  */
 interface TokenLogoInput {
   /**

package/dist/shared/utils/useDeepMemo.js

@@ -0,0 +1 @@
+import{useRef as e}from"react";function t(t){let r=e(null),i=n(t);return(r.current===null||r.current.serialized!==i)&&(r.current={value:t,serialized:i}),r.current.value}function n(e){return JSON.stringify(e,(e,t)=>t&&typeof t==`object`&&!Array.isArray(t)?Object.keys(t).sort().reduce((e,n)=>(e[n]=t[n],e),{}):t)}export{t as useDeepMemo};

package/dist/shared/wallet/ConnectWalletContext.d.ts

@@ -0,0 +1,17 @@
+//#region src/shared/wallet/ConnectWalletContext.d.ts
+/**
+ * Host-supplied "Connect a wallet" affordance. When the user opens the deposit dialog without a
+ * resolvable owner (no `flows.deposit.owner`, no wagmi connection, no `dev.userAddressOverride`),
+ * the dialog renders `<WalletRequiredState>` with the `onClick` CTA labeled with `label` (or the
+ * kit's default copy when omitted). When the host doesn't supply this config, the state still
+ * renders — just without an actionable button, leaving the host to surface the connect affordance
+ * elsewhere on the page.
+ */
+interface ConnectWalletConfig {
+  /** Click handler invoked by the dialog's "Connect wallet" button. */
+  onClick: () => void;
+  /** Optional override for the button label. Defaults to the kit's localized "Connect wallet" copy. */
+  label?: string;
+}
+//#endregion
+export { ConnectWalletConfig };

package/dist/shared/wallet/ConnectWalletContext.js

@@ -0,0 +1 @@
+"use client";import{createContext as e,use as t}from"react";const n=e(null);n.displayName=`ConnectWalletContext`;function r(){return t(n)}export{n as ConnectWalletContext,r as useConnectWallet};

package/dist/shared/widgets/activity/ActivityTrigger.js

@@ -0,0 +1 @@
+"use client";import{useLingui as e}from"../../i18n/useLingui.js";import"../../../i18n/index.js";import{ActivityIcon as t}from"../../icons/ActivityIcon.js";import"../../../icons/index.js";import{IconButton as n}from"../../ui/IconButton/IconButton.js";import"../../../ui/index.js";import{styles as r}from"./ActivityTrigger.styles.js";import{jsx as i}from"react/jsx-runtime";import*as a from"@stylexjs/stylex";function o({onOpen:o}){let{_:s}=e();return i(n,{"aria-label":s({id:`c3aao_`,message:`View activity`}),onClick:o,children:i(t,{"aria-hidden":!0,...a.props(r.icon)})})}export{o as ActivityTrigger};

package/dist/shared/widgets/activity/ActivityTrigger.styles.js

@@ -0,0 +1 @@
+const e={icon:{"ActivityTrigger__styles.icon":`ActivityTrigger__styles.icon`,"width-kzqmXN":`x1xp8n7a`,"height-kZKoxP":`xmix8c7`,"flexShrink-kmuXW":`x2lah0s`,"color-kMwMTN":`x15rks2t`,"strokeWidth-kfJifR":`xhxwl1`,$$css:`@stridge/kit:src/shared/widgets/activity/ActivityTrigger.styles.ts:3`}};export{e as styles};

package/dist/shared/widgets/activity/adapters/settlementToWidgetProps.js

@@ -0,0 +1 @@
+import{resolveDirection as e}from"../transformers/resolveDirection.js";import{settlementToPayload as t}from"../../../../flows/deposit/driver/transformers/settlementToPayload.js";function n(n,r,i){let a=i.sourceWallet.address.toLowerCase();for(let o of n)for(let n of o.settlements)if(n.id===r){let r=e(o,a);return{payload:t(n,o,r===`withdraw`&&i.brandName!==void 0?{...i,brandName:void 0}:i),uda:o,direction:r}}return null}export{n as settlementToWidgetProps};

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

@@ -0,0 +1,95 @@
+import { ActivityHeader, ActivityListHeader } from "./components/ActivityHeader.js";
+import { ActivityEmpty } from "./components/Empty.js";
+import { ActivityErrorView } from "./components/ErrorView.js";
+import { ActivityList } from "./components/List.js";
+import { ActivityRow } from "./components/Row.js";
+import { ComponentProps, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/activity/compound/Activity.d.ts
+interface ActivityOwnProps {
+  /**
+   * Optional custom composition. Defaults to `<Header /> + <List />`. Pass children to
+   * interleave host-supplied elements between compound parts.
+   */
+  children?: ReactNode;
+}
+/**
+ * Root of the `<Activity>` list compound. Flow-agnostic — every flow-specific concern
+ * (snapshot read, action dispatch, owner address derivation) is encapsulated in the
+ * `<ActivitySourceProvider>` value the dialog mounts above. The same JSX renders from
+ * both `<DepositDialog>` and `<WithdrawDialog>` without imports across the flow boundary.
+ *
+ * Mounted by the dialog's `activityList` step. The peer compound {@link ActivityDetail}
+ * handles the per-settlement detail step; the kit's `Steps` primitive routes between them via
+ * the FSM state name, so the slide+blur step transition is supplied automatically.
+ *
+ * Compound parts:
+ * - {@link Activity.Header} — back chevron + title + close X.
+ * - {@link Activity.ListHeader} — underlying header primitive that accepts explicit
+ *   `title` + `onBack` props. Public because the detail compound's per-kind parts mount it
+ *   inside their delegated success / error / processing composition.
+ * - {@link Activity.List} — list body (skeleton / empty / error / rows). Pure reader
+ *   of the `activity` entity; recurring updates land via the controller-mounted `watchActivity`
+ *   watcher with adaptive cadence.
+ * - {@link Activity.Row} — single row primitive (button-semantic).
+ * - {@link Activity.Empty} — empty-state body.
+ * - {@link Activity.ErrorView} — initial-error body with retry.
+ *
+ * @example
+ * ```tsx
+ * <ActivitySourceProvider value={sourceValue}>
+ *   <Activity />
+ * </ActivitySourceProvider>
+ * ```
+ *
+ * @example Custom composition — interleave between parts
+ * ```tsx
+ * <ActivitySourceProvider value={sourceValue}>
+ *   <Activity>
+ *     <Activity.Header />
+ *     <Activity.List />
+ *   </Activity>
+ * </ActivitySourceProvider>
+ * ```
+ */
+declare function Activity({
+  children,
+  ...props
+}: ComponentProps<"div"> & ActivityOwnProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace Activity {
+  type Props = ComponentProps<"div"> & ActivityOwnProps;
+  /**
+   * Card header — back chevron + title + close X. Mounted by the default composition above
+   * the list body. The peer detail compound supplies its own header inside the
+   * SuccessState / ErrorState / ProcessingState composition.
+   */
+  const Header: typeof ActivityHeader;
+  /**
+   * Underlying list-view header primitive — accepts explicit `title` and `onBack` props
+   * and renders unconditionally. The detail compound's per-kind parts mount this inside
+   * their delegated state composition to keep the back chevron + title affordance
+   * consistent across the surface.
+   */
+  const ListHeader: typeof ActivityListHeader;
+  /**
+   * List body — skeleton / empty / error / rows. Pure reader; the controller-mounted
+   * `watchActivity` watcher drives recurring updates.
+   */
+  const List: typeof ActivityList;
+  /**
+   * Single row primitive. Hosts that want a fully-headless surface can mount Row directly
+   * with their own payload assembly.
+   */
+  const Row: typeof ActivityRow;
+  /**
+   * Empty-state body — centered icon + headline + subline.
+   */
+  const Empty: typeof ActivityEmpty;
+  /**
+   * Initial-error body — `Alert` + retry button.
+   */
+  const ErrorView: typeof ActivityErrorView;
+}
+//#endregion
+export { Activity };

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

@@ -0,0 +1 @@
+"use client";import{Frame as e}from"../../../dialog/Frame.js";import{ACTIVITY_SLOTS as t}from"./Activity.slots.js";import{styles as n}from"./Activity.styles.js";import{ActivityHeader as r,ActivityListHeader as i}from"./components/ActivityHeader.js";import{ActivityEmpty as a}from"./components/Empty.js";import{ActivityErrorView as o}from"./components/ErrorView.js";import{ActivityRow as s}from"./components/Row.js";import{ActivityList as c}from"./components/List.js";import{Fragment as l,jsx as u,jsxs as d}from"react/jsx-runtime";import*as f from"@stylexjs/stylex";const p=d(l,{children:[u(r,{}),u(c,{})]});function m({children:r,...i}){return u(e,{"data-stridge-slot":t.root,...f.props(n.root),...i,children:r??p})}(function(e){e.Header=r,e.ListHeader=i,e.List=c,e.Row=s,e.Empty=a,e.ErrorView=o})(m||={});export{m as Activity};

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

@@ -0,0 +1,22 @@
+//#region src/shared/widgets/activity/compound/Activity.slots.d.ts
+/**
+ * Slot vocabulary for `<Activity>`. Each meaningful element carries
+ * `data-stridge-slot={ACTIVITY_SLOTS.<part>}` so hosts can target a sub-part with
+ * `[data-stridge-slot="activity-row"]` without forking the kit. Slots are public API —
+ * renames are breaking changes.
+ */
+declare const ACTIVITY_SLOTS: {
+  readonly root: "activity";
+  readonly header: "activity-header";
+  readonly body: "activity-body";
+  readonly list: "activity-list";
+  readonly empty: "activity-empty";
+  readonly emptyIcon: "activity-empty-icon";
+  readonly error: "activity-error";
+  readonly retry: "activity-retry";
+  readonly skeleton: "activity-skeleton";
+  readonly skeletonRow: "activity-skeleton-row";
+};
+type ActivitySlot = (typeof ACTIVITY_SLOTS)[keyof typeof ACTIVITY_SLOTS];
+//#endregion
+export { ACTIVITY_SLOTS, ActivitySlot };

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

@@ -0,0 +1 @@
+const e={root:`activity`,header:`activity-header`,body:`activity-body`,list:`activity-list`,empty:`activity-empty`,emptyIcon:`activity-empty-icon`,error:`activity-error`,retry:`activity-retry`,skeleton:`activity-skeleton`,skeletonRow:`activity-skeleton-row`};export{e as ACTIVITY_SLOTS};

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/compound/ActivityDetail.d.ts

@@ -0,0 +1,82 @@
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#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.
+   */
+  children?: ReactNode;
+}
+/**
+ * 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()` (in-flow / via-list entries) or the bridge-supplied `onLookupMiss`
+ * (standalone direct entries) so the next paint shows the list.
+ */
+declare function ActivityDetail({
+  children
+}: ActivityDetailOwnProps): _$react_jsx_runtime0.JSX.Element | null;
+/**
+ * Pending-payload branch. Mounts the kit's `<ProcessingStateCompound>` with the resolved
+ * settlement details and an `<ActivityListHeader>` in the header slot so the back
+ * chevron + title affordance matches the list view.
+ */
+declare function ActivityDetailProcessing({
+  children
+}: {
+  children?: ReactNode;
+}): _$react_jsx_runtime0.JSX.Element | null;
+/**
+ * Succeeded-payload branch. Mounts `<SuccessStateCompound>` with per-direction headline copy
+ * 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 ActivityDetailSucceeded({
+  children
+}: {
+  children?: ReactNode;
+}): _$react_jsx_runtime0.JSX.Element | null;
+/**
+ * Failed-payload branch. Mounts `<ErrorStateCompound>` with per-direction failure headline so
+ * 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 ActivityDetailFailed({
+  children
+}: {
+  children?: ReactNode;
+}): _$react_jsx_runtime0.JSX.Element | null;
+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 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 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 ActivityDetailFailed;
+}
+//#endregion
+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{ProcessingState as i}from"../../processing-state/compound/ProcessingState.js";import"../../processing-state/compound/index.js";import{ErrorState as a}from"../../error-state/compound/ErrorState.js";import"../../error-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:a}=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(i,{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:a}),e??h(i.Body,{children:[m(i.Hero,{}),m(i.StatusPill,{}),h(i.Details,{children:[m(i.SourceRow,{}),m(i.SourceTxRow,{}),m(i.SubmittedAtRow,{}),m(i.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(),i=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=i(s.failureKind);return h(a,{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(a.Body,{children:[m(a.Hero,{}),h(a.Details,{children:[m(a.FillStatusRow,{}),m(a.SourceRow,{}),m(a.DestinationRow,{}),m(a.YouReceiveRow,{}),h(a.MoreDetails,{children:[m(a.DepositTxRow,{}),m(a.SubmittedAtRow,{}),m(a.FailedAtRow,{})]})]}),m(a.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/compound/components/ActivityHeader.d.ts

@@ -0,0 +1,39 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#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 a per-state title (e.g. `t\`Deposit in progress\``, `t\`Withdrawal failed\``).
+   */
+  title?: string;
+  /**
+   * Back chevron handler. When set, renders the chevron on the leading edge; when omitted,
+   * the title aligns flush with the leading edge. The list view always supplies a handler;
+   * detail views always supply one.
+   */
+  onBack?: () => void;
+}
+/**
+ * Shared `Card.Header` for the activity surface. Renders a back chevron (when `onBack` is
+ * set) on the leading edge + title + trailing `Dialog.CloseButton`. Mirrors the rhythm of
+ * `WithdrawForm.Header` (the kit's other multi-element dialog header) so the header chrome
+ * stays consistent across flows.
+ *
+ * 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 (`activityDetail → activityList → source`).
+ */
+declare function ActivityListHeader({
+  title,
+  onBack
+}: Props): _$react_jsx_runtime0.JSX.Element;
+/**
+ * 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 `<Activity.ListHeader>` itself with an
+ * explicit title and back handler.
+ */
+declare function ActivityHeader(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+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/compound/components/Empty.d.ts

@@ -0,0 +1,15 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#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
+ * or withdrawn yet. Renders centered icon + headline + subline; no CTA — the user is already
+ * inside an active dialog, so the surrounding flow (deposit method picker, withdraw form) is
+ * the implicit next step.
+ *
+ * @internal
+ */
+declare function ActivityEmpty(): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+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/compound/components/ErrorView.d.ts

@@ -0,0 +1,26 @@
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#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`.
+   */
+  onRetry: () => void;
+}
+/**
+ * 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 `watchActivity` tick retries; that branch never reaches this
+ * component.
+ *
+ * @internal
+ * @see {@link ActivityList} for the entity-status branching that decides when this
+ * renders vs the silent stale-while-revalidate path.
+ */
+declare function ActivityErrorView({
+  onRetry
+}: ActivityErrorViewProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+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/compound/components/Row.d.ts

@@ -0,0 +1,51 @@
+import { ActivityRowPayload } from "../../payloads.js";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/shared/widgets/activity/compound/components/Row.d.ts
+/**
+ * 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 {
+  /**
+   * 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: ActivityRowPayload;
+  /**
+   * Row click handler. Receives the settlement id from the payload; the parent compound
+   * 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 `ActivityRowProps`.
+ */
+type ActivityRowProps = Props;
+/**
+ * One row of the activity surface — leading asset glyph (with corner status pip), title +
+ * date stack, trailing amount + chevron. Composes
+ * `<SelectableTile shape="card" interactive="navigation">` so the surface treatment (hover
+ * wash, focus ring, border palette) matches the kit's asset-picker rows; the `rowLayout`
+ * override keeps the row's 68px height byte-identical to the design (44px disc + 12px block
+ * padding + 16px inline padding + 12px gap). `aria-label` encodes direction + amount + date
+ * because the leading icon doesn't carry direction on its own.
+ *
+ * Designed against Paper artboard `1HA2-0` (Deposit Tracker — Cards, Dark) — see
+ * {@link import("../Row.styles").styles} for the per-property snap rationale.
+ *
+ * **Asset glyph composition (Paper artboard `1HA2-0`).** The artboard shows the status pip
+ * in the bottom-trailing corner of the asset logo AND omits the chain glyph badge entirely.
+ * Row density is the optimization target, and the user is already inside the brand's dialog
+ * so chain identity carries lower weight than recognising the action+status at a glance.
+ * {@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 ActivityRow({
+  payload,
+  onSelect
+}: Props): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+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 };