Fix guides page sidebar sticky position and strip underscore properties

- Fix sidebar getting cut off by header when scrolling by using CSS variable
  --header-height instead of fixed top-4 value
- Add preventScrollReset to setSearchParams to prevent scroll jumping
- Add stripUnderscoreProperties helper to recursively remove underscore
  prefixed properties from policy examples

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: ntotten

scripts/generate-policies.ts

@@ -77,6 +77,27 @@ function invariant(condition: unknown, message: string): asserts condition {
   throw new Error(message);
 }
 
+/**
+ * Recursively removes all properties that start with an underscore from an object
+ */
+function stripUnderscoreProperties<T>(obj: T): T {
+  if (obj === null || typeof obj !== "object") {
+    return obj;
+  }
+
+  if (Array.isArray(obj)) {
+    return obj.map((item) => stripUnderscoreProperties(item)) as T;
+  }
+
+  const result: Record<string, unknown> = {};
+  for (const [key, value] of Object.entries(obj)) {
+    if (!key.startsWith("_")) {
+      result[key] = stripUnderscoreProperties(value);
+    }
+  }
+  return result as T;
+}
+
 type PolicyProduct = "ai-gateway" | "api-gateway" | "mcp-gateway";
 type PolicySchema = JSONSchema7 & {
   isBeta?: boolean;
@@ -253,9 +274,7 @@ for (const schemaPath of policySchemas) {
       module: `$import(./modules/${policyId})`,
     };
   } else if (examples && examples.length > 0) {
-    const example = { ...examples[0] };
-    delete (example as any)._name;
-    meta.defaultHandler = example;
+    meta.defaultHandler = stripUnderscoreProperties(examples[0]);
   } else {
     meta.defaultHandler = {
       export: (handler.properties.export as JSONSchema7).const,
@@ -282,7 +301,7 @@ for (const schemaPath of policySchemas) {
     code = {
       name: `my-${policyId}-policy`,
       policyType: policyId,
-      handler: examples[0],
+      handler: stripUnderscoreProperties(examples[0]),
     };
   } else if (schema.isCustom) {
     code = {

src/pages/GuidesPage.tsx

@@ -23,10 +23,10 @@ export const GuidesPage = () => {
     if (newCategories.length > 0) {
       setSearchParams(
         { categories: newCategories.join(",") },
-        { replace: true },
+        { replace: true, preventScrollReset: true },
       );
     } else {
-      setSearchParams({}, { replace: true });
+      setSearchParams({}, { replace: true, preventScrollReset: true });
     }
   };
 
@@ -72,7 +72,7 @@ export const GuidesPage = () => {
       <div className="grid grid-cols-1 lg:grid-cols-4 gap-8 my-5">
         {/* Sidebar */}
         <aside className="lg:col-span-1">
-          <div className="sticky top-4">
+          <div className="sticky top-[calc(var(--header-height)+1rem)]">
             <h2 className="text-xl font-semibold mb-4">Filter Guides</h2>
             <div className="space-y-3">
               {categories.map((category) => (