Skip to content

feat(ui): replace icon-only empty states with blueprint drafting illustrations (closes #13) - #20

Open
NePreby wants to merge 4 commits into
Flow-Pulse:mainfrom
NePreby:feat/drafting-empty-state-illustrations
Open

NePreby wants to merge 4 commits into
Flow-Pulse:mainfrom
NePreby:feat/drafting-empty-state-illustrations

Conversation

@NePreby

@NePreby NePreby commented Nov 6, 2026

Copy link
Copy Markdown

Summary

Closes #13.

Replaces the icon-only placeholder inside the Empty component with inline-SVG architectural drafting drawings, strictly adhering to the Architectural Drafting Standard design system:

  1. Streams Blueprint Illustration (StreamsDraftingIllustration):
    • Precise hairline bounding box with corner crosshairs (+) at coordinates (12, 8), (116, 8), (12, 60), (116, 60).
    • Continuous token flow metering pipeline with pulse vector waveform (#0969DA), terminal metering nodes, and dimensional tick marks.
  2. Cascades Blueprint Illustration (CascadesDraftingIllustration):
    • Hierarchical tree layout with root project block, orthogonal split routing vectors, junction dots, downstream tier-1/tier-2 dependency nodes, and ratio directional ticks.
  3. Receipts Blueprint Illustration (ReceiptsDraftingIllustration):
    • Cryptographic audit voucher ticket with hairline digest barcode vectors, canonical hash ledger guide rows, and concentric verification seal target with crosshair axes.
  4. Zero External Assets:
    • All illustrations are lightweight, responsive, pure inline SVGs utilizing theme CSS variables (var(--color-paper) and Tailwind classes text-lead, text-ink).
  5. Auto-detection & Flexibility:
    • Automatically maps existing page icons (water_drop, account_tree, receipt_long, account_balance_wallet) to the appropriate drafting blueprint, while accepting an explicit variant?: "streams" | "cascades" | "receipts" | "default" prop.
  6. Verification:
    • Passed tsc -b and vitest run (30/30 tests passed).

Payout Wallet:

  • TRX Tron (TRC20): TMqmJjRgVS21NL2eFtfyHciTxvE4BqGmEv

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Empty-state illustrations follow drafting style

1 participant