From 8c99585181e01b55ebe028e72d25f56fbd1cabbd Mon Sep 17 00:00:00 2001
From: Aaron Powell <me@aaron-powell.com>
Date: Mon, 17 Aug 2026 14:20:56 +1000
Subject: [PATCH] refactor(website): remove Access from tools panel from
 plugins catalog

Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>
Copilot-Session: 80686fef-efe3-4cdd-8cd6-bfa61a5d0af6
---
 .../src/components/brand/PluginsCatalog.tsx   | 34 ----------
 .../brand/styles/plugins.module.css           | 63 -------------------
 2 files changed, 97 deletions(-)

diff --git a/website/src/components/brand/PluginsCatalog.tsx b/website/src/components/brand/PluginsCatalog.tsx
index 60b7de3d..23c0acb6 100644
--- a/website/src/components/brand/PluginsCatalog.tsx
+++ b/website/src/components/brand/PluginsCatalog.tsx
@@ -296,40 +296,6 @@ export function PluginsCatalog({
           </aside>
 
           <Box className={styles.catalogMain}>
-            <Box className={styles.accessPanel} data-mode={colorMode}>
-              <p className={styles.accessTitle}>Access from tools</p>
-              <ul className={styles.accessList}>
-                <li className={styles.accessItem}>
-                  <Text as="span" size="200" className={styles.accessDesc}>
-                    <span className={styles.accessLabel}>GitHub Copilot CLI</span>
-                    {" — Type "}
-                    <code className={styles.accessCode}>
-                      /plugin marketplace browse awesome-copilot
-                    </code>{" "}
-                    in a Copilot session
-                  </Text>
-                </li>
-                <li className={styles.accessItem}>
-                  <Text as="span" size="200" className={styles.accessDesc}>
-                    <span className={styles.accessLabel}>VS Code</span>
-                    {" — Type "}
-                    <code className={styles.accessCode}>@agentPlugins</code> in the
-                    Extensions search view, or run{" "}
-                    <code className={styles.accessCode}>Chat: Plugins</code>
-                  </Text>
-                </li>
-                <li className={styles.accessItem}>
-                  <Text as="span" size="200" className={styles.accessDesc}>
-                    <span className={styles.accessLabel}>Install</span>
-                    {" — "}
-                    <code className={styles.accessCode}>
-                      copilot plugin install &lt;plugin-name&gt;@awesome-copilot
-                    </code>
-                  </Text>
-                </li>
-              </ul>
-            </Box>
-
             <Box className={styles.gridFrame} data-mode={colorMode}>
               <Box className={styles.gridContent}>
                 <Grid
diff --git a/website/src/components/brand/styles/plugins.module.css b/website/src/components/brand/styles/plugins.module.css
index 4d0d3a41..f6ec08ee 100644
--- a/website/src/components/brand/styles/plugins.module.css
+++ b/website/src/components/brand/styles/plugins.module.css
@@ -359,69 +359,6 @@
     var(--brand-color-border-muted);
 }
 
-.accessPanel {
-  display: flex;
-  flex-direction: column;
-  gap: var(--base-size-16);
-  padding: 60px 60px var(--base-size-16);
-}
-
-.accessTitle {
-  margin: 0;
-  font-family: var(--brand-fontStack-monospace);
-  font-size: 14px;
-  font-weight: var(--brand-text-weight-regular);
-  text-transform: uppercase;
-  letter-spacing: var(--brand-text-letterSpacing-100);
-  color: var(--brand-color-text-muted);
-}
-
-.accessList {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-}
-
-.accessItem {
-  display: flex;
-  align-items: center;
-  min-width: 0;
-  padding-block: var(--base-size-16);
-  border-block-start: var(--brand-borderWidth-thin) dashed
-    var(--brand-color-border-muted);
-}
-
-.accessItem:first-child {
-  border-block-start: none;
-}
-
-.accessLabel {
-  font-weight: var(--brand-heading-weight-500, 600);
-  color: var(--brand-color-text-default);
-}
-
-.accessDesc {
-  color: var(--brand-color-text-muted);
-  margin: 0;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.accessCode {
-  font-family: var(--brand-fontStack-monospace, monospace);
-  font-size: 0.85em;
-  padding: 0.15em 0.4em;
-  border-radius: var(--brand-borderRadius-medium);
-  background-color: var(--brand-color-border-muted);
-  border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
-  color: var(--brand-color-text-default);
-  white-space: nowrap;
-}
-
 /* Full-bleed horizontal rule spanning the entire viewport width */
 .rule {
   width: 100%;