Changelog

A new section: Table Patterns — ten gallery-based table screens, each demonstrating one technique. They use standard controls only, so there is nothing to install, and every query is written the way SharePoint needs.

• ✓Ten patterns, grouped by job. Read Only is the baseline. Then acting on rows (Editable, Selectable, Row Actions), a lot of rows (Paginated, Grouped, Compact), and fitting the screen (Master Detail, Cards, Responsive).
• ✓No components to install. Standard controls only. Two things to paste: the screen YAML, and a shared App.Formulas block that is identical across all ten, so an app using several of them needs it once.
• ✓It runs before you wire it up. Each screen seeds sixty sample rows, so you can paste it and click through immediately. Pointing it at a SharePoint list means replacing one collection name and adding the indexes each page lists.
• ✓Checked against a real list. All ten were run against a 6,000-item SharePoint list with no delegation warnings, status chips included. The filters are equality and StartsWith on indexed columns, an "All" choice sends no condition at all, and sorting uses one literal SortByColumns per column — the three things that quietly stop working past 5,000 rows.
• ✓Or take the whole app. One .msapp with all ten screens, importable as-is, from the section index.

If pasting one of these components into Power Apps Studio failed with PA2231 : Custom input property of kind 'Event' requires a non-empty, that was ours, and it is fixed. Re-copy the YAML from any page below and the import goes through.

• ✓What was wrong. These components expose events you hook your own code to — OnSelect, OnSave, OnRowSelect and the like. Their default was written as a bare =, which is an empty formula rather than an empty string, and Studio rejects the whole import over it rather than the one property. Nothing was wrong with the component; it just would not come in.
• ✓Fixed in: Data Table, Dialog, Chips, Date Picker, KPI Cards, Loading Screen, Photo Upload, Breadcrumbs, Bottom Navigation Bar, and the Dashboard Landing Page template — nineteen event properties across the ten.
• ✓Nothing else changed. One character per property. No behaviour, no layout, no renames. If you already have one of these running in an app, there is nothing for you to do.
• ✓It cannot come back. The import checker already had a rule for an empty event default and now reports zero across the library, so a component carrying this fault can no longer ship.

If a chart draws its axes, gridlines and labels but no line, bars or area — and only for some people in your tenant — this is why. It is the viewer’s region, not your data. Several people reported this over the past few months and were pointed at their lookups and column names instead. Those answers were wrong, and I’m sorry for the time they cost.

• ✓What happens. These charts draw by building an SVG out of text, and Power Fx & converts a number using the viewer’s region. An account set to Dutch (Belgium) or Portuguese (Brazil) produces 123,45 where the SVG needs 123.45; SVG reads that comma as a gap between two numbers and drops the shape. Whole numbers are unaffected, which is why the axes and text still draw — and why it never reproduces on an en-US account.
• ✓The fix, in the copy you already have. Format each computed number where it joins the string: Text(px, "[$-en-US]0.##"). Each affected component’s page now shows its own before and after, in the Installation section, so you do not have to re-copy the whole component.
• ✓Affected: Line Chart, Bar Chart, Pie Chart, KPI Cards (the sparkline) and Data Table (the progress bars). Heatmap builds an SVG too and is notaffected — its grid lands on whole numbers.
• ✓One that looks fixed and is not. Text(n) with no format string uses the viewer’s region exactly as & does. The KPI sparkline was written that way, so it broke in the same places as the charts that concatenated bare. The format argument is the part doing the work.
• ✓Do not swap the commas back with Substitute. It rewrites every comma in the document, so thousands separators in your labels turn 1,420 into 1.420 and comma-separated font stacks collapse.
• ✓The import checker catches it now. A new rule flags a number going into an SVG without an invariant format, so the AI tools here will not write one, and it reports the ones already present.

A new Apps section, for complete apps rather than single components. The first one is DocRouter, a document routing and approvals app, and it is free.

• ✓DocRouter, free. Download one .msapp and import it into any environment. It runs on collections, so there is nothing to connect, no lists to create, and no premium license — which also means it opens the same way in GCC High.
• ✓Click through it first. The demo runs in the browser, on a phone if you like, with no sign-in and no environment open. It is the same interface you download.
• ✓Take it apart. Every screen is a template and every control is from the component library. Use the whole app, one screen, or one control — and the demo data resets each session, so you can run the approval flow from the top as often as you like.
• ✓A full solution is coming. SharePoint storage, Power Automate flows, document co-authoring, and the routing actions that currently stop at the commit step. Paid, one time and no subscription. There is a list on the DocRouter page to hear when it ships and what it costs.

AI Configure changes a component’s settings. Structural edit changes the component itself — describe what you want in plain English, review it as a diff, and copy the YAML into Studio. Available for all 27 components.

• ✓Structural edit. Add a control, change a property, remove something. Every change comes back as a diff you review before you copy the YAML — there is no live preview here. Keep going or undo a step.
• ✓A Structural edit tab on every component page. Next to Preview, listing every control by name so you can say which one you mean.
• ✓AI Configure hands over what it cannot do. When a request needs more than configuration it says so, rather than approximating it, and carries your wording across to Structural edit. Nothing to retype.
• ✓Fixed: Copy YAML on a component whose YAML is not published yet now says so, instead of copying an error page into your clipboard.
• ✓Fixed: links that name a tab — ?tab=ai, ?tab=structural — open that tab instead of landing on Preview.

