[pull] main from github:main

content/billing/concepts/product-billing/github-actions.md

@@ -78,15 +78,15 @@ Storage is billed based on hourly usage of artifacts throughout the month. Minut
 
 ### Minute multipliers
 
-Each type of runner has a minute multipler that is determined by the operating system and processing power. For example, jobs that run on Windows and macOS runners hosted by {% data variables.product.github %} consume minutes at 2 and 10 times the rate that jobs on Linux runners consume.
+Each type of runner has a minute multiplier that is determined by the operating system and processing power. For example, jobs that run on Windows and macOS runners hosted by {% data variables.product.github %} consume minutes at 2 and 10 times the rate that jobs on Linux runners consume.
 
 | Operating system | Minute multiplier |
 |----------------- | :----------------:|
 | Linux            | 1                 |
 | Windows          | 2                 |
 | macOS            | 10                |
 
-For full details of minute multiplers for {% data variables.product.github %}-hosted runners, see [AUTOTITLE](/billing/reference/actions-minute-multipliers).
+For full details of minute multipliers for {% data variables.product.github %}-hosted runners, see [AUTOTITLE](/billing/reference/actions-minute-multipliers).
 
 ### Example minutes cost calculation
 

data/reusables/dependabot/supported-package-managers.md

@@ -27,7 +27,7 @@ git submodule  | `gitsubmodule`   | Not applicable | {% octicon "check" aria-lab
 Go modules     | `gomod`          | v1               | {% octicon "check" aria-label="Supported" %} | {% octicon "check" aria-label="Supported" %} | {% octicon "check" aria-label="Supported" %} | {% octicon "x" aria-label="Not supported" %} | {% octicon "check" aria-label="Supported" %} |
 [Gradle](#gradle)         | `gradle`         | Not applicable   | {% octicon "check" aria-label="Supported" %} | {% octicon "check" aria-label="Supported" %} | {% octicon "check" aria-label="Supported" %} | {% octicon "check" aria-label="Supported" %} | {% octicon "x" aria-label="Not supported" %} |
 [Maven](#maven)       | `maven`          | Not applicable   | {% octicon "check" aria-label="Supported" %} | {% octicon "check" aria-label="Supported" %} | {% octicon "check" aria-label="Supported" %} | {% octicon "check" aria-label="Supported" %} | {% octicon "x" aria-label="Not supported" %} |
-npm            | `npm`            | v7, v8, v9, v10   | {% octicon "check" aria-label="Supported" %} | {% octicon "check" aria-label="Supported" %} | {% octicon "check" aria-label="Supported" %} | {% octicon "check" aria-label="Supported" %} | {% octicon "x" aria-label="Not supported" %} |
+npm            | `npm`            | v7, v8, v9, v10, v11   | {% octicon "check" aria-label="Supported" %} | {% octicon "check" aria-label="Supported" %} | {% octicon "check" aria-label="Supported" %} | {% octicon "check" aria-label="Supported" %} | {% octicon "x" aria-label="Not supported" %} |
 [NuGet](#nuget-cli)          | `nuget`          | {% ifversion fpt or ghec or ghes > 3.14 %}<=6.12.0{% endif %} | {% octicon "check" aria-label="Supported" %} | {% octicon "check" aria-label="Supported" %} | {% octicon "check" aria-label="Supported" %} | {% octicon "check" aria-label="Supported" %} | {% octicon "x" aria-label="Not supported" %} |
 [pip](#pip-and-pip-compile) | `pip`            | v21.1.2          | {% octicon "check" aria-label="Supported" %} | {% octicon "check" aria-label="Supported" %} | {% octicon "x" aria-label="Not supported" %} | {% octicon "check" aria-label="Supported" %} | {% octicon "x" aria-label="Not supported" %} |
 pipenv         | `pip`            | <= 2021-05-29    | {% octicon "check" aria-label="Supported" %} | {% octicon "check" aria-label="Supported" %} | {% octicon "x" aria-label="Not supported" %} | {% octicon "check" aria-label="Supported" %} | {% octicon "x" aria-label="Not supported" %} |

package.json

@@ -311,6 +311,7 @@
     "mockdate": "^3.0.5",
     "nock": "^14.0.4",
     "nodemon": "3.1.10",
+    "patch-package": "^8.0.1",
     "prettier": "^3.3.3",
     "rimraf": "^6.0.1",
     "robots-parser": "^3.0.1",

src/content-render/liquid/prompt.ts

@@ -38,6 +38,13 @@ export const Prompt: LiquidTag = {
     const href: string = `https://github.com/copilot?prompt=${promptParam}`
     // Use murmur hash for deterministic ID (avoids hydration mismatch)
     const promptId: string = generatePromptId(contentString)
-    return `<pre hidden id="${promptId}">${content}</pre><code>${content}</code><a href="${href}" target="_blank" class="tooltipped tooltipped-nw ml-1" aria-label="Run this prompt in Copilot Chat" aria-describedby="${promptId}" style="text-decoration:none;">${octicons.copilot.toSVG()}</a>`
+    // Show long text on larger screens and short text on smaller screens (set via accessibility.scss)
+    const promptLabelLong: string = 'Run this prompt in Copilot Chat'
+    const promptLabelShort: string = 'Run prompt'
+    return [
+      `<code id="${promptId}">${content}</code>`,
+      `<a href="${href}" target="_blank" class="tooltipped tooltipped-n ml-1 copilot-prompt-long" aria-label="${promptLabelLong}" aria-describedby="${promptId}" style="text-decoration:none;">${octicons.copilot.toSVG()}</a>`,
+      `<a href="${href}" target="_blank" class="tooltipped tooltipped-n ml-1 copilot-prompt-short" aria-label="${promptLabelShort}" aria-describedby="${promptId}" style="text-decoration:none;">${octicons.copilot.toSVG()}</a>`,
+    ].join('')
   },
 }

src/content-render/stylesheets/accessibility.scss

@@ -21,3 +21,26 @@
     }
   }
 }
+
+/* Responsive tooltip text for Copilot prompt links */
+/* Show long tooltip text on small screens and up (544px+) */
+.copilot-prompt-long {
+  display: none;
+  visibility: hidden;
+
+  @media (min-width: 544px) {
+    display: inline-block;
+    visibility: visible;
+  }
+}
+
+/* Show short tooltip text only on extra small screens (below 544px) */
+.copilot-prompt-short {
+  display: inline-block;
+  visibility: visible;
+
+  @media (min-width: 544px) {
+    display: none;
+    visibility: hidden;
+  }
+}

src/content-render/tests/prompt.ts

@@ -2,10 +2,22 @@ import { describe, expect, test } from 'vitest'
 import { renderContent } from '@/content-render/index'
 
 describe('prompt tag', () => {
-  test('wraps content in <code> and appends svg', async () => {
+  test('wraps content in <code> with ID and appends responsive svg links', async () => {
     const input: string = 'Here is your prompt: {% prompt %}example prompt text{% endprompt %}.'
     const output: string = await renderContent(input)
-    expect(output).toContain('<code>example prompt text</code><a')
+
+    // Should have code element with ID
+    expect(output).toContain('<code id="')
+    expect(output).toContain('>example prompt text</code>')
+
+    // Should have two responsive anchor elements
+    expect(output).toContain('copilot-prompt-long')
+    expect(output).toContain('copilot-prompt-short')
+
+    // Should contain SVG icons
     expect(output).toContain('<svg')
+
+    // Should have aria-describedby pointing to the code element ID
+    expect(output).toContain('aria-describedby=')
   })
 })