{"slug":"developers/V0_PROMPT_PLATFORM_APP_SHELL_MFE_APPENDIX","title":"Microfrontends (Three Invokable Surfaces)","section":"developers","sectionLabel":"Developers","status":"unclassified","type":"document","path":"developers/V0_PROMPT_PLATFORM_APP_SHELL_MFE_APPENDIX.mdx","bytes":2740,"description":null,"updated":null,"source":"integratewise/Integratewise-docs-wiki","content":"---\n\n## Microfrontends (Three Invokable Surfaces)\n\nThe Platform Control Board is implemented as a **microfrontend** — one of three invokable surfaces:\n\n| #   | Package                              | Role                                                  |\n| --- | ------------------------------------ | ----------------------------------------------------- |\n| 1   | `@integratewise/auth-connectors-mfe` | Universal identity, grants, discovery, connector tray |\n| 2   | `@integratewise/auth-onboarding-mfe` | Login / signup / onboarding flow                      |\n| 3   | `@integratewise/platform-mfe`        | Platform Control Board — all kernel features          |\n\n### Host detection architecture\n\nThe host is **identified during onboarding**, not selected at runtime:\n\n1. User arrives from Host X (ChatGPT, Claude, Web, Platform, MCP Client, etc.)\n2. One Auth establishes identity + host context\n3. Discovery Engine runs against Host X\n4. Connector tray = projections from Host X\n5. User sees only what Host X provides\n\n### Platform Kernel views (implemented in platform-mfe)\n\n| View            | Component                  | Description                                                                          |\n| --------------- | -------------------------- | ------------------------------------------------------------------------------------ |\n| Spine Fabric    | `SpineFabricView`          | Operational DB fabric: cache ↔ canonical ↔ KV ↔ R2 ↔ Redis ↔ AI Search ↔ Omni Router |\n| Spine Network   | `SpineNetworkView`         | Visual graph of Spine nodes and edges                                                |\n| OODA Pipeline   | `OODAPipelineView`         | Observe → Orient → Decide → Act pipeline                                             |\n| Agent Status    | `AgentStatusView`          | 5 bounded agents + Co-worker status                                                  |\n| Memory Queues   | `MemoryQueuesView`         | Memory Queue + Approval Queue + Promotion Queue + 10 memory categories               |\n| Tool Capability | `ToolCapabilityMatrixView` | Host-connected tools → capabilities → workspace projection                           |\n| Configuration   | `ConfigurationManagerView` | Tenant, schema, connector, projection configuration                                  |\n| Activation      | `ActivationManagerView`    | Activation status, blockers, go-live checklist                                       |\n\n### Design tokens\n\nAll MFEs use `packages/*/src/lib/design-tokens.ts` as the single source of truth. Derived from `apps/web/src/integratewise-figma-tokens.json`.\n\nSee [`docs/architecture/MICROFRONTENDS.md`](docs/architecture/MICROFRONTENDS.md) for complete specification.\n"}