Two components that work together — compute a real due date and draw a calendar over your occurrences. Each owns no data and raises events for your handlers.

• ✓Deadline. A due date that skips weekends and observed holidays. Give it a start date and a number of days; it returns the real due date, the working days remaining, a status to branch on, and a sentence explaining how it got there.
• ✓Calendar Pro. Month, week and agenda views over a flat occurrences table. It reports the date window it draws so the host loads only that window — delegable and bounded at any list size — and raises OnRangeChange / OnSelectDay / OnSelectEvent.

Accordion List is an expandable grouped list — parent rows that reveal child rows on expand, per-group roll-ups, tone-coloured tags, and inline reorder / edit / delete. It's one flat gallery, so there's no nested gallery and no flexible-height measurement to fight.

• ✓Groups and child rows. Parent rows expand to reveal their items, with tone-coloured tags (positive / warning / danger / neutral) and per-group roll-ups.
• ✓Inline actions as events. Reorder, edit and delete are raised as OnMoveUp / OnMoveDown / OnEdit / OnDelete. The component owns no data — your handler does the work.
• ✓Expand-all and locked rows. Toggle expand-all or single-expand, lock rows from deletion, and hide the header / tags / meta on narrow screens — all through Config.
• ✓Copy and go. Grab the component YAML or the demo test screen from the tabs on the component page — it runs against in-memory data with no connector.

File Upload stages files in a gallery with size and type validation, per-row view / download / delete, and a footer that totals what's attached — then hands the staged files to your OnSave so you decide where they land: SharePoint via Power Automate, Dataverse, anywhere. It ships with sample data, so it renders on paste.

• ✓Validation before commit. Size (MaxFileSize, MaxFiles) and type checks run while files are staged, and a footer totals the count and bytes.
• ✓Per-row actions. View, download and delete each file, plus download-all — all surfaced as events (OnView, OnDownload, OnDelete) you handle.
• ✓Connector-agnostic and themeable. OnSave hands you the staged files; wire the destination yourself. Look is driven by Style, Colors and TypeColors.
• ✓Copy and go. Grab the component YAML or the optional test-harness screen (an in-memory SharePoint stand-in with the full SharePoint-via-Power-Automate recipe) from the tabs on the component page.

Send Email is a self-contained compose dialog for Canvas apps. Recipients come from a directory you supply, addresses are de-duplicated and cleaned, the note is capped and escaped, and every field is handed back to you in OnSend. It owns no connector, so you wire the actual send to Outlook, a flow, or SMTP.

• ✓Directory-backed pickers. To and CC pull from a table you supply, with blanks and duplicates removed and a live “N recipients, M with no address” summary before the send.
• ✓Compose controls. Priority chips (Urgent, FYI, Reminder), a lockable prefilled subject for traceable replies, and a note field with a character counter capped by Config.MaxNote.
• ✓Connector-agnostic. OnSend / OnCancel events with a Busy input you drive; it hands back an escaped HTML Body plus the raw note and per-field outputs for logging.
• ✓Copy and go. Grab the component YAML, or the optional test-harness screen with four ready-made ContextHtml scenarios, straight from the tabs on the component page.

The Power Fx cheat sheet is now a full reference: over 100 formulas across 21 categories, per-formula delegation badges, one-click AI explanations, downloadable packs, and four in-depth guides for the topics that cost Canvas developers the most time.

• ✓Bigger cheat sheet. Over 100 formulas across 21 categories, with new Gotchas, Power Automate, Offline, Timer, Users, and Accessibility sections.
• ✓Delegation at a glance. Every data-query formula shows a Delegable, Depends, or Not delegable badge, and you can filter the whole sheet by what delegates on SharePoint, Dataverse, or SQL.
• ✓Explain any formula. A new Explain button opens an AI helper that walks through what a formula does, or adapts it to your data source.
• ✓Take it with you. Download the whole sheet as Markdown or a VS Code snippets pack, or print a clean copy.
• ✓Four deep-dive guides. Delegation, Date Formatting, Error Handling, and SVG Icons, each with a sticky table of contents, a quick-answer summary, reading time, collapsible long code blocks, and soft wrap so nothing runs off the screen.
• ✓The concurrency case most guides skip. The Error Handling guide covers what happens when two users save a unique value at the same moment, and the delegable retry that fixes it.

Fixed a click interception bug in the dropdown backdrop and corrected the click-outside dismiss instructions.

• ✓Fixed dropdown backdrop covering the nav bar, which caused direct-link menu items and menu-to-menu switching to require two clicks
• ✓Backdrop now offsets below the nav bar and tracks the ShowNavScrollbar height branch
• ✓Corrected click-outside dismiss docs: screens have no OnSelect property, use a transparent full-screen button instead

Two full screen templates are now live, each with an interactive preview, the complete screen YAML, and the App.Formulas behind it.

• •Record Browser — Browse and inspect records with sidebar nav, live search and category chip filters, and a Grid / List / Table view switcher. Selecting a record opens a detail panel with a live stock card and an Activity Timeline of its history — a bottom sheet on mobile. (The old “Master-Detail” coming-soon link now redirects here.)
• •Approval Workflow — A manager approval queue with KPI cards, status tabs (live per-status counts), and per-request approve / reject / return actions that require a reason. Every decision is written to an Activity Timeline of the request’s history.
• •Timeline / Gantt View — Moved into In Progress and being built next.

