${esc(linkedNamespace)} is already linked.`
- : "Choose which connector namespace to browse. This choice is saved for future sessions.";
- const defaultSigninMessage = hasLinkedNamespace
- ? "Sign in to Azure to view and manage its connectors."
- : "Sign in to Azure to load your subscriptions and connector namespaces.";
- const subOptions = subscriptions.map((s) =>
- ``
- ).join("");
-
- return `
-
-
-
-${notice ? `${brandMark(30, "setup")}${heading}
-${subheading}
-${esc(notice)}
` : ""}
-
-
-
-
-
-
-
-
-
-`;
-}
-
-// ---------------------------------------------------------------------------
-// Catalog
-// ---------------------------------------------------------------------------
-
-const CSS_HEX_COLOR = /^#[0-9a-fA-F]{6}$/;
-
-function iconBackgroundStyle(brandColor) {
- const color = String(brandColor || "").trim();
- return CSS_HEX_COLOR.test(color) ? ` style="background:${color}22"` : "";
-}
-
-export function renderCatalogHtml(instanceId, catalog, { filter, category, source, config }, capabilityToken = "") {
- const renderItem = (c) => {
- // Items carry their home grid so hydrateState can move them into
- // "My MCPs" when added and back to Microsoft/Partner on remove.
- const home = c.category === CATEGORY.microsoft ? "microsoft" : "partner";
- const icon = c.iconUri
- ? `
-
-
-
-
-
-
-
-
-
-${subscriptions.length ? "Select a subscription to see available connector namespaces." : "Loading subscriptions\u2026"}
- ${icon}${btn}
`;
- };
-
- const byName = (a, b) => a.displayName.localeCompare(b.displayName);
- const microsoft = catalog.filter((c) => c.category === CATEGORY.microsoft).sort(byName);
- const partner = catalog.filter((c) => c.category !== CATEGORY.microsoft).sort(byName);
-
- const section = (key, title, rows, { collapsed, hidden }) => {
- const cls = ["section", "collapsible"];
- if (collapsed) cls.push("collapsed");
- if (hidden) cls.push("is-hidden");
- const n = rows.length;
- return `${esc(c.displayName)}
${esc(c.description)}
`
- + ``
- + `
`;
- };
-
- // Server paints the first-run layout: My MCPs hidden+empty (filled by
- // hydrateState), Microsoft expanded so there's something to browse, Partner
- // collapsed. updateSections() flips to the steady layout on the first hydrate
- // if anything is already added.
- let sectionsHtml =
- section("mine", "My MCPs", [], { collapsed: false, hidden: true }) +
- section("microsoft", "Microsoft", microsoft, { collapsed: false, hidden: microsoft.length === 0 }) +
- section("partner", "Partners", partner, { collapsed: true, hidden: partner.length === 0 });
-
- if (!catalog.length) {
- sectionsHtml = `${rows.map(renderItem).join("")}
`
- + `No connectors available.
`;
- }
-
- return `
-
-
-
-
-
- ${brandMark(24, "cat")}Connectors
-Namespace
- ${esc(config.gatewayName)} · RG ${esc(config.resourceGroup)}
-
-
-
-
-
-
-
-
-
-${sectionsHtml}
-
-`;
-}
-
-// ---------------------------------------------------------------------------
-// Error
-// ---------------------------------------------------------------------------
-
-export function renderErrorHtml(message) {
- return `
-Error
${esc(message)}
-`;
-}
-
-// ---------------------------------------------------------------------------
-function esc(s) {
- return String(s ?? "").replace(/[&<>"']/g, (c) => ({"&":"&","<":"<",">":">",'"':""","'":"'"}[c]));
-}
diff --git a/extensions/connector-namespaces/renderer.test.mjs b/extensions/connector-namespaces/renderer.test.mjs
deleted file mode 100644
index fbb57e524..000000000
--- a/extensions/connector-namespaces/renderer.test.mjs
+++ /dev/null
@@ -1,447 +0,0 @@
-// Regression guards for the connector-catalog renderer.
-//
-// Run: node --test extensions/connector-namespaces/renderer.test.mjs
-//
-// These tests exist because two UX bugs kept coming back:
-// 1. A `@media (prefers-reduced-motion: reduce)` rule froze functional
-// loaders without a visible fallback. Reduced motion now stops the
-// animation while forcing each loader into a visible static busy state;
-// nearby text continues to communicate progress.
-// 2. The "Restart the GitHub Copilot app" banner ignoring Dismiss. The real
-// root cause was CSS specificity: `.restart-banner{display:flex}` is an
-// author rule with the same (0,1,0) specificity as the UA
-// `[hidden]{display:none}` rule, so it overrode the hidden attribute and
-// `restartBanner.hidden=true` did nothing. The fix is a global
-// `[hidden]{display:none !important}` reset. A client-side
-// `restartDismissed` flag also keeps a late hydrateState() from re-showing
-// it. The guards below fail if either the CSS reset or the JS gate
-// disappears.
-
-import { test } from "node:test";
-import assert from "node:assert/strict";
-
-import { baseStyles, renderCatalogHtml, renderSetupHtml } from "./renderer.mjs";
-import { renderCreateNamespaceHtml } from "./createPage.mjs";
-import { CATEGORY } from "./categories.mjs";
-
-// Pull the balanced body of the prefers-reduced-motion media block out of a
-// stylesheet string (non-greedy regex can't handle the nested rule braces).
-// CSS comments are stripped so the guards test declarations rather than prose.
-function reducedMotionBlock(css) {
- const start = css.indexOf("@media (prefers-reduced-motion: reduce)");
- if (start === -1) return null;
- const open = css.indexOf("{", start);
- if (open === -1) return null;
- let depth = 0;
- for (let i = open; i < css.length; i++) {
- if (css[i] === "{") depth++;
- else if (css[i] === "}" && --depth === 0) {
- return css.slice(open + 1, i).replace(/\/\*[\s\S]*?\*\//g, "");
- }
- }
- return null;
-}
-
-function catalogHtml() {
- return renderCatalogHtml("test-instance", [], {
- filter: "",
- category: "all",
- source: "",
- config: { subscriptionId: "sub", gatewayName: "ns", resourceGroup: "rg" },
- });
-}
-
-test("setup subscription label names its select", () => {
- const html = renderSetupHtml([], "", "token");
- assert.match(html, /