[pull] master from microsoft:master

.agents/skills/dependabot-rollup/SKILL.md

@@ -144,7 +144,7 @@ Never resolve dependency conflicts automatically. If no PRs merge successfully,
 Run validation from the temporary worktree through the repository's Nx workflow:
 
 ```bash
-yarn --cwd "$ROLLUP_DIR" install --frozen-lockfile
+yarn --cwd "$ROLLUP_DIR" install --immutable
 yarn --cwd "$ROLLUP_DIR" nx affected \
   -t build test lint type-check \
   --nxBail \

.agents/skills/visual-test/SKILL.md

@@ -27,7 +27,7 @@ Always boot the **per-component stories package** (`react-<component>-stories`)
 1. **Find the component's stories package.** Each v9 component has a dedicated stories package named `react-<component>-stories`:
 
    ```bash
-   yarn --silent nx show project react-<lowercase-component-name>-stories --json
+   yarn nx show project react-<lowercase-component-name>-stories --json
    ```
 
    If nx returns nothing with output of `Could not find project react-<component>-stories`, the component doesn't have its own stories package — check for a preview package (`react-<component>-preview-stories`) or ask before proceeding.

.github/CODEOWNERS

@@ -42,7 +42,7 @@
 /typings @microsoft/fluentui-react-build
 
 #### Root Build files
-/.yarnrc @microsoft/fluentui-react-build
+/.yarnrc.yml @microsoft/fluentui-react-build
 /.gitattributes @microsoft/fluentui-react-build
 /.gitignore @microsoft/fluentui-react-build
 /.npmrc @microsoft/fluentui-react-build

.github/actions/run-publish-vr-screenshot/action.yml

@@ -50,7 +50,7 @@ runs:
         isPR=${{ github.event_name == 'pull_request' }}
         echo "isPR=$isPR" >> $GITHUB_ENV
         if [[ $isPR == true ]]; then
-          packageAffected=$(yarn --silent check:affected --project ${{ inputs.vrTestPackageName }})
+          packageAffected=$(yarn check:affected --project ${{ inputs.vrTestPackageName }})
           if [[ $packageAffected == false ]]; then
             echo "In PR pipeline but NOT affecting test package. Skipping test run"
             echo "vrTestSkip=yes" >> $GITHUB_ENV

.github/instructions/copilot.instructions.md

@@ -10,7 +10,7 @@ You are working in the Microsoft Fluent UI monorepo, a comprehensive design syst
 
 This is a large Nx monorepo with the following key characteristics:
 
-- **Package Manager**: Yarn v1 with strict dependency management
+- **Package Manager**: Yarn 4.x (exact version pinned via `packageManager` in `package.json`; `.yarnrc.yml` configures the repository binary path)
 - **Build System**: Nx workspace with custom plugins (`tools/workspace-plugin/`)
 - **Node.js Versions**: ^22.0.0
 - **Languages**: TypeScript (strict mode), React, Web Components

.github/instructions/dependabot-security-fixes.instructions.md

@@ -35,7 +35,7 @@ For complex monorepo scenarios where automatic updates fail, security vulnerabil
 ```json
 {
   "resolutions": {
-    "**/vulnerable-package": "^secure-version"
+    "vulnerable-package": "^secure-version"
   }
 }
 ```
@@ -44,7 +44,7 @@ For complex monorepo scenarios where automatic updates fail, security vulnerabil
 
 The following resolutions are maintained for security purposes:
 
-- `**/tar-fs`: `^2.1.3` - Fixes directory traversal vulnerability
+- `tar-fs`: `^2.1.3` - Fixes directory traversal vulnerability
 
 ## Troubleshooting
 
@@ -57,11 +57,11 @@ The following resolutions are maintained for security purposes:
 
 ### Manual Security Fix Process
 
-1. Run `yarn audit --level ${SEVERITY}` to identify vulnerabilities (where SEVERITY can be: low, moderate, high, critical)
+1. Run `yarn npm audit --severity ${SEVERITY}` to identify vulnerabilities (where SEVERITY can be: low, moderate, high, critical)
 2. Check if Yarn resolutions are blocking updates
 3. Update resolutions to secure versions
 4. Run `yarn install` to update yarn.lock
-5. Verify fixes with `yarn audit --level ${SEVERITY}`
+5. Verify fixes with `yarn npm audit --severity ${SEVERITY}`
 6. Test that builds still work
 
 ## Testing Security Fixes
@@ -70,7 +70,7 @@ After making changes:
 
 ```bash
 # Check for remaining vulnerabilities at specified severity level