The Layouts section is now live, the Line Chart got a round of upgrades and a reliability fix, and a couple of things were clarified based on community feedback.

• •Layouts are live — Five responsive screen skeletons (Dashboard, Master-Detail, List / Browse, Form, and Mobile-First) are now available with Copy and Download YAML. Pure containers with breakpoints — paste into Studio and drop your components in.
• •Dashboard & Master-Detail layouts refined — Rebuilt to mirror their templates: a title + subtitle app bar, KPI / charts / lists / table structure for Dashboard, and a dedicated filter bar with grid/list/table toggle for Master-Detail. Cleaner mobile spacing and modern text controls throughout.
• •Line Chart — X-axis labels now come from your data — Fixed a bug where editing a data point’s label didn’t change the chart. The label column is now used directly for the X-axis (the old XLabelMode property has been removed).
• •Line Chart — new properties — Added ValuePrefix / ValueSuffix (so values aren’t locked to “$” — use %, units, or nothing), Smooth (curved vs. straight line), AreaFill, ShowPoints, and LineWidth.
• •Line Chart — animation reliability — The line now renders even in players that don’t run SVG animations (mobile app, Teams). Previously the draw animation could leave the line hidden; it now degrades gracefully to a static line.
• •Activity Timeline — auto-sizing cards — Cards now grow to fit their content, so long titles, descriptions, and email sub-details no longer clip or scroll inside a fixed card. Thanks to community member NZH for reporting this. CardHeight and SubDetailCardHeight are now minimum heights. Tip: cap very long SubMessage values at the source to keep rows bounded.
• •Data Table — menu docs clarified — The context menu’s ItemIconSvg and ItemIconColor fields are reserved and not currently rendered; the native TabList menu shows text labels only. Documented so it’s clear up front.
• •New About page — The old Services page is now a neutral About page covering what PowerAppsUI is (a free, open-source component library and educational resource) and who maintains it.

Big release driven by community feedback. A new dashboard template with interactive preview, four new AI configurators, full-page Copy Docs, release notifications, and component fixes.

• •Copy Docs on all 28+ component pages — The community asked for it after trying it on Activity Timeline — now every component page has a “Copy Docs” button that captures the full documentation: usage examples with code snippets, property tables with defaults, implementation details, examples, and architecture. Paste directly into AI agents, Copilot Studio, or your own notes.
• •Stepper AI Configurator — Configure step count, labels, display type (bar or step), density, size, and accent color through natural language. Generates Power Fx and YAML instantly.
• •Chips AI Configurator — Describe your chip group and get a complete configuration — filter, choice, or input mode with per-item colors, sizes, and variants.
• •Bar List AI Configurator — Set up ranked bar lists with custom items, colors, and themes by describing what you need.
• •AI model optimization — Switched all 10 AI configurators to a faster, more cost-efficient model. Same quality output, significantly lower operating cost — keeping the AI features sustainable long-term.
• •Homepage refresh — Streamlined to a 4-card grid (Components, Layouts, Templates, Services) with a dedicated AI-enabled components showcase. Removed redundant sections to get you where you need faster.
• •Release notifications — Community requested: subscribe to get notified when specific components or templates launch. Pick individual items or follow everything. Available on the Components and Templates pages.
• •Dashboard Landing Page template — The second full-screen template is live. KPI cards, stacked bar chart with units/value toggle, category value bars, filterable alerts table with context menu, segmented controls for date range and severity, sidebar, bottom nav, and FAB. All demo data self-contained — paste the YAML and preview instantly. Download the .msapp file or copy the YAML.
• •Interactive template previews — Template detail pages now feature a live HTML preview with device width toggles (Desktop, Tablet, Mobile), a Preview/Code tab switcher, and a refresh button. See how the template responds to different screen sizes before importing.
• •Segmented Control AI Configurator — Describe your toggle options and get a ready-to-use segmented control with labels, icons, sizes, and themes. Supports 16 built-in icons for view modes, date ranges, filters, and more.
• ✓Segmented Control fix — Turned off App Scope access so multiple segmented controls on the same screen no longer conflict with each other. Renamed internal variable varSelectedSegment to _scSelected for consistency with component docs. If you're using the segmented control, re-copy the YAML to get the fix.
• ✓Bottom Navigation icons — Added layers and file icons to the built-in icon set, plus upgraded internal GroupContainers to v1.5.0. Re-copy the YAML to get the update.
• ✓Dark mode fix on Components page — Community reported that the light/dark theme wasn't persisting on the Components page after a refresh. Fixed the theme initialization script to reliably apply the saved preference on all pages, including statically generated ones.

The first template is live with a downloadable .msapp file, a new Power Fx cheat sheet for quick reference, and a community-reported bug fix.

