@design-ai/cli 4.56.0 → 4.58.0

package/knowledge/i18n/korean-density-conventions.md

@@ -0,0 +1,108 @@
+<!-- hand-written -->
+---
+title: Korean B2B density conventions
+applies_to: [web, mobile, all-ui, korean]
+version: 1.0.0
+last_updated: 2026-07
+stability: stable
+---
+
+# Korean B2B density conventions
+
+Korean enterprise software — ERP, HR, groupware, admin consoles, financial back-office — is visibly denser than its Western counterpart, and denser again than Korean *consumer* apps. A Western enterprise layout ported unchanged into a Korean B2B product reads as sparse, slow, and "not serious." This file is the density half of the Korean playbook; for consumer density and the broader Korean conventions, see [`knowledge/i18n/korean-product-conventions.md`](korean-product-conventions.md).
+
+## Why Korean B2B is denser
+
+- **Information-per-screen is a value, not a cost.** Power users (accountants, HR admins, operators) work the same screens all day and want everything in view — more rows, more columns, fewer clicks to the next field. Scrolling and pagination read as friction, not breathing room.
+- **The reference points are dense.** 더존, 영림원, SAP-Korea deployments, government e-gov portals, and bank back-office tools set the expectation. Naver Works / Kakao Work admin, Toss Business, and 뱅크샐러드 business consoles are the modern-but-still-dense benchmark.
+- **Hangul carries more meaning per character.** A Korean label is often shorter than its English equivalent for the same content, so the same row holds more without feeling cramped.
+
+This is a deliberate register, not clutter. The craft is being dense **and** legible — not dense **and** broken.
+
+## The density ladder
+
+Pick a mode per surface and hold it. Do not mix comfortable and compact rows in one table.
+
+| Mode | Row height (approx) | Use for |
+| --- | --- | --- |
+| **Comfortable** | 48–56px | Consumer-facing, onboarding, marketing-in-product, low-frequency admin |
+| **Cozy** (default KR B2B) | 36–44px | Most enterprise tables, forms, lists — the Korean B2B baseline |
+| **Compact** | 28–32px | Data grids for power users, financial ledgers, high-row-count monitoring |
+
+Western enterprise defaults to Comfortable; **Korean B2B defaults to Cozy.** Porting in usually means dropping one rung: reduce vertical padding ~15–25% and expect 30–50% more rows per fold. Offer a density toggle (Comfortable / Cozy / Compact) on heavy data surfaces so individual operators can go denser; persist the choice per user.
+
+## Tables are the center of gravity
+
+Korean B2B UIs are table-first. Most screens are a filter bar plus a table.
+
+- **Many columns are normal.** 8–15 columns is routine; horizontal scroll with a **frozen first column** (and often a frozen header row) beats hiding columns behind a menu.
+- **Compact rows, aligned numerals.** Right-align numbers and currency, use tabular figures, and keep row height in the Cozy/Compact band. See [`knowledge/patterns/money-and-amount.md`](../patterns/money-and-amount.md) for amount formatting.
+- **Inline row actions.** Put edit / delete / detail as compact icon buttons or a trailing action cell, not behind a per-row overflow menu that costs an extra click.
+- **Sticky context.** Freeze the header and the key identity column (사번, 거래처, 전표번호) so the operator never loses the row's identity while scrolling wide.
+- **Totals and subtotals in view.** A pinned footer row with sums/counts is expected on financial and inventory tables — operators reconcile against it constantly.
+- **Zebra or hairline rules, not heavy borders.** At Cozy/Compact density, 1px hairline separators or subtle zebra striping keep rows scannable without adding visual weight.
+
+## Forms at density
+
+- **Label-left (horizontal) layout** is the Korean B2B default for data-entry forms — it packs more fields per vertical space than label-top and matches the ledger-like mental model. Label-top is for consumer/onboarding.
+- **Multi-column forms.** Two or three field columns per row are normal for registration and master-data screens. Group by section with thin dividers, not big gaps.
+- **Tight field spacing.** Reduce inter-field vertical rhythm versus consumer forms; keep it consistent so the grid reads cleanly. See [`knowledge/patterns/form-design.md`](../patterns/form-design.md).
+- **Required/optional density.** Mark required with a compact indicator (asterisk or a small "필수" chip); don't spend a whole helper-text line per field unless the rule is non-obvious.
+- **Keyboard-first.** Power users tab through fields fast. Preserve a logical tab order, support Enter-to-next where appropriate, and don't trap focus in date/select popovers.
+
+## Lists, trees, and navigation
+
+- **Dense list rows** with secondary metadata inline (status chip, date, owner on one line) rather than stacked. See [`knowledge/patterns/list-and-feed.md`](../patterns/list-and-feed.md).
+- **Tree navigation** (조직도, 계정과목, 메뉴 권한) is common and should stay compact — small row height, clear expand affordances, many levels visible at once.
+- **Persistent side navigation** with dense, possibly two-level menus is expected over hamburger-hidden nav; enterprise users want the whole map visible. This is the opposite of the consumer preference noted in [`korean-product-conventions.md`](korean-product-conventions.md).
+
+## Typography at density
+
+- **Base size can drop, but not below legibility.** 13–14px body is common in KR B2B tables (vs 16px consumer). Do not go below ~12px for Hangul primary content — Hangul syllable blocks lose legibility faster than Latin at small sizes.
+- **Line-height stays generous relative to size.** Even dense Korean text needs ~1.4–1.5 line-height for the syllable blocks to breathe; do not crush leading to save space. See [`knowledge/i18n/korean-typography.md`](korean-typography.md).
+- **Numerals: tabular, aligned.** Financial density depends on figures lining up.
+- **Truncate with intent.** Ellipsize long values with a tooltip/title for the full string rather than wrapping and breaking row rhythm.
+
+## Density must not break accessibility
+
+Density is the constraint; accessibility is the floor. When they conflict, accessibility wins.
+
+- **Touch targets.** On touch/hybrid B2B (tablets on the floor, POS, hospital carts), keep interactive targets ≥ 44×44px *hit area* even when the visual row is compact — expand the clickable area beyond the visible cell rather than shrinking the target.
+- **Contrast holds at every density.** Hairline separators and secondary text must still meet WCAG contrast; dense does not mean low-contrast gray-on-gray. See [`knowledge/a11y/contrast.md`](../a11y/contrast.md).
+- **Focus visibility.** A visible focus ring is non-negotiable for keyboard-driven data entry; ensure it is not clipped by tight row borders. See [`knowledge/a11y/keyboard-and-focus.md`](../a11y/keyboard-and-focus.md).
+- **Density toggle as an a11y affordance.** Offering Comfortable mode is itself an accessibility accommodation for users who need larger targets and text.
+
+## Tokens consumed
+
+```
+--space-2xs, --space-xs      (dense row padding, inter-field gaps)
+--space-sm                   (section spacing at density)
+--row-height-compact         (or --space-based row sizing)
+--font-size-sm               (13–14px dense body)
+--line-height-normal         (~1.4–1.5 for Hangul)
+--color-border-subtle        (hairline separators)
+--color-bg-subtle            (zebra striping)
+--color-text-secondary       (inline metadata)
+--color-text-tabular         (aligned numerals)
+```
+
+Define a **density scale** as tokens (comfortable / cozy / compact row heights + padding) so the toggle flips a token set, not ad-hoc per-component values.
+
+## Don't
+
+- Don't ship Western enterprise comfortable-density defaults unchanged into a Korean B2B product — it reads as sparse and unserious.
+- Don't hide columns behind menus to avoid width — Korean power users prefer horizontal scroll with frozen columns.
+- Don't mix row-height modes within one table.
+- Don't crush Hangul below ~12px or crush line-height to gain rows — legibility breaks before the space saved is worth it.
+- Don't let density erode contrast, focus rings, or touch-target hit areas.
+- Don't bury per-row actions behind an overflow menu on high-frequency screens — inline them.
+- Don't apply consumer nav patterns (hamburger, hidden tabs) to enterprise — surface the full dense menu.
+
+## Cross-reference
+
+- [`knowledge/i18n/korean-product-conventions.md`](korean-product-conventions.md) — consumer density and the broader Korean conventions this file specializes from
+- [`knowledge/i18n/korean-typography.md`](korean-typography.md) — Hangul sizing and line-height at density
+- [`knowledge/patterns/form-design.md`](../patterns/form-design.md) — label-left, multi-column, dense forms
+- [`knowledge/patterns/list-and-feed.md`](../patterns/list-and-feed.md) — dense list rows and data grids
+- [`knowledge/patterns/money-and-amount.md`](../patterns/money-and-amount.md) — tabular numerals and aligned amounts
+- [`knowledge/a11y/contrast.md`](../a11y/contrast.md), [`knowledge/a11y/keyboard-and-focus.md`](../a11y/keyboard-and-focus.md) — the accessibility floor density must respect

