@astrosheep/square 0.3.102 → 0.3.104

package/dist/boundary-presentation.d.ts

@@ -8,7 +8,9 @@ export declare function renderPendingAtBoundary(inbox: PendingMembership[]): str
  * `lookup` returns the session's memberships for this boundary. It may reuse an observation it has
  * verified against the current presence binding and artifact revision; the boundary still projects
  * presentation evidence live. Every item is claimed and revalidated before the batch sink;
- * after success, captured-seat commits record only its included items without an eligibility veto.
+ * after success, captured-seat commits record the winning batch, including budget omissions as
+ * clipped (no consumption receipt), without an eligibility veto. Coverage is conservative if a
+ * competing claim's removal lets a previously omitted body fit in the final preview.
  * A source that cannot verify its reuse must read the inbox again.
  */
-export declare function presentPendingAtBoundary<T>(identity: Owner, present: (context: string) => T | Promise<T>, lookup?: (identity: Owner, env?: NodeJS.ProcessEnv, signal?: AbortSignal) => Promise<PendingMembership[]> | PendingMembership[], env?: NodeJS.ProcessEnv, signal?: AbortSignal): Promise<T | undefined>;
+export declare function presentPendingAtBoundary<T>(identity: Owner, present: (context: string, delivered: PendingMembership[]) => T | Promise<T>, lookup?: (identity: Owner, env?: NodeJS.ProcessEnv, signal?: AbortSignal) => Promise<PendingMembership[]> | PendingMembership[], env?: NodeJS.ProcessEnv, signal?: AbortSignal): Promise<T | undefined>;

package/dist/boundary-presentation.js

