Loom Power BI Dashboard — Fabric parity gap¶

Validator: v2 4-phase (live browser) — 2026-05-26 Loom URL: https://loom-console-fvbbctd4eehqbkcs.b02.azurefd.net/items/dashboard/new Fabric reference: app.powerbi.com (login-gated; spec-derived from docs/fiab/dashboard-parity-spec.md + Microsoft Learn /power-bi/create-reports/service-dashboards) Screenshot: temp/parity/dashboard-loom.png Source under review: apps/fiab-console/lib/editors/phase3-editors.tsx lines 1643-1730

Phase 1 + 2 captures¶

Live Loom (DashboardEditor renders): - Heading: "New dashboard" / "Power BI dashboard" badge - Ribbon: REUSES REPORT_RIBBON (phase3-editors.tsx:1683) → buttons are New page, Duplicate, New visual, Format, Bookmark, Refresh, Filters — wrong vocabulary for a dashboard - Action bar: workspace picker + Refresh - Main canvas: a flat CSS grid of "tile metadata cards" (subTitle, title, colSpan×rowSpan) — NOT an interactive dashboard - Tile-detail: a small card listing id / reportId / datasetId / embedUrl as raw text - count: 0 (NO embedded dashboard) - Drag handles / resize handles / + Add a tile button / Q&A bar / Comments pane / Subscribe / Share / Edit toggle: NONE</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 dashboard canvas (live, via powerbi-client SDK + dashboards/{id}/GenerateToken)</td> <td>MISSING</td> <td>BLOCKER</td> <td>The headline feature. Loom renders only metadata cards in a CSS grid (phase3-editors.tsx:1707-1716)</td> </tr> <tr> <td>Top action bar: + Add a tile, Ask a question, Comments, View menu, Share, Subscribe, Set as featured, Pin to, Favorite, File menu, Edit toggle</td> <td>MISSING</td> <td>BLOCKER</td> <td>None of these action-bar items exist</td> </tr> <tr> <td>Per-tile chrome (Edit details, Pin tile, Focus mode, Export data, Delete, pencil/pin icons on hover)</td> <td>MISSING</td> <td>BLOCKER</td> <td>Tile is a static card; no hover affordances, no More-options menu</td> </tr> <tr> <td>Tile details dialog (title override, subtitle, last refresh, custom link, alerts threshold)</td> <td>MISSING</td> <td>BLOCKER</td> <td>Loom shows raw id/reportId/datasetId/embedUrl as readonly text</td> </tr> <tr> <td>Tile move (drag) + resize (handle)</td> <td>MISSING</td> <td>BLOCKER</td> <td>Cards are non-interactive</td> </tr> <tr> <td>Tile flow toggle / grid sizing 1×1 – 5×5</td> <td>MISSING</td> <td>BLOCKER</td> <td>colSpan/rowSpan shown as label only</td> </tr> <tr> <td>+ Add a tile widget picker (Web content / Image / Text box / Video / Custom streaming / Real-time)</td> <td>MISSING</td> <td>BLOCKER</td> <td>No picker, no widget creation</td> </tr> <tr> <td>Q&A bar at top of dashboard</td> <td>MISSING</td> <td>BLOCKER</td> <td>—</td> </tr> <tr> <td>Comments pane (right side, threaded, @-mentions)</td> <td>MISSING</td> <td>MAJOR</td> <td>—</td> </tr> <tr> <td>Settings (Rename / Q&A on-off / Tile flow / Background / Theme)</td> <td>MISSING</td> <td>MAJOR</td> <td>—</td> </tr> <tr> <td>Phone / mobile view layout designer</td> <td>MISSING</td> <td>MAJOR</td> <td>—</td> </tr> <tr> <td>Pin-from-report / Pin-from-Q&A / Pin-from-Excel flows</td> <td>MISSING</td> <td>MAJOR</td> <td>These originate elsewhere but must land here</td> </tr> <tr> <td>Subscribe (cadenced email)</td> <td>MISSING</td> <td>MAJOR</td> <td>—</td> </tr> <tr> <td>Share + permissions</td> <td>MISSING</td> <td>MAJOR</td> <td>—</td> </tr> <tr> <td>Alert configuration (KPI/card tiles)</td> <td>MISSING</td> <td>MAJOR</td> <td>—</td> </tr> <tr> <td>Clone tile (CloneTile REST: POST .../tiles/{id}/Clone)</td> <td>MISSING</td> <td>MAJOR</td> <td>REST exists but no UI</td> </tr> <tr> <td>Right-rail Insights / Smart narrative</td> <td>MISSING</td> <td>MINOR</td> <td>preview-tier feature</td> </tr> <tr> <td>Wrong ribbon (uses REPORT_RIBBON: New page, New visual, Format, Bookmark, Filters)</td> <td>PRESENT but WRONG</td> <td>MAJOR</td> <td>Dashboards have no "pages" or "visuals"; these labels are misleading. They are also dead.</td> </tr> <tr> <td>Dashboards listing (left rail, click to select)</td> <td>PRESENT</td> <td>—</td> <td>loadList wired to /api/items/dashboard real PBI REST</td> </tr> <tr> <td>Dashboard tiles list (count, metadata)</td> <td>PRESENT</td> <td>—</td> <td>loadDetail wired to /api/items/dashboard/{id} (1670-1677). Honest BFF call.</td> </tr> <tr> <td>embedUrl printed as <code> text on selected tile</td> <td>PRESENT but worse than missing</td> <td>MAJOR</td> <td>Same no-vaporware.md anti-pattern as Report editor</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 (ribbon, wrong for dashboard)</td> <td>n/a</td> <td>nothing</td> <td>BROKEN</td> </tr> <tr> <td>Duplicate</td> <td>n/a</td> <td>nothing</td> <td>BROKEN</td> </tr> <tr> <td>New visual (wrong)</td> <td>n/a</td> <td>nothing</td> <td>BROKEN</td> </tr> <tr> <td>Format</td> <td>n/a</td> <td>nothing</td> <td>BROKEN</td> </tr> <tr> <td>Bookmark</td> <td>n/a</td> <td>nothing</td> <td>BROKEN</td> </tr> <tr> <td>Filters</td> <td>n/a</td> <td>nothing</td> <td>BROKEN</td> </tr> <tr> <td>Refresh (ribbon)</td> <td>n/a</td> <td>nothing</td> <td>BROKEN</td> </tr> <tr> <td>Refresh (toolbar)</td> <td>reload dashboard list</td> <td>wired loadList</td> <td>OK (gated on workspaceId)</td> </tr> <tr> <td>Click on a tile card</td> <td>expect tile-detail / focus mode</td> <td>sets selectedTile state → renders 4-field readonly card. Not focus mode, not editable.</td> <td>partial</td> </tr> </tbody> </table> <p>Root cause: DashboardEditor passes REPORT_RIBBON to ItemEditorChrome (line 1683). The ribbon actions have only { label } — no onClick. Plus the ribbon vocabulary is wrong for a dashboard surface.</p> <h2 id=fair-where-due>Fair-where-due<a class=headerlink href=#fair-where-due title="Permanent link">¶</a></h2> <ul> <li>/api/items/dashboard → listDashboards() against real Power BI REST /v1.0/myorg/groups/{ws}/dashboards</li> <li>/api/items/dashboard/{id} → listDashboardTiles() returns id, title, subTitle, reportId, datasetId, embedUrl, rowSpan, colSpan</li> </ul> <p>Listing + metadata are honest. The editor surface is non-functional.</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 8 BLOCKER rows + many MAJOR. Phase 4 has 7 BROKEN ribbon buttons AND the ribbon is the wrong one for the surface. Vaporware pattern: tile cards LOOK like a dashboard layout but are static placeholders.</p> <h2 id=remediation>Remediation<a class=headerlink href=#remediation title="Permanent link">¶</a></h2> <ol> <li>Install powerbi-client and powerbi-client-react.</li> <li>Add BFF route POST /api/items/dashboard/{id}/embed-token calling Power BI REST POST /v1.0/myorg/groups/{ws}/dashboards/{id}/GenerateToken. Also wire per-tile token via POST .../tiles/{tileId}/GenerateToken for focus mode.</li> <li>Replace the metadata-card grid (phase3-editors.tsx:1707-1716) with <powerbiembed> embedType:'dashboard'.</li> <li>Build a NEW DASHBOARD_RIBBON (do not reuse REPORT_RIBBON):</li> <li>Home: Save · Refresh dashboard tiles · Share · Subscribe · Pin to · Set as featured · File menu</li> <li>Insert: + Add a tile (opens widget picker for Web content / Image / Text box / Video / Real-time)</li> <li>View: Phone view · Web view · Focus · Print · Comments toggle</li> <li>Wire each to real SDK events or REST calls (or deep-link to PBI service for widget-create where REST is not available — surface MessageBar explaining the limitation per no-vaporware.md).</li> <li>Wire CloneTile via REST: POST /v1.0/myorg/groups/{ws}/dashboards/{id}/tiles/{tileId}/Clone with CloneTileRequest body.</li> <li>Add a Q&A bar at top of canvas (powerbi-client supports an embeddable Q&A component).</li> <li>Add honest MessageBars per no-vaporware.md:</li> <li>"Tile widgets (Web content / Image / Text box / Video) have no public REST API. Use 'Edit in Power BI' to add these via the service UI."</li> <li>"Embed requires Fabric/Premium capacity + tenant settings 'Embed content in apps' + SP in PBI security group."</li> <li>Bicep: same Fabric capacity + workspace-assignment requirements as Report editor.</li> <li>Tests: Playwright probe that asserts iframe src includes app.powerbi.com/dashboardEmbed and tile-click fires focus mode.</li> </ol> <p>Estimated effort to grade B: 2-3 sessions (embed dashboard + correct ribbon + CloneTile + honest gates). Grade A adds widget-picker + Q&A bar + Comments pane.</p>