Loom Power BI Report — Fabric parity gap¶

Validator: v2 4-phase (live browser) — 2026-05-26 Loom URL: https://loom-console-fvbbctd4eehqbkcs.b02.azurefd.net/items/report/new Fabric reference: app.powerbi.com / app.fabric.microsoft.com (login-gated; spec-derived from docs/fiab/report-parity-spec.md) Screenshot: temp/parity/report-loom.png Source under review: apps/fiab-console/lib/editors/phase3-editors.tsx lines 1540-1641

Phase 1 + 2 captures¶

Live Loom DOM (heading + ribbon): - Heading: "New report" - Ribbon tab: Home only (vs Fabric: Home + Insert + Modeling + View + Help) - Ribbon buttons: New page, Duplicate, New visual, Format, Bookmark, Refresh, Filters, plus toolbar Refresh - count: 0 (NO embedded Power BI report) - Monaco editor: NO - Visualizations / Fields / Filters / Format panes: NONE present - Fluent MessageBar: 0 (no honest gate) - powerbi-client SDK in package.json: NOT INSTALLED</p> <h2 id=phase-3-gap-matrix>Phase 3 gap matrix<a class=headerlink href=#phase-3-gap-matrix title="Permanent link">¶</a></h2> <table> <thead> <tr> <th>Fabric element</th> <th>Loom present?</th> <th>Severity</th> <th>Notes</th> </tr> </thead> <tbody> <tr> <td>Embedded Power BI report canvas (live, via powerbi-client SDK + GenerateToken)</td> <td>MISSING</td> <td>BLOCKER</td> <td>The headline feature. Placeholder card text reads "v2.1: showing metadata only — full embed via Power BI Embed SDK lands in v2.2." (phase3-editors.tsx:1625)</td> </tr> <tr> <td>Visualizations pane (20+ visual types)</td> <td>MISSING</td> <td>BLOCKER</td> <td>—</td> </tr> <tr> <td>Fields (Data) pane</td> <td>MISSING</td> <td>BLOCKER</td> <td>—</td> </tr> <tr> <td>Filters pane (three-tier)</td> <td>label-only</td> <td>BLOCKER</td> <td>"Filters" button has no handler</td> </tr> <tr> <td>Format pane (paint-brush)</td> <td>label-only</td> <td>BLOCKER</td> <td>"Format" button has no handler</td> </tr> <tr> <td>Pages tabs + + button</td> <td>MISSING</td> <td>BLOCKER</td> <td>"New page" label does nothing</td> </tr> <tr> <td>Ribbon Insert tab</td> <td>MISSING</td> <td>MAJOR</td> <td>—</td> </tr> <tr> <td>Ribbon Modeling tab</td> <td>MISSING</td> <td>MAJOR</td> <td>—</td> </tr> <tr> <td>Ribbon View tab</td> <td>MISSING</td> <td>MAJOR</td> <td>—</td> </tr> <tr> <td>Save / Undo / Redo / Share</td> <td>MISSING</td> <td>MAJOR</td> <td>None present</td> </tr> <tr> <td>Q&A natural language</td> <td>MISSING</td> <td>MAJOR</td> <td>—</td> </tr> <tr> <td>Bookmark / Selection / Navigator panes</td> <td>label-only Bookmark</td> <td>MAJOR</td> <td>—</td> </tr> <tr> <td>Ribbon Help tab</td> <td>MISSING</td> <td>MINOR</td> <td>—</td> </tr> <tr> <td>Report listing (left rail)</td> <td>PRESENT</td> <td>—</td> <td>loadList wired to /api/items/report — real PBI REST</td> </tr> <tr> <td>Report metadata card</td> <td>PRESENT</td> <td>—</td> <td>loadDetail wired to /api/items/report/{id} (1615-1622). Only working surface.</td> </tr> <tr> <td>embedUrl shown as plain code</td> <td>PRESENT but worse than missing</td> <td>MAJOR</td> <td>Loom prints the embedUrl as TEXT instead of embedding the report. Vaporware pattern per no-vaporware.md</td> </tr> </tbody> </table> <h2 id=phase-4-click-every-button>Phase 4 click-every-button<a class=headerlink href=#phase-4-click-every-button title="Permanent link">¶</a></h2> <table> <thead> <tr> <th>Button</th> <th>Expected</th> <th>Observed</th> <th>Status</th> </tr> </thead> <tbody> <tr> <td>New page</td> <td>new page</td> <td>nothing</td> <td>BROKEN — primary no-op</td> </tr> <tr> <td>Duplicate</td> <td>duplicate page</td> <td>nothing</td> <td>BROKEN</td> </tr> <tr> <td>New visual</td> <td>visual picker</td> <td>nothing</td> <td>BROKEN</td> </tr> <tr> <td>Format</td> <td>Format pane</td> <td>nothing</td> <td>BROKEN</td> </tr> <tr> <td>Bookmark</td> <td>Bookmark pane</td> <td>nothing</td> <td>BROKEN</td> </tr> <tr> <td>Filters</td> <td>Filters pane</td> <td>nothing</td> <td>BROKEN</td> </tr> <tr> <td>Refresh (ribbon Data group)</td> <td>refresh</td> <td>nothing</td> <td>BROKEN</td> </tr> <tr> <td>Refresh (toolbar)</td> <td>reload list</td> <td>wired loadList</td> <td>OK (gated on workspaceId)</td> </tr> <tr> <td>workspace picker</td> <td>fetch reports</td> <td>triggers MSAL redirect when scope not consented</td> <td>partial</td> </tr> </tbody> </table> <p>Root cause: REPORT_RIBBON (line 1543) declares RibbonAction entries with only { label }, no onClick. Ribbon component spreads ...rest → Button has no handler.</p> <h2 id=fair-where-due>Fair-where-due<a class=headerlink href=#fair-where-due title="Permanent link">¶</a></h2> <p>BFF is real: - /api/items/report → listReports() against real Power BI REST /v1.0/myorg/groups/{ws}/reports - /api/items/report/{id} → getReport() returns name, type, datasetId, webUrl, embedUrl, modifiedBy/At</p> <p>So listing is honest. The editor surface itself is a metadata browser plus dead labels.</p> <h2 id=final-grade-d>Final grade: D<a class=headerlink href=#final-grade-d title="Permanent link">¶</a></h2> <p>Phase 3 has 7 BLOCKER rows + multiple MAJOR. Phase 4 has 7 BROKEN primary controls. The "embed lands in v2.2" placeholder is a no-vaporware.md violation (no tracked TODO, surrounded by dead buttons pretending to be a real editor).</p> <h2 id=remediation>Remediation<a class=headerlink href=#remediation title="Permanent link">¶</a></h2> <ol> <li>Install powerbi-client + powerbi-client-react in apps/fiab-console/package.json.</li> <li>Add BFF route POST /api/items/report/{id}/embed-token calling Power BI REST POST /v1.0/myorg/groups/{ws}/reports/{id}/GenerateToken with accessLevel 'view' (then 'edit'). Cache token client-side until ~5 min before expiry.</li> <li>Replace the "Embed preview" placeholder (phase3-editors.tsx:1623-1628) with <powerbiembed> passing embedUrl + accessToken + reportId. embedType:'report', tokenType:models.TokenType.Embed.</li> <li>Wire ribbon buttons to SDK events:</li> <li>New page → report.addPage(name)</li> <li>Format → setVisualEditMode(true)</li> <li>Filters → updateSettings({ filterPaneEnabled: true })</li> <li>New visual → report.createVisual(...)</li> <li>Bookmark → report.bookmarksManager.capture()</li> <li>Add honest MessageBars per no-vaporware.md for tenant gates (capacity assignment, "Embed content in apps" tenant setting, SP in PBI security group).</li> <li>Bicep: add Microsoft.Fabric/capacities module + workspace-to-capacity assignment. Document tenant-admin settings in docs/fiab/v3-tenant-bootstrap.md.</li> <li>Vitest/Playwright coverage: mock GenerateToken, assert iframe src matches app.powerbi.com/reportEmbed.</li> </ol> <p>Estimated effort to grade B: 2 sessions. Grade A adds Loom-chrome panes wrapping embed SDK events.</p>