Add agentic workflows page to website

Add a new /workflows/ page for browsing agentic workflow definitions
with search, trigger/tag filters, and sorting. Follows the same
patterns as the existing hooks page.

New files:
- website/src/pages/workflows.astro
- website/src/scripts/pages/workflows.ts

Updated files:
- BaseLayout.astro: add Workflows nav link
- index.astro: add Workflows card to homepage
- pages/index.ts: add workflows to counts
- utils.ts: add workflow type to icons, labels, and getResourceType

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

website/src/pages/index.astro

@@ -57,6 +57,14 @@ const base = import.meta.env.BASE_URL;
             </div>
             <div class="card-count" data-count="hooks" aria-label="Hook count">-</div>
           </a>
+          <a href={`${base}workflows/`} class="card card-with-count" id="card-workflows">
+            <div class="card-icon" aria-hidden="true">⚡</div>
+            <div class="card-content">
+              <h3>Workflows</h3>
+              <p>AI-powered automations for GitHub Actions</p>
+            </div>
+            <div class="card-count" data-count="workflows" aria-label="Workflow count">-</div>
+          </a>
           <a href={`${base}plugins/`} class="card card-with-count" id="card-plugins">
             <div class="card-icon" aria-hidden="true">🔌</div>
             <div class="card-content">

website/src/pages/workflows.astro

@@ -0,0 +1,54 @@
+---
+import BaseLayout from '../layouts/BaseLayout.astro';
+import Modal from '../components/Modal.astro';
+---
+
+<BaseLayout title="Workflows" description="AI-powered repository automations that run coding agents in GitHub Actions" activeNav="workflows">
+  <main id="main-content">
+    <div class="page-header">
+      <div class="container">
+        <h1>⚡ Agentic Workflows</h1>
+        <p>AI-powered repository automations that run coding agents in GitHub Actions</p>
+      </div>
+    </div>
+
+    <div class="page-content">
+      <div class="container">
+        <div class="search-bar">
+          <label for="search-input" class="sr-only">Search workflows</label>
+          <input type="text" id="search-input" placeholder="Search workflows..." autocomplete="off">
+        </div>
+        
+        <div class="filters-bar" id="filters-bar">
+          <div class="filter-group">
+            <label for="filter-trigger">Trigger:</label>
+            <select id="filter-trigger" multiple aria-label="Filter by trigger"></select>
+          </div>
+          <div class="filter-group">
+            <label for="filter-tag">Tag:</label>
+            <select id="filter-tag" multiple aria-label="Filter by tag"></select>
+          </div>
+          <div class="filter-group">
+            <label for="sort-select">Sort:</label>
+            <select id="sort-select" aria-label="Sort by">
+              <option value="title">Name (A-Z)</option>
+              <option value="lastUpdated">Recently Updated</option>
+            </select>
+          </div>
+          <button id="clear-filters" class="btn btn-secondary btn-small">Clear Filters</button>
+        </div>
+        
+        <div class="results-count" id="results-count" aria-live="polite"></div>
+        <div class="resource-list" id="resource-list" role="list">
+          <div class="loading" aria-live="polite">Loading workflows...</div>
+        </div>
+      </div>
+    </div>
+  </main>
+
+  <Modal />
+
+  <script>
+    import '../scripts/pages/workflows';
+  </script>
+</BaseLayout>