• •App Home template — The first full-screen template: a landing page with KPI cards, breadcrumbs, search with chip filters, data table, sidebar, bottom nav, loading screen, and FAB. Copy the YAML or download the .msapp file to import directly into Power Apps Studio.
• •Power Fx Cheat Sheet — A new quick-reference page with copy-paste formulas for dates, text formatting, collections, delegation, error handling, navigation, responsive patterns, and named formulas. Searchable, keyboard navigable (/ to focus), and collapsible sections.
• •Templates section redesigned — Templates now show as live, in progress, or planned. KPI Dashboard and Record Browser are next — being built and tested now.
• •Dialog component fix — Thanks to a community report, fixed a typo in cmpEnhancedDialog where DialogType accepted “Confrim” instead of “Confirm”.
• •Bar chart empty/broken fix — Community reported charts appearing empty when pulling SharePoint data or when values changed. Fixed a division-by-zero in the Y-axis calculation that caused the entire chart SVG to fail silently. If you're using the bar chart, re-copy the YAML to get the fix.
• •Copy Docs as Markdown — Community suggested: a new “Copy Docs” button on the Activity Timeline page that copies the full component spec (properties, outputs, events, implementation details) as clean markdown. Perfect for pasting into AI agents, Copilot, or offline reference. If the community finds it useful, it'll be rolled out to all component pages.

The community section on every component page got a big upgrade. Threaded conversations, formatting, edits, and email notifications when someone replies to you.

• •Threaded replies — Click Reply on any comment to start a thread. Replies render nested under the parent so the conversation actually reads like one.
• •Reddit-style markdown editor — A toolbar above the textarea with bold, italic, code, links, lists, and quotes. Type markdown directly or use the buttons. Switch to the Preview tab to see how it'll render before posting. Comments now respect line breaks and formatting instead of flattening into a wall of text.
• •Edit your own comments — Signed-in users get an Edit button on their own comments. Inline editing with the same markdown toolbar.
• •Email notifications on replies — Drop your email when posting a comment (optional, never displayed publicly) and you'll get an email when someone replies. Signed-in users use their account email automatically.
• •Auto-growing input — The compose box grows as you type, up to 20 lines, then scrolls. Manual resize handle still works if you want a bigger area while drafting.

10 AI configurators now live. Describe what you need, get a live preview, export Power Apps YAML.

• •Stepper AI Configurator — Describe a multi-step workflow (onboarding, checkout, approval) and the AI generates a stepper with bar or circle mode, labels, sizes, and themes. Full YAML export.
• •Chips AI Configurator — Describe your filter chips, status tags, or action buttons. The AI picks colors, variants, and sizes. Supports filter, choice, action, and input chip types.
• •Bar List AI Configurator — Describe ranked data (top products, department headcount, regional share) and get a bar list with auto-scaling bars, color palettes, and currency/number/percent formatting.
• •AI filter on Components page — A new “AI Configurable” filter chip on the browse page lets you see only the 10 components that support AI configuration.

A leaner, faster homepage that leads with the AI Configurator, plus accessibility fixes and quality-of-life improvements across the site.

• •Homepage refresh — The hero now leads with the AI Configurator alongside the component library, and the stat row highlights the 7 live AI configurators. Two duplicate code surfaces and a redundant CTA section were removed.
• •Accessible navigation — The Resources dropdown and mobile menu button now expose aria-expanded, aria-haspopup, and proper labels so keyboard and screen-reader users get the same context as everyone else.
• •Drawer dialogs — Detail drawers now use role="dialog", aria-modal, labelled headings, and close on the Escape key. Close buttons have descriptive labels.
• •Image alt text & heading order — Avatars now include the user's name and a stray h3 on the suggest page was promoted to h2 so headings flow correctly.

A new AI configurator, sharper AI behavior across the board, and a community-reported docs fix.

• •Activity Timeline AI Configurator — Describe your domain (case management, HR onboarding, sales pipeline, IT incidents) and the AI generates a full timeline with custom categories, matching icons, color mapping, and inline email sub-details. Full YAML export included.
• •Smarter wrong-component handling — Asking a configurator for the wrong thing (e.g. a stepper inside the data table tool) now politely redirects you to the right configurator instead of trying to generate something off-target.
• •Better short-prompt handling — Prompts like “yes”, “ok”, or “test” now get a friendly “I need a bit more detail” response with concrete examples instead of generating something random.
• •Floating Action Button docs fix — Thanks to a community report, the FAB documentation now correctly references cmpFloatingActionButton.SelectedSpeedDialItem.Label instead of the old cmpFAB alias.
• •Polished input hints — The configurator chat input now shows accurate refinement examples like “dark mode”, “add a column”, “remove X” instead of suggesting things the AI can't actually do.

The Navigation Menu now has an AI Configurator. Describe your app's navigation structure and get a full mega-menu with dropdowns, sections, icons, and descriptions — ready to export.

• •Navigation Menu AI — Describe your app (e.g. “HR portal with People, Recruiting, Payroll, Reports”) and the AI generates top-level menu items with full mega-menu dropdowns, section groupings, icons, and descriptions. Supports 1 or 2 column layouts.
• •Email signup in export — After exporting, you can now opt in to get notified when new components and AI features ship. Inline, no popups.
• •Expanded icon library — Navigation Menu now supports 19 icons: Layout, FileText, BarChart, Settings, Code, Book, Rocket, Sparkles, Zap, Home, Users, Shield, Database, Globe, Mail, Star, Calendar, Heart, and Bell.
• •Activity Timeline AI Configurator — Describe your timeline domain and the AI generates entries, custom categories with matching icons, filter options, and email sub-details. Supports dark mode and full YAML export.
• •Preview accuracy — Updated Activity Timeline previews to match the real component: circle icons with colored borders on the rail, author and date on the right side of each card.
• •Smarter JSON parsing — The AI response parser now handles trailing commas and other common formatting issues, reducing failed generations.