-yarn audit --level ${SEVERITY}
+yarn npm audit --severity ${SEVERITY}
 
 # Verify builds still work
 yarn nx run workspace-plugin:build

.github/workflows/docsite-publish-ghpages.yml

@@ -37,7 +37,7 @@ jobs:
       - name: Affected Deployable Storybooks
         id: affected_storybooks_count
         run: |
-          affected_count=$(yarn --silent nx show projects -t build-storybook:docsite --affected --verbose false | wc -l | tr -d ' ')
+          affected_count=$(yarn nx show projects -t build-storybook:docsite --affected --verbose false | wc -l | tr -d ' ')
           echo "value=$affected_count" >> $GITHUB_OUTPUT
 
       - name: Build affected storybooks

.github/workflows/pr.yml

@@ -103,7 +103,7 @@ jobs:
           cache: 'yarn'
           node-version: '22'
 
-      - run: yarn install --frozen-lockfile
+      - run: yarn install --immutable
 
       - name: React Compiler analysis (affected)
         run: |

apps/chart-docsite/package.json

@@ -4,20 +4,20 @@
   "private": true,
   "description": "Fluent UI React Charts Preview documentation",
   "scripts": {
-    "build-storybook": "storybook build -o ./dist/storybook --docs",
+    "build-storybook": "yarn run -T storybook build -o ./dist/storybook --docs",
     "build-storybook:docsite": "yarn run -T cross-env DEPLOY_PATH=/charts/ storybook build -o ./dist/storybook --docs",
     "postbuild-storybook": "yarn rewrite-title && yarn generate-llms-docs",
     "postbuild-storybook:docsite": "yarn postbuild-storybook",
     "rewrite-title": "node -r ../../scripts/ts-node/src/register ../../scripts/storybook/src/scripts/rewrite-title.ts --title 'Fluent UI Charts v9' --distPath ./dist/storybook",
-    "generate-llms-docs": "storybook-llms-extractor --distPath ./dist/storybook --summaryBaseUrl \"https://storybooks.fluentui.dev/charts/\" --summaryTitle \"Fluent UI Charts v9\" --summaryDescription \"Fluent UI React charts is a set of modern, accessible, interactive, lightweight and highly customizable visualization library representing the Microsoft design system. These charts are used across 100s of projects inside Microsoft across Microsoft 365, Copilot and Azure.\"",
+    "generate-llms-docs": "yarn run -T storybook-llms-extractor --distPath ./dist/storybook --summaryBaseUrl \"https://storybooks.fluentui.dev/charts/\" --summaryTitle \"Fluent UI Charts v9\" --summaryDescription \"Fluent UI React charts is a set of modern, accessible, interactive, lightweight and highly customizable visualization library representing the Microsoft design system. These charts are used across 100s of projects inside Microsoft across Microsoft 365, Copilot and Azure.\"",
     "clean": "yarn run -T just-scripts clean",
     "code-style": "yarn run -T just-scripts code-style",
     "just": "yarn run -T just-scripts",
     "type-check": "yarn run -T just-scripts type-check",
     "start": "yarn storybook:docs",
-    "storybook": "storybook dev --port 3000",
+    "storybook": "yarn run -T storybook dev --port 3000",
     "storybook:docs": "yarn storybook --docs",
-    "test": "jest --passWithNoTests"
+    "test": "yarn run -T jest --passWithNoTests"
   },
   "dependencies": {
     "@fluentui/react-charts": "*",

apps/pr-deploy-site/package.json

@@ -7,8 +7,8 @@
   "scripts": {
     "clean": "yarn run -T just-scripts clean",
     "generate:site": "yarn run -T just-scripts generate:site",
-    "lint": "eslint --cache .",
-    "type-check": "tsc -p . --noEmit"
+    "lint": "yarn run -T eslint --cache .",
+    "type-check": "yarn run -T tsc -p . --noEmit"
   },
   "license": "MIT"
 }

apps/public-docsite-resources/package.json

@@ -32,7 +32,7 @@
     "build": "yarn run -T just-scripts build",
     "prebundle": "yarn build",
     "bundle": "yarn run -T just-scripts bundle",
