From 2a07583d6d224c3525184c454aa213f4bf0183bd Mon Sep 17 00:00:00 2001
From: jlightner <jlightner@users.noreply.github.com>
Date: Mon, 30 Mar 2026 07:19:31 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20Added=20TypeScript=20version=20types,?=
 =?UTF-8?q?=20fetchTechniqueVersions=20function,=E2=80=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- "frontend/src/api/public-client.ts"
- "frontend/src/pages/TechniquePage.tsx"

GSD-Task: S04/T03
---
 frontend/src/api/public-client.ts    | 20 ++++++++++++++++++++
 frontend/src/pages/TechniquePage.tsx | 12 +++++++++++-
 2 files changed, 31 insertions(+), 1 deletion(-)

diff --git a/frontend/src/api/public-client.ts b/frontend/src/api/public-client.ts
index 5616870..1fa5d68 100644
--- a/frontend/src/api/public-client.ts
+++ b/frontend/src/api/public-client.ts
@@ -68,6 +68,18 @@ export interface TechniquePageDetail {
   key_moments: KeyMomentSummary[];
   creator_info: CreatorInfo | null;
   related_links: RelatedLinkItem[];
+  version_count: number;
+}
+
+export interface TechniquePageVersionSummary {
+  version_number: number;
+  created_at: string;
+  pipeline_metadata: Record<string, unknown> | null;
+}
+
+export interface TechniquePageVersionListResponse {
+  items: TechniquePageVersionSummary[];
+  total: number;
 }
 
 export interface TechniqueListItem {
@@ -217,6 +229,14 @@ export async function fetchTechnique(
   return request<TechniquePageDetail>(`${BASE}/techniques/${slug}`);
 }
 
+export async function fetchTechniqueVersions(
+  slug: string,
+): Promise<TechniquePageVersionListResponse> {
+  return request<TechniquePageVersionListResponse>(
+    `${BASE}/techniques/${slug}/versions`,
+  );
+}
+
 // ── Topics ───────────────────────────────────────────────────────────────────
 
 export async function fetchTopics(): Promise<TopicCategory[]> {
diff --git a/frontend/src/pages/TechniquePage.tsx b/frontend/src/pages/TechniquePage.tsx
index 36a259d..2487291 100644
--- a/frontend/src/pages/TechniquePage.tsx
+++ b/frontend/src/pages/TechniquePage.tsx
@@ -151,7 +151,17 @@ export default function TechniquePage() {
               "en-US",
               { year: "numeric", month: "short", day: "numeric" },
             );
-            return `Compiled from ${sourceCount} source${sourceCount !== 1 ? "s" : ""} · ${momentCount} key moment${momentCount !== 1 ? "s" : ""} · Last updated ${updated}`;
+            const parts = [
+              `Compiled from ${sourceCount} source${sourceCount !== 1 ? "s" : ""}`,
+              `${momentCount} key moment${momentCount !== 1 ? "s" : ""}`,
+            ];
+            if (technique.version_count > 0) {
+              parts.push(
+                `${technique.version_count} version${technique.version_count !== 1 ? "s" : ""}`,
+              );
+            }
+            parts.push(`Last updated ${updated}`);
+            return parts.join(" · ");
           })()}
         </div>
       </header>