feat: add Thanks page with third-party acknowledgements

content/2.0.0/wiki/index.md

@@ -1,5 +1,5 @@
 <div style="text-align: center; margin-bottom: 20px;">
-  <img src="/content/2.0.0/wiki/assets/logo.png" alt="Charts Library Logo" style="max-width: 500px;">
+  <img src="/content/2.0.0/wiki/assets/logo.png" alt="Charts Library Logo" style="width: 100%; max-width: 500px; height: auto;">
 </div>
 
 # Charts 2.0.0

content/2.0.1/wiki/index.md

@@ -1,5 +1,5 @@
 <div style="text-align: center; margin-bottom: 20px;">
-  <img src="/content/2.0.1/wiki/assets/logo.png" alt="Charts Library Logo" style="max-width: 500px;">
+  <img src="/content/2.0.1/wiki/assets/logo.png" alt="Charts Library Logo" style="width: 100%; max-width: 500px; height: auto;">
 </div>
 
 # Charts 2.0.1

content/2.1.0/wiki/index.md

@@ -1,5 +1,5 @@
 <div style="text-align: center; margin-bottom: 20px;">
-  <img src="/content/2.1.0/wiki/assets/logo.png" alt="Charts Library Logo" style="max-width: 500px;">
+  <img src="/content/2.1.0/wiki/assets/logo.png" alt="Charts Library Logo" style="width: 100%; max-width: 500px; height: auto;">
 </div>
 
 # Charts 2.1.0

content/2.2.0/wiki/index.md

@@ -1,5 +1,5 @@
 <div style="text-align: center; margin-bottom: 20px;">
-  <img src="/content/2.2.0/wiki/assets/logo.png" alt="Charts Library Logo" style="max-width: 500px;">
+  <img src="/content/2.2.0/wiki/assets/logo.png" alt="Charts Library Logo" style="width: 100%; max-width: 500px; height: auto;">
 </div>
 
 # Charts 2.2.0

content/snapshot/wiki/index.md

@@ -1,5 +1,5 @@
 <div style="text-align: center; margin-bottom: 20px;">
-  <img src="/content/{{version}}/wiki/assets/logo.png" alt="Charts Library Logo" style="max-width: 500px;">
+  <img src="/content/{{version}}/wiki/assets/logo.png" alt="Charts Library Logo" style="width: 100%; max-width: 500px; height: auto;">
 </div>
 
 # Charts {{versionLabel}}

docs-app/app/[version]/agent/page.tsx

@@ -17,7 +17,7 @@ export async function generateMetadata({ params }: AgentPromptPageProps): Promis
 export default async function AgentPromptPage({ params }: AgentPromptPageProps) {
   const { version } = await params;
   return (
-    <div className="docs-content">
+    <div className="docs-content docs-content--page">
       <AgentPromptBuilder versionId={version} />
     </div>
   );

docs-app/app/[version]/api/page.tsx

@@ -25,7 +25,7 @@ export default async function ApiPage({ params }: ApiPageProps) {
   const apiUrl = getVersionApiIndexUrl(version);
 
   return (
-    <div className="docs-content animate-fadeIn" style={{ maxWidth: 'none' }}>
+    <div className="docs-content docs-content--full animate-fadeIn">
       <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: 'var(--space-4)' }}>
         <h1 style={{ margin: 0 }}>API Reference</h1>
         <a 

docs-app/app/[version]/wiki/[[...slug]]/page.tsx

@@ -38,6 +38,7 @@ export default async function WikiPage({ params }: WikiPageProps) {
   const usesMigrationLayout = pageSlug === 'migration';
   const articleClassName = [
     'docs-content',
+    'docs-content--page',
     'animate-fadeIn',
     usesSplitExamplesLayout ? 'docs-page--snapshot-examples' : '',
     usesMigrationLayout ? 'docs-page--migration' : '',

docs-app/app/globals.css

@@ -391,6 +391,15 @@ body {
   margin: 0 auto;
 }
 
+.docs-content--page {
+  max-width: 900px;
+  padding: 3rem 1.5rem;
+}
+
+.docs-content--full {
+  max-width: none;
+}
+
 /* ===========================================
    Version Switcher
    =========================================== */
@@ -541,6 +550,11 @@ body {
   text-decoration: underline;
 }
 
+.docs-content .thanks__brand-link:hover,
+.docs-content .thanks__brand-link:hover .thanks__brand-name {
+  text-decoration: none;
+}
+
 .docs-content ul,
 .docs-content ol {
   margin-bottom: var(--space-4);
@@ -1126,6 +1140,111 @@ body {
   }
 }
 
+/* ===========================================
+   Thanks Page
+   =========================================== */
+
+.thanks__brands {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: var(--space-4) var(--space-6);
+  margin: var(--space-6) 0;
+}
+
+.thanks__brand-link {
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+  text-decoration: none;
+  opacity: 0.8;
+  transition: opacity var(--transition-fast);
+}
+
+.thanks__brand-link:hover {
+  opacity: 1;
+}
+
+.thanks__brand-link:hover .thanks__brand-name {
+  text-decoration: none;
+}
+
+.thanks__brand-avatar {
+  width: 32px;
+  height: 32px;
+  border-radius: var(--radius-md);
+  background: var(--bg-tertiary);
+  object-fit: contain;
+  flex-shrink: 0;
+}
+
+.thanks__brand-text {
+  display: flex;
+  flex-direction: column;
+}
+
+.thanks__brand-name {
+  font-weight: 500;
+  font-size: 0.85rem;
+  color: var(--text-primary);
+}
+
+.thanks__brand-role {
+  font-size: 0.75rem;
+  color: var(--text-secondary);
+}
+
+.thanks__license {
+  color: var(--text-muted);
+  font-size: 0.82rem;
+  font-style: italic;
+}
+
+.thanks__list-item {
+  display: flex;
+  align-items: flex-start;
+  gap: var(--space-2);
+}
+
+.thanks__project-heading {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+}
+
+.thanks__project-avatar {
+  width: 1.5rem;
+  height: 1.5rem;
+  border-radius: var(--radius-md);
+  flex-shrink: 0;
+  background: var(--bg-tertiary);
+}
+
+.thanks__item-avatar {
+  width: 1.2rem;
+  height: 1.2rem;
+  border-radius: var(--radius-sm);
+  flex-shrink: 0;
+  margin-top: 0.15em;
+  background: var(--bg-tertiary);
+  object-fit: contain;
+}
+
+@media (max-width: 600px) {
+  .thanks__brands {
+    grid-template-columns: repeat(2, 1fr);
+    gap: var(--space-3) var(--space-4);
+  }
+
+  .thanks__brand-avatar {
+    width: 28px;
+    height: 28px;
+  }
+
+  .thanks__brand-name {
+    font-size: 0.78rem;
+  }
+}
+
 /* ===========================================
    Animations
    =========================================== */

docs-app/app/privacy-policy/page.tsx

@@ -7,10 +7,7 @@ export const metadata: Metadata = {
 
 export default function PrivacyPolicyPage() {
   return (
-    <main
-      className="docs-content"
-      style={{ maxWidth: '900px', margin: '0 auto', padding: '3rem 1.5rem' }}
-    >
+    <main className="docs-content docs-content--page">
       <h1>Privacy Policy</h1>
       <p>
         <strong>Last updated:</strong> February 10, 2026