Merge pull request #163 from DenisValeev/copilot/add-apps-to-global-index

Add Cloth Lab and Enchanted Forest Bunny to the toolbox index

Author: DenisValeev

index.html

@@ -502,6 +502,18 @@ <h2 id="tools-section" class="section-title">Labs &amp; tools</h2>
             <span>Value Formatter</span>
           </a>
         </li>
+        <li>
+          <a class="app-button app-button--secondary app-button--wide" href="apps/cloth/">
+            <span aria-hidden="true">🧵</span>
+            <span>Cloth Lab</span>
+          </a>
+        </li>
+        <li>
+          <a class="app-button app-button--secondary app-button--wide" href="apps/enchanted-bunny/">
+            <span aria-hidden="true">🐇</span>
+            <span>Enchanted Forest Bunny</span>
+          </a>
+        </li>
         <li>
           <a class="docs-button app-button--secondary app-button--wide" href="docs/">
             <span aria-hidden="true">📖</span>

tests/home.spec.js

@@ -8,13 +8,13 @@ test.describe('Landing page', () => {
     await expect(header.locator('h1')).toHaveText('Toolbox');
 
     const deckRows = page.locator('.app-row');
-    await expect(deckRows).toHaveCount(4);
+    await expect(deckRows).toHaveCount(3);
     await expect(deckRows.first()).toHaveAttribute('role', 'group');
 
     const groupLabels = await deckRows.evaluateAll((nodes) =>
       nodes.map((node) => node.getAttribute('aria-label')),
     );
-    expect(groupLabels).toEqual(['Jokes', 'Quotes', 'Total Recall', 'Slang']);
+    expect(groupLabels).toEqual(['Jokes', 'Quotes', 'Slang']);
 
     const deckLinkSets = await deckRows.evaluateAll((nodes) =>
       nodes.map((node) =>
@@ -34,15 +34,30 @@ test.describe('Landing page', () => {
         { href: 'apps/quotes/', text: '💬 Quotes' },
         { href: 'apps/quotes/all-quotes.html', text: 'All Quotes' },
       ],
-      [
-        { href: 'apps/total-recall/', text: '🧠 Total Recall' },
-      ],
       [
         { href: 'apps/slang/', text: '🗣️ Slang' },
         { href: 'apps/slang/all-slang.html', text: 'All Slang' },
       ],
     ]);
 
+    const toolLinks = page.locator('.tool-list a.app-button, .tool-list a.docs-button');
+    await expect(toolLinks).toHaveCount(9);
+
+    const toolLinkHrefs = await toolLinks.evaluateAll((nodes) =>
+      nodes.map((node) => node.getAttribute('href')),
+    );
+    expect(toolLinkHrefs).toEqual([
+      'apps/total-recall/',
+      'apps/similarity-report/',
+      'apps/embedding-explorer/',
+      'apps/asset-observatory/',
+      'apps/value-formatter/',
+      'apps/cloth/',
+      'apps/enchanted-bunny/',
+      'docs/',
+      'apps/wiki/',
+    ]);
+
     await expect(page.locator('a.app-button--primary')).toHaveCount(0);
     await expect(page.locator('a.app-card')).toHaveCount(0);
     await expect(page.locator('.dev-tools')).toHaveCount(0);

tests/index.spec.js

@@ -5,7 +5,7 @@ test.describe('Landing page', () => {
     await page.goto('/');
 
     const groupedRows = page.locator('.app-row[data-group]');
-    await expect(groupedRows).toHaveCount(4);
+    await expect(groupedRows).toHaveCount(3);
 
     const expectedRows = [
       {
@@ -20,12 +20,6 @@ test.describe('Landing page', () => {
         texts: ['💬 Quotes', 'All Quotes'],
         hrefs: ['apps/quotes/', 'apps/quotes/all-quotes.html'],
       },
-      {
-        group: 'total-recall',
-        label: 'Total Recall',
-        texts: ['🧠 Total Recall'],
-        hrefs: ['apps/total-recall/'],
-      },
       {
         group: 'slang',
         label: 'Slang',
@@ -62,7 +56,7 @@ test.describe('Landing page', () => {
 
     const toolSection = page.locator('section.app-groups').nth(1);
     const toolButtons = toolSection.locator('a.app-button, a.docs-button');
-    await expect(toolButtons).toHaveCount(6);
+    await expect(toolButtons).toHaveCount(9);
 
     const toolInfo = await toolButtons.evaluateAll((nodes) =>
       nodes.map((node) => ({
@@ -72,11 +66,14 @@ test.describe('Landing page', () => {
     );
 
     expect(toolInfo).toEqual([
+      { text: '🧠 Total Recall', href: 'apps/total-recall/' },
       { text: '🧪 Cosine Similarity Lab', href: 'apps/similarity-report/' },
       { text: '🧬 Embedding Explorer', href: 'apps/embedding-explorer/' },
       { text: '📊 Asset Observatory', href: 'apps/asset-observatory/' },
       { text: '🧰 Value Formatter', href: 'apps/value-formatter/' },
-      { text: '📚 AI Docs', href: 'ai_docs/' },
+      { text: '🧵 Cloth Lab', href: 'apps/cloth/' },
+      { text: '🐇 Enchanted Forest Bunny', href: 'apps/enchanted-bunny/' },
+      { text: '📖 Docs', href: 'docs/' },
       { text: '📚 Blog', href: 'apps/wiki/' },
     ]);
 
@@ -86,6 +83,6 @@ test.describe('Landing page', () => {
     await expect(valueFormatterButton).not.toContainText('—');
 
     const allButtons = page.locator('a.app-button, a.docs-button');
-    await expect(allButtons).toHaveCount(13);
+    await expect(allButtons).toHaveCount(15);
   });
 });