@@ -17,11 +17,14 @@ function renderBoundary(inbox) {
     const agoraBlocks = [];
     const deliveries = [];
     let remainingAgora = queued.filter(({ notification }) => notification.delivery?.mode !== 'direct').length;
-    const complete = [];
+    const entries = [];
     let omitted = 0;
     const omission = (count) => `${count} more ${count === 1 ? 'activity' : 'activities'} not shown.`;
     for (const entry of queued) {
         const { membership, notification } = entry;
+        // The omission line represents the rest of this batch too, but never consumes its bodies.
+        const coverage = { membership, actIndex: notification.actIndex, markSeen: false };
+        entries.push(coverage);
         const block = renderAttentionPreview({
             squarePath: membership.location,
             actIndex: notification.actIndex,
@@ -43,15 +46,11 @@ function renderBoundary(inbox) {
         }
         blocks.push(block);
         deliveries.push(notification.delivery);
-        complete.push({
-            membership,
-            actIndex: notification.actIndex,
-            markSeen: !attentionBodyIsClipped(notification.body, notification.delivery),
-        });
+        coverage.markSeen = !attentionBodyIsClipped(notification.body, notification.delivery);
     }
     return {
         context: renderSquareReminder([...blocks, ...(omitted > 0 ? [omission(omitted)] : [])], deliveries),
-        complete,
+        entries,
     };
 }
 async function presentPendingAtBoundaryUnlocked(identity, present, lookup = sessionInbox, env = process.env, signal) {
@@ -66,7 +65,7 @@ async function presentPendingAtBoundaryUnlocked(identity, present, lookup = sess
     try {
         try {
             // Enumeration owns discovery/connections only; returned handles belong to the common runner.
-            for (const entry of renderBoundary(pending).complete) {
+            for (const entry of renderBoundary(pending).entries) {
                 const { location, seat } = entry.membership;
                 let artifact = artifacts.get(location);
                 if (artifact === undefined) {
@@ -87,12 +86,11 @@ async function presentPendingAtBoundaryUnlocked(identity, present, lookup = sess
         }
         const report = await presentPreparedBatch(claims.map(({ claim }) => claim), eligibleClaims => {
             const eligible = new Set(claims.filter(({ claim }) => eligibleClaims.includes(claim)).map(({ key }) => key));
-            const fresh = renderBoundary(pending.map(membership => ({ ...membership,
+            const delivered = pending.map(membership => ({ ...membership,
                 notifications: membership.notifications.filter(note => eligible.has(pendingKey(membership, note.actIndex))),
-            })));
-            const included = new Set(fresh.complete.map(entry => pendingKey(entry.membership, entry.actIndex)));
-            return { payload: fresh.context, included: claims.filter(({ key }) => included.has(key)).map(({ claim }) => claim) };
-        }, present, { signal, classifyError: () => 'failed' });
+            })).filter(membership => membership.notifications.length > 0);
+            return { payload: { context: renderBoundary(delivered).context, delivered }, included: eligibleClaims };
+        }, payload => present(payload.context, payload.delivered), { signal });
         if (report.observation.kind === 'threw')
             throw report.observation.error;
         for (const { result } of report.settlements)
@@ -110,7 +108,9 @@ async function presentPendingAtBoundaryUnlocked(identity, present, lookup = sess
  * `lookup` returns the session's memberships for this boundary. It may reuse an observation it has
  * verified against the current presence binding and artifact revision; the boundary still projects
  * presentation evidence live. Every item is claimed and revalidated before the batch sink;
- * after success, captured-seat commits record only its included items without an eligibility veto.
+ * after success, captured-seat commits record the winning batch, including budget omissions as
+ * clipped (no consumption receipt), without an eligibility veto. Coverage is conservative if a
+ * competing claim's removal lets a previously omitted body fit in the final preview.
  * A source that cannot verify its reuse must read the inbox again.
  */
 export async function presentPendingAtBoundary(identity, present, lookup = sessionInbox, env = process.env, signal) {

package/dist/claude-delivery.js

@@ -144,7 +144,7 @@ export async function observeClaudeDelivery(sessionId, text, operation, env = pr
             if (operation === 'stored')
                 await presentPending({ artifact: row.artifact, location: request.location,
                     // Claude's stored event consumes even Agora previews; retain that contract for both modes.
-                    participant: request.participant, activity: request.activity, seat: request.seat, markSeen: true, sink: { present() { } },
+                    participant: request.participant, activity: request.activity, seat: request.seat, observationOf: request.claimToken, markSeen: true, sink: { present() { } },
                     current: facts => currentPayload(facts, request) === payload });
         }
         return { recognized, current: true };

package/dist/delivery-attempts.js

@@ -64,7 +64,7 @@ export function presentationBlocksDispatch(attempts, now) {
     finite(now);
     return attempts.some(row => row.purpose === 'presentation'
         && (row.outcome === 'presented' || row.outcome === 'clipped' || row.outcome === 'unknown'
-            || row.outcome === 'dispatching' && (row.expiresAt === undefined || row.expiresAt > now)));
+            || row.outcome === 'dispatching'));
 }
 /** An expired dispatch is uncertain, not permission for automatic replay. */
 export function automaticDispatchEligible(attempts, now) {

package/dist/delivery-health.js

@@ -29,7 +29,7 @@ export async function classifyDeliveryHealth(squarePath, opts) {
         for (const { note, seat, evidence } of current) {
             const ageMs = Math.max(0, now - note.at);
             const presentation = evidence.some((row) => row.kind === 'presentation' && (row.outcome === 'presented' || row.outcome === 'clipped' || row.outcome === 'unknown'
-                || row.outcome === 'dispatching' && (row.expiresAt === undefined || row.expiresAt > now)));
+                || row.outcome === 'dispatching'));
             const terminal = evidence.findLast((row) => row.kind === 'wake' && (row.outcome === 'accepted' || row.outcome === 'unknown'));
             const attemptRow = evidence.findLast((row) => row.kind === 'wake' && (row.outcome === 'accepted' || row.outcome === 'unknown' || row.outcome === 'failed'));
             const attempt = attemptRow === undefined || seat === undefined ? undefined : deliveryAttempt(squarePath, attemptRow, { squarePath, recipient: seat.participant, actIndex: note.index });

package/dist/inbox.js

@@ -27,7 +27,7 @@ function eligibleNotifications(facts, membership, now = Date.now()) {
     const notifications = membership.notifications.filter(notification => {
         if (cancelledThrough !== undefined && notification.actIndex <= cancelledThrough
             || facts.deliveryEvidence(seat.participant, seat.generation, formatActivityId(notification.actIndex))
-                .some(row => row.kind === 'presentation' && (row.outcome === 'presented' || row.outcome === 'clipped')))
+                .some(row => row.outcome !== 'failed' && row.outcome !== 'released'))
             return false;
         const deferredUntil = deliveryDeferralExpiry(facts, seat, notification.actIndex, now);
         if (deferredUntil === undefined)

package/dist/plugins/opencode/delivery.js

@@ -115,7 +115,7 @@ export async function observeOpenCodeContext(sessionId, messages, env, signal) {
                 if (signal.aborted || evidence.claimToken === undefined)
                     return;
                 await presentPending({ artifact, location, participant: seat.participant,
-                    activity: formatActivityId(index), seat: asSeatRef(seat), sink: { present() { } }, markSeen: !clipped, signal,
+                    activity: formatActivityId(index), seat: asSeatRef(seat), observationOf: evidence.claimToken, sink: { present() { } }, markSeen: !clipped, signal,
                     current: (facts) => {
                         const current = facts.seat(seat.participant);
                         const prepared = current === undefined || !sameSeat(current, seat) ? undefined : preview(facts, location, seat, index);

package/dist/ports.d.ts

@@ -133,6 +133,8 @@ export interface DeliveryClaimInput {
     readonly seat: SeatRef;
     readonly activity: ActivityId;
     readonly kind: 'wake' | 'presentation';
+    /** Observe an existing wake's exact token; never authorizes another content injection. */
+    readonly observationOf?: string;
     readonly route?: WakeAddress;
     readonly at: number;
     readonly leaseMs: number;
@@ -322,6 +324,8 @@ export interface PresentPendingInput {
     readonly participant: string;
     readonly activity: string | number;
     readonly sink: PresentationSinkPort;
+    /** Existing wake observed by a native receiver; the sink must not inject content. */
+    readonly observationOf?: string;
     /** Captured artifact seat; used to fence both presentation and consumption. */
     readonly seat?: SeatRef;
     readonly generation?: ActivityId;

package/dist/presentation-operations.d.ts

@@ -14,5 +14,5 @@ export declare function preparePendingPresentation(input: Omit<PresentPendingInp
     index: number;
     at: number;
 }> | undefined>;
-/** Square sinks explicitly classify rejection as failed; the public effect core defaults to unknown. */
+/** A sink error cannot prove that content was never injected. */
 export declare function presentPending(input: PresentPendingInput): Promise<PresentationResult>;

package/dist/presentation-operations.js

@@ -36,7 +36,7 @@ export async function preparePendingPresentation(input) {
         port: {
             async claim(signal) {
                 const claimed = await input.artifact.claimDelivery({ seat: ref, activity: formatActivityId(index), kind: 'presentation',
-                    at: input.now ?? Date.now(), leaseMs: input.timeoutMs ?? 5000, claimToken }, signal).catch(() => ({ status: 'stale' }));
+                    observationOf: input.observationOf, at: input.now ?? Date.now(), leaseMs: input.timeoutMs ?? 5000, claimToken }, signal).catch(() => ({ status: 'stale' }));
                 return claimed.status === 'acquired' ? { token: claimToken, ordinal: claimed.attemptN } : undefined;
             },
             async current(signal) {
@@ -68,13 +68,13 @@ export async function preparePendingPresentation(input) {
         },
     }, { signal: input.signal });
 }
-/** Square sinks explicitly classify rejection as failed; the public effect core defaults to unknown. */
+/** A sink error cannot prove that content was never injected. */
 export async function presentPending(input) {
     const prepared = await preparePendingPresentation(input);
     if (prepared === undefined)
         return { presented: false };
     const report = await presentPrepared(prepared, activity => input.sink.present(activity), {
-        signal: input.signal, classifyError: () => 'failed',
+        signal: input.signal,
     });
     if (report.observation.kind === 'threw')
         throw report.observation.error;

package/dist/square-domain.js

@@ -248,6 +248,25 @@ export function wrapSquareWrite(read, writes, authority) {
         },
         claimDelivery(input) {
             assertSeat(input.seat);
+            const evidence = read.deliveryEvidence(input.seat.participant, input.seat.generation, input.activity);
+            if (input.observationOf !== undefined) {
+                // Receiver adapters validate native identity/content before entering this transaction.
+                // This path records that existing message, rather than acquiring a second send.
+                if (input.kind !== 'presentation' || !evidence.some(row => row.kind === 'wake'
+                    && row.claimToken === input.observationOf && ['dispatching', 'accepted', 'unknown'].includes(row.outcome)))
+                    return { status: 'stale' };
+            }
+            else {
+                const blocker = evidence.find(row => row.kind !== input.kind
+                    && row.outcome !== 'failed' && row.outcome !== 'released');
+                if (blocker !== undefined) {
+                    if (blocker.outcome === 'dispatching' && blocker.expiresAt !== undefined && blocker.expiresAt <= input.at) {
+                        // Normalize abandoned custody to unknown in the same transaction, never steal it.
+                        return mutations.claimDelivery({ ...input, kind: blocker.kind });
+                    }
+                    return { status: blocker.outcome === 'dispatching' ? 'busy' : 'terminal', evidence: blocker };
+                }
+            }
             return mutations.claimDelivery(input);
         },
         prepareDelivery(input) {

package/guides/delivery-primitives.md

@@ -52,6 +52,33 @@ currentness policy and the meaning of external proof remain the application's re
 An `accepted` dispatch is not proof of presentation or consumption. Only the responsible presentation
 boundary may assert `presented`; consuming an item is a separate application operation.
 
+## Square content custody
+
+Dispatch and presentation remain separate evidence series, but they are not independent permission
+to inject content. Square's transaction-scoped domain gate checks both series for the same artifact,
+recipient, seat generation and activity before admitting a new injection. A claim in either series
+blocks the other; accepted, presented, clipped and unknown evidence also block it. Only failed or
+released evidence permits another injection. An expired opposing claim is normalized to unknown in
+that transaction rather than stolen. No lock is held over host or network I/O.
+
+A native receiver that has verified the exact existing wake may pass its claim token as
+`observationOf` to the presentation adapter. The gate verifies the wake belongs to the same captured
+recipient/generation/activity and remains dispatching, accepted or unknown. This records observation
+of that message; its sink must not inject another message. Claude and OpenCode retain their exact
+native correlation/content checks. A successful wake alone never creates a consumption receipt.
+Paseo currently has no corresponding native Pi observation correlation: its accepted/unknown attempt
+stays unconsumed, available to explicit catch, without automatic native reinjection.
+
+Session pending projections used for automatic injection suppress claimed, accepted and uncertain
+items as well as presented ones. Failed/released attempts make them eligible again through delivery
+revision observation. Native payload construction and exact-token observation read their captured
+activity directly, not this injection queue. Cancellation and seat replacement retain their existing
+fences. Uncertainty deliberately favors no automatic duplicate over automatic recovery; no
+exactly-once processing or guaranteed eventual delivery is claimed.
+
+These checks use the existing artifact evidence and transactions; no new registry or artifact format
+is introduced. All running injectors must load the updated code before the guarantee applies.
+
 ## Transitions
 
 An `Attempt<D>` has `purpose: 'dispatch' | 'presentation'`, `token`, zero-based `ordinal`, `outcome`,
@@ -83,8 +110,8 @@ The caller supplies valid stored attempts and consistently scoped, ordered rows.
 `purpose`, `outcome`, and optional `expiresAt`; no dummy payload or identity is needed. These predicates
 may see both purposes for the same logical delivery.
 
-Presentation `presented`, `clipped`, `unknown`, or live `dispatching` blocks dispatch. Expired
-presentation dispatching alone does not. Automatic dispatch additionally requires no dispatch
+Presentation `presented`, `clipped`, `unknown`, or `dispatching` blocks dispatch, including an
+expired presentation claim: loss of its lease is uncertainty, not permission to send again. Automatic dispatch additionally requires no dispatch
 `accepted`, `unknown`, or `dispatching`; even expired dispatch custody blocks automatic replay.
 These are preselection predicates, not substitutes for a transactional claim or application gates.
 
@@ -173,8 +200,8 @@ supply isolation for a caller, so this is a mandatory port contract, tested in S
 
 Presentation reports distinguish observed sink behavior from durable persistence. A returned sink
 with `not-recorded` or `error` still returned successfully; that alone proves only the supplied sink's
-documented effect, not model consumption or human display. Square explicitly classifies its existing
-rejected sinks as failed and rethrows the original exception after draining. Its single result stays
+documented effect, not model consumption or human display. Square retains throwing sinks as unknown and rethrows the original exception after draining.
+A missing native landing event or a canceled wait cannot prove the message never entered the host. Its single result stays
 `{ presented: true, activity }` only on recorded success, false on ownership refusal; unexpected
 success-settlement errors propagate. Batch returns its original sink value after all settlements,
 with the same error propagation. No schema, storage format or public Square result changes are needed.

package/guides/pi-native-delivery.md

@@ -4,7 +4,16 @@ The shipped `plugins/pi/square-pi.js` remains the **only Square Pi extension**.
 Both its activity steer and advisory `nextTurn` send call the SDK-free shared
 `sendPiMessage` leaf compiled from `packages/agent-delivery/src`. Square keeps
 framing, custom type, display, preview/UI, observation/presentation evidence,
-retry/drop and canceled-batch suppression; the leaf neither schedules nor tracks.
+uncertain-landing and canceled-batch suppression; the leaf neither schedules nor tracks.
+
+Pi injection and external wake injection acquire mutually exclusive artifact-owned content custody.
+An accepted or uncertain Paseo wake suppresses native Pi reinjection without asserting presentation
+or consumption. Only proven failed/released attempts can return to the automatic queue. Missing
+landing events, thrown sinks and expired claims do not authorize replay. Renderer details describe
+only the batch that won custody, not the earlier observed inbox. Budget-omitted activities belong to
+that same delivered batch: the omission line settles their presentation as `clipped`, without a
+full-consumption receipt. They stay available to explicit catch, but never get paged into later
+model completions or replayed on extension reload. See `delivery-primitives.md`.
 
 For independent existing-session delivery, opt into its local receiver:
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astrosheep/square",
-  "version": "0.3.102",
+  "version": "0.3.104",
   "description": "A shared public square where agents join, catch activity, express, and step out when done.",
   "type": "module",
   "bin": {

package/plugins/claude/.claude-plugin/plugin.json

@@ -1,6 +1,6 @@
 {
   "name": "square",
-  "version": "0.3.102",
+  "version": "0.3.104",
   "description": "Native Claude Code inbox delivery for Square participants",
   "types": "./types.d.ts",
   "author": {

package/plugins/codex/.codex-plugin/plugin.json

@@ -1,6 +1,6 @@
 {
   "name": "square",
-  "version": "0.3.102",
+  "version": "0.3.104",
   "description": "Shared Square activity with reliable participant attention at Codex boundaries.",
   "author": {
     "name": "Square"

package/plugins/opencode/delivery.ts

@@ -114,7 +114,7 @@ export async function observeOpenCodeContext(sessionId: string, messages: readon
       for (const { evidence, index, hash, clipped } of matches) {
         if (signal.aborted || evidence.claimToken === undefined) return;
         await presentPending({ artifact, location, participant: seat.participant,
-          activity: formatActivityId(index), seat: asSeatRef(seat), sink: { present() {} }, markSeen: !clipped, signal,
+          activity: formatActivityId(index), seat: asSeatRef(seat), observationOf: evidence.claimToken, sink: { present() {} }, markSeen: !clipped, signal,
           current: (facts) => {
             const current = facts.seat(seat.participant);
             const prepared = current === undefined || !sameSeat(current, seat) ? undefined : preview(facts, location, seat, index);

package/plugins/paseo/README.md

@@ -15,9 +15,9 @@ directory. Square tags up to v0.3.69 do not contain it.
 Paseo supplies all runtime modules. No Git preparation step is needed. Plugins
 are trusted, unsandboxed code running inside the Paseo app.
 
-Requires Paseo >=0.11.2 with custom-message tool rows (#6090). Square 0.3.69+
-provides `details.items` for the collapsed heading. Messages without those
-details still expand to their original content.
+Requires Paseo >=0.11.2 with custom-message tool rows (#6090). Structured notification
+cards use Square's `details.items`, including each item's `actor`, `act`, `body` and
+`route`. Missing or malformed details fall back to the original plain text.
 
 ## Display
 
@@ -25,13 +25,21 @@ Only synthetic `tool_call` items with `metadata.customType === "square"` and
 plain-text detail are projected into a card. Real tools, other custom messages,
 and unrecognized rows remain unchanged.
 
-The collapsed heading uses `metadata.details.items`; it never reverse-parses
-the content. Expansion shows `metadata.details.fullText` when available: complete
-notification bodies, even when the model preview was clipped or omitted. Older
-messages fall back to `detail.text`, including clipping notices and catch commands.
-Each displayed body is capped at 32,000 UTF-16 units (omission line included), keeping
-the beginning and end; collapsed previews are capped at 1,000 units before layout.
-Surrogate pairs are not split. Original messages and model input remain unchanged.
+The heading and expanded messages use `metadata.details.items` directly, never
+reverse-parsing notification envelopes or body text for senders, IDs or message
+boundaries. Each expanded item keeps its full source body, author, exact activity ID
+and bell marker, even when the model preview was clipped or omitted. IDs with gaps
+are not compressed into a misleading range; items from different squares remain
+separate. Collapsing shows only the last item's preview. Body text containing square
+tags is ordinary content, not another notification.
+
+Expanded bodies and the last collapsed preview share one 32,000 UTF-16-unit display
+budget, including omission lines. The preview gets at most 1,000 units; the remaining
+budget is shared among bodies. Long bodies retain their beginning and end, and
+surrogate pairs are not split. Structured bodies are not also copied into `data.text`.
+Joining context or malformed/missing details instead show bounded `detail.text`
+under a generic heading, without inferring attribution. Original history and model
+input remain unchanged.
 Long content scrolls inside a bounded panel. The
 card does not fetch extra activity or mark anything seen. Live events and fetched history use
 the same transformer.

package/plugins/paseo/client/markdown.tsx

@@ -63,8 +63,9 @@ function renderBlocks(tokens: Token[], styles: Styles, prefix: string, textStyle
       case "space":
       case "checkbox":
       case "def":
-      case "html":
         return null;
+      case "html":
+        return <Text key={key} selectable style={[styles.text, textStyle]}>{token.raw}</Text>;
       case "hr":
         return <View key={key} style={styles.separator} />;
       case "code":
@@ -127,9 +128,9 @@ function renderBlocks(tokens: Token[], styles: Styles, prefix: string, textStyle
   });
 }
 
-/** The speaker run into the start of a line: the seal's blue, then the words. */
+/** A chorus speaker in seal blue, with a fixed half-em breath before the words. */
 function Lead({ name, styles }: { name: string; styles: Styles }) {
-  return <Text style={styles.lead}>{name}{"  "}</Text>;
+  return <Text style={styles.lead}>{name}{"\u2002"}</Text>;
 }
 
 /** One line (or a few) of Markdown, inline only: the collapsed preview on a notification card. */

package/plugins/paseo/client/palette.ts

@@ -1,50 +1,40 @@
 import type { PluginTheme } from "@getpaseo/plugin";
-import { MARBLE_DARK, MARBLE_LIGHT } from "./marble";
 
 /**
- * Square's own courtyard palette: veinless honed stone (muted grey light, charcoal dark) and a
- * slate seal ■ — everything half a step down, the quiet card on the timeline, deliberately no relative of notesoup's warm parchment or
- * pi-meantime's neutral carbon. Every token here is opaque and self-contained — the card and
- * Markdown never borrow the host's surface ramp or accent, only its appearance
- * (read from the host ink) and its accentForeground, which paints text on top
- * of an accent fill.
+ * Square's message card is a square-edged matte paper slip next to the timeline's
+ * frosted glass instruments: near-square corners, a square seal ■, a thin quote
+ * guide under the header. No glass sheen, no stone texture, no bottom cut —
+ * the card earns its identity from geometry, not decoration.
  */
 const DARK = {
-  surface0: "#15171a", // inset / code
-  surface1: "#1a1d20", // card (charcoal stone)
-  surface2: "#15171a", // inset / code
-  border: "#2b2f34",
-  foreground: "#dde1e6",
+  surface0: "#14161a", // inset / code
+  surface1: "#252a2e", // card (matte slate paper)
+  surface2: "#14161a", // inset / code
+  border: "#3a4249",
+  foreground: "#d9dce1",
   foregroundMuted: "#858b94",
-  accent: "#8298ad", // plaza ■ / links
+  accent: "#94a6b5", // plaza ■ / links
 } as const;
 
 const LIGHT = {
-  surface0: "#e9ebee",
-  surface1: "#f4f5f6", // card (grey stone)
-  surface2: "#e9ebee",
-  border: "#e0e2e5",
+  surface0: "#f4f5f7",
+  surface1: "#edf0f2", // card (matte slate paper)
+  surface2: "#f4f5f7",
+  border: "#ced5db",
   foreground: "#2b2e33",
-  foregroundMuted: "#90959c",
-  accent: "#56687e",
-} as const;
-
-const TILE = 512;
-
-/** Web-only surface: react-native-web passes these through as inline CSS. */
-const STONE = {
-  // A slab resting on the page: one darker cut along the bottom edge, a tight contact shadow, no sheen.
-  dark: { image: `url(${MARBLE_DARK})`, edge: "#34393f", boxShadow: "0 1px 0 rgba(0,0,0,0.3), 0 4px 10px -6px rgba(0,0,0,0.55)", inlay: "inset 0 0 0 0.5px rgba(0,0,0,0.4)" },
-  light: { image: `url(${MARBLE_LIGHT})`, edge: "#c9ccd1", boxShadow: "0 1px 0 rgba(24,26,30,0.04), 0 4px 10px -6px rgba(24,26,30,0.18)", inlay: "inset 0 0 0 0.5px rgba(0,0,0,0.26)" },
+  foregroundMuted: "#858b94",
+  accent: "#71869a",
 } as const;
 
 export interface SquarePalette {
   /** Complete theme for the card and its Markdown surfaces. */
   theme: PluginTheme;
-  /** Marble card surface for the web host, cut from the tile at `seed`; native keeps the flat surface1. */
-  stone(seed: string): { backgroundImage: string; backgroundSize: string; backgroundPosition: string; borderBottomColor: string; boxShadow: string };
-  /** Web-only: the ■ set into the stone. */
-  inlay: { boxShadow: string };
+  /** Flat slip: a hairline ring and no shadow, so the frosted rail beside it can carry the depth. */
+  card: { borderRadius: number; borderWidth: number; boxShadow: string };
+  /** The square ■ seal, unrounded and flat. */
+  seal: { borderRadius: number };
+  /** The thin quote guide under the header. */
+  quote: { borderLeftWidth: number; borderLeftColor: string; paddingLeft: number };
 }
 
 /** Paseo theme colors are hex (#RGB or #RRGGBB). */
@@ -67,19 +57,8 @@ export function squarePalette(theme: PluginTheme): SquarePalette {
       statusWarning: theme.colors.statusWarning,
       statusDanger: theme.colors.statusDanger,
     } },
-    stone: seed => {
-      // Each card shows its own patch of the slab, so neighbours never repeat a vein.
-      let hash = 2166136261;
-      for (const char of seed) hash = Math.imul(hash ^ char.charCodeAt(0), 16777619);
-      const { image, edge, boxShadow } = dark ? STONE.dark : STONE.light;
-      return {
-        backgroundImage: image,
-        backgroundSize: `${TILE}px ${TILE}px`,
-        backgroundPosition: `${-((hash >>> 0) % TILE)}px ${-((hash >>> 9) % TILE)}px`,
-        borderBottomColor: edge,
-        boxShadow,
-      };
-    },
-    inlay: { boxShadow: (dark ? STONE.dark : STONE.light).inlay },
+    card: { borderRadius: 2, borderWidth: 0.5, boxShadow: "none" },
+    seal: { borderRadius: 0 },
+    quote: { borderLeftWidth: 1, borderLeftColor: dark ? "#45535e" : "#c2cdd5", paddingLeft: 9 },
   };
 }

package/plugins/paseo/client/square-message.tsx

@@ -1,38 +1,37 @@
 import type { PluginTimelineItemProps } from "@getpaseo/plugin/client";
 import { Icon } from "@getpaseo/plugin/client/react-native";
 import { useMemo, useState } from "react";
-import { Pressable, ScrollView, StyleSheet, Text, View, type ViewStyle } from "react-native";
-import { parseSquareBlocks, parseSquareVoice, type SquareMessageData } from "../shared/message";
+import { Pressable, ScrollView, Text, View } from "react-native";
+import type { SquareMessageData } from "../shared/message";
 import { MONO, SquareCue, SquareInline, SquareMarkdownBody } from "./markdown";
 import { squarePalette } from "./palette";
 
 /**
- * The accent ■ marks the square itself, not a route.
+ * A square-edged matte slip next to the frosted glass instruments: near-square
+ * corners, square seal ■, thin quote guide under the header.
  * Header (both states): ■ square · who spoke … act ids · how many.
  * Collapsed: two preview lines. Expanded: the whole scene, at full width.
- * One attribution style for one voice or many — each speaker's name runs into
- * their first line in the seal's color (not repeated while they keep talking);
- * a bell or an *action* is stage direction, a caption on a hairline.
+ * Each structured message keeps its own sender, activity id and body.
+ * A bell or an *action* is stage direction, a caption on a hairline.
  */
 export function SquareMessage({ item, theme, layout }: PluginTimelineItemProps<SquareMessageData>) {
   const [expanded, setExpanded] = useState(false);
   const [hovered, setHovered] = useState(false);
   const palette = useMemo(() => squarePalette(theme), [theme]);
-  const { text, items } = item.data;
-  const latest = items?.[items.length - 1];
-  const preview = latest?.preview?.replace(/\s+/g, " ").trim();
-  const blocks = useMemo(() => parseSquareBlocks(text), [text]);
-  const voices = useMemo(() => blocks.map(block => parseSquareVoice(block.actor, block.meta)), [blocks]);
-  const names = items !== undefined
-    ? items.map(entry => entry.actor)
-    : voices.map(voice => voice.speaker);
-  const speakers = [...new Set(names.filter((name): name is string => name !== undefined))];
-  const squareName = latest?.square ?? blocks[0].meta?.split("·")[1]?.trim() ?? "Square";
-  const bell = latest?.route === "bell" || (voices.length === 1 && voices[0].bell);
-  // Header is the same in both states; act id is always shown when we know it.
-  const actIds = [...new Set(voices.flatMap(voice => voice.actId ? [voice.actId] : []))];
-  const trailing = [actSpan(actIds), items && items.length > 1 ? String(items.length) : undefined]
-    .filter(Boolean).join(" · ");
+  const items = "items" in item.data ? item.data.items : undefined;
+  const text = "text" in item.data ? item.data.text : undefined;
+  const latest = items?.at(-1);
+  // Keep the source's own line breaks: collapsed and expanded text must wrap alike.
+  const preview = latest?.preview ?? text;
+  const speakers = [...new Set(items?.map(entry => entry.actor))];
+  const chorus = speakers.length > 1;
+  const squares = [...new Set(items?.map(entry => entry.square))];
+  const squareName = squares.join(", ") || "Square";
+  const bell = latest?.route === "bell";
+  // Exact IDs never imply intervening activities, and different squares keep their own IDs.
+  const actIds = items?.map(entry => entry.act) ?? [];
+  const trailing = [items?.map(entry => squares.length > 1 ? `${entry.square} ${entry.act}` : entry.act).join(", "),
+    items && items.length > 1 ? String(items.length) : undefined].filter(Boolean).join(" · ");
   const { accent, border, foreground, foregroundMuted: muted, surface1 } = palette.theme.colors;
   // On web the header brightens its details under the cursor; touch keeps them quiet.
   const detail = layout.platform === "web" && hovered ? foreground : muted;
@@ -41,8 +40,8 @@ export function SquareMessage({ item, theme, layout }: PluginTimelineItemProps<S
 
   return (
     <View style={[
-      { backgroundColor: surface1, borderWidth: StyleSheet.hairlineWidth, borderColor: border, borderRadius: 4, paddingHorizontal: 12, paddingVertical: 9 },
-      layout.platform === "web" && palette.stone(`${squareName} ${actIds[0] ?? ""}`) as ViewStyle,
+      { backgroundColor: surface1, borderWidth: palette.card.borderWidth, borderColor: border, borderRadius: palette.card.borderRadius, paddingHorizontal: 10, paddingVertical: 7 },
+      layout.platform === "web" && { boxShadow: palette.card.boxShadow },
     ]}>
       <Pressable
         accessibilityRole="button"
@@ -54,51 +53,36 @@ export function SquareMessage({ item, theme, layout }: PluginTimelineItemProps<S
         style={({ pressed }) => ({ opacity: pressed ? 0.85 : 1 })}
       >
         <View style={row}>
-          <View style={[{ width: 9, height: 9, borderRadius: 1.5, backgroundColor: accent }, layout.platform === "web" && palette.inlay as ViewStyle]} />
-          <Text numberOfLines={1} style={{ color: foreground, fontSize: 13, fontWeight: "600", flex: 1 }}>
+          <View style={{ width: 6, height: 6, borderRadius: palette.seal.borderRadius, backgroundColor: accent }} />
+          <Text numberOfLines={1} style={{ color: foreground, fontSize: 11.5, lineHeight: 17, fontWeight: "600", flex: 1 }}>
             {squareName}
             {(speakers.length > 0 || bell) && (
-              <Text style={{ color: muted, fontWeight: "400" }}> · {[speakers.join(", "), bell ? "🔔" : ""].filter(Boolean).join(" · ")}</Text>
+              <Text style={{ color: muted, fontWeight: "400", fontSize: 10.5 }}> · {[speakers.join(", "), bell ? "🔔" : ""].filter(Boolean).join(" · ")}</Text>
             )}
           </Text>
-          {trailing !== "" && <Text style={{ color: detail, fontSize: 11, fontFamily: MONO, fontVariant: ["tabular-nums"] }}>{trailing}</Text>}
-          <Icon name={expanded ? "ChevronUp" : "ChevronDown"} size={15} color={detail} />
+          {trailing !== "" && <Text numberOfLines={1} style={{ color: detail, fontSize: 9.5, fontFamily: MONO, fontVariant: ["tabular-nums"], flexShrink: 1 }}>{trailing}</Text>}
+          <Icon name={expanded ? "ChevronUp" : "ChevronDown"} size={10} color={detail} />
         </View>
         {!expanded && preview !== undefined && preview !== "" && (
-          <View style={{ ...indent, marginTop: 3 }}>
-            <SquareInline text={preview} theme={palette.theme} numberOfLines={2} lead={latest?.actor} />
+          <View style={{ ...indent, marginTop: 5, marginLeft: 2.5, paddingLeft: palette.quote.paddingLeft, borderLeftWidth: palette.quote.borderLeftWidth, borderLeftColor: palette.quote.borderLeftColor }}>
+            <SquareInline text={preview} theme={palette.theme} numberOfLines={2} lead={chorus ? latest?.actor : undefined} />
           </View>
         )}
       </Pressable>
       {expanded && (
         <ScrollView style={{ maxHeight: layout.compact ? 280 : 400, marginTop: 3 }} nestedScrollEnabled>
           <View style={{ ...indent, gap: 7 }}>
-            {blocks.map((block, index) => {
-              const voice = voices[index];
-              if (block.body === "" && !voice.bell) return null;
-              const repeat = index > 0 && voices[index - 1].speaker === voice.speaker;
-              return (
-                <View key={voice.actId ?? index} style={{ gap: 6 }}>
-                  {voice.bell && <SquareCue theme={palette.theme} label={`${voice.speaker ?? ""} 🔔`} />}
-                  <SquareMarkdownBody
-                    text={block.body}
-                    theme={palette.theme}
-                    lead={repeat ? undefined : voice.speaker}
-                    actor={voice.speaker}
-                  />
-                </View>
-              );
-            })}
+            {items === undefined ? <SquareMarkdownBody text={text ?? ""} theme={palette.theme} /> : items.map((entry, index) => (
+              <View key={index} style={{ gap: 6 }}>
+                {entry.route === "bell"
+                  ? <SquareCue theme={palette.theme} label={`${entry.actor} 🔔 · ${entry.square} · ${entry.act}`} />
+                  : <Text style={{ color: muted, fontSize: 11, fontFamily: MONO }}>{entry.square} · {entry.act}</Text>}
+                <SquareMarkdownBody text={entry.body} theme={palette.theme} lead={chorus ? entry.actor : undefined} actor={entry.actor} />
+              </View>
+            ))}
           </View>
         </ScrollView>
       )}
     </View>
   );
 }
-
-/** act/18, act/19 → act/18–19; anything else is listed as is. */
-function actSpan(ids: string[]): string | undefined {
-  if (ids.length < 2) return ids[0];
-  const numbers = ids.map(id => /^act\/(\d+)$/.exec(id)?.[1]).map(Number);
-  return numbers.every(Number.isInteger) ? `act/${Math.min(...numbers)}–${Math.max(...numbers)}` : ids.join(", ");
-}

package/plugins/paseo/client/transform.ts

@@ -1,5 +1,5 @@
 import type { PluginTimelineTransformerContribution } from "@getpaseo/plugin/client";
-import { COLLAPSED_PREVIEW_MAX_CHARS, outputPreview, squareCardDetailsSchema } from "../shared/message.ts";
+import { COLLAPSED_PREVIEW_MAX_CHARS, OUTPUT_DISPLAY_MAX_CHARS, outputPreview, squareCardDetailsSchema, type SquareMessageData } from "../shared/message.ts";
 
 // Recognition is metadata-based, not a guess from a tool name or body text.
 // The same projection applies to live events and fetched history.
@@ -10,19 +10,26 @@ export const transformSquareMessage: PluginTimelineTransformerContribution<"tool
       typeof item.detail.text !== "string") return;
 
   const details = squareCardDetailsSchema.safeParse(item.metadata.details);
+  let data: SquareMessageData;
+  if (details.success) {
+    const items = details.data.items, latest = items.at(-1)!;
+    const preview = outputPreview(latest.preview ?? latest.body, COLLAPSED_PREVIEW_MAX_CHARS);
+    let remaining = OUTPUT_DISPLAY_MAX_CHARS - preview.length;
+    const clipped = items.reduce((sum, entry) => sum + entry.body.length, 0) > remaining;
+    data = { items: items.map(({ preview: _preview, ...entry }, index) => {
+      const body = clipped ? outputPreview(entry.body, Math.floor(remaining / (items.length - index))) : entry.body;
+      remaining -= body.length;
+      return { ...entry, body, ...(index === items.length - 1 ? { preview } : {}) };
+    }) };
+  } else {
+    data = { text: outputPreview(item.detail.text) };
+  }
   return {
     items: [{
       type: "plugin",
       kind: "square-message",
       version: 1,
-      data: {
-        text: outputPreview(details.success && details.data.fullText !== undefined ? details.data.fullText : item.detail.text),
-        ...(details.success ? {
-          // Only the last item's preview is rendered, so only it takes the visible budget.
-          items: details.data.items.map((item, index, all) =>
-            index < all.length - 1 || item.preview === undefined ? item : { ...item, preview: outputPreview(item.preview, COLLAPSED_PREVIEW_MAX_CHARS) }),
-        } : {}),
-      },
+      data,
     }],
   };
 };

package/plugins/paseo/shared/message.ts

@@ -1,95 +1,36 @@
 import { z } from "zod";
 
-/** Client display budget, including the omission line; source history stays unchanged. */
+/** Aggregate client display budget, including omission lines; source history stays unchanged. */
 export const OUTPUT_DISPLAY_MAX_CHARS = 32_000;
 export const COLLAPSED_PREVIEW_MAX_CHARS = 1_000;
 export function outputPreview(text: string, maxChars = OUTPUT_DISPLAY_MAX_CHARS): string {
+  if (maxChars <= 0) return "";
   if (text.length <= maxChars) return text;
   const middle = "\n\n… Showing the beginning and end; the middle is hidden in this preview. …\n\n";
+  // Even a small share of a multi-message budget must fit, without splitting a surrogate pair.
+  if (maxChars <= middle.length) return text.slice(0, maxChars - 1).replace(/[\uD800-\uDBFF]$/, "") + "…";
   const headChars = Math.floor((maxChars - middle.length) / 2);
-  // Budget in UTF-16 units, but never split a surrogate pair.
   const head = text.slice(0, headChars).replace(/[\uD800-\uDBFF]$/, "");
   const tail = text.slice(-(maxChars - middle.length - headChars)).replace(/^[\uDC00-\uDFFF]/, "");
   return head + middle + tail;
 }
 
-export interface SquareBlock { meta?: string; actor?: string; body: string }
-
-function parseAttributes(source: string): Record<string, string> {
-  const attributes: Record<string, string> = {};
-  for (const match of source.matchAll(/([a-z]+)="([^"]*)"/g)) {
-    attributes[match[1]!] = match[2]!.replace(/&quot;/g, '"').replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&");
-  }
-  return attributes;
-}
-
-// A square notification is one or more <square-activity> blocks. Split them out so the
-// envelope becomes styled chrome and only the body goes through markdown: where and which
-// activity come from tag attributes, or from the leading `· ...` line when the tag has none.
-export function parseSquareBlocks(text: string): SquareBlock[] {
-  const blocks: SquareBlock[] = [];
-  const re = /<square-activity([^>]*)>\n([\s\S]*?)\n<\/square-activity>/g;
-  let last = 0;
-  for (const match of text.matchAll(re)) {
-    const index = match.index ?? 0;
-    const before = text.slice(last, index).trim();
-    if (before !== "") blocks.push({ body: before });
-    const attributes = parseAttributes(match[1]!);
-    const innerLines = match[2]!.split("\n");
-    const described = [attributes.square, attributes.as, attributes.id].filter((value) => value !== undefined);
-    const meta = described.length > 0
-      ? `· ${described.join(" · ")}`
-      : innerLines[0]?.startsWith("· ") ? innerLines.shift() : undefined;
-    const actor = innerLines.shift();
-    blocks.push({ meta, actor, body: innerLines.join("\n").trim() });
-    last = index + match[0].length;
-  }
-  const rest = text.slice(last).trim();
-  if (rest !== "") blocks.push({ body: rest });
-  if (blocks.length === 0) blocks.push({ body: text });
-  return blocks;
-}
-
-export interface SquareVoice { speaker?: string; bell: boolean; actId?: string }
-
-// A voice line is chrome for the card: `● rei rang the bell` names who, how, and which
-// activity. Route prose is parsed into those marks, never rendered as narration.
-export function parseSquareVoice(actorLine?: string, metaLine?: string): SquareVoice {
-  const line = actorLine?.trim() ?? "";
-  const cleaned = line.replace(/^[●○◎◆■·]\s*/, "").trim();
-  return {
-    speaker: /\S+/.exec(cleaned)?.[0],
-    bell: /rang the bell/i.test(cleaned),
-    actId: /act\/\d+/.exec(metaLine ?? "")?.[0],
-  };
-}
-
+/** Renderer facts emitted by pendingCardDetails, never derived from body or route prose. */
 export const squareCardDetailsSchema = z.object({
-  fullText: z.string().optional(),
   items: z.array(z.object({
     square: z.string(),
-    actor: z.string().optional(),
+    actor: z.string(),
+    act: z.string().regex(/^act\/(0|[1-9]\d*)$/),
+    body: z.string(),
     recipient: z.string().optional(),
-    route: z.enum(["mention", "reply", "attention", "bell"]).optional(),
+    route: z.enum(["mention", "reply", "attention", "bell"]),
     preview: z.string().optional(),
-    description: z.string(),
   })).min(1),
 });
 
-/** Human-facing summary of a route; the card itself leads with people, not this prose. */
-export function squareHeadline(item: z.output<typeof squareCardDetailsSchema>["items"][number]): string {
-  if (item.actor === undefined || item.route === undefined) return item.description;
-  const to = item.recipient;
-  switch (item.route) {
-    case "mention": return to === undefined ? `${item.actor} spoke your name` : `${item.actor} spoke ${to}'s name`;
-    case "reply": return to === undefined ? `${item.actor} answered you` : `${item.actor} answered ${to}`;
-    case "attention": return to === undefined ? `${item.actor} spoke · you're listening` : `${item.actor} spoke · ${to} is listening`;
-    case "bell": return `${item.actor} rang the bell`;
-  }
-}
-
-export const squareMessageSchema = z.object({
-  text: z.string(),
-  items: squareCardDetailsSchema.shape.items.optional(),
-});
+export const squareMessageSchema = z.union([
+  squareCardDetailsSchema,
+  z.object({ text: z.string() }),
+]);
 export type SquareMessageData = z.output<typeof squareMessageSchema>;
+export type SquareNotificationItem = z.output<typeof squareCardDetailsSchema>["items"][number];

package/plugins/pi/square-pi.js

@@ -383,7 +383,7 @@ export default function squarePiExtension(pi) {
         try {
           await presentPendingAtBoundary(
             harnessOwner({ channel: 'pi', session: boundSessionId }),
-            async (content) => {
+            async (content, delivered) => {
               if (signal.aborted || currentRunSignal?.aborted) throw new Error('Pi notification delivery cancelled');
               // One card for the human: a compact heading, expandable to the full body.
               // Model context stays bounded; renderer-only details carry the complete text.
@@ -391,7 +391,7 @@ export default function squarePiExtension(pi) {
               const landing = waitForLanding(messageContent, signal, 'steer');
               try {
                 sendPiMessage(pi,
-                  { customType: 'square', content: messageContent, display: true, details: pendingCardDetails(pending) },
+                  { customType: 'square', content: messageContent, display: true, details: pendingCardDetails(delivered) },
                   { deliverAs: 'steer', triggerTurn: true },
                 );
               } catch (error) {
@@ -411,7 +411,8 @@ export default function squarePiExtension(pi) {
             signal,
           );
           if (signal.aborted || token !== generation) return;
-          for (const key of keys) handledPending.add(key);
+          // Only committed evidence suppresses successful delivery. A competing wake may
+          // have won the claim and can still fail before sending, making this item eligible again.
         } catch (error) {
           if (signal.aborted || token !== generation) return;
           if (error instanceof PiDeliveryDroppedError) {

package/plugins/paseo/client/marble.ts

@@ -1,7 +0,0 @@
-/**
- * Seamless 512px stone tiles, rendered once offline (float canvas noise, dithered, JPEG):
- * veinless honed stone — only the milky drift, on muted grey-white (light) or charcoal (dark).
- * Kept tiny so they inline as data URIs.
- */
-export const MARBLE_LIGHT = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4gHYSUNDX1BST0ZJTEUAAQEAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADb/2wBDAAYEBAUEBAYFBQUGBgYHCQ4JCQgICRINDQoOFRIWFhUSFBQXGiEcFxgfGRQUHScdHyIjJSUlFhwpLCgkKyEkJST/2wBDAQYGBgkICREJCREkGBQYJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCT/wAARCAIAAgADASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAECCP/EABYQAQEBAAAAAAAAAAAAAAAAAAABEf/EABYBAQEBAAAAAAAAAAAAAAAAAAABAv/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAMAwEAAhEDEQA/AOnAGkQUBBcMAAAAAAAAAAAAAAAKAM1K1WaDFRqoAAAIqAioAgKCosBViLAVYiwGoIqCgKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADNjSUGLEarNBEVABFQUAEwxQEUAFRQWNMxYDQigoAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlUBmxmxvExBixMbxLFGMGrExBFMFAFBBUQFRQVUUBUFGtNZ1QXVZ1ZQUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAExMaEGLEsbsZqjIqAAqCCoCKCiqyqCiaAGiAurKysUblVmVoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAUAAAAAAKxWqlBkUQQFUQaRBnFwFAFQQXBREaRBMWACxqMrFGggAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACVFqAgACoqAAogpiCKAAAIAogICtRhQblVmVdBQ1NBRnTQaGdNBrRnWpQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAASs1qs0EBAXTU01BoRVFixIsBUxQERUARUoIAAAgLKyqjWpqaAogC6gAsWMrqDWrrGroNCSqoAAmqigAAAAAAAAAAAAAAAAAAAAAAAAAAlZrVZoMi1MQRTDFBUIg1GozFBoRVERcAZFQEBQEqpQSggLogg0JpoKiaaCrrOmg0rMUFajKxRQQFUEABQAAAAAAAAAAAAAAAAAAAAAAABKlWogmGLhiiYKgJhikgCioEUFAwARFSggACVUoIjWICCsoLqCAaGAKAosVCINLEigqoqgCgAAAAAAAAAAAAAAAAAAAAAAAIACiCgJi4AIi1AFRYAoAAAAAhRKCAiCgKCKIM1K1UsUZFwxBBcRQAQUAGousxYo0RFgNAAAAAAAAAAAAAAAAAmgommgoaAAAAAAAAAAAgogioqgAAAAABWa0lgM1FwBFBAUwURFqAgUQQxRRkaQAMXEBqRMakAxZDFAAUAAAAAAAAAAAAAKCWs6tZBdXWV0F0TTQWVpjVlBoSVQAAAAAAAARQAAAAAAAABLExpMBBRASqKM1GkoMigIoAJigEBUFkWJGooAAAAAAAAAAAAAAAAFAGbGW8SwGRcAQDACAg1KusxQaEiqAAAAAAAAAAAAAAAAAAACAmKKIlaxmgiNIgiLWaDWjKg0JFiixZQQUIKAAAAAAAAAAAAAAAACVQGUaxMBAxUERUUFRYg1FSKoAAAAAAAAAAAAAAAAAAAAAAJVKDNRazQKgIAYoEaiRYooKAAAAAAAAAAAAAAAAAAAAAYAJhigM4WNIDOCiCxSCgAAAAAAAAAAAAAAAAAAAAAAADNZrdiWAwLggBgosWJFgKCgAAAAAAAAAAAAAAAAAAAAAAAAAAgAKAAAAAAAAAAAAAAAgAKAAAAAAAACYoDOGNGAzhjWAM4uKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAogCgAAAAAAAAAAAAAAAAAAAAAAAAAAAigAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACCoCgAAAAAAAAAAAAAAACAKAAAgAKAAAAAAACAAoAAAAAAAAAAAAAAAAAAAAAAAABQAAAAAAAAAAAAAAAAAAAAEABQAAAAAAAAAAABNNBQTQURQAAAAAAAAAAAAAAAAAAAAAASgIAAC6gooAAAAAAAAAAAAACKlARagGrqAKqGgoaABqaC6mpoCggACCoCg0gCgAAAAAAAAAAAAAAAAAAAIqUBCpoLpqAKIoKqGoKAoAAAAAAAAAgKIICKKIKgAIC6ampqDWms6aCqixRUUBFBAFFAAAAAAAAAAAAAAAAAAAAAABKqUEqLWUA1NFFXWdXQXTUQG5WtYiwGhFAAAAAAAABAUERUAENAtTS1nQUTRBSVCUGpV1nV1RpWY1AUAAAAAAAAAAAAAAAAAAAAAAAAAEtRNS0FtTU00BAAVFAABVlRYCxpmKCiKAAAAAAACaAzVSgmppWQXUTTQXTUTQa0QQaIzqqNyrKxK1KDcVmNaAAAAAAAAAAAAABQTV1k0GhNNBRNNBRNTQaNZ00GNTU1NBdNQBdE1UFBQCCqCwAVWVgLFIIACgAAamgAiaCpVSgzWa1WagyLiKAigIIDWrGVBqNSsStSg3KusauoN6usSqo1ogChAAAAAAABKqUEqKgBqamg1prOmg1prOmguppUBlNKiC6miKNSrrMWINqzFUVUVBRBRViCDSsxVFEUBLSpQNTUoC6iaaDWomloJUBBEUUQUQZFARTFxRFiYsQaWVlYo3FZlWAqpGgAAAAAAAAGa1WaCVKVEDUEAAA1dZUFShQZqVqxARFAFgsgLFiRqKKAAKIIoqgoqCCoAlVFERpmggAIFRAQAFQAAAAUFRYgYKgCgCrEFGpWozGoCgAAAAAAAVmrUBKzjSAiNJiDI1iAyoqglaSglStVlBBRQVFQWLEjQCgoAALCLAUABFQBAQEVKCIqVRKzatZABcQQXAAAFMIqjOKogAKCoqAIqixqMtAqpFAAAAAABKlVKCAiCoACYoomCmAhVSoFjNaqWAypgoC4uARSRZAFwxYBiY1ggki4CgAAUARFqAVmqiAgAlZaqKIuCgYYKDNhjWGIJigoC4YggCiAANRIsBcWEWARQAAAAAAARQGKjeM4gguGKIsMMAwxcATEaTALExuxmwGcMaxMBFAFixIsQVUVQAAAAAAAAZaTAZFKgzUWoogAAigKigKggoEUUAEqNICCoA1GY1AVUiwFAAAAAAAAAASxQExMaEEwxRRMMUBMTGgBMVKCVFRBBQBYRYooAAAAAAAAAAAJUrTNBEWs0EqLUAVIsQAFDRFBVQ0F1dZ1dQUTQAwVRJGsABYAKAAAAAAAAAAAAAAAAAAAAlVKCVFAAAGokUAAAAAAAAAAAABKpQYrNbrNQYotQBYiqCoAAIBqCi6rIDWmoqCxYkaiigICgoAAAAAAAAAAAAAAAAAAAA/9k=";
-export const MARBLE_DARK = "data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4gHYSUNDX1BST0ZJTEUAAQEAAAHIAAAAAAQwAABtbnRyUkdCIFhZWiAH4AABAAEAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAACRyWFlaAAABFAAAABRnWFlaAAABKAAAABRiWFlaAAABPAAAABR3dHB0AAABUAAAABRyVFJDAAABZAAAAChnVFJDAAABZAAAAChiVFJDAAABZAAAAChjcHJ0AAABjAAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAAgAAAAcAHMAUgBHAEJYWVogAAAAAAAAb6IAADj1AAADkFhZWiAAAAAAAABimQAAt4UAABjaWFlaIAAAAAAAACSgAAAPhAAAts9YWVogAAAAAAAA9tYAAQAAAADTLXBhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABtbHVjAAAAAAAAAAEAAAAMZW5VUwAAACAAAAAcAEcAbwBvAGcAbABlACAASQBuAGMALgAgADIAMAAxADb/2wBDAAYEBAUEBAYFBQUGBgYHCQ4JCQgICRINDQoOFRIWFhUSFBQXGiEcFxgfGRQUHScdHyIjJSUlFhwpLCgkKyEkJST/2wBDAQYGBgkICREJCREkGBQYJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCQkJCT/wAARCAIAAgADASIAAhEBAxEB/8QAFwABAQEBAAAAAAAAAAAAAAAAAAECCP/EABYQAQEBAAAAAAAAAAAAAAAAAAABEf/EABUBAQEAAAAAAAAAAAAAAAAAAAAB/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A54AVFEAUQAAAAAAAAAAAAAAAABVRQWKkAURVBFARQQAAAAQAEABEUBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFiLAVUigKCgAgAgKIKKCIAAJUVAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABUAVWV0GtNTTQaE00FEFFQEABQAQQABFARGkBMFKCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAumoA1oigoigAgKIoAACKgAAAKCFioDNFqAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAKigoCgaIgoigogAAAAAqAKgAgqUEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABYJFBQAEVAAAU1AFQAAAFRQAUESqKMi1EAAAXDAQXAEFQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACKkagAoCCgIACAAgAKIoCooACgAgYYqKJgogAAAqiIogyKAguIAAAKgAAAAAAAAAAAAAAAAAAAAAAAAAAEaZUGgAAAEUBEVAQVAURQURQAAAAUAABRBRADAAVAQVAQVARQAQAAAAAAAAAAAAAAAAAAAAAAAAAAAUAFEFF0QQUEAABAAAAURQUAAAFEUAFUAEAAAAEFQERUAAARUAAAAAAAAAAAAAAAAAAAAAAAAAAAVAAAFEUAEAAAAAAAVFBQAAAAAVWVBTTUBRFAAARUBBUBBUBAAAAAAAAAAAAAAAAAAAwAAAAAAAAAAAAAAAAAAAAAAAVFBRFAABAAUAFAAABRAFQQFSiACAAAAAAAAAAAAAAAAEBQigIoCCmAiNICAAAAAAAAAAAAAAAAAAAAsEUAAAAFEUFEAVABRAAAEqKgAAAAAAAAAAAAAAAAAALFSAKAAqAKgAgqAgAAAAAAAAAAAAAAAAAAAAAAAKIoKIoCooCKAiKAiKAgAAAAAAAAAAAAAAAAACoAqoAogCgAAAlRagAAAAAAAAAAAAAAAAAAAAAAAAKqRQFAAEARUAQAAAAAAAAAAAAAAAAAAAAAAAXRAFNQBoQAqAAAAAAAAAAAAAAAAAAAAAAAAACxUgDQmgACglVEBAAAAAAAAAAAAAAAAAAAAAAAAAAABRFBAAAAAAAAAAAAAAAAAAAAAAAAAAAAU1DQXTUAXRAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAVFBBQEFAQAAAAAAAAAAAAAAAFAAABBUAAABQRQAAAAAAARUAAAAAAAAAAAAAAAAAAAAABQAUEFAQVAQVAAAAAAAAAAAAAAAUAAAAAAxTATBQEFQAAAEBRAAAAAAAAAAAAAAAAAAAAAAABUUBUUAUBBQEwxQGcRpAQAAAAAAAAABUAURQBQAFAAABVGRUQRGqgIAAAAAAAAAAAAAAAAAAAAAAAAAChi4AKAAqiAIAAIACIoCCoAAAAAAACgAsAXBYCKKCC4AgoCIoCM1pFGaLYiAAAAAAAAAAAAAACooCCgIKmACgILhgNYYoACggACLUABAAAQAEAAAAAAFAAAFiKCxYiwFCAAAAoohioCJWkBmo0iCIoCCgIAAAAAAAACgAoIooJiY0YDKrgCLgqigoIKAiNIDIqICKAgUARQERQEAAUAFAAUBBQBQAVBRQAFQBUABFQBFQERRBEVAAAAAAAAAFiKCgoAKAAAACKALFZVRQAEBBEVKCAKACACAIqAAoAAKqAKAACgAoIKigoIAgoAIAAAIoJiiCVlpKCAAAAAAAAKigsVAFABRFABFFEEFisqCiCioCCBUAAAAAQKCAAKigAAKigoAKEVQBAURQEAAAAQQFQBUAAAERQERUAAAAAABRFBQAAAFQBRNUARQFRQAABACoACCAuiAKgAAAAAoACgAoAoigCCiiAKIIAAAgCgAAAJVQBABKAAAAAAAAqAKqQBQAAQFEAURQFZAaEAUQARagCAAAAAAAAAAqKAqAKqKACqIoAgCAigIAACAqoAoigIqAgIAAAAAAAAAAAACiAKgAaaALpqACoAqooAACCUAAAAAAAAAAAABUUFVFAUAEVAAFAUQRFAQVAAAAAEABFQAAAAAAAAAAAAAAAAAAAAAAFAAAARUAAAAAAAAAAAAAABqKysBoRQAFEAQAVRBQEMUQQAERUAQAAAAAAAAAAAAAAAAAAAAAAAf/9k=";