package/knowledge/i18n/korean-product-conventions.md

@@ -58,6 +58,8 @@ This is not "cluttered design" — it matches reading pace and screen-time habit
 
 Reference: see how Coupang, Naver, KakaoTalk, Toss differ from Amazon, Google, WhatsApp, Robinhood.
 
+For enterprise / B2B density (denser again — ERP, HR, groupware, admin, financial back-office), see [`knowledge/i18n/korean-density-conventions.md`](korean-density-conventions.md).
+
 ## Color associations
 
 Different from Western color symbolism:

package/knowledge/patterns/async-control.md

@@ -0,0 +1,233 @@
+<!-- hand-written -->
+---
+title: Async control patterns
+applies_to: [web, mobile, all-ui]
+version: 1.0.0
+last_updated: 2026-07
+stability: stable
+---
+
+# Async control patterns
+
+Every action that talks to a server has an in-flight life. This file is about that life — the moment between the tap and the answer — not about the error screen at the end (see [`patterns/error-states.md`](error-states.md) for that). Get the in-flight state wrong and you get the two most common async bugs in product UIs: double submits and stuck spinners.
+
+## The async action lifecycle
+
+Every async action moves through the same four states. Model them explicitly; do not infer "loading" from the absence of data.
+
+```
+ idle ──trigger──▶ pending ──┬──▶ success ──▶ idle
+   ▲                         │
+   └─────────────────────────┴──▶ error ────▶ idle (retryable)
+```
+
+| State | The control shows | The user can |
+| --- | --- | --- |
+| **idle** | Its normal, enabled label | Trigger the action |
+| **pending** | Busy affordance + disabled | Wait, or cancel (if cancellable) |
+| **success** | Brief confirmation, then idle | Continue |
+| **error** | Recovery affordance | Retry or recover — see `error-states.md` |
+
+Rule: a control never sits in `pending` forever. Every request has a timeout that forces it to `error`.
+
+## Action controls during pending
+
+The trigger control (button, menu item, toggle) is where most async bugs live.
+
+| Do | Don't |
+| --- | --- |
+| Disable the control while its own action is in flight | Leave it clickable and hope |
+| Show a busy affordance **inside or beside** the control | Replace the whole screen with a spinner for a single button |
+| Keep the label readable — swap to a present-progressive verb | Blank the label to just a spinner (the user forgets what they clicked) |
+| Restore the control on success **and** error | Leave it disabled after a failed request |
+
+Label swap, Korean and English:
+
+| Idle | Pending | Done |
+| --- | --- | --- |
+| 저장 | 저장 중… | 저장됨 |
+| 불러오기 | 불러오는 중… | — |
+| 결제하기 | 결제 처리 중… | 결제 완료 |
+| 제출 | 제출 중… | — |
+
+```
+┌─────────────────┐      ┌─────────────────┐
+│     저장         │  →   │  ◌ 저장 중…      │   (disabled, spinner leads label)
+└─────────────────┘      └─────────────────┘
+```
+
+## Double-submit prevention
+
+The single most important async rule: **a control that started an action cannot start it again until that action resolves.** Disabling on `pending` handles the fast double-tap. Also guard the handler itself, because disabled is a UI state that a determined tap (or a slow render) can beat.
+
+```tsx
+function SubmitButton({ onSubmit }) {
+  const [status, setStatus] = useState("idle"); // idle | pending | error
+
+  async function handleClick() {
+    if (status === "pending") return;   // guard: not just the disabled attr
+    setStatus("pending");
+    try {
+      await onSubmit();
+      setStatus("idle");
+    } catch (err) {
+      setStatus("error");               // hand off to error-states.md
+    }
+  }
+
+  return (
+    <Button onClick={handleClick} disabled={status === "pending"} aria-busy={status === "pending"}>
+      {status === "pending" ? "저장 중…" : "저장"}
+    </Button>
+  );
+}
+```
+
+For money and irreversible actions (payment, transfer, delete), double-submit guarding is a correctness requirement, not a nicety. Pair the client guard with a server-side idempotency key — cite [`patterns/money-and-amount.md`](money-and-amount.md).
+
+## Choosing a loading affordance by duration
+
+Match the indicator to how long the wait actually is. Guessing wrong is worse than no indicator.
+
+| Expected wait | Affordance | Why |
+| --- | --- | --- |
+| < 100ms | **Nothing** | Faster than perception; a flashed spinner reads as a glitch |
+| 100ms – 1s | **In-place busy** (button spinner, subtle) | Confirms the tap registered |
+| 1s – 10s | **Skeleton** (for content) or **progress** (for known-length work) | Shows shape/position; feels faster than a spinner |
+| > 10s | **Progress + cancel + background option** | Let the user leave and be notified |
+| Unknown length | **Indeterminate spinner with a timeout** | Never an infinite bar |
+
+Spinner vs skeleton: a spinner says "something is happening"; a skeleton says "*this* is what's coming and where." Prefer skeletons for content regions (lists, cards, detail panes) — see [`patterns/list-and-feed.md`](list-and-feed.md). Reserve spinners for actions and small inline waits.
+
+Anti-flicker: if you show a delayed spinner (only after 100–300ms), also hold it for a minimum (~300ms) once shown, so a request that resolves at 310ms doesn't flash. Delay-in, min-hold-out.
+
+## Optimistic updates
+
+Apply the change in the UI immediately, before the server confirms, then reconcile.
+
+Use optimistic when: the action almost always succeeds, is cheap to reverse, and the wait would break flow — likes, toggles, reordering, adding a to-do, marking read.
+
+Do **not** use optimistic when: the action is money, irreversible, or the server is the source of truth for the result (payment, booking a seat, submitting an exam). There, show real `pending` and wait.
+
+```
+tap ─▶ update UI now ─▶ fire request ─┬─ ok:   keep, drop the "syncing" mark
+                                      └─ fail: roll back to prior value + show why
+```
+
+Rules:
+- Keep the pre-action value so you can roll back exactly.
+- Mark optimistic items as unconfirmed (subtle) until the server agrees, so a rollback isn't a jarring surprise.
+- On rollback, tell the user what reverted and why — a silent snap-back looks like a bug.
+
+## Debounce and throttle for async-triggering input
+
+Input that fires requests as the user types or drags must be rate-limited, or it floods the server and races itself.
+
+| Technique | Fires | Use for |
+| --- | --- | --- |
+| **Debounce** (wait for a pause) | Once, after input stops for N ms | Search-as-you-type (250–350ms), autosave (500ms–2s) |
+| **Throttle** (at most every N ms) | On a steady cadence | Drag/scroll-driven fetches, live position updates |
+| **Leading + trailing** | Immediately, then once more at the end | Feels responsive but still settles |
+
+Debounce is about *when to fire*; cancellation (next section) is about *what to do with requests already in flight*. You need both.
+
+## Cancellation and out-of-order responses
+
+Two requests fired in order can return out of order. Without cancellation, an older, slower response overwrites a newer one — the classic "I typed 서울, it shows 서" bug.
+
+- Cancel the previous in-flight request when a new one supersedes it (`AbortController` on the web).
+- Cancel in-flight requests when the component unmounts or the user navigates away.
+- If you cannot cancel, **guard on apply**: tag each request and ignore any response that isn't the latest.
+
+```tsx
+useEffect(() => {
+  const controller = new AbortController();
+  fetchResults(query, { signal: controller.signal })
+    .then(setResults)
+    .catch(ignoreAbort);
+  return () => controller.abort(); // supersede on new query / unmount
+}, [query]);
+```
+
+## Concurrency policy
+
+When the same action can be triggered while one is running, decide the policy on purpose:
+
+| Policy | Behavior | Use for |
+| --- | --- | --- |
+| **Block** | Ignore new triggers until the current resolves | Submits, payments (with double-submit guard) |
+| **Latest-wins** | Cancel the running one, keep only the newest | Search, filters, autosave |
+| **Queue** | Run in order, one at a time | Ordered writes that must all land |
+| **Parallel** | Let all run | Independent reads |
+
+Default to **block** for writes and **latest-wins** for reads unless you have a reason otherwise.
+
+## Timeouts and the stuck-spinner failure
+
+A spinner with no timeout is a trap: on a dropped connection it spins forever and the user is stuck.
+
+- Give every request a client timeout (e.g. 10–30s by operation).
+- On timeout, transition to `error` with a retry — hand off to [`patterns/error-states.md`](error-states.md) (network/server section, retry with backoff).
+- For genuinely long work (video processing, exports), don't hold a spinner — move to a **background job** pattern: acknowledge, let the user leave, notify on completion.
+
+## Perceived performance
+
+The felt speed of an async UI is mostly about what you show during the wait:
+
+- **Optimistic UI** — instant for reversible actions (above).
+- **Skeletons** — for content; show structure, not a void.
+- **Stale-while-revalidate** — show the last known data immediately, refresh in the background, swap in quietly. Mark it subtly as refreshing so a change isn't startling.
+- **Progressive reveal** — render what's ready (shell, then data) instead of blocking on the slowest piece.
+
+## Tokens consumed
+
+```
+--color-accent            (spinner, progress fill)
+--color-text-secondary    (pending label, "저장 중…")
+--color-text-tertiary     (unconfirmed / optimistic mark, "동기화 중")
+--color-bg-subtle         (skeleton base)
+--color-bg-elevated       (skeleton shimmer highlight)
+--radius-md
+--space-xs, --space-sm
+--duration-fast           (spinner delay-in / min-hold)
+--easing-standard
+```
+
+## Accessibility
+
+- Set `aria-busy="true"` on a control or region while its action is pending; clear it when resolved.
+- Announce state changes politely: a visually-hidden `role="status"` (`aria-live="polite"`) region saying "저장 중" then "저장됨". Do not use `assertive` for routine progress — reserve that for errors (see `error-states.md`).
+- Keep the control's accessible name stable and meaningful during pending — the label swap ("저장" → "저장 중…") is fine; an icon-only spinner with no name is not.
+- On success that removes the control (e.g. a submit that navigates), move focus deliberately to the next logical element; never drop focus to `<body>`.
+- Respect `prefers-reduced-motion`: swap spinners/shimmer for a static or fade indicator.
+- Disabled-while-pending must still be perceivable — don't rely on color alone; the busy affordance carries the meaning.
+
+## Korean considerations
+
+Per [`knowledge/i18n/korean-product-conventions.md`](../i18n/korean-product-conventions.md):
+- Progress labels use the present-progressive `~중…`: "저장 중…", "불러오는 중…", "처리 중…", "결제 처리 중…".
+- Keep pending labels short — Korean verbs + `중…` stay compact, so the button width rarely jumps.
+- For payment and transfer flows, show explicit real `pending` (never optimistic) and a clear "결제 처리 중…" state; cite [`knowledge/i18n/korean-payments.md`](../i18n/korean-payments.md) for the surrounding flow and failure messages.
+- Dense Korean B2B layouts favor in-place busy affordances (inline spinner, row-level skeleton) over full-page blocking overlays — cite [`knowledge/i18n/korean-product-conventions.md`](../i18n/korean-product-conventions.md) on density.
+
+## Don't
+
+- Don't leave a control clickable during its own async action — the double-submit bug.
+- Don't guard double-submit with the disabled attribute alone; guard the handler too.
+- Don't show a spinner for a sub-100ms wait — it reads as a flicker.
+- Don't show a spinner that can spin forever — every request has a timeout.
+- Don't blank a button to a bare spinner; keep a readable pending label.
+- Don't use optimistic updates for money, payments, or irreversible actions.
+- Don't let an older response overwrite a newer one — cancel or guard-on-apply.
+- Don't hold a full-screen spinner for long work — move it to a background job with notify.
+- Don't roll back an optimistic change silently — say what reverted and why.
+- Don't announce routine progress with `aria-live="assertive"` — that's for errors.
+
+## Cross-reference
+
+- [`knowledge/patterns/error-states.md`](error-states.md) — where the `error` state goes: recovery, retry-with-backoff, network/server messages
+- [`knowledge/patterns/form-design.md`](form-design.md) — submit buttons, validation-in-flight, form-level pending
+- [`knowledge/patterns/list-and-feed.md`](list-and-feed.md) — skeletons, pull-to-refresh, infinite scroll loading
+- [`knowledge/patterns/empty-states.md`](empty-states.md) — the resolved-but-no-data end state, distinct from loading
+- [`knowledge/patterns/money-and-amount.md`](money-and-amount.md) — why money actions use real pending + idempotency, never optimistic
+- [`knowledge/i18n/korean-payments.md`](../i18n/korean-payments.md) — payment in-flight and failure states