We're using real prompts from the community to continuously improve the AI model and configurator experience. Here's what's better today.

• •Refine the default preview — You can now modify the sample data on screen without starting from scratch. Say “remove the last card” or “change it to 3 columns” and the AI knows what you're looking at.
• •View mode auto-switch — Asking for “list view” or “card view” now automatically switches the preview to match. No more toggling manually after generating.
• •Import error help — If you paste an error message like “reading controlcreation results” into the chat, the AI now gives you step-by-step troubleshooting instead of trying to generate a component.
• •Cleaner preview — Removed the non-functional search bar and record count from the Data Table preview that were confusing users into thinking those were configurable options.
• •Chat overflow fix — Streaming responses now scroll within the chat panel instead of pushing the layout.

Keep using the AI Configurator and hitting Feedback in the chat — every prompt helps us make it smarter.

Five components now have AI-powered configurators. Describe what you need in plain English, see a live preview, and export a complete ready-to-paste YAML component or PowerFx properties.

• •Data Table — Table, card, and list views with badges, progress bars, context menus. Full YAML export with custom field names and control renaming.
• •Bar Chart — Stacked bar charts with 2 series, SVG preview, legend, and grid.
• •Pie & Donut Chart — 3–8 slices with professional palettes, legend, and percentage labels.
• •Line Chart — Trend lines with area fill, data points, and auto-scaled axes.
• •KPI Cards — Now supports full YAML export alongside PowerFx properties.

New component, clearer navigation structure, and several usability improvements across the site.

• •New: Activity Timeline — Timeline activity log with category filtering, inline email sub-details, icon mapping, skeleton loading, and light/dark themes.
• •Site Restructure — “Blocks” renamed to “Templates” and “Templates” to “Starter Kits.” Old URLs redirect automatically.
• •AI Badge — Components with an AI Configurator now show a purple “AI” badge on the listing page and homepage.
• •Export UX — More visible export button, removed token counter, and clearer paste instructions for Power Apps Studio.
• •Chat Panel Fix — The AI configurator chat area now scrolls within a fixed-height panel instead of expanding the page during streaming responses.

Fixed a critical issue where photos captured on mobile devices were stored as unresolvable session storage paths instead of base64 data URIs.

• •Immediate binary resolution — Added inline resolution at capture time inside camOverlay.OnSelect. On mobile, the Camera control returns a temporary /SessionStorage/... path instead of a base64 data URI. By wrapping Self.Photo in JSON({p: Self.Photo}, JSONFormat.IncludeBinaryData) and immediately parsing it back via Text(ParseJSON(...).p), Power Apps resolves the session reference into a proper data:image/jpeg;base64,... string at the moment of capture — before the reference can expire.
• •Cross-platform safe — _cmpTopPhotos and _cmpBottomPhotos now always contain real data URIs regardless of platform, making them safe for dataUriToBinary() in Power Automate and the StartsWith(Photo, "data:") filter in OnSave.

The AI Configurator is live on KPI Cards. Describe the dashboard you need in plain English, watch it build in real-time with streaming responses, then export ready-to-paste PowerFx.

• •Streaming AI — Responses now stream in real-time so you can see the configuration building instead of waiting.
• •Smarter prompts — Improved system prompt with semantic icon matching, trend-aware sparklines, and professional color palettes.
• •18 icons — Expanded from 7 to 18 icons including Users, Clock, Heart, Shield, Target, Activity, and more.
• •Session persistence — Switch between Preview and AI tabs without losing your generated configuration.
• •Mobile support — Chat and Preview panels now toggle on smaller screens instead of stacking.
• •Error recovery — Failed generations now show a “Try again” button and automatically retry once before showing an error.

Introducing the AI Configurator — describe the component you want in plain English and get a live preview with exportable PowerFx. Plus targeted updates to Data Table and Stepper.

• •AI Configurator — Chat-driven component builder with live preview canvas, style switching, dark/light toggle, and one-click PowerFx export. Coming soon — starting with KPI Cards.
• •Data Table — Updated context menu on select to properly set the selected item.
• •Stepper — Added support for back-stepping in bar mode.
• •Middleware cleanup — Removed duplicate route entries and fixed a missing leading slash on the design-system route.

Added a Copy YAML button directly in the Preview section header across all component pages. Users were missing the header button — now the action is right where intent peaks: next to the interactive preview controls.

• •Inline Copy YAML — Every component page now has a Copy YAML button in the Preview section toolbar, alongside the existing theme toggle and other controls.

New ranked bar list component — shows proportional horizontal bars for categorical data with auto-scaling, palette color cycling, light/dark theme, skeleton loading, empty state, and click events. Built entirely with native Power Apps controls, no SVG or Image control hacks.

