@utopia-studio-design/design-system-cli 0.7.2 → 0.8.0

package/data/manifests/ux-examples.json

@@ -0,0 +1,2177 @@
+{
+  "version": 2,
+  "examples": [
+    {
+      "id": "signup-01",
+      "category": "account",
+      "title": {
+        "en": "Role-based sign up",
+        "ko": "역할 선택과 회원가입",
+        "ar": "إنشاء حساب مع اختيار الدور"
+      },
+      "description": {
+        "en": "Interactive account flow with validation, recovery and explicit example states.",
+        "ko": "입력 검증과 오류 복구, 상태별 동작을 체험할 수 있는 계정 패턴입니다.",
+        "ar": "مسار حساب تفاعلي مع التحقق والاسترداد وحالات تجريبية واضحة."
+      },
+      "parts": [
+        "choice-cards",
+        "validated-field",
+        "password-field",
+        "provider-sign-in",
+        "outcome-notice"
+      ],
+      "source": "blocks/ux-pattern-examples/AccountExamples.tsx",
+      "exportName": "RoleSignupExample",
+      "sourcePattern": "account-signup",
+      "states": [
+        "default",
+        "email-taken",
+        "invite-only"
+      ],
+      "files": [
+        "blocks/semantic-pattern-parts/AuthParts.tsx",
+        "blocks/semantic-pattern-parts/auth-parts.css",
+        "blocks/semantic-pattern-parts/ChoiceCards.tsx",
+        "blocks/semantic-pattern-parts/ValidatedField.tsx",
+        "blocks/semantic-pattern-parts/OutcomeNotice.tsx",
+        "blocks/semantic-pattern-parts/pattern-parts.css",
+        "blocks/semantic-pattern-parts/types.ts"
+      ]
+    },
+    {
+      "id": "login-01",
+      "category": "account",
+      "title": {
+        "en": "Sign in",
+        "ko": "로그인",
+        "ar": "تسجيل الدخول"
+      },
+      "description": {
+        "en": "Interactive account flow with validation, recovery and explicit example states.",
+        "ko": "입력 검증과 오류 복구, 상태별 동작을 체험할 수 있는 계정 패턴입니다.",
+        "ar": "مسار حساب تفاعلي مع التحقق والاسترداد وحالات تجريبية واضحة."
+      },
+      "parts": [
+        "validated-field",
+        "password-field",
+        "provider-sign-in"
+      ],
+      "source": "blocks/ux-pattern-examples/AccountExamples.tsx",
+      "exportName": "LoginExample",
+      "sourcePattern": "account-login",
+      "states": [
+        "default",
+        "error",
+        "suspended",
+        "magic-sent"
+      ],
+      "files": [
+        "blocks/semantic-pattern-parts/AuthParts.tsx",
+        "blocks/semantic-pattern-parts/auth-parts.css",
+        "blocks/semantic-pattern-parts/ChoiceCards.tsx",
+        "blocks/semantic-pattern-parts/ValidatedField.tsx",
+        "blocks/semantic-pattern-parts/OutcomeNotice.tsx",
+        "blocks/semantic-pattern-parts/pattern-parts.css",
+        "blocks/semantic-pattern-parts/types.ts"
+      ]
+    },
+    {
+      "id": "password-recovery-01",
+      "category": "account",
+      "title": {
+        "en": "Password recovery",
+        "ko": "비밀번호 찾기",
+        "ar": "استعادة كلمة المرور"
+      },
+      "description": {
+        "en": "Interactive account flow with validation, recovery and explicit example states.",
+        "ko": "입력 검증과 오류 복구, 상태별 동작을 체험할 수 있는 계정 패턴입니다.",
+        "ar": "مسار حساب تفاعلي مع التحقق والاسترداد وحالات تجريبية واضحة."
+      },
+      "parts": [
+        "validated-field",
+        "outcome-notice"
+      ],
+      "source": "blocks/ux-pattern-examples/AccountExamples.tsx",
+      "exportName": "PasswordRecoveryExample",
+      "sourcePattern": "account-forgot-password",
+      "states": [
+        "default",
+        "sent",
+        "invalid",
+        "expired"
+      ],
+      "files": [
+        "blocks/semantic-pattern-parts/AuthParts.tsx",
+        "blocks/semantic-pattern-parts/auth-parts.css",
+        "blocks/semantic-pattern-parts/ChoiceCards.tsx",
+        "blocks/semantic-pattern-parts/ValidatedField.tsx",
+        "blocks/semantic-pattern-parts/OutcomeNotice.tsx",
+        "blocks/semantic-pattern-parts/pattern-parts.css",
+        "blocks/semantic-pattern-parts/types.ts"
+      ]
+    },
+    {
+      "id": "password-reset-01",
+      "category": "account",
+      "title": {
+        "en": "Reset password",
+        "ko": "비밀번호 재설정",
+        "ar": "إعادة تعيين كلمة المرور"
+      },
+      "description": {
+        "en": "Interactive account flow with validation, recovery and explicit example states.",
+        "ko": "입력 검증과 오류 복구, 상태별 동작을 체험할 수 있는 계정 패턴입니다.",
+        "ar": "مسار حساب تفاعلي مع التحقق والاسترداد وحالات تجريبية واضحة."
+      },
+      "parts": [
+        "password-field",
+        "outcome-notice"
+      ],
+      "source": "blocks/ux-pattern-examples/AccountExamples.tsx",
+      "exportName": "PasswordResetExample",
+      "sourcePattern": "account-reset-password",
+      "states": [
+        "default",
+        "success",
+        "expired",
+        "mismatch"
+      ],
+      "files": [
+        "blocks/semantic-pattern-parts/AuthParts.tsx",
+        "blocks/semantic-pattern-parts/auth-parts.css",
+        "blocks/semantic-pattern-parts/ChoiceCards.tsx",
+        "blocks/semantic-pattern-parts/ValidatedField.tsx",
+        "blocks/semantic-pattern-parts/OutcomeNotice.tsx",
+        "blocks/semantic-pattern-parts/pattern-parts.css",
+        "blocks/semantic-pattern-parts/types.ts"
+      ]
+    },
+    {
+      "id": "verify-email-01",
+      "category": "account",
+      "title": {
+        "en": "Email verification",
+        "ko": "이메일 인증",
+        "ar": "التحقق من البريد"
+      },
+      "description": {
+        "en": "Interactive account flow with validation, recovery and explicit example states.",
+        "ko": "입력 검증과 오류 복구, 상태별 동작을 체험할 수 있는 계정 패턴입니다.",
+        "ar": "مسار حساب تفاعلي مع التحقق والاسترداد وحالات تجريبية واضحة."
+      },
+      "parts": [
+        "validated-field",
+        "outcome-notice"
+      ],
+      "source": "blocks/ux-pattern-examples/AccountExamples.tsx",
+      "exportName": "EmailVerificationExample",
+      "sourcePattern": "account-verify-email",
+      "states": [
+        "waiting",
+        "success",
+        "expired"
+      ],
+      "files": [
+        "blocks/semantic-pattern-parts/AuthParts.tsx",
+        "blocks/semantic-pattern-parts/auth-parts.css",
+        "blocks/semantic-pattern-parts/ChoiceCards.tsx",
+        "blocks/semantic-pattern-parts/ValidatedField.tsx",
+        "blocks/semantic-pattern-parts/OutcomeNotice.tsx",
+        "blocks/semantic-pattern-parts/pattern-parts.css",
+        "blocks/semantic-pattern-parts/types.ts"
+      ]
+    },
+    {
+      "id": "two-factor-01",
+      "category": "account",
+      "title": {
+        "en": "Two-factor authentication",
+        "ko": "2단계 인증",
+        "ar": "المصادقة الثنائية"
+      },
+      "description": {
+        "en": "Interactive account flow with validation, recovery and explicit example states.",
+        "ko": "입력 검증과 오류 복구, 상태별 동작을 체험할 수 있는 계정 패턴입니다.",
+        "ar": "مسار حساب تفاعلي مع التحقق والاسترداد وحالات تجريبية واضحة."
+      },
+      "parts": [
+        "verification-code",
+        "validated-field",
+        "outcome-notice"
+      ],
+      "source": "blocks/ux-pattern-examples/AccountExamples.tsx",
+      "exportName": "TwoFactorExample",
+      "sourcePattern": "account-mfa",
+      "states": [
+        "verify",
+        "setup",
+        "backup",
+        "recovery"
+      ],
+      "files": [
+        "blocks/semantic-pattern-parts/AuthParts.tsx",
+        "blocks/semantic-pattern-parts/auth-parts.css",
+        "blocks/semantic-pattern-parts/ChoiceCards.tsx",
+        "blocks/semantic-pattern-parts/ValidatedField.tsx",
+        "blocks/semantic-pattern-parts/OutcomeNotice.tsx",
+        "blocks/semantic-pattern-parts/pattern-parts.css",
+        "blocks/semantic-pattern-parts/types.ts"
+      ]
+    },
+    {
+      "id": "invitation-01",
+      "category": "account",
+      "title": {
+        "en": "Invitation acceptance",
+        "ko": "초대 수락",
+        "ar": "قبول الدعوة"
+      },
+      "description": {
+        "en": "Review the team and role, enter a code or recover an expired invitation.",
+        "ko": "팀·역할 확인, 초대 코드 입력, 만료된 초대 복구를 체험하세요.",
+        "ar": "راجع الفريق والدور وأدخل رمزاً أو استعد دعوة منتهية."
+      },
+      "parts": [
+        "validated-field",
+        "password-field",
+        "provider-sign-in",
+        "outcome-notice"
+      ],
+      "source": "blocks/ux-pattern-examples/AccessExamples.tsx",
+      "exportName": "InvitationExample",
+      "sourcePattern": "account-invite",
+      "states": [
+        "new-user",
+        "existing-user",
+        "code-entry",
+        "expired"
+      ],
+      "files": [
+        "blocks/semantic-pattern-parts/AuthParts.tsx",
+        "blocks/semantic-pattern-parts/auth-parts.css",
+        "blocks/semantic-pattern-parts/ChoiceCards.tsx",
+        "blocks/semantic-pattern-parts/ValidatedField.tsx",
+        "blocks/semantic-pattern-parts/OutcomeNotice.tsx",
+        "blocks/semantic-pattern-parts/pattern-parts.css",
+        "blocks/semantic-pattern-parts/types.ts"
+      ]
+    },
+    {
+      "id": "session-recovery-01",
+      "category": "account",
+      "title": {
+        "en": "Session recovery",
+        "ko": "세션 복구",
+        "ar": "استعادة الجلسة"
+      },
+      "description": {
+        "en": "Restore a session, sign in again or resolve another active device.",
+        "ko": "만료된 세션을 복구하고 다른 기기의 활성 세션을 처리하는 예시입니다.",
+        "ar": "استعد الجلسة أو سجّل الدخول أو عالج جلسة جهاز آخر."
+      },
+      "parts": [
+        "password-field",
+        "outcome-notice"
+      ],
+      "source": "blocks/ux-pattern-examples/AccessExamples.tsx",
+      "exportName": "SessionRecoveryExample",
+      "sourcePattern": "account-session-expired",
+      "states": [
+        "expired-full",
+        "reauthenticate",
+        "logged-out",
+        "concurrent"
+      ],
+      "files": [
+        "blocks/semantic-pattern-parts/AuthParts.tsx",
+        "blocks/semantic-pattern-parts/auth-parts.css",
+        "blocks/semantic-pattern-parts/ChoiceCards.tsx",
+        "blocks/semantic-pattern-parts/ValidatedField.tsx",
+        "blocks/semantic-pattern-parts/OutcomeNotice.tsx",
+        "blocks/semantic-pattern-parts/pattern-parts.css",
+        "blocks/semantic-pattern-parts/types.ts"
+      ]
+    },
+    {
+      "id": "people-directory-01",
+      "category": "directory",
+      "title": {
+        "en": "People directory",
+        "ko": "사람 찾기",
+        "ar": "دليل الأشخاص"
+      },
+      "description": {
+        "en": "Search, filter and compare people by expertise, availability and experience.",
+        "ko": "전문 분야·참여 가능 여부·경력으로 사람을 검색하고 비교하세요.",
+        "ar": "ابحث وقارن حسب التخصص والتوفر والخبرة."
+      },
+      "parts": [
+        "directory-cards"
+      ],
+      "source": "blocks/ux-pattern-examples/ProductExamples.tsx",
+      "exportName": "PeopleDirectoryExample",
+      "sourcePattern": "portal-trainee-mentors",
+      "states": [
+        "default",
+        "available",
+        "empty"
+      ],
+      "files": [
+        "blocks/semantic-pattern-parts/ProductParts.tsx",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "conversation-list-01",
+      "category": "messaging",
+      "title": {
+        "en": "Conversation list",
+        "ko": "대화 목록",
+        "ar": "قائمة المحادثات"
+      },
+      "description": {
+        "en": "Browse active conversations, unread messages and an empty inbox.",
+        "ko": "진행 중인 대화·읽지 않은 메시지·빈 목록 상태를 살펴보세요.",
+        "ar": "استعرض المحادثات والرسائل غير المقروءة وحالة الفراغ."
+      },
+      "parts": [
+        "activity-list"
+      ],
+      "source": "blocks/ux-pattern-examples/ProductExamples.tsx",
+      "exportName": "ConversationListExample",
+      "sourcePattern": "portal-trainee-messages",
+      "states": [
+        "default",
+        "empty"
+      ],
+      "files": [
+        "blocks/semantic-pattern-parts/ProductParts.tsx",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ],
+      "sourcePatterns": [
+        "portal-trainee-messages",
+        "portal-mentor-messages"
+      ]
+    },
+    {
+      "id": "notifications-01",
+      "category": "messaging",
+      "title": {
+        "en": "Notification inbox",
+        "ko": "알림 목록",
+        "ar": "صندوق الإشعارات"
+      },
+      "description": {
+        "en": "Switch between all, unread and archived activity and inspect an update.",
+        "ko": "전체·읽지 않음·보관됨으로 알림을 나누고 내용을 확인하세요.",
+        "ar": "انتقل بين الكل وغير المقروء والمؤرشف وافتح التحديثات."
+      },
+      "parts": [
+        "activity-list"
+      ],
+      "source": "blocks/ux-pattern-examples/ProductExamples.tsx",
+      "exportName": "NotificationsExample",
+      "sourcePattern": "portal-trainee-notifications",
+      "states": [
+        "all",
+        "unread",
+        "archived",
+        "empty"
+      ],
+      "files": [
+        "blocks/semantic-pattern-parts/ProductParts.tsx",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "notification-preferences-01",
+      "category": "settings",
+      "title": {
+        "en": "Notification preferences",
+        "ko": "알림 수신 설정",
+        "ar": "تفضيلات الإشعارات"
+      },
+      "description": {
+        "en": "Choose channels per event with required-delivery rules and save feedback.",
+        "ko": "항목별 수신 채널·필수 수신 규칙·저장 상태를 확인하세요.",
+        "ar": "اختر قنوات الأحداث مع قواعد التوصيل وتأكيد الحفظ."
+      },
+      "parts": [
+        "channel-preferences"
+      ],
+      "source": "blocks/ux-pattern-examples/ProductExamples.tsx",
+      "exportName": "NotificationPreferencesExample",
+      "sourcePattern": "portal-trainee-settings-notifications",
+      "states": [
+        "default",
+        "saved"
+      ],
+      "files": [
+        "blocks/semantic-pattern-parts/ProductParts.tsx",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "account-protection-01",
+      "category": "account",
+      "title": {
+        "en": "Account protection",
+        "ko": "계정 보호",
+        "ar": "حماية الحساب"
+      },
+      "description": {
+        "en": "Attempt limits, suspicious devices and sensitive-action reauthentication.",
+        "ko": "시도 제한·의심 기기·중요 작업 재인증 흐름입니다.",
+        "ar": "حدود المحاولات والأجهزة المشبوهة وإعادة التحقق."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "AccountProtectionExample",
+      "sourcePattern": "account-locked",
+      "sourcePatterns": [
+        "account-locked"
+      ],
+      "states": [
+        "attempts",
+        "suspicious",
+        "device-code",
+        "confirm-action"
+      ],
+      "parts": [],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "welcome-01",
+      "category": "account",
+      "title": {
+        "en": "Welcome and next step",
+        "ko": "가입 완료와 다음 단계",
+        "ar": "الترحيب والخطوة التالية"
+      },
+      "description": {
+        "en": "Continue to profile setup or skip it without losing your destination.",
+        "ko": "프로필 설정을 계속하거나 나중에 진행하는 완료 화면입니다.",
+        "ar": "تابع إعداد الملف أو أجّله مع الحفاظ على وجهتك."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "WelcomeExample",
+      "sourcePattern": "account-welcome",
+      "sourcePatterns": [
+        "account-welcome"
+      ],
+      "states": [
+        "default",
+        "redirect"
+      ],
+      "parts": [],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "setup-progress-01",
+      "category": "onboarding",
+      "title": {
+        "en": "Setup progress",
+        "ko": "설정 진행 상황",
+        "ar": "تقدم الإعداد"
+      },
+      "description": {
+        "en": "Ordered steps, locked prerequisites and review-pending recovery.",
+        "ko": "단계 순서·선행 조건·검토 대기를 보여주는 진행 패턴입니다.",
+        "ar": "خطوات مرتبة ومتطلبات سابقة وحالة انتظار المراجعة."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "SetupProgressExample",
+      "sourcePattern": "account-onboarding",
+      "sourcePatterns": [
+        "account-onboarding"
+      ],
+      "states": [
+        "default",
+        "midway",
+        "review",
+        "complete"
+      ],
+      "parts": [
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "profile-setup-01",
+      "category": "onboarding",
+      "title": {
+        "en": "Profile setup",
+        "ko": "프로필 설정",
+        "ar": "إعداد الملف"
+      },
+      "description": {
+        "en": "Complete the fields, inspect validation and review the local result.",
+        "ko": "입력·검증·결과 확인을 체험하는 폼 흐름입니다.",
+        "ar": "أكمل الحقول واختبر التحقق وراجع النتيجة المحلية."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "ProfileSetupExample",
+      "sourcePattern": "account-onboarding-profile",
+      "sourcePatterns": [
+        "account-onboarding-profile"
+      ],
+      "states": [
+        "default",
+        "expert",
+        "organization",
+        "validation",
+        "success"
+      ],
+      "parts": [
+        "workflow-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "credentials-01",
+      "category": "onboarding",
+      "title": {
+        "en": "Credentials and documents",
+        "ko": "자격 정보와 증빙",
+        "ar": "المؤهلات والمستندات"
+      },
+      "description": {
+        "en": "Complete the fields, inspect validation and review the local result.",
+        "ko": "입력·검증·결과 확인을 체험하는 폼 흐름입니다.",
+        "ar": "أكمل الحقول واختبر التحقق وراجع النتيجة المحلية."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "CredentialsExample",
+      "sourcePattern": "account-onboarding-credentials",
+      "sourcePatterns": [
+        "account-onboarding-credentials"
+      ],
+      "states": [
+        "default",
+        "expert",
+        "organization",
+        "validation",
+        "success"
+      ],
+      "parts": [
+        "workflow-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "agreements-01",
+      "category": "onboarding",
+      "title": {
+        "en": "Agreement collection",
+        "ko": "약정 수집",
+        "ar": "جمع الاتفاقيات"
+      },
+      "description": {
+        "en": "Complete the fields, inspect validation and review the local result.",
+        "ko": "입력·검증·결과 확인을 체험하는 폼 흐름입니다.",
+        "ar": "أكمل الحقول واختبر التحقق وراجع النتيجة المحلية."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "AgreementsExample",
+      "sourcePattern": "account-onboarding-legal",
+      "sourcePatterns": [
+        "account-onboarding-legal"
+      ],
+      "states": [
+        "default",
+        "expert",
+        "organization",
+        "validation",
+        "success"
+      ],
+      "parts": [
+        "workflow-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "orientation-01",
+      "category": "onboarding",
+      "title": {
+        "en": "Orientation and acknowledgements",
+        "ko": "사용 안내와 확인",
+        "ar": "التوجيه والإقرار"
+      },
+      "description": {
+        "en": "Read or preview guidance and explicitly acknowledge each topic.",
+        "ko": "안내를 읽고 각 항목을 명시적으로 확인합니다.",
+        "ar": "راجع الإرشادات وأقرّ بكل موضوع بوضوح."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "OrientationExample",
+      "sourcePattern": "account-onboarding-orientation",
+      "sourcePatterns": [
+        "account-onboarding-orientation"
+      ],
+      "states": [
+        "default",
+        "expert",
+        "complete"
+      ],
+      "parts": [
+        "step-checklist",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "plan-selection-01",
+      "category": "billing",
+      "title": {
+        "en": "Plan comparison",
+        "ko": "플랜 비교",
+        "ar": "مقارنة الخطط"
+      },
+      "description": {
+        "en": "Complete the fields, inspect validation and review the local result.",
+        "ko": "입력·검증·결과 확인을 체험하는 폼 흐름입니다.",
+        "ar": "أكمل الحقول واختبر التحقق وراجع النتيجة المحلية."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "PlanSelectionExample",
+      "sourcePattern": "account-onboarding-orientation",
+      "sourcePatterns": [
+        "account-onboarding-orientation"
+      ],
+      "states": [
+        "default",
+        "validation",
+        "success"
+      ],
+      "parts": [
+        "workflow-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "profile-editing-01",
+      "category": "settings",
+      "title": {
+        "en": "Profile editing",
+        "ko": "프로필 편집",
+        "ar": "تعديل الملف"
+      },
+      "description": {
+        "en": "Complete the fields, inspect validation and review the local result.",
+        "ko": "입력·검증·결과 확인을 체험하는 폼 흐름입니다.",
+        "ar": "أكمل الحقول واختبر التحقق وراجع النتيجة المحلية."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "ProfileEditingExample",
+      "sourcePattern": "portal-trainee-profile",
+      "sourcePatterns": [
+        "portal-trainee-profile",
+        "portal-mentor-profile",
+        "portal-sponsor-profile"
+      ],
+      "states": [
+        "default",
+        "expert",
+        "organization",
+        "success"
+      ],
+      "parts": [
+        "workflow-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "account-settings-01",
+      "category": "settings",
+      "title": {
+        "en": "Account settings",
+        "ko": "계정 설정",
+        "ar": "إعدادات الحساب"
+      },
+      "description": {
+        "en": "Account, notifications, security, appearance, devices and closure.",
+        "ko": "계정·알림·보안·표시·기기·탈퇴 설정 예시입니다.",
+        "ar": "الحساب والإشعارات والأمان والمظهر والأجهزة والإغلاق."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "AccountSettingsExample",
+      "sourcePattern": "portal-trainee-settings",
+      "sourcePatterns": [
+        "portal-trainee-settings",
+        "portal-mentor-settings",
+        "portal-sponsor-settings",
+        "admin-settings"
+      ],
+      "states": [
+        "account",
+        "notifications",
+        "security",
+        "appearance",
+        "devices",
+        "closure"
+      ],
+      "parts": [
+        "workflow-fields"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "booking-request-01",
+      "category": "scheduling",
+      "title": {
+        "en": "Booking request",
+        "ko": "예약 요청",
+        "ar": "طلب حجز"
+      },
+      "description": {
+        "en": "Complete the fields, inspect validation and review the local result.",
+        "ko": "입력·검증·결과 확인을 체험하는 폼 흐름입니다.",
+        "ar": "أكمل الحقول واختبر التحقق وراجع النتيجة المحلية."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "BookingRequestExample",
+      "sourcePattern": "portal-trainee-request",
+      "sourcePatterns": [
+        "portal-trainee-request"
+      ],
+      "states": [
+        "default",
+        "specific",
+        "no-credits",
+        "validation",
+        "success"
+      ],
+      "parts": [
+        "workflow-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "session-list-01",
+      "category": "scheduling",
+      "title": {
+        "en": "Session list",
+        "ko": "세션 목록",
+        "ar": "قائمة الجلسات"
+      },
+      "description": {
+        "en": "Search and filter records, inspect details and recover from an empty result.",
+        "ko": "목록 검색·필터·상세 확인·빈 결과 복구 흐름을 살펴보세요.",
+        "ar": "ابحث وصفّ السجلات وافتح التفاصيل وتعافَ من النتائج الفارغة."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "SessionListExample",
+      "sourcePattern": "portal-trainee-sessions",
+      "sourcePatterns": [
+        "portal-trainee-sessions",
+        "portal-sponsor-sessions"
+      ],
+      "states": [
+        "default",
+        "empty",
+        "load-error"
+      ],
+      "parts": [
+        "record-table",
+        "workflow-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "session-detail-01",
+      "category": "scheduling",
+      "title": {
+        "en": "Session preparation",
+        "ko": "세션 준비",
+        "ar": "التحضير للجلسة"
+      },
+      "description": {
+        "en": "Search and filter records, inspect details and recover from an empty result.",
+        "ko": "목록 검색·필터·상세 확인·빈 결과 복구 흐름을 살펴보세요.",
+        "ar": "ابحث وصفّ السجلات وافتح التفاصيل وتعافَ من النتائج الفارغة."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "SessionDetailExample",
+      "sourcePattern": "portal-trainee-sessions-detail",
+      "sourcePatterns": [
+        "portal-trainee-sessions-detail"
+      ],
+      "states": [
+        "default",
+        "documents",
+        "conversation"
+      ],
+      "parts": [
+        "record-table",
+        "workflow-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "request-decision-01",
+      "category": "scheduling",
+      "title": {
+        "en": "Request decision",
+        "ko": "요청 수락과 거절",
+        "ar": "قرار الطلب"
+      },
+      "description": {
+        "en": "Search and filter records, inspect details and recover from an empty result.",
+        "ko": "목록 검색·필터·상세 확인·빈 결과 복구 흐름을 살펴보세요.",
+        "ar": "ابحث وصفّ السجلات وافتح التفاصيل وتعافَ من النتائج الفارغة."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "RequestDecisionExample",
+      "sourcePattern": "portal-mentor-requests-detail",
+      "sourcePatterns": [
+        "portal-mentor-requests-detail"
+      ],
+      "states": [
+        "default",
+        "accepted",
+        "declined"
+      ],
+      "parts": [
+        "record-table",
+        "workflow-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "connectivity-check-01",
+      "category": "scheduling",
+      "title": {
+        "en": "Connectivity pre-check",
+        "ko": "연결 사전 점검",
+        "ar": "فحص الاتصال"
+      },
+      "description": {
+        "en": "Per-item pass/fail, failure recovery and completion gating. No real device check is performed.",
+        "ko": "항목별 통과·실패·복구 흐름입니다. 실제 기기 검사는 수행하지 않습니다.",
+        "ar": "نجاح وفشل واسترداد لكل بند. لا يتم فحص جهاز فعلي."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "ConnectivityCheckExample",
+      "sourcePattern": "portal-trainee-sessions-detail-precheck",
+      "sourcePatterns": [
+        "portal-trainee-sessions-detail-precheck"
+      ],
+      "states": [
+        "default",
+        "failed",
+        "complete"
+      ],
+      "parts": [
+        "step-checklist",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "session-feedback-01",
+      "category": "scheduling",
+      "title": {
+        "en": "Session feedback",
+        "ko": "세션 피드백",
+        "ar": "تقييم الجلسة"
+      },
+      "description": {
+        "en": "Rate four dimensions with an optional comment and live average.",
+        "ko": "네 가지 항목 평가·의견·실시간 평균을 보여줍니다.",
+        "ar": "قيّم أربعة أبعاد مع تعليق اختياري ومتوسط مباشر."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "SessionFeedbackExample",
+      "sourcePattern": "portal-trainee-sessions-detail-feedback",
+      "sourcePatterns": [
+        "portal-trainee-sessions-detail-feedback"
+      ],
+      "states": [
+        "default",
+        "complete"
+      ],
+      "parts": [
+        "rating-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "structured-assessment-01",
+      "category": "scheduling",
+      "title": {
+        "en": "Structured assessment",
+        "ko": "구조화된 평가",
+        "ar": "تقييم منظم"
+      },
+      "description": {
+        "en": "Five scores, supervision level, detailed feedback, recommendations and draft.",
+        "ko": "5개 점수·지도 수준·상세 피드백·권고·임시 저장 흐름입니다.",
+        "ar": "خمس درجات ومستوى إشراف وملاحظات وتوصيات ومسودة."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "StructuredAssessmentExample",
+      "sourcePattern": "portal-mentor-sessions-detail-assess",
+      "sourcePatterns": [
+        "portal-mentor-sessions-detail-assess"
+      ],
+      "states": [
+        "default",
+        "complete"
+      ],
+      "parts": [
+        "rating-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "verification-queue-01",
+      "category": "operations",
+      "title": {
+        "en": "Verification queue",
+        "ko": "인증 검토 대기열",
+        "ar": "قائمة التحقق"
+      },
+      "description": {
+        "en": "Search and filter records, inspect details and recover from an empty result.",
+        "ko": "목록 검색·필터·상세 확인·빈 결과 복구 흐름을 살펴보세요.",
+        "ar": "ابحث وصفّ السجلات وافتح التفاصيل وتعافَ من النتائج الفارغة."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "VerificationQueueExample",
+      "sourcePattern": "admin-onboarding",
+      "sourcePatterns": [
+        "admin-onboarding"
+      ],
+      "states": [
+        "default",
+        "empty",
+        "load-error"
+      ],
+      "parts": [
+        "record-table",
+        "workflow-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "verification-checklist-01",
+      "category": "operations",
+      "title": {
+        "en": "Verification checklist",
+        "ko": "인증 검토 체크리스트",
+        "ar": "قائمة فحص التحقق"
+      },
+      "description": {
+        "en": "Review evidence and notes; final activation waits for prerequisite checks.",
+        "ko": "증빙·메모를 검토하며 선행 확인 후 마지막 활성화가 가능합니다.",
+        "ar": "راجع الأدلة والملاحظات قبل خطوة التفعيل النهائية."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "VerificationChecklistExample",
+      "sourcePattern": "admin-onboarding-detail",
+      "sourcePatterns": [
+        "admin-onboarding-detail"
+      ],
+      "states": [
+        "default",
+        "failed",
+        "complete"
+      ],
+      "parts": [
+        "step-checklist",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "closure-queue-01",
+      "category": "operations",
+      "title": {
+        "en": "Completion queue",
+        "ko": "완료 처리 대기열",
+        "ar": "قائمة الإكمال"
+      },
+      "description": {
+        "en": "Search and filter records, inspect details and recover from an empty result.",
+        "ko": "목록 검색·필터·상세 확인·빈 결과 복구 흐름을 살펴보세요.",
+        "ar": "ابحث وصفّ السجلات وافتح التفاصيل وتعافَ من النتائج الفارغة."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "ClosureQueueExample",
+      "sourcePattern": "admin-closures",
+      "sourcePatterns": [
+        "admin-closures"
+      ],
+      "states": [
+        "default",
+        "empty",
+        "load-error"
+      ],
+      "parts": [
+        "record-table",
+        "workflow-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "matching-escalations-01",
+      "category": "operations",
+      "title": {
+        "en": "Manual matching",
+        "ko": "수동 매칭",
+        "ar": "المطابقة اليدوية"
+      },
+      "description": {
+        "en": "Search and filter records, inspect details and recover from an empty result.",
+        "ko": "목록 검색·필터·상세 확인·빈 결과 복구 흐름을 살펴보세요.",
+        "ar": "ابحث وصفّ السجلات وافتح التفاصيل وتعافَ من النتائج الفارغة."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "MatchingEscalationsExample",
+      "sourcePattern": "admin-escalations",
+      "sourcePatterns": [
+        "admin-escalations"
+      ],
+      "states": [
+        "default",
+        "empty",
+        "load-error"
+      ],
+      "parts": [
+        "record-table",
+        "workflow-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "device-monitoring-01",
+      "category": "operations",
+      "title": {
+        "en": "Device monitoring",
+        "ko": "기기 모니터링",
+        "ar": "مراقبة الأجهزة"
+      },
+      "description": {
+        "en": "Search and filter records, inspect details and recover from an empty result.",
+        "ko": "목록 검색·필터·상세 확인·빈 결과 복구 흐름을 살펴보세요.",
+        "ar": "ابحث وصفّ السجلات وافتح التفاصيل وتعافَ من النتائج الفارغة."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "DeviceMonitoringExample",
+      "sourcePattern": "admin-devices",
+      "sourcePatterns": [
+        "admin-devices"
+      ],
+      "states": [
+        "default",
+        "empty",
+        "load-error"
+      ],
+      "parts": [
+        "record-table",
+        "workflow-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "provider-connections-01",
+      "category": "operations",
+      "title": {
+        "en": "Provider connections",
+        "ko": "제공사 연결",
+        "ar": "اتصالات المزودين"
+      },
+      "description": {
+        "en": "Search and filter records, inspect details and recover from an empty result.",
+        "ko": "목록 검색·필터·상세 확인·빈 결과 복구 흐름을 살펴보세요.",
+        "ar": "ابحث وصفّ السجلات وافتح التفاصيل وتعافَ من النتائج الفارغة."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "ProviderConnectionsExample",
+      "sourcePattern": "admin-providers",
+      "sourcePatterns": [
+        "admin-providers"
+      ],
+      "states": [
+        "default",
+        "empty",
+        "load-error"
+      ],
+      "parts": [
+        "record-table",
+        "workflow-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "incident-tracking-01",
+      "category": "operations",
+      "title": {
+        "en": "Incident tracking",
+        "ko": "이슈 추적",
+        "ar": "تتبع الحوادث"
+      },
+      "description": {
+        "en": "Search and filter records, inspect details and recover from an empty result.",
+        "ko": "목록 검색·필터·상세 확인·빈 결과 복구 흐름을 살펴보세요.",
+        "ar": "ابحث وصفّ السجلات وافتح التفاصيل وتعافَ من النتائج الفارغة."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "IncidentTrackingExample",
+      "sourcePattern": "admin-incidents",
+      "sourcePatterns": [
+        "admin-incidents"
+      ],
+      "states": [
+        "default",
+        "empty",
+        "load-error"
+      ],
+      "parts": [
+        "record-table",
+        "workflow-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "audit-log-01",
+      "category": "operations",
+      "title": {
+        "en": "Audit trail",
+        "ko": "변경 이력",
+        "ar": "سجل التدقيق"
+      },
+      "description": {
+        "en": "Search and filter records, inspect details and recover from an empty result.",
+        "ko": "목록 검색·필터·상세 확인·빈 결과 복구 흐름을 살펴보세요.",
+        "ar": "ابحث وصفّ السجلات وافتح التفاصيل وتعافَ من النتائج الفارغة."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "AuditLogExample",
+      "sourcePattern": "admin-audit",
+      "sourcePatterns": [
+        "admin-audit"
+      ],
+      "states": [
+        "default",
+        "empty",
+        "load-error"
+      ],
+      "parts": [
+        "record-table",
+        "workflow-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "subscriptions-01",
+      "category": "billing",
+      "title": {
+        "en": "Subscriptions",
+        "ko": "구독 목록",
+        "ar": "الاشتراكات"
+      },
+      "description": {
+        "en": "Search and filter records, inspect details and recover from an empty result.",
+        "ko": "목록 검색·필터·상세 확인·빈 결과 복구 흐름을 살펴보세요.",
+        "ar": "ابحث وصفّ السجلات وافتح التفاصيل وتعافَ من النتائج الفارغة."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "SubscriptionsExample",
+      "sourcePattern": "admin-subscriptions",
+      "sourcePatterns": [
+        "admin-subscriptions"
+      ],
+      "states": [
+        "default",
+        "empty",
+        "load-error"
+      ],
+      "parts": [
+        "record-table",
+        "workflow-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "subscription-create-01",
+      "category": "billing",
+      "title": {
+        "en": "Create subscription",
+        "ko": "구독 생성",
+        "ar": "إنشاء اشتراك"
+      },
+      "description": {
+        "en": "Complete the fields, inspect validation and review the local result.",
+        "ko": "입력·검증·결과 확인을 체험하는 폼 흐름입니다.",
+        "ar": "أكمل الحقول واختبر التحقق وراجع النتيجة المحلية."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "SubscriptionCreateExample",
+      "sourcePattern": "admin-subscriptions-new",
+      "sourcePatterns": [
+        "admin-subscriptions-new"
+      ],
+      "states": [
+        "default",
+        "validation",
+        "success"
+      ],
+      "parts": [
+        "workflow-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "credit-allocation-01",
+      "category": "billing",
+      "title": {
+        "en": "Credit allocation",
+        "ko": "크레딧 배분",
+        "ar": "توزيع الرصيد"
+      },
+      "description": {
+        "en": "Allocate a shared pool across people with an overspend guard and running totals.",
+        "ko": "공유 잔액을 배분하며 초과 배분 방지·합계를 확인합니다.",
+        "ar": "وزّع الرصيد المشترك مع منع التجاوز وإجماليات مباشرة."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "CreditAllocationExample",
+      "sourcePattern": "admin-subscriptions-detail-allocate",
+      "sourcePatterns": [
+        "admin-subscriptions-detail-allocate"
+      ],
+      "states": [
+        "default",
+        "over-budget",
+        "complete"
+      ],
+      "parts": [
+        "workflow-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "payment-cycle-01",
+      "category": "billing",
+      "title": {
+        "en": "Payment cycle",
+        "ko": "지급 처리",
+        "ar": "دورة الدفع"
+      },
+      "description": {
+        "en": "Search and filter records, inspect details and recover from an empty result.",
+        "ko": "목록 검색·필터·상세 확인·빈 결과 복구 흐름을 살펴보세요.",
+        "ar": "ابحث وصفّ السجلات وافتح التفاصيل وتعافَ من النتائج الفارغة."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "PaymentCycleExample",
+      "sourcePattern": "admin-payments",
+      "sourcePatterns": [
+        "admin-payments"
+      ],
+      "states": [
+        "default",
+        "empty",
+        "load-error"
+      ],
+      "parts": [
+        "record-table",
+        "workflow-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "credit-transactions-01",
+      "category": "billing",
+      "title": {
+        "en": "Credit transactions",
+        "ko": "크레딧 거래 이력",
+        "ar": "معاملات الرصيد"
+      },
+      "description": {
+        "en": "Search and filter records, inspect details and recover from an empty result.",
+        "ko": "목록 검색·필터·상세 확인·빈 결과 복구 흐름을 살펴보세요.",
+        "ar": "ابحث وصفّ السجلات وافتح التفاصيل وتعافَ من النتائج الفارغة."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "CreditTransactionsExample",
+      "sourcePattern": "admin-transactions",
+      "sourcePatterns": [
+        "admin-transactions"
+      ],
+      "states": [
+        "default",
+        "empty",
+        "load-error"
+      ],
+      "parts": [
+        "record-table",
+        "workflow-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "invoices-01",
+      "category": "billing",
+      "title": {
+        "en": "Invoices and receipts",
+        "ko": "청구서와 영수증",
+        "ar": "الفواتير والإيصالات"
+      },
+      "description": {
+        "en": "Search and filter records, inspect details and recover from an empty result.",
+        "ko": "목록 검색·필터·상세 확인·빈 결과 복구 흐름을 살펴보세요.",
+        "ar": "ابحث وصفّ السجلات وافتح التفاصيل وتعافَ من النتائج الفارغة."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "InvoicesExample",
+      "sourcePattern": "portal-sponsor-billing",
+      "sourcePatterns": [
+        "portal-sponsor-billing"
+      ],
+      "states": [
+        "default",
+        "empty",
+        "load-error"
+      ],
+      "parts": [
+        "record-table",
+        "workflow-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "team-allocations-01",
+      "category": "directory",
+      "title": {
+        "en": "Team allocations",
+        "ko": "팀 배분 현황",
+        "ar": "توزيعات الفريق"
+      },
+      "description": {
+        "en": "Search and filter records, inspect details and recover from an empty result.",
+        "ko": "목록 검색·필터·상세 확인·빈 결과 복구 흐름을 살펴보세요.",
+        "ar": "ابحث وصفّ السجلات وافتح التفاصيل وتعافَ من النتائج الفارغة."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "TeamAllocationsExample",
+      "sourcePattern": "portal-sponsor-trainees",
+      "sourcePatterns": [
+        "portal-sponsor-trainees"
+      ],
+      "states": [
+        "default",
+        "empty",
+        "load-error"
+      ],
+      "parts": [
+        "record-table",
+        "workflow-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "personal-overview-01",
+      "category": "dashboard",
+      "title": {
+        "en": "Personal overview",
+        "ko": "개인 현황",
+        "ar": "نظرة شخصية"
+      },
+      "description": {
+        "en": "Summary measures, trends and linked records for the current task.",
+        "ko": "현재 작업의 요약·추세·연결된 내역을 보여줍니다.",
+        "ar": "مقاييس موجزة واتجاهات وسجلات مرتبطة بالمهمة الحالية."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "PersonalOverviewExample",
+      "sourcePattern": "portal-trainee",
+      "sourcePatterns": [
+        "portal-trainee"
+      ],
+      "states": [
+        "default",
+        "empty",
+        "low-balance"
+      ],
+      "parts": [
+        "stat-strip",
+        "trend-summary",
+        "record-table"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "expert-overview-01",
+      "category": "dashboard",
+      "title": {
+        "en": "Requests and schedule overview",
+        "ko": "요청과 일정 현황",
+        "ar": "نظرة الطلبات والجدول"
+      },
+      "description": {
+        "en": "Summary measures, trends and linked records for the current task.",
+        "ko": "현재 작업의 요약·추세·연결된 내역을 보여줍니다.",
+        "ar": "مقاييس موجزة واتجاهات وسجلات مرتبطة بالمهمة الحالية."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "ExpertOverviewExample",
+      "sourcePattern": "portal-mentor",
+      "sourcePatterns": [
+        "portal-mentor"
+      ],
+      "states": [
+        "default",
+        "empty"
+      ],
+      "parts": [
+        "stat-strip",
+        "trend-summary",
+        "record-table"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "subscription-detail-01",
+      "category": "dashboard",
+      "title": {
+        "en": "Subscription overview",
+        "ko": "구독 현황",
+        "ar": "نظرة الاشتراك"
+      },
+      "description": {
+        "en": "Summary measures, trends and linked records for the current task.",
+        "ko": "현재 작업의 요약·추세·연결된 내역을 보여줍니다.",
+        "ar": "مقاييس موجزة واتجاهات وسجلات مرتبطة بالمهمة الحالية."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "SubscriptionDetailExample",
+      "sourcePattern": "admin-subscriptions-detail",
+      "sourcePatterns": [
+        "admin-subscriptions-detail",
+        "portal-sponsor"
+      ],
+      "states": [
+        "default",
+        "empty",
+        "low-balance"
+      ],
+      "parts": [
+        "stat-strip",
+        "trend-summary",
+        "record-table"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "credit-balance-01",
+      "category": "dashboard",
+      "title": {
+        "en": "Credit balance and history",
+        "ko": "크레딧 잔액과 내역",
+        "ar": "الرصيد والسجل"
+      },
+      "description": {
+        "en": "Summary measures, trends and linked records for the current task.",
+        "ko": "현재 작업의 요약·추세·연결된 내역을 보여줍니다.",
+        "ar": "مقاييس موجزة واتجاهات وسجلات مرتبطة بالمهمة الحالية."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "CreditBalanceExample",
+      "sourcePattern": "portal-trainee-credits",
+      "sourcePatterns": [
+        "portal-trainee-credits"
+      ],
+      "states": [
+        "default",
+        "empty",
+        "low-balance"
+      ],
+      "parts": [
+        "stat-strip",
+        "trend-summary",
+        "record-table"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "skill-progression-01",
+      "category": "dashboard",
+      "title": {
+        "en": "Progress and milestones",
+        "ko": "성장과 마일스톤",
+        "ar": "التقدم والمراحل"
+      },
+      "description": {
+        "en": "Summary measures, trends and linked records for the current task.",
+        "ko": "현재 작업의 요약·추세·연결된 내역을 보여줍니다.",
+        "ar": "مقاييس موجزة واتجاهات وسجلات مرتبطة بالمهمة الحالية."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "SkillProgressionExample",
+      "sourcePattern": "portal-trainee-competency",
+      "sourcePatterns": [
+        "portal-trainee-competency"
+      ],
+      "states": [
+        "default",
+        "empty"
+      ],
+      "parts": [
+        "stat-strip",
+        "trend-summary",
+        "record-table"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "analytics-01",
+      "category": "dashboard",
+      "title": {
+        "en": "Analytics and risk signals",
+        "ko": "분석과 위험 신호",
+        "ar": "التحليلات وإشارات المخاطر"
+      },
+      "description": {
+        "en": "Summary measures, trends and linked records for the current task.",
+        "ko": "현재 작업의 요약·추세·연결된 내역을 보여줍니다.",
+        "ar": "مقاييس موجزة واتجاهات وسجلات مرتبطة بالمهمة الحالية."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "AnalyticsExample",
+      "sourcePattern": "admin-analytics",
+      "sourcePatterns": [
+        "admin-analytics"
+      ],
+      "states": [
+        "default",
+        "empty"
+      ],
+      "parts": [
+        "stat-strip",
+        "trend-summary",
+        "record-table"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "broadcast-management-01",
+      "category": "media",
+      "title": {
+        "en": "Broadcast management",
+        "ko": "방송 관리",
+        "ar": "إدارة البث"
+      },
+      "description": {
+        "en": "Search and filter records, inspect details and recover from an empty result.",
+        "ko": "목록 검색·필터·상세 확인·빈 결과 복구 흐름을 살펴보세요.",
+        "ar": "ابحث وصفّ السجلات وافتح التفاصيل وتعافَ من النتائج الفارغة."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "BroadcastManagementExample",
+      "sourcePattern": "admin-broadcasts",
+      "sourcePatterns": [
+        "admin-broadcasts"
+      ],
+      "states": [
+        "default",
+        "empty",
+        "load-error"
+      ],
+      "parts": [
+        "record-table",
+        "workflow-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "broadcast-schedule-01",
+      "category": "media",
+      "title": {
+        "en": "Schedule a broadcast",
+        "ko": "방송 일정 만들기",
+        "ar": "جدولة بث"
+      },
+      "description": {
+        "en": "Complete the fields, inspect validation and review the local result.",
+        "ko": "입력·검증·결과 확인을 체험하는 폼 흐름입니다.",
+        "ar": "أكمل الحقول واختبر التحقق وراجع النتيجة المحلية."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "BroadcastScheduleExample",
+      "sourcePattern": "admin-broadcasts-new",
+      "sourcePatterns": [
+        "admin-broadcasts-new"
+      ],
+      "states": [
+        "default",
+        "validation",
+        "success"
+      ],
+      "parts": [
+        "workflow-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "media-library-01",
+      "category": "media",
+      "title": {
+        "en": "Media library",
+        "ko": "미디어 라이브러리",
+        "ar": "مكتبة الوسائط"
+      },
+      "description": {
+        "en": "Search and filter records, inspect details and recover from an empty result.",
+        "ko": "목록 검색·필터·상세 확인·빈 결과 복구 흐름을 살펴보세요.",
+        "ar": "ابحث وصفّ السجلات وافتح التفاصيل وتعافَ من النتائج الفارغة."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "MediaLibraryExample",
+      "sourcePattern": "portal-tv",
+      "sourcePatterns": [
+        "portal-tv"
+      ],
+      "states": [
+        "default",
+        "empty",
+        "load-error"
+      ],
+      "parts": [
+        "record-table",
+        "workflow-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "broadcast-viewer-01",
+      "category": "media",
+      "title": {
+        "en": "Broadcast viewer",
+        "ko": "방송 시청",
+        "ar": "مشاهدة البث"
+      },
+      "description": {
+        "en": "Receive-only viewing with scheduled reminders and ended states.",
+        "ko": "예약 알림·종료 상태를 포함한 시청 전용 흐름입니다.",
+        "ar": "مشاهدة فقط مع تذكيرات الجدولة وحالة الانتهاء."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "BroadcastViewerExample",
+      "sourcePattern": "portal-tv-detail",
+      "sourcePatterns": [
+        "portal-tv-detail"
+      ],
+      "states": [
+        "scheduled",
+        "live",
+        "ended"
+      ],
+      "parts": [
+        "media-stage"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "live-session-01",
+      "category": "media",
+      "title": {
+        "en": "Live collaboration",
+        "ko": "실시간 협업",
+        "ar": "التعاون المباشر"
+      },
+      "description": {
+        "en": "Participants, microphone state, incident notes and connection recovery.",
+        "ko": "참가자·마이크 상태·이슈 메모·연결 복구를 체험합니다.",
+        "ar": "مشاركون وحالة الميكروفون وملاحظات الحوادث واسترداد الاتصال."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "LiveSessionExample",
+      "sourcePattern": "portal-sessions-detail-live",
+      "sourcePatterns": [
+        "portal-sessions-detail-live"
+      ],
+      "states": [
+        "live",
+        "connection-lost",
+        "ended"
+      ],
+      "parts": [
+        "media-stage"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "article-library-01",
+      "category": "content",
+      "title": {
+        "en": "Article library",
+        "ko": "아티클 목록",
+        "ar": "مكتبة المقالات"
+      },
+      "description": {
+        "en": "Category filtering, featured content, reading and newsletter signup.",
+        "ko": "카테고리 필터·추천 글·본문·뉴스레터 구독 흐름입니다.",
+        "ar": "تصفية الفئات والمحتوى المميز والقراءة والاشتراك."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "ArticleLibraryExample",
+      "sourcePattern": "marketing-blog",
+      "sourcePatterns": [
+        "marketing-blog"
+      ],
+      "states": [
+        "default",
+        "empty"
+      ],
+      "parts": [],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "product-introduction-01",
+      "category": "content",
+      "title": {
+        "en": "Product introduction and FAQ",
+        "ko": "제품 소개와 FAQ",
+        "ar": "مقدمة المنتج والأسئلة"
+      },
+      "description": {
+        "en": "Role-based features, proof points, FAQ disclosure and a next action.",
+        "ko": "역할별 기능·근거·FAQ 펼치기·다음 행동으로 구성됩니다.",
+        "ar": "ميزات حسب الدور ودلائل وأسئلة قابلة للتوسيع وخطوة تالية."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "ProductIntroductionExample",
+      "sourcePattern": "marketing",
+      "sourcePatterns": [
+        "marketing"
+      ],
+      "states": [
+        "default"
+      ],
+      "parts": [],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "contact-form-01",
+      "category": "content",
+      "title": {
+        "en": "Contact and enquiry",
+        "ko": "문의하기",
+        "ar": "التواصل والاستفسار"
+      },
+      "description": {
+        "en": "Complete the fields, inspect validation and review the local result.",
+        "ko": "입력·검증·결과 확인을 체험하는 폼 흐름입니다.",
+        "ar": "أكمل الحقول واختبر التحقق وراجع النتيجة المحلية."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "ContactFormExample",
+      "sourcePattern": "marketing-contact",
+      "sourcePatterns": [
+        "marketing-contact"
+      ],
+      "states": [
+        "default",
+        "validation",
+        "success"
+      ],
+      "parts": [
+        "workflow-fields",
+        "stat-strip"
+      ],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    },
+    {
+      "id": "loading-recovery-01",
+      "category": "system",
+      "title": {
+        "en": "Loading and recovery",
+        "ko": "로딩과 오류 복구",
+        "ar": "التحميل والاسترداد"
+      },
+      "description": {
+        "en": "Loading, empty, missing-page and retryable error states.",
+        "ko": "로딩·빈 상태·없는 페이지·재시도 가능한 오류를 보여줍니다.",
+        "ar": "حالات تحميل وفراغ وصفحة مفقودة وخطأ قابل لإعادة المحاولة."
+      },
+      "source": "blocks/ux-pattern-examples/WorkflowExamples.tsx",
+      "exportName": "LoadingRecoveryExample",
+      "sourcePattern": "error",
+      "sourcePatterns": [
+        "error",
+        "not-found",
+        "loading",
+        "portal-loading",
+        "admin-loading"
+      ],
+      "states": [
+        "loading",
+        "empty",
+        "not-found",
+        "load-error"
+      ],
+      "parts": [],
+      "files": [
+        "blocks/ux-pattern-examples/WorkflowExample.tsx",
+        "blocks/ux-pattern-examples/workflow-definitions.ts",
+        "blocks/ux-pattern-examples/workflow-copy.ts",
+        "blocks/semantic-pattern-parts/WorkflowParts.tsx",
+        "blocks/semantic-pattern-parts/workflow-parts.css",
+        "blocks/semantic-pattern-parts/product-parts.css"
+      ]
+    }
+  ]
+}