package/knowledge/patterns/brand-references.md

@@ -2,7 +2,7 @@
 title: Brand reference index
 source: refs/awesome-design-md/design-md/
 upstream: https://github.com/VoltAgent/awesome-design-md
-extracted_at: 2026-05-19
+extracted_at: 2026-07-03
 applies_to: [art-direction, brand-research]
 version: 1.0.0
 last_updated: 2026-05
@@ -16,77 +16,77 @@ Curated design notes on 71 brands. When designing for a comparable category, ope
 | Brand | Files |
 | --- | --- |
 
-| **[airbnb](../../refs/awesome-design-md/design-md/airbnb/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/airbnb/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/airbnb/README.md) |
-| **[airtable](../../refs/awesome-design-md/design-md/airtable/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/airtable/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/airtable/README.md) |
-| **[apple](../../refs/awesome-design-md/design-md/apple/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/apple/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/apple/README.md) |
-| **[binance](../../refs/awesome-design-md/design-md/binance/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/binance/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/binance/README.md) |
-| **[bmw](../../refs/awesome-design-md/design-md/bmw/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/bmw/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/bmw/README.md) |
-| **[bmw-m](../../refs/awesome-design-md/design-md/bmw-m/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/bmw-m/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/bmw-m/README.md) |
-| **[bugatti](../../refs/awesome-design-md/design-md/bugatti/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/bugatti/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/bugatti/README.md) |
-| **[cal](../../refs/awesome-design-md/design-md/cal/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/cal/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/cal/README.md) |
-| **[claude](../../refs/awesome-design-md/design-md/claude/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/claude/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/claude/README.md) |
-| **[clay](../../refs/awesome-design-md/design-md/clay/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/clay/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/clay/README.md) |
-| **[clickhouse](../../refs/awesome-design-md/design-md/clickhouse/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/clickhouse/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/clickhouse/README.md) |
-| **[cohere](../../refs/awesome-design-md/design-md/cohere/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/cohere/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/cohere/README.md) |
-| **[coinbase](../../refs/awesome-design-md/design-md/coinbase/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/coinbase/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/coinbase/README.md) |
-| **[composio](../../refs/awesome-design-md/design-md/composio/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/composio/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/composio/README.md) |
-| **[cursor](../../refs/awesome-design-md/design-md/cursor/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/cursor/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/cursor/README.md) |
-| **[elevenlabs](../../refs/awesome-design-md/design-md/elevenlabs/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/elevenlabs/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/elevenlabs/README.md) |
-| **[expo](../../refs/awesome-design-md/design-md/expo/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/expo/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/expo/README.md) |
-| **[ferrari](../../refs/awesome-design-md/design-md/ferrari/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/ferrari/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/ferrari/README.md) |
-| **[figma](../../refs/awesome-design-md/design-md/figma/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/figma/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/figma/README.md) |
-| **[framer](../../refs/awesome-design-md/design-md/framer/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/framer/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/framer/README.md) |
-| **[hashicorp](../../refs/awesome-design-md/design-md/hashicorp/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/hashicorp/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/hashicorp/README.md) |
-| **[ibm](../../refs/awesome-design-md/design-md/ibm/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/ibm/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/ibm/README.md) |
-| **[intercom](../../refs/awesome-design-md/design-md/intercom/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/intercom/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/intercom/README.md) |
-| **[kraken](../../refs/awesome-design-md/design-md/kraken/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/kraken/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/kraken/README.md) |
-| **[lamborghini](../../refs/awesome-design-md/design-md/lamborghini/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/lamborghini/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/lamborghini/README.md) |
-| **[linear.app](../../refs/awesome-design-md/design-md/linear.app/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/linear.app/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/linear.app/README.md) |
-| **[lovable](../../refs/awesome-design-md/design-md/lovable/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/lovable/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/lovable/README.md) |
-| **[mastercard](../../refs/awesome-design-md/design-md/mastercard/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/mastercard/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/mastercard/README.md) |
-| **[meta](../../refs/awesome-design-md/design-md/meta/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/meta/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/meta/README.md) |
-| **[minimax](../../refs/awesome-design-md/design-md/minimax/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/minimax/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/minimax/README.md) |
-| **[mintlify](../../refs/awesome-design-md/design-md/mintlify/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/mintlify/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/mintlify/README.md) |
-| **[miro](../../refs/awesome-design-md/design-md/miro/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/miro/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/miro/README.md) |
-| **[mistral.ai](../../refs/awesome-design-md/design-md/mistral.ai/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/mistral.ai/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/mistral.ai/README.md) |
-| **[mongodb](../../refs/awesome-design-md/design-md/mongodb/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/mongodb/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/mongodb/README.md) |
-| **[nike](../../refs/awesome-design-md/design-md/nike/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/nike/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/nike/README.md) |
-| **[notion](../../refs/awesome-design-md/design-md/notion/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/notion/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/notion/README.md) |
-| **[nvidia](../../refs/awesome-design-md/design-md/nvidia/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/nvidia/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/nvidia/README.md) |
-| **[ollama](../../refs/awesome-design-md/design-md/ollama/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/ollama/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/ollama/README.md) |
-| **[opencode.ai](../../refs/awesome-design-md/design-md/opencode.ai/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/opencode.ai/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/opencode.ai/README.md) |
-| **[pinterest](../../refs/awesome-design-md/design-md/pinterest/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/pinterest/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/pinterest/README.md) |
-| **[playstation](../../refs/awesome-design-md/design-md/playstation/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/playstation/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/playstation/README.md) |
-| **[posthog](../../refs/awesome-design-md/design-md/posthog/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/posthog/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/posthog/README.md) |
-| **[raycast](../../refs/awesome-design-md/design-md/raycast/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/raycast/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/raycast/README.md) |
-| **[renault](../../refs/awesome-design-md/design-md/renault/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/renault/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/renault/README.md) |
-| **[replicate](../../refs/awesome-design-md/design-md/replicate/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/replicate/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/replicate/README.md) |
-| **[resend](../../refs/awesome-design-md/design-md/resend/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/resend/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/resend/README.md) |
-| **[revolut](../../refs/awesome-design-md/design-md/revolut/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/revolut/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/revolut/README.md) |
-| **[runwayml](../../refs/awesome-design-md/design-md/runwayml/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/runwayml/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/runwayml/README.md) |
-| **[sanity](../../refs/awesome-design-md/design-md/sanity/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/sanity/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/sanity/README.md) |
-| **[sentry](../../refs/awesome-design-md/design-md/sentry/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/sentry/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/sentry/README.md) |
-| **[shopify](../../refs/awesome-design-md/design-md/shopify/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/shopify/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/shopify/README.md) |
-| **[slack](../../refs/awesome-design-md/design-md/slack/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/slack/DESIGN.md) |
-| **[spacex](../../refs/awesome-design-md/design-md/spacex/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/spacex/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/spacex/README.md) |
-| **[spotify](../../refs/awesome-design-md/design-md/spotify/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/spotify/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/spotify/README.md) |
-| **[starbucks](../../refs/awesome-design-md/design-md/starbucks/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/starbucks/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/starbucks/README.md) |
-| **[stripe](../../refs/awesome-design-md/design-md/stripe/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/stripe/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/stripe/README.md) |
-| **[supabase](../../refs/awesome-design-md/design-md/supabase/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/supabase/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/supabase/README.md) |
-| **[superhuman](../../refs/awesome-design-md/design-md/superhuman/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/superhuman/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/superhuman/README.md) |
-| **[tesla](../../refs/awesome-design-md/design-md/tesla/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/tesla/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/tesla/README.md) |
-| **[theverge](../../refs/awesome-design-md/design-md/theverge/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/theverge/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/theverge/README.md) |
-| **[together.ai](../../refs/awesome-design-md/design-md/together.ai/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/together.ai/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/together.ai/README.md) |
-| **[uber](../../refs/awesome-design-md/design-md/uber/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/uber/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/uber/README.md) |
-| **[vercel](../../refs/awesome-design-md/design-md/vercel/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/vercel/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/vercel/README.md) |
-| **[vodafone](../../refs/awesome-design-md/design-md/vodafone/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/vodafone/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/vodafone/README.md) |
-| **[voltagent](../../refs/awesome-design-md/design-md/voltagent/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/voltagent/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/voltagent/README.md) |
-| **[warp](../../refs/awesome-design-md/design-md/warp/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/warp/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/warp/README.md) |
-| **[webflow](../../refs/awesome-design-md/design-md/webflow/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/webflow/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/webflow/README.md) |
-| **[wired](../../refs/awesome-design-md/design-md/wired/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/wired/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/wired/README.md) |
-| **[wise](../../refs/awesome-design-md/design-md/wise/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/wise/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/wise/README.md) |
-| **[x.ai](../../refs/awesome-design-md/design-md/x.ai/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/x.ai/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/x.ai/README.md) |
-| **[zapier](../../refs/awesome-design-md/design-md/zapier/)** | [`DESIGN.md`](../../refs/awesome-design-md/design-md/zapier/DESIGN.md), [`README.md`](../../refs/awesome-design-md/design-md/zapier/README.md) |
+| **[airbnb](../../docs/reference/awesome-design-md.md#airbnb)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#airbnb), [`README.md`](../../docs/reference/awesome-design-md.md#airbnb) |
+| **[airtable](../../docs/reference/awesome-design-md.md#airtable)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#airtable), [`README.md`](../../docs/reference/awesome-design-md.md#airtable) |
+| **[apple](../../docs/reference/awesome-design-md.md#apple)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#apple), [`README.md`](../../docs/reference/awesome-design-md.md#apple) |
+| **[binance](../../docs/reference/awesome-design-md.md#binance)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#binance), [`README.md`](../../docs/reference/awesome-design-md.md#binance) |
+| **[bmw](../../docs/reference/awesome-design-md.md#bmw)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#bmw), [`README.md`](../../docs/reference/awesome-design-md.md#bmw) |
+| **[bmw-m](../../docs/reference/awesome-design-md.md#bmw-m)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#bmw-m), [`README.md`](../../docs/reference/awesome-design-md.md#bmw-m) |
+| **[bugatti](../../docs/reference/awesome-design-md.md#bugatti)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#bugatti), [`README.md`](../../docs/reference/awesome-design-md.md#bugatti) |
+| **[cal](../../docs/reference/awesome-design-md.md#cal)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#cal), [`README.md`](../../docs/reference/awesome-design-md.md#cal) |
+| **[claude](../../docs/reference/awesome-design-md.md#claude)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#claude), [`README.md`](../../docs/reference/awesome-design-md.md#claude) |
+| **[clay](../../docs/reference/awesome-design-md.md#clay)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#clay), [`README.md`](../../docs/reference/awesome-design-md.md#clay) |
+| **[clickhouse](../../docs/reference/awesome-design-md.md#clickhouse)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#clickhouse), [`README.md`](../../docs/reference/awesome-design-md.md#clickhouse) |
+| **[cohere](../../docs/reference/awesome-design-md.md#cohere)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#cohere), [`README.md`](../../docs/reference/awesome-design-md.md#cohere) |
+| **[coinbase](../../docs/reference/awesome-design-md.md#coinbase)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#coinbase), [`README.md`](../../docs/reference/awesome-design-md.md#coinbase) |
+| **[composio](../../docs/reference/awesome-design-md.md#composio)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#composio), [`README.md`](../../docs/reference/awesome-design-md.md#composio) |
+| **[cursor](../../docs/reference/awesome-design-md.md#cursor)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#cursor), [`README.md`](../../docs/reference/awesome-design-md.md#cursor) |
+| **[elevenlabs](../../docs/reference/awesome-design-md.md#elevenlabs)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#elevenlabs), [`README.md`](../../docs/reference/awesome-design-md.md#elevenlabs) |
+| **[expo](../../docs/reference/awesome-design-md.md#expo)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#expo), [`README.md`](../../docs/reference/awesome-design-md.md#expo) |
+| **[ferrari](../../docs/reference/awesome-design-md.md#ferrari)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#ferrari), [`README.md`](../../docs/reference/awesome-design-md.md#ferrari) |
+| **[figma](../../docs/reference/awesome-design-md.md#figma)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#figma), [`README.md`](../../docs/reference/awesome-design-md.md#figma) |
+| **[framer](../../docs/reference/awesome-design-md.md#framer)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#framer), [`README.md`](../../docs/reference/awesome-design-md.md#framer) |
+| **[hashicorp](../../docs/reference/awesome-design-md.md#hashicorp)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#hashicorp), [`README.md`](../../docs/reference/awesome-design-md.md#hashicorp) |
+| **[ibm](../../docs/reference/awesome-design-md.md#ibm)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#ibm), [`README.md`](../../docs/reference/awesome-design-md.md#ibm) |
+| **[intercom](../../docs/reference/awesome-design-md.md#intercom)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#intercom), [`README.md`](../../docs/reference/awesome-design-md.md#intercom) |
+| **[kraken](../../docs/reference/awesome-design-md.md#kraken)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#kraken), [`README.md`](../../docs/reference/awesome-design-md.md#kraken) |
+| **[lamborghini](../../docs/reference/awesome-design-md.md#lamborghini)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#lamborghini), [`README.md`](../../docs/reference/awesome-design-md.md#lamborghini) |
+| **[linear.app](../../docs/reference/awesome-design-md.md#linearapp)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#linearapp), [`README.md`](../../docs/reference/awesome-design-md.md#linearapp) |
+| **[lovable](../../docs/reference/awesome-design-md.md#lovable)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#lovable), [`README.md`](../../docs/reference/awesome-design-md.md#lovable) |
+| **[mastercard](../../docs/reference/awesome-design-md.md#mastercard)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#mastercard), [`README.md`](../../docs/reference/awesome-design-md.md#mastercard) |
+| **[meta](../../docs/reference/awesome-design-md.md#meta)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#meta), [`README.md`](../../docs/reference/awesome-design-md.md#meta) |
+| **[minimax](../../docs/reference/awesome-design-md.md#minimax)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#minimax), [`README.md`](../../docs/reference/awesome-design-md.md#minimax) |
+| **[mintlify](../../docs/reference/awesome-design-md.md#mintlify)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#mintlify), [`README.md`](../../docs/reference/awesome-design-md.md#mintlify) |
+| **[miro](../../docs/reference/awesome-design-md.md#miro)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#miro), [`README.md`](../../docs/reference/awesome-design-md.md#miro) |
+| **[mistral.ai](../../docs/reference/awesome-design-md.md#mistralai)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#mistralai), [`README.md`](../../docs/reference/awesome-design-md.md#mistralai) |
+| **[mongodb](../../docs/reference/awesome-design-md.md#mongodb)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#mongodb), [`README.md`](../../docs/reference/awesome-design-md.md#mongodb) |
+| **[nike](../../docs/reference/awesome-design-md.md#nike)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#nike), [`README.md`](../../docs/reference/awesome-design-md.md#nike) |
+| **[notion](../../docs/reference/awesome-design-md.md#notion)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#notion), [`README.md`](../../docs/reference/awesome-design-md.md#notion) |
+| **[nvidia](../../docs/reference/awesome-design-md.md#nvidia)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#nvidia), [`README.md`](../../docs/reference/awesome-design-md.md#nvidia) |
+| **[ollama](../../docs/reference/awesome-design-md.md#ollama)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#ollama), [`README.md`](../../docs/reference/awesome-design-md.md#ollama) |
+| **[opencode.ai](../../docs/reference/awesome-design-md.md#opencodeai)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#opencodeai), [`README.md`](../../docs/reference/awesome-design-md.md#opencodeai) |
+| **[pinterest](../../docs/reference/awesome-design-md.md#pinterest)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#pinterest), [`README.md`](../../docs/reference/awesome-design-md.md#pinterest) |
+| **[playstation](../../docs/reference/awesome-design-md.md#playstation)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#playstation), [`README.md`](../../docs/reference/awesome-design-md.md#playstation) |
+| **[posthog](../../docs/reference/awesome-design-md.md#posthog)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#posthog), [`README.md`](../../docs/reference/awesome-design-md.md#posthog) |
+| **[raycast](../../docs/reference/awesome-design-md.md#raycast)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#raycast), [`README.md`](../../docs/reference/awesome-design-md.md#raycast) |
+| **[renault](../../docs/reference/awesome-design-md.md#renault)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#renault), [`README.md`](../../docs/reference/awesome-design-md.md#renault) |
+| **[replicate](../../docs/reference/awesome-design-md.md#replicate)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#replicate), [`README.md`](../../docs/reference/awesome-design-md.md#replicate) |
+| **[resend](../../docs/reference/awesome-design-md.md#resend)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#resend), [`README.md`](../../docs/reference/awesome-design-md.md#resend) |
+| **[revolut](../../docs/reference/awesome-design-md.md#revolut)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#revolut), [`README.md`](../../docs/reference/awesome-design-md.md#revolut) |
+| **[runwayml](../../docs/reference/awesome-design-md.md#runwayml)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#runwayml), [`README.md`](../../docs/reference/awesome-design-md.md#runwayml) |
+| **[sanity](../../docs/reference/awesome-design-md.md#sanity)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#sanity), [`README.md`](../../docs/reference/awesome-design-md.md#sanity) |
+| **[sentry](../../docs/reference/awesome-design-md.md#sentry)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#sentry), [`README.md`](../../docs/reference/awesome-design-md.md#sentry) |
+| **[shopify](../../docs/reference/awesome-design-md.md#shopify)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#shopify), [`README.md`](../../docs/reference/awesome-design-md.md#shopify) |
+| **[slack](../../docs/reference/awesome-design-md.md#slack)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#slack) |
+| **[spacex](../../docs/reference/awesome-design-md.md#spacex)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#spacex), [`README.md`](../../docs/reference/awesome-design-md.md#spacex) |
+| **[spotify](../../docs/reference/awesome-design-md.md#spotify)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#spotify), [`README.md`](../../docs/reference/awesome-design-md.md#spotify) |
+| **[starbucks](../../docs/reference/awesome-design-md.md#starbucks)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#starbucks), [`README.md`](../../docs/reference/awesome-design-md.md#starbucks) |
+| **[stripe](../../docs/reference/awesome-design-md.md#stripe)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#stripe), [`README.md`](../../docs/reference/awesome-design-md.md#stripe) |
+| **[supabase](../../docs/reference/awesome-design-md.md#supabase)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#supabase), [`README.md`](../../docs/reference/awesome-design-md.md#supabase) |
+| **[superhuman](../../docs/reference/awesome-design-md.md#superhuman)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#superhuman), [`README.md`](../../docs/reference/awesome-design-md.md#superhuman) |
+| **[tesla](../../docs/reference/awesome-design-md.md#tesla)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#tesla), [`README.md`](../../docs/reference/awesome-design-md.md#tesla) |
+| **[theverge](../../docs/reference/awesome-design-md.md#theverge)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#theverge), [`README.md`](../../docs/reference/awesome-design-md.md#theverge) |
+| **[together.ai](../../docs/reference/awesome-design-md.md#togetherai)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#togetherai), [`README.md`](../../docs/reference/awesome-design-md.md#togetherai) |
+| **[uber](../../docs/reference/awesome-design-md.md#uber)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#uber), [`README.md`](../../docs/reference/awesome-design-md.md#uber) |
+| **[vercel](../../docs/reference/awesome-design-md.md#vercel)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#vercel), [`README.md`](../../docs/reference/awesome-design-md.md#vercel) |
+| **[vodafone](../../docs/reference/awesome-design-md.md#vodafone)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#vodafone), [`README.md`](../../docs/reference/awesome-design-md.md#vodafone) |
+| **[voltagent](../../docs/reference/awesome-design-md.md#voltagent)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#voltagent), [`README.md`](../../docs/reference/awesome-design-md.md#voltagent) |
+| **[warp](../../docs/reference/awesome-design-md.md#warp)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#warp), [`README.md`](../../docs/reference/awesome-design-md.md#warp) |
+| **[webflow](../../docs/reference/awesome-design-md.md#webflow)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#webflow), [`README.md`](../../docs/reference/awesome-design-md.md#webflow) |
+| **[wired](../../docs/reference/awesome-design-md.md#wired)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#wired), [`README.md`](../../docs/reference/awesome-design-md.md#wired) |
+| **[wise](../../docs/reference/awesome-design-md.md#wise)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#wise), [`README.md`](../../docs/reference/awesome-design-md.md#wise) |
+| **[x.ai](../../docs/reference/awesome-design-md.md#xai)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#xai), [`README.md`](../../docs/reference/awesome-design-md.md#xai) |
+| **[zapier](../../docs/reference/awesome-design-md.md#zapier)** | [`DESIGN.md`](../../docs/reference/awesome-design-md.md#zapier), [`README.md`](../../docs/reference/awesome-design-md.md#zapier) |
 
 ## How to use
 

package/knowledge/patterns/error-states.md

@@ -312,6 +312,7 @@ function PageContent() {
 
 ## Cross-reference
 
+- [`knowledge/patterns/async-control.md`](async-control.md) — the in-flight state before the error: pending, retry-on-timeout, double-submit
 - [`knowledge/patterns/empty-states.md`](empty-states.md) — when there's no data, but it's not an error
 - [`knowledge/patterns/form-design.md`](form-design.md) — validation errors at the field level
 - [`knowledge/i18n/korean-payments.md`](../i18n/korean-payments.md) — payment-specific error messages