• •Auto-scaling bars — Max value computed once in a hidden lblBarListMax label outside the gallery, eliminating the galBarRows.AllItems division-by-zero pattern that breaks on container resize. Fill width uses IfError(Round(Max(2, value / Max(1, Value(lblBarListMax.Text)) * width), 0), 2).
• •7-color auto-cycling palette — Colors injected per row via ForAll(Sequence(n)) using Mod(index - 1, paletteCount) + 1. Stored as hex strings without #, converted at render with ColorValue("#" & ThisItem.BarColor). Override the full Palette table for custom brand colors.
• •Light/Dark theme — StyleConfig uses nested light and dark sub-records. Every color token resolves via If(Theme = "Dark", StyleConfig.dark.X, StyleConfig.light.X). Fully reactive — no SVG caching issues.
• •Skeleton loading — IsLoading = true shows placeholder bars whose widths stagger via Mod() so rows look naturally varied. Row count matches the actual data row count dynamically.
• •Empty state — When Data is empty or all rows have isHidden: true, a centered message renders with customizable EmptyMessage text. Card maintains a 120px minimum height. Hidden when IsLoading = true.
• •4 value formats — "Currency" ($84.2K), "Number" (84,200), "Percent" (84.2%), "Auto" (abbreviate, no symbol). Threshold configurable via StyleConfig.abbreviateThreshold.
• •SelectedItem output property — Last tapped row exposed reactively as cmpBarList.SelectedItem with fields Label, BarValue, SubtitleSafe, BarColor. No need to wire OnBarClick just to track selection.
• •Optional row subtitles — ShowRowSubtitle = true shows a second line per row. Row height auto-increases from 44px to 60px. Subtitle text passed as a Subtitle column in the Data table.
• •Test screen included — scrBarListTest.yaml ships alongside the component. Fully wired harness with 5 data scenarios (Standard, Large Nums, Edge Cases, Single Row, Equal Vals), all 4 value formats, dark mode toggle, subtitle toggle, loading toggle, and a click log. Paste, click Initialize Test Data, start testing — no manual wiring needed.
• ✓Border clipping fix — Card container inset 1px on all sides (Width: Parent.Width - 2, X: 1, Y: 1) so the 1px border is never clipped by the component edge.
• ✓Sub-pixel bar thickness fix — Bar track and fill Y positions use hardcoded whole numbers (If(ShowRowSubtitle, 46, 32)) instead of runtime math to prevent anti-aliasing from making bars appear thinner on certain rows at different DPI scales.

New camera capture component for field reporting apps — designed for water damage restoration, site inspections, and any app that needs on-device photo collection with structured header/footer layout.

• •Two-section layout — Independent top and bottom photo sections, each with a configurable slot grid and live count badge. Designed for report header and footer photos.
• •Camera overlay — Full-screen capture and view modes with a thumbnail strip. Lives inside the component at X=0, Y=0, Height=App.Height — host screen container clips it naturally, no screen-level controls needed.
• •Per-slot controls — View, replace, and remove any individual slot. First-empty-slot tracking fills gaps after removals correctly. Auto-closes overlay when all slots are filled.
• •8 input properties, 1 event, 2 output collections — _cmpTopPhotos and _cmpBottomPhotos hold captured photos as { SlotIndex, Photo, Name } records. Pass both to a Power Automate flow via JSON(..., JSONFormat.IncludeBinaryData) for SharePoint upload.
• •StyleConfig theming — 15 color tokens and 3 radius tokens. Override any value without redefining the full record.
• ✓ModernText migration — All text controls use ModernText@1.0.0 (FontColor → Color, Weight → FontWeight).
• ✓Gallery min-height fix — LayoutMinHeight: =0 on slot galleries prevents the default 237px minimum from adding unwanted whitespace when sections are short.

Major redesign of the speed dial layout, new extended style, configurable touch targets, stale record bug fix, and several property additions.

• •Speed dial pill layout — Replaced the separate chip + circle layout with a single full-width colored pill per item. Label sits left-aligned, icon renders inside a frosted semi-transparent bubble on the right edge.
• •Extended style — New Style property ("standard" | "extended"). Extended mode widens the FAB into a pill and renders a text label to the right of the icon. Font size scales with Size. Pair with a new Label property to set the button text.
• •ItemSize property — Controls the height of each speed dial pill in pixels. Pill height, icon bubble size, and row spacing all scale from this single value. Default 52px, minimum 44px recommended for mobile touch targets.
• •Large size updated — "large" FAB reduced from 96dp to 72dp. The 96dp size was impractically large for most layouts.
• ✓Stale selected item bug — Fixed SelectedSpeedDialItem returning the previous item‘s values on a second tap. btnSDHit.OnSelect now copies fields into an explicit record {Icon, Label, Color} instead of storing a gallery ThisItem reference.
• ✓Label overflow fix — Long speed dial labels no longer clip or push chips off-screen. Pill width is capped at 240px and Wrap: false prevents text wrapping inside the pill.
• ✓Default items on first install — Fixed only one speed dial item appearing when the component is first dropped into a new app. Default SpeedDialItems colors changed to standard RGBA values that resolve cleanly before app scope is fully wired.
• ✓FAB position stability — Documented correct positioning formula: X: Parent.Width - Self.Width - 20 / Y: Parent.Height - Self.Height - 20. The component expands upward and leftward when open so the FAB button stays anchored.

Sparkline fix and refactor for KPI Cards, wordmark consolidation and new OnReady event for Loading Screen, and a misleading docs example fix for Data Table.

