From 1104c901e2267a7cc706c2149e98adf4683bbb1f Mon Sep 17 00:00:00 2001
From: Daniel Naab <dnaab@flexion.us>
Date: Thu, 7 May 2026 05:16:31 +0000
Subject: [PATCH] Fix broken links on design system page

The "Work" and "Health" links 404 because those routes are disabled.
Replace dead links with placeholder text for sortable-table and
catalog-filter examples, and point the Link component example to an
active page.
---
 src/design/components/catalog-filter/examples.tsx | 2 +-
 src/design/components/link/examples.tsx           | 2 +-
 src/design/components/sortable-table/examples.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/design/components/catalog-filter/examples.tsx b/src/design/components/catalog-filter/examples.tsx
index 998fb17..0bb18d1 100644
--- a/src/design/components/catalog-filter/examples.tsx
+++ b/src/design/components/catalog-filter/examples.tsx
@@ -3,7 +3,7 @@ export function CatalogFilterExamples() {
     <section id="catalog-filter">
       <h2>Catalog filter</h2>
       <p>An HTML Web Component (<code>&lt;catalog-filter&gt;</code>) that wraps a filter form and list. With JavaScript, filters items in-place by tier and category. Without JavaScript, the form submits as a GET request.</p>
-      <p><em>See the <a href="work/">Work</a> page for a live example.</em></p>
+      <p><em>Live example coming soon — the Work page is not yet published.</em></p>
     </section>
   )
 }
diff --git a/src/design/components/link/examples.tsx b/src/design/components/link/examples.tsx
index 170ebfc..940f6f6 100644
--- a/src/design/components/link/examples.tsx
+++ b/src/design/components/link/examples.tsx
@@ -7,7 +7,7 @@ export function LinkExamples() {
       <p>Navigational anchors. External links automatically add <code>rel="noopener external"</code> and a visual icon indicator.</p>
 
       <h3>Internal link</h3>
-      <p><Link href="work/">View our work</Link></p>
+      <p><Link href="/commitment/">Our commitment</Link></p>
 
       <h3>External link</h3>
       <p><Link href="https://github.com/flexion" external>Flexion on GitHub</Link></p>
diff --git a/src/design/components/sortable-table/examples.tsx b/src/design/components/sortable-table/examples.tsx
index aa0fe1c..d7e1d60 100644
--- a/src/design/components/sortable-table/examples.tsx
+++ b/src/design/components/sortable-table/examples.tsx
@@ -3,7 +3,7 @@ export function SortableTableExamples() {
     <section id="sortable-table">
       <h2>Sortable table</h2>
       <p>An HTML Web Component (<code>&lt;sortable-table&gt;</code>) that wraps a table. Column headers become clickable sort controls. Works without JavaScript — the default sort is applied server-side.</p>
-      <p><em>See the <a href="work/health/">Health</a> page for a live example.</em></p>
+      <p><em>Live example coming soon — the Health page is not yet published.</em></p>
     </section>
   )
 }