-    "lint": "eslint --ext .js,.ts,.tsx ./src",
+    "lint": "yarn run -T eslint --ext .js,.ts,.tsx ./src",
     "just": "yarn run -T just-scripts",
     "clean": "yarn run -T just-scripts clean",
     "code-style": "yarn run -T just-scripts code-style",

apps/public-docsite-v9-headless/package.json

@@ -4,13 +4,13 @@
   "private": true,
   "description": "Fluent UI React Headless Components Preview documentation",
   "scripts": {
-    "build-storybook": "storybook build -o ./dist/storybook --docs",
-    "build-storybook:docsite": "cross-env DEPLOY_PATH=/headless/ storybook build -o ./dist/storybook --docs",
+    "build-storybook": "yarn run -T storybook build -o ./dist/storybook --docs",
+    "build-storybook:docsite": "yarn run -T cross-env DEPLOY_PATH=/headless/ storybook build -o ./dist/storybook --docs",
     "postbuild-storybook": "yarn generate-llms-docs",
     "postbuild-storybook:docsite": "yarn postbuild-storybook",
-    "generate-llms-docs": "yarn storybook-llms-extractor --distPath ./dist/storybook --summaryBaseUrl \"https://storybooks.fluentui.dev/headless/\" --summaryTitle \"Fluent UI React Headless Components\" --summaryDescription \"Fluent UI React headless components provide unstyled, accessible component primitives that can be styled with any CSS approach.\"",
+    "generate-llms-docs": "yarn run -T storybook-llms-extractor --distPath ./dist/storybook --summaryBaseUrl \"https://storybooks.fluentui.dev/headless/\" --summaryTitle \"Fluent UI React Headless Components\" --summaryDescription \"Fluent UI React headless components provide unstyled, accessible component primitives that can be styled with any CSS approach.\"",
     "start": "yarn storybook:docs",
-    "storybook": "storybook dev --port 3000",
+    "storybook": "yarn run -T storybook dev --port 3000",
     "storybook:docs": "yarn storybook --docs"
   },
   "dependencies": {

apps/public-docsite-v9/package.json

@@ -14,9 +14,9 @@
     "lint": "yarn run -T just-scripts lint",
     "type-check": "yarn run -T just-scripts type-check",
     "start": "yarn storybook:docs",
-    "storybook": "storybook dev --port 3000",
+    "storybook": "yarn run -T storybook dev --port 3000",
     "storybook:docs": "yarn storybook --docs",
-    "test": "jest --passWithNoTests"
+    "test": "yarn run -T jest --passWithNoTests"
   },
   "dependencies": {
     "@fluentui/react": "*",

apps/public-docsite/package.json

@@ -19,7 +19,7 @@
     "clean": "yarn run -T just-scripts clean",
     "code-style": "yarn run -T just-scripts code-style",
     "start": "yarn run -T just-scripts dev",
-    "type-check": "tsc -p . --noEmit --baseUrl ."
+    "type-check": "yarn run -T tsc -p . --noEmit --baseUrl ."
   },
   "license": "MIT",
   "devDependencies": {

apps/ssr-tests-v9/package.json

@@ -12,8 +12,8 @@
     "clean": "yarn run -T just-scripts clean",
     "code-style": "yarn run -T just-scripts code-style",
     "lint": "yarn run -T just-scripts lint",
-    "storybook": "storybook dev",
-    "test": "jest --passWithNoTests",
+    "storybook": "yarn run -T storybook dev",
+    "test": "yarn run -T jest --passWithNoTests",
     "type-check": "yarn run -T just-scripts type-check",
     "test-ssr": "yarn run -T test-ssr \"./src/stories/**/*.stories.tsx\""
   },

apps/ssr-tests/package.json

@@ -4,7 +4,7 @@
   "description": "Server-side rendering tests for @fluentui/react.",
   "private": true,
   "scripts": {
-    "type-check": "tsc -p . --noEmit --baseUrl .",
+    "type-check": "yarn run -T tsc -p . --noEmit --baseUrl .",
     "bundle": "yarn run -T just-scripts bundle",
     "test-ssr": "yarn run -T just-scripts test"
   },

apps/ts-minbar-test-react-components/package.json