• ✓KPI Cards — Fixed sparklines not rendering — Split() returns a Result column, not Value. Replaced with MatchAll(raw, "-?\d+\.?\d*") using the stable FullMatch column. imgSparklinePos, imgSparklineNeg, and imgSparklineNeutral collapsed into a single imgSparkline control with an inline clr variable.
• •Loading Screen — AccentColorHex property — New Text hex input replaces AccentColor. Enables accent color embedding in HTML strings — all native controls use ColorValue(AccentColorHex).
• •Loading Screen — Single HtmlViewer wordmark — Two fixed-width labels replaced by one HtmlViewer control. Width is now automatic and blank AppNameAccent no longer breaks the layout.
• •Loading Screen — OnReady event — Fires once MinDisplayTime has elapsed. Wire to Set(gAppReady, true) to hide the screen without polling IsReady manually.
• ✓Loading Screen — Fixed bottom-right glow rendering off screen — corrected anchor from Self.Width * 0.2 to 0.8.
• ✓Loading Screen — Fixed ring pulse showing black — ring now uses hardcoded RGBA with animated alpha instead of ColorFade.
• ✓Data Table — Fixed misleading context menu docs example that showed Lucide icons in the flyout — the component renders text-only menu items. Removed unused Eye, Edit, Trash2 icon imports.

StatusConfig and PriorityConfig migrated from records to tables — badges now resolve colors via LookUp instead of hardcoded Switch blocks, making them fully data-driven and easier to extend.

• •Table-based StatusConfig — Schema changed to {StatusKey, Background, TextColor}. Add any status value without touching the component; the default row catches unmatched values.
• •Table-based PriorityConfig — Same pattern with {PriorityKey, Background, TextColor}. Works for any priority scheme — numeric categories, custom labels, or the standard High / Medium / Low.
• ✓Replaced all 12 hardcoded Switch color blocks (table, card, and list × status + priority) with a single LookUp + Coalesce pattern — case-insensitive matching with automatic fallback to the default row

Major update to cmpKPI — new style variants, sparklines, skeleton loading, and a full control modernization.

• •Added Minimal style — compact layout without icon, text flush-left
• •Added Chart style — sparkline as the hero element, full-width edge-to-edge, value secondary
• •Added sparklines to Standard and Chart modes — color follows PercentChange (green / red / gray) with area fill. Omitted from Compact, Minimal, and Filled
• •Added IsLoading skeleton state — mirrors the active style including a full-width Chart placeholder
• •Added number abbreviation — values ≥ 10K display as 10.4K, ≥ 1M as 1.2M. Configurable via StyleConfig.abbreviateThreshold
• •Icon shape changed to fully circular (radius 22)
• ✓Migrated all text controls from Text@0.0.51 to ModernText@1.0.0 — updated property names (FontColor → Color, Weight → FontWeight)
• ✓Fixed label truncation in Compact and Minimal — Wrap and AutoHeight enabled, value row shifts down for two-line labels
• ✓Fixed percent badge clipping in Standard mode — cntValueRow width now respects icon space
• ✓Card drop shadow added via DropShadow.Light
• ✓Labels now render uppercase
• ✓Removed SelectedID property and btnSelectedAccent control
• ✓Cleaned all control names — removed Power Apps auto-generated numeric suffixes

• ✓Sidebar — header layout — Rebuilt cntNavHeader using AutoLayout so the logo mark, app name, and accent word flow correctly without fixed X positions breaking on paste
• ✓Loading Screen — background glow — Fixed glow images not responding to AccentColor changes

Three new components added to the library, plus a minor top nav fix.

• •Loading Screen — Full-screen branded splash with animated logo ring, indeterminate progress bar, step-by-step status messages, and dot indicators. Supports dark and light themes, custom accent color, configurable wordmark, multi-stage loading feedback, minimum display time to prevent flash on cached loads, and an error state for failed auth or data checks. 12 properties.
• •Sidebar — Collapsible sidebar navigator with dark/light themes, SVG icon library, parent/child tree navigation with expand/collapse, number and dot badges, section labels, a user footer with initials avatar, and a context menu (Settings, Help, Theme toggle). Width snaps between 260px expanded and 64px collapsed. 20 properties.
• •Stepper — Multi-step progress indicator with two display types (Bar, Step) and three density levels (Full, Compact, Minimal). Supports back-navigation, jump-to-step, three sizes, light and dark themes, and a custom check icon override. 11 properties.
• ✓Top nav — Fixed minor navigation issue reported by the community

New multi-step progress indicator with two display types, three density levels, and jump-to-step navigation.

• •Two types — Bar renders pill-shaped segmented progress bars. Step renders numbered circles with connectors and labels.
• •Three density levels — Full shows circles, connectors, and labels. Compact hides labels. Minimal hides labels and connectors.
• •Jump-to-step navigation — ClickableSteps controls which steps are tappable: Completed, All, or None.
• •StepLabels drives step count — No separate TotalSteps prop. Add or remove a label row and the layout updates automatically.
• •Custom check icon — Pass a URL-encoded SVG to replace the default ✓. Use currentColor as the stroke token — the component injects white automatically.
• •Transparent active circle — Active step fill is RGBA(0,0,0,0) so the component works on any surface without configuration.
• •Pill-shaped bars — Bar mode uses GroupContainer with radius 100 and a 6px gap between segments.
• •Three sizes, two themes — Small / Medium / Large scaling and Light / Dark theme support throughout.
• •11 properties — 9 input, 1 output (SelectedStep), 1 event (OnStepSelect).

Third view mode, precise list tag sizing, and an updated three-button view toggle.

• •List view — New compact row layout with a status-colored icon box, title/CaseID stack, auto-sized status and priority tag pills, and a chevron. Works alongside Table and Card view.
• •CharWidths property — Character-level width lookup table (Segoe UI Semibold) used to size list-view tag pills precisely without relying on fixed widths or truncation.
• •ThemeConfig extended — New list sub-record adds background, border, divider, text, textMuted, and radius tokens for full list view theming.
• •3-button view toggle — View toggle updated from Table / Card to Table / Card / List.
• ✓GroupContainer upgrade — Updated from GroupContainer@1.4.0 to @1.5.0 across all container controls.

• ✓Line Chart — ShowPointLabels blank chart — Fixed a stray ' before the closing > of the point label <text> tag that produced malformed SVG and caused the chart to go blank when point labels were enabled

Rebuilt segmented control with improved visuals and smarter auto-sizing.

• •Blue accent on selection — Icon and label both switch to blue-600 on selection, matching the site's view toggle pattern
• •Auto-sizing width — Width now calculates per-slot based on DisplayMode instead of a fixed 400px
• ✓Label control — Switched from Text@0.0.51 to Label@2.5.1 for reliable font and color properties
• ✓Icon color — Now responds to selected state via SVG currentColor substitution
• ✓Left-anchored layout — Both and Icons modes now align content from the left, matching conViewToggle
• ✓State variable — Renamed internal variable to _scSelected to avoid app-scope collisions

Component pages now have a community section for questions, enhancement requests, and general feedback — with upvoting and a live comment count strip in the page header.

• •Comments section — Post questions, enhancements, or general feedback on any component page. Anonymous and logged-in posting supported.
• •Upvoting — Upvote comments to surface the most useful feedback. Works without an account.
• •ComponentMeta strip — Live comment and upvote counts displayed as pill badges at the top of each component page, linking directly to the community section.
• •Supabase storage — Comments and upvotes stored in Supabase with RPC-based atomic vote counting.

Fixed component submissions failing for large YAML files. Full component code is now delivered via email notification instead of being stored in user metadata.

• ✓Large YAML submissions — Fixed failure for components exceeding metadata size limits
• ✓YAML delivery — Full component code now sent via email notification on submission instead of stored in user metadata
• •Submission metadata — GitHub URL and Demo URL fields now correctly saved with each submission

New Design System documentation and improvements to the submit and suggestion flows.

• •Design System docs — Complete guide to Named Formulas: theme-aware colors, spacing tokens, typography, responsive breakpoints, SVG icons, and status helpers with copy-paste starter code
• •Suggest an Idea — New public page at /suggest, no login required. Tell us what components or features you need.
• ✓Submit page — Simplified to component submissions only with clearer flow
• ✓Category update — Replaced "App" category with "Block" to match the new site structure

Restructured site navigation and introduced custom Power Apps development services.

• •Services page — Custom Power Apps development with interactive prototype preview
• •Site restructure — Navigation updated to Components → Blocks → Templates → Services
• •Field Response Pro — Featured project with interactive prototype across phone, laptop, and desktop
• ✓Templates page — Updated Coming Soon overlay with Inventory Manager preview and email signup
• •Homepage video — Hero section now plays a demo video instead of a static screenshot

Responsive improvements and bug fixes for the Data Table component.

• ✓Card menu fix — Context menu in card view now correctly fires OnMenuItemSelect
• ✓Responsive view mode — Automatically switches to card view on mobile (App.Width < 600)
• ✓Auto-hide toggle — View toggle hides on mobile when only one view makes sense
• ✓Empty state — Shows a centered message when no items match search or filters

Migrated authentication from development to production environment for improved security and reliability.

• ✓Production auth — Switched to production Clerk instance with custom domain authentication
• ✓Custom domain — Auth now runs on clerk.powerappsui.com

Fixed YAML copy issues reported by the community. Thanks to everyone who tested and provided feedback.

• ✓Loading Spinner — Fixed Copy YAML not working on component page
• ✓Heatmap — Fixed Copy YAML not working on component page
• ✓Line Chart — Fixed Copy YAML not working on component page

PowerApps UI is live. A free, open-source component library for Power Apps developers — production-ready YAML components you can import directly into Power Apps Studio.

Components

• •Data Table — Enterprise data table with dual view modes, status pills, progress bars, context menus, and a visual Table Builder for custom configurations
• •Line Chart — Interactive line chart with dropdown filtering and theme support
• •Pie Chart — Configurable pie/donut chart with legend and theme toggle
• •KPI Cards — Dashboard metrics with 3 style variants and sparkline support
• •Segmented Control — Material Design 3 segmented control with text, icon, and combined modes
• •Dialog — Modal dialog with confirmation, form, and alert variants
• •Loading Spinner — Animated loading indicator with size and theme options
• •Badge — Notification badge with count display and positioning

Website

• •Component library with search, category filtering, and grid/list views
• •Interactive previews with light/dark theme toggle on each component page
• •One-click YAML copy for instant import into Power Apps Studio
• •User accounts with favorites and component submissions
• •Table Builder — visual configuration tool that generates custom table YAML
• •Documentation with installation guides and troubleshooting
• •Dark mode across the entire site
• •Issue reporting system

Technical

• •All components are native Canvas components — no PCF dependencies required
• •YAML import workflow — copy, paste into Components → Import from code
• •Works with any data source (SharePoint, Dataverse, SQL, Excel)
• •MIT licensed — free for personal and commercial use