Improve search indexing and add production health monitor

package.json

@@ -26,7 +26,8 @@
     "video:cut2:vertical": "remotion render video/cut2/index.tsx PosecodeCut2Vertical docs/launch-media/posecode-cut2-builder-9x16.mp4 --public-dir video/cut2/public --codec h264 --crf 16",
     "video:cut2:still": "remotion still video/cut2/index.tsx PosecodeCut2 docs/launch-media/posecode-cut2-payoff.png --public-dir video/cut2/public --frame 825",
     "typecheck": "for p in packages/*/tsconfig.json playground/tsconfig.json editors/*/tsconfig.json; do tsc --noEmit -p \"$p\" || exit 1; done",
-    "gifs": "node scripts/capture-gifs.mjs"
+    "gifs": "node scripts/capture-gifs.mjs",
+    "monitor:site": "node scripts/check-site-health.mjs"
   },
   "devDependencies": {
     "@changesets/cli": "^3.0.1",

playground/for-products.html

@@ -3,8 +3,8 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Integrate Inspectable Movement | Posecode for Products</title>
-    <meta name="description" content="Add a readable, editable movement format to an animation tool, LLM workflow, or web product with Posecode's parser, renderer, web component, and MCP server." />
+    <title>3D Movement SDK &amp; Web Component | Posecode for Products</title>
+    <meta name="description" content="Embed editable 3D human movement in an animation tool, LLM workflow, or web product with Posecode's TypeScript parser, Three.js renderer, web component, and MCP server." />
     <link rel="canonical" href="https://www.posecode.org/for-products" />
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
@@ -75,7 +75,7 @@ <h2>Start at the layer you need.</h2>
             <span class="card-index">01 / embed</span>
             <h3>Drop in a movement player</h3>
             <p>Use the framework-free <code>&lt;posecode-player&gt;</code> web component with inline Posecode, a <code>.posecode</code> URL, or a share token.</p>
-            <pre aria-label="HTML web component example"><code>&lt;script src="https://unpkg.com/posecode-embed@0.2.2/dist/posecode-embed.js"&gt;&lt;/script&gt;
+            <pre aria-label="HTML web component example"><code>&lt;script src="https://unpkg.com/posecode-embed@0.5.0/dist/posecode-embed.js"&gt;&lt;/script&gt;
 &lt;posecode-player src="/moves/squat.posecode"&gt;&lt;/posecode-player&gt;</code></pre>
             <div class="integration-actions">
               <button class="code-action" type="button" data-copy-command="embed" data-command="npm install posecode-embed">Copy npm command</button>

playground/public/llm-guide.html

@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>

playground/public/moves/bent-over-row.html

@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Bent-over row: Posecode Movement Example | Posecode</title>
+    <title>Bent-over row 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Bent-over row is an intermediate-level fitness Posecode example with 4 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Bent-over row rendered as an editable 3D animation from inspectable Posecode source, with 4 intermediate-level fitness phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/bent-over-row.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Bent-over row: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Bent-over row is an intermediate-level fitness Posecode example with 4 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Bent-over row 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Bent-over row rendered as an editable 3D animation from inspectable Posecode source, with 4 intermediate-level fitness phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/bent-over-row.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Bent-over row: a Posecode movement example","description":"Bent-over row is an intermediate-level fitness Posecode example with 4 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Bent-over row: editable 3D animation and Posecode source","description":"Bent-over row rendered as an editable 3D animation from inspectable Posecode source, with 4 intermediate-level fitness phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>

playground/public/moves/bow.html

@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Standing bow: Posecode Movement Example | Posecode</title>
+    <title>Standing bow 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Standing bow is a beginner-level martial arts Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Standing bow rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level martial arts phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/bow.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Standing bow: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Standing bow is a beginner-level martial arts Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Standing bow 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Standing bow rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level martial arts phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/bow.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Standing bow: a Posecode movement example","description":"Standing bow is a beginner-level martial arts Posecode example with 2 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Standing bow: editable 3D animation and Posecode source","description":"Standing bow rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level martial arts phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>

playground/public/moves/box-squat.html

@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Box squat: Posecode Movement Example | Posecode</title>
+    <title>Box squat 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Box squat is a beginner-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Box squat rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level fitness phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/box-squat.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Box squat: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Box squat is a beginner-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Box squat 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Box squat rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level fitness phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/box-squat.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Box squat: a Posecode movement example","description":"Box squat is a beginner-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Box squat: editable 3D animation and Posecode source","description":"Box squat rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level fitness phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>

playground/public/moves/box-step-taps.html

@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Box step taps: Posecode Movement Example | Posecode</title>
+    <title>Box step taps 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Box step taps is a beginner-level warm-up Posecode example with 4 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Box step taps rendered as an editable 3D animation from inspectable Posecode source, with 4 beginner-level warm-up phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/box-step-taps.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Box step taps: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Box step taps is a beginner-level warm-up Posecode example with 4 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Box step taps 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Box step taps rendered as an editable 3D animation from inspectable Posecode source, with 4 beginner-level warm-up phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/box-step-taps.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Box step taps: a Posecode movement example","description":"Box step taps is a beginner-level warm-up Posecode example with 4 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Box step taps: editable 3D animation and Posecode source","description":"Box step taps rendered as an editable 3D animation from inspectable Posecode source, with 4 beginner-level warm-up phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>

playground/public/moves/box-step.html

@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Box step: Posecode Movement Example | Posecode</title>
+    <title>Box step 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Box step is a beginner-level dance Posecode example with 4 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Box step rendered as an editable 3D animation from inspectable Posecode source, with 4 beginner-level dance phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/box-step.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Box step: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Box step is a beginner-level dance Posecode example with 4 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Box step 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Box step rendered as an editable 3D animation from inspectable Posecode source, with 4 beginner-level dance phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/box-step.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Box step: a Posecode movement example","description":"Box step is a beginner-level dance Posecode example with 4 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Box step: editable 3D animation and Posecode source","description":"Box step rendered as an editable 3D animation from inspectable Posecode source, with 4 beginner-level dance phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>