@@ -8,7 +8,7 @@
     "@fluentui/react-components": "*"
   },
   "scripts": {
-    "type-check": "tsc -p .",
-    "test-integration": "ts-node --transpileOnly ./src/index.ts"
+    "type-check": "yarn run -T tsc -p .",
+    "test-integration": "yarn run -T ts-node --transpileOnly ./src/index.ts"
   }
 }

apps/ts-minbar-test-react/package.json

@@ -8,7 +8,7 @@
     "@fluentui/react": "*"
   },
   "scripts": {
-    "type-check": "tsc -p .",
-    "test-integration": "ts-node --transpileOnly ./src/index.ts"
+    "type-check": "yarn run -T tsc -p .",
+    "test-integration": "yarn run -T ts-node --transpileOnly ./src/index.ts"
   }
 }

apps/vr-tests-react-components/package.json

@@ -4,14 +4,14 @@
   "private": true,
   "description": "Visual regression tests for @fluentui/react-components",
   "scripts": {
-    "build-storybook": "storybook build -o dist/storybook",
+    "build-storybook": "yarn run -T storybook build -o dist/storybook",
     "clean": "yarn run -T just-scripts clean",
-    "format": "prettier . -w --ignore-path ../../.prettierignore",
+    "format": "yarn run -T prettier . -w --ignore-path ../../.prettierignore",
     "lint": "yarn run -T just-scripts lint",
-    "start": "storybook dev",
+    "start": "yarn run -T storybook dev",
     "test": "yarn run -T just-scripts test",
-    "type-check": "tsc -p . --noEmit --baseUrl .",
-    "test-vr": "storywright  --browsers chromium --url dist/storybook --destpath dist/screenshots --waitTimeScreenshot 500 --concurrency 4 --headless true --bailOnStoriesError --stepsApi parameters"
+    "type-check": "yarn run -T tsc -p . --noEmit --baseUrl .",
+    "test-vr": "yarn run -T storywright  --browsers chromium --url dist/storybook --destpath dist/screenshots --waitTimeScreenshot 500 --concurrency 4 --headless true --bailOnStoriesError --stepsApi parameters"
   },
   "dependencies": {
     "@fluentui/react-accordion": "*",

apps/vr-tests-web-components/package.json

@@ -5,12 +5,12 @@
   "description": "Visual regression tests for @fluentui/web-components",
   "type": "module",
   "scripts": {
-    "build-storybook": "storybook build -o dist/storybook",
-    "format": "prettier . -w --ignore-path ../../.prettierignore",
-    "lint": "eslint src --ext .ts,.tsx",
-    "start": "storybook dev",
-    "type-check": "tsc -p . --baseUrl . --noEmit",
-    "test-vr": "storywright --browsers chromium --url dist/storybook --destpath dist/screenshots --waitTimeScreenshot 500 --concurrency 4 --headless true --stepsApi parameters --bailOnStoriesError"
+    "build-storybook": "yarn run -T storybook build -o dist/storybook",
+    "format": "yarn run -T prettier . -w --ignore-path ../../.prettierignore",
+    "lint": "yarn run -T eslint src --ext .ts,.tsx",
+    "start": "yarn run -T storybook dev",
+    "type-check": "yarn run -T tsc -p . --baseUrl . --noEmit",
+    "test-vr": "yarn run -T storywright --browsers chromium --url dist/storybook --destpath dist/screenshots --waitTimeScreenshot 500 --concurrency 4 --headless true --stepsApi parameters --bailOnStoriesError"
   },
   "dependencies": {
     "@fluentui/tokens": ">=1.0.0-alpha",

apps/vr-tests/package.json

@@ -4,14 +4,14 @@
   "private": true,
   "description": "Visual regression tests for Fluent UI React",
   "scripts": {
-    "build-storybook": "storybook build -o dist/storybook",
+    "build-storybook": "yarn run -T storybook build -o dist/storybook",
     "clean": "yarn run -T just-scripts clean",
     "code-style": "yarn run -T just-scripts code-style",
     "just": "yarn run -T just-scripts",
     "lint": "yarn run -T just-scripts lint",
-    "start": "storybook dev -p 3000",
-    "type-check": "tsc -p . --noEmit --baseUrl .",
-    "test-vr": "storywright  --browsers chromium --url dist/storybook --destpath dist/screenshots --waitTimeScreenshot 500 --concurrency 4 --headless true --stepsApi parameters --bailOnStoriesError"
+    "start": "yarn run -T storybook dev -p 3000",
+    "type-check": "yarn run -T tsc -p . --noEmit --baseUrl .",
+    "test-vr": "yarn run -T storywright  --browsers chromium --url dist/storybook --destpath dist/screenshots --waitTimeScreenshot 500 --concurrency 4 --headless true --stepsApi parameters --bailOnStoriesError"
   },
   "dependencies": {
     "@fluentui/example-data": "*",

change/@fluentui-babel-preset-global-context-11690495-98b7-460d-815c-b6f7b9d5527d.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "update readme to reference correct yarn page link",
+  "packageName": "@fluentui/babel-preset-global-context",
+  "email": "vgenaev@gmail.com",
+  "dependentChangeType": "none"
+}

change/@fluentui-chart-web-components-8cfaf77f-dbde-4953-9020-5786c74249a0.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "fix: Yarn 4 workspace command resolution",
+  "packageName": "@fluentui/chart-web-components",
+  "email": "vgenaev@gmail.com",
+  "dependentChangeType": "none"
+}

change/@fluentui-cra-template-6823b89f-2e45-42f5-bc95-b8880e96fe7b.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "fix: Yarn 4 workspace command resolution",
+  "packageName": "@fluentui/cra-template",
+  "email": "vgenaev@gmail.com",
+  "dependentChangeType": "none"
+}

