Merge origin/main into branch — resolve setup-auth:2.1 conflict

Keep gate marker + 🚦 prose block from PR branch; incorporate
multi-provider re-run handling content added in main (b4c46e9).

Author: Copilot

evals/model-apps/genpage/EVAL_GUIDE.md

@@ -1,6 +1,6 @@
 {
   "skill_name": "genpage",
-  "eval_instructions": "See eval-runbook.md in this folder for how to run these evals, how the 3-layer check works (workflow → code quality → UX rubric), and what pass/fail means. Every eval run MUST save a workflow-log.md file documenting all phases attempted — agents invoked, commands run, questions asked, files read, decisions made.",
+  "eval_instructions": "See EVAL_GUIDE.md in this folder for how to run these evals, how the 3-layer check works (workflow → code quality → UX rubric), and what pass/fail means. Every eval run MUST save a workflow-log.md file documenting all phases attempted — agents invoked, commands run, questions asked, files read, decisions made.",
   "common_workflow_assertions": [
     "A workflow-log.md file is saved to the working directory documenting all phases attempted",
     "Phase 0: A working directory is created with a kebab-case name derived from the user's description",
@@ -23,6 +23,7 @@
     "Generated .tsx destructures props including `pageInput` (e.g., `const { dataApi, pageInput } = props;`)",
     "Generated .tsx imports types from `./RuntimeTypes` (for Dataverse pages) or uses realistic inline mock data (for mock pages)",
     "Generated .tsx uses `makeStyles` with tokens for styling — no inline styles for static values",
+    "Generated .tsx nests `@media` queries inside `makeStyles` slots — no media query used as a top-level slot key",
     "Generated .tsx does NOT use `100vh` or `100vw`",
     "Generated .tsx does NOT import `createTheme`, `mergeThemes`, or `useTheme` (these do not exist in Fluent UI V9)",
     "Generated .tsx does NOT wrap content in a top-level `<FluentProvider>` (already provided at root)",
@@ -36,7 +37,8 @@
     "For DataGrids, generated .tsx imports `createTableColumn` from `@fluentui/react-components` and configures column sizing (columnSizingOptions or resizableColumns)",
     "For Dataverse pages with fetching, separate setState calls inside async callbacks are batched into a single setData(...) call (Rule 14)",
     "For Dataverse list/detail pages, the inline IIFE + window cache + cache-guard pattern from references/data-caching.md is used (Rule 15); no useCallback for data-fetching functions",
-    "For multi-page builds, cross-page navigation uses quoted `\"PAGEREF_<filename>\"` placeholders that the orchestrator's Phase 6.5 resolves to real GUIDs"
+    "For multi-page builds, cross-page navigation uses quoted `\"PAGEREF_<filename>\"` placeholders that the orchestrator's Phase 6.5 resolves to real GUIDs",
+    "For Dataverse pages that call dataApi.queryTable, the result is accessed via .rows (DataTable<T> = { rows: T[], hasMoreRows, loadMoreRows() }) — never used directly as an array (Rule 11)"
   ],
   "evals": [
     {

evals/model-apps/genpage/eval-runbook.md

@@ -0,0 +1,61 @@
+# Genpage Plan
+
+## User Requirements
+
+Build a page showing Account records as a gallery of cards. Include name,
+website, email, phone number. Make the gallery scrollable and each card
+clickable to open the Account record.
+
+## Working Directory
+
+account-card-gallery/
+
+## Plugin Root
+
+D:\Projects\power-platform-skills\plugins\model-apps
+
+## Environment
+
+- Active Profile: aurora365-user1@auroratstgeo.onmicrosoft.com
+- Environment URL: https://aurorabapenv4ab3f.crm10.dynamics.com/
+- App: Sales Hub (12345678-1234-1234-1234-123456789abc)
+- Solution: Default
+- Publisher Prefix: new
+
+## Pages
+
+| Page | File | Purpose | Entities |
+|------|------|---------|----------|
+| Accounts Gallery | page.tsx | Card-based gallery of Account records, click-to-open detail | account |
+
+## Entity Creation Required
+
+No entity creation required — all entities already exist.
+
+## Existing Entities
+
+account
+
+## Design Preferences
+
+- Card grid layout, responsive auto-fill columns
+- Each card shows name, website, email, phone
+- Card click navigates to the Account record via Xrm.Navigation.navigateTo
+- Scrollable container, not 100vh / 100vw
+
+## Relevant Samples
+
+- plugins/model-apps/samples/7-responsive-cards.tsx (card layout reference)
+- plugins/model-apps/samples/9-list-with-caching.tsx (Dataverse list pattern + window cache)
+
+## Per-Page Specifications
+
+### Accounts Gallery
+
+- File: page.tsx
+- Entity: account
+- Data fetching: dataApi.queryTable on mount, window cache (`__genpage_accounts_v1`), no useCallback wrap
+- Columns shown: name, websiteurl, emailaddress1, telephone1
+- Navigation: Xrm.Navigation.navigateTo({ pageType: 'entityrecord', entityName: 'account', entityId })
+- Icons: BuildingRegular, MailRegular, PhoneRegular, GlobeRegular (unsized form)
+- Styling: makeStyles with tokens; no inline styles for static values

evals/model-apps/genpage/evals.json

@@ -0,0 +1,144 @@
+import * as React from 'react';
+import {
+    makeStyles,
+    tokens,
+    Card,
+    CardHeader,
+    Text,
+    Body1,
+    Caption1,
+    Spinner,
+    MessageBar,
+    MessageBarBody,
+} from '@fluentui/react-components';
+import {
+    BuildingRegular,
+    MailRegular,
+    PhoneRegular,
+    GlobeRegular,
+} from '@fluentui/react-icons';
+import { GeneratedComponentProps, Account } from './RuntimeTypes';
+
+const useStyles = makeStyles({
+    root: {
+        display: 'flex',
+        flexDirection: 'column',
+        height: '100%',
+        padding: tokens.spacingHorizontalL,
+        gap: tokens.spacingVerticalM,
+        boxSizing: 'border-box',
+    },
+    header: { display: 'flex', alignItems: 'center', gap: tokens.spacingHorizontalS },
+    gallery: {
+        display: 'grid',
+        gridTemplateColumns: 'repeat(auto-fill, minmax(280px, 1fr))',
+        gap: tokens.spacingVerticalM,
+        overflowY: 'auto',
+        flex: 1,
+    },
+    card: {
+        cursor: 'pointer',
+        padding: tokens.spacingHorizontalM,
+    },
+    detail: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: tokens.spacingHorizontalXS,
+        color: tokens.colorNeutralForeground2,
+    },
+});
+
+declare const Xrm: {
+    Navigation: {
+        navigateTo: (
+            pageInput: { pageType: string; entityName: string; entityId: string },
+        ) => Promise<unknown>;
+    };
+};
+
+const GeneratedComponent = (props: GeneratedComponentProps) => {
+    const { dataApi, pageInput } = props;
+    void pageInput; // list page does not consume pageInput
+    const styles = useStyles();
+    const [accounts, setAccounts] = React.useState<Account[]>([]);
+    const [loading, setLoading] = React.useState(true);
+    const [error, setError] = React.useState<string | null>(null);
+
+    React.useEffect(() => {
+        (async () => {
+            const cacheKey = '__genpage_accounts_v1';
+            const w = window as unknown as Record<string, Account[] | undefined>;
+            if (w[cacheKey]) {
+                setAccounts(w[cacheKey] as Account[]);
+                setLoading(false);
+                return;
+            }
+            try {
+                const result = await dataApi.queryTable('account', {
+                    select: ['accountid', 'name', 'websiteurl', 'emailaddress1', 'telephone1'],
+                    top: 100,
+                });
+                // queryTable returns DataTable<T> = { rows: T[], hasMoreRows, loadMoreRows() } — access records via .rows
+                w[cacheKey] = result.rows;
+                setAccounts(result.rows);
+            } catch (e) {
+                setError(e instanceof Error ? e.message : String(e));
+            } finally {
+                setLoading(false);
+            }
+        })();
+    }, [dataApi]);
+
+    const openAccount = async (id: string) => {
+        await Xrm.Navigation.navigateTo({
+            pageType: 'entityrecord',
+            entityName: 'account',
+            entityId: id,
+        });
+    };
+
+    if (loading) return <Spinner label="Loading accounts..." />;
+    if (error) return (
+        <MessageBar intent="error"><MessageBarBody>{error}</MessageBarBody></MessageBar>
+    );
+
+    return (
+        <div className={styles.root}>
+            <div className={styles.header}>
+                <BuildingRegular />
+                <Text size={500} weight="semibold">Accounts ({accounts.length})</Text>
+            </div>
+            <div className={styles.gallery}>
+                {accounts.map((a) => (
+                    <Card
+                        key={a.accountid}
+                        className={styles.card}
+                        onClick={() => openAccount(a.accountid)}
+                    >
+                        <CardHeader header={<Body1 weight="semibold">{a.name}</Body1>} />
+                        {a.websiteurl && (
+                            <div className={styles.detail}>
+                                <GlobeRegular />
+                                <Caption1>{a.websiteurl}</Caption1>
+                            </div>
+                        )}
+                        {a.emailaddress1 && (
+                            <div className={styles.detail}>
+                                <MailRegular />
+                                <Caption1>{a.emailaddress1}</Caption1>
+                            </div>
+                        )}
+                        {a.telephone1 && (
+                            <div className={styles.detail}>
+                                <PhoneRegular />
+                                <Caption1>{a.telephone1}</Caption1>
+                            </div>
+                        )}
+                    </Card>
+                ))}
+            </div>
+        </div>
+    );
+};
+
+export default GeneratedComponent;