change/@fluentui-keyboard-key-c9ddc8c9-5cd4-4e8a-91b5-aef4c6958ae0.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "fix: Yarn 4 workspace command resolution",
+  "packageName": "@fluentui/keyboard-key",
+  "email": "vgenaev@gmail.com",
+  "dependentChangeType": "none"
+}

change/@fluentui-public-docsite-setup-142602b1-648c-4e20-b4f1-a1ad201bb13d.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "fix: Yarn 4 workspace command resolution",
+  "packageName": "@fluentui/public-docsite-setup",
+  "email": "vgenaev@gmail.com",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-25703850-32df-47bb-b25b-ea8c63e13e53.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "fix: Yarn 4 workspace command resolution",
+  "packageName": "@fluentui/react",
+  "email": "vgenaev@gmail.com",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-cards-14d22b0a-8424-4462-8281-e171a2b837b0.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "fix: Yarn 4 workspace command resolution",
+  "packageName": "@fluentui/react-cards",
+  "email": "vgenaev@gmail.com",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-charting-a9b32658-44e8-4747-8ba0-ed72fe438860.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "fix: Yarn 4 workspace command resolution",
+  "packageName": "@fluentui/react-charting",
+  "email": "vgenaev@gmail.com",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-docsite-components-0fd920ac-4d19-4926-ae1e-adc210e1395c.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "fix: Yarn 4 workspace command resolution",
+  "packageName": "@fluentui/react-docsite-components",
+  "email": "vgenaev@gmail.com",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-experiments-3a7aec4b-ef1d-45ee-b037-5e92bf90a3b3.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "fix: Yarn 4 workspace command resolution",
+  "packageName": "@fluentui/react-experiments",
+  "email": "vgenaev@gmail.com",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-icons-mdl2-branded-f7e24102-d8b8-42d2-9c5f-1e50765b8818.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "fix: Yarn 4 workspace command resolution",
+  "packageName": "@fluentui/react-icons-mdl2-branded",
+  "email": "vgenaev@gmail.com",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-icons-mdl2-d00bc5da-a920-40b9-a2e8-3eda93f8d4f7.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "fix: Yarn 4 workspace command resolution",
+  "packageName": "@fluentui/react-icons-mdl2",
+  "email": "vgenaev@gmail.com",
+  "dependentChangeType": "none"
+}

change/@fluentui-react-monaco-editor-00849bd2-49c4-4921-a6bb-561467e24373.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "fix: Yarn 4 workspace command resolution",
+  "packageName": "@fluentui/react-monaco-editor",
+  "email": "vgenaev@gmail.com",
+  "dependentChangeType": "none"
+}

change/@fluentui-theme-samples-4dd6c783-1057-4ced-bddb-9dae97e6af23.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "fix: Yarn 4 workspace command resolution",
+  "packageName": "@fluentui/theme-samples",
+  "email": "vgenaev@gmail.com",
+  "dependentChangeType": "none"
+}