Add Fable 5 gallery entries and keep Opus 4.8 visible#9
Merged
Conversation
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
There was a problem hiding this comment.
Pull request overview
Adds the new Fable 5 model family to the gallery across multiple groups (with design skill, with taste skill, without design skill) and updates the home/compare ordering and archive behavior so Fable 5 appears ahead of the Opus line while Opus 4.8 remains visible and Opus 4.7 is archived behind “Show Archived”.
Changes:
- Adds new Fable 5 variant implementations (pages/assets) for multiple gallery groups and wires them into the registry/manifest.
- Updates gallery ordering + archive visibility rules (notably: Opus 4.7 forced archived; leaving-soon removed).
- Refreshes preview capture inputs and updates route tests to reflect the new archive behavior and Fable entry points.
Reviewed changes
Copilot reviewed 87 out of 163 changed files in this pull request and generated 2 comments.
Show a summary per file
| File | Description |
|---|---|
| tests/gallery-routes.spec.ts | Updates route assertions for Opus 4.7 archive behavior and adds Fable coverage in home navigation flows. |
| src/variants/without-design-skill/fable/source/tsconfig.json | Adds TS config for the baseline Fable source app snapshot. |
| src/variants/without-design-skill/fable/source/src/app/page.tsx | Adds source app redirect to iteration 1. |
| src/variants/without-design-skill/fable/source/src/app/layout.tsx | Adds source app layout + metadata for baseline Fable snapshot. |
| src/variants/without-design-skill/fable/source/src/app/globals.css | Adds baseline Fable global styles (tailwind import + theme vars + animations). |
| src/variants/without-design-skill/fable/source/src/app/5/page.tsx | Adds baseline Fable iteration 5 page snapshot. |
| src/variants/without-design-skill/fable/source/src/app/4/page.tsx | Adds baseline Fable iteration 4 page snapshot. |
| src/variants/without-design-skill/fable/source/src/app/3/page.tsx | Adds baseline Fable iteration 3 page snapshot. |
| src/variants/without-design-skill/fable/source/src/app/2/page.tsx | Adds baseline Fable iteration 2 page snapshot. |
| src/variants/without-design-skill/fable/source/src/app/1/page.tsx | Adds baseline Fable iteration 1 page snapshot. |
| src/variants/without-design-skill/fable/source/src/app/_components/design-switcher.tsx | Adds a (currently unused) design switcher component for the source snapshot. |
| src/variants/without-design-skill/fable/source/README.md | Adds Next.js template README for baseline Fable snapshot. |
| src/variants/without-design-skill/fable/source/public/window.svg | Adds baseline source asset. |
| src/variants/without-design-skill/fable/source/public/vercel.svg | Adds baseline source asset. |
| src/variants/without-design-skill/fable/source/public/next.svg | Adds baseline source asset. |
| src/variants/without-design-skill/fable/source/public/globe.svg | Adds baseline source asset. |
| src/variants/without-design-skill/fable/source/public/file.svg | Adds baseline source asset. |
| src/variants/without-design-skill/fable/source/postcss.config.mjs | Adds Tailwind PostCSS config for baseline snapshot. |
| src/variants/without-design-skill/fable/source/package.json | Adds baseline snapshot package manifest. |
| src/variants/without-design-skill/fable/source/next.config.ts | Adds baseline snapshot Next config. |
| src/variants/without-design-skill/fable/source/eslint.config.mjs | Adds baseline snapshot ESLint config. |
| src/variants/without-design-skill/fable/source/CLAUDE.md | Adds agent pointer file for baseline snapshot. |
| src/variants/without-design-skill/fable/source/AGENTS.md | Adds agent guidance for baseline snapshot. |
| src/variants/without-design-skill/fable/source/.gitignore | Adds baseline snapshot ignore rules. |
| src/variants/without-design-skill/fable/index.tsx | Wires baseline Fable iterations + scoped CSS into the gallery variant module. |
| src/variants/with-taste-skill/fable/source/tsconfig.json | Adds TS config for the taste-skill Fable source app snapshot. |
| src/variants/with-taste-skill/fable/source/skills-lock.json | Locks the external taste skill reference for the snapshot. |
| src/variants/with-taste-skill/fable/source/README.md | Adds Next.js template README for taste-skill snapshot. |
| src/variants/with-taste-skill/fable/source/public/window.svg | Adds taste-skill snapshot asset. |
| src/variants/with-taste-skill/fable/source/public/vercel.svg | Adds taste-skill snapshot asset. |
| src/variants/with-taste-skill/fable/source/public/next.svg | Adds taste-skill snapshot asset. |
| src/variants/with-taste-skill/fable/source/public/globe.svg | Adds taste-skill snapshot asset. |
| src/variants/with-taste-skill/fable/source/public/file.svg | Adds taste-skill snapshot asset. |
| src/variants/with-taste-skill/fable/source/postcss.config.mjs | Adds Tailwind PostCSS config for taste-skill snapshot. |
| src/variants/with-taste-skill/fable/source/package.json | Adds taste-skill snapshot package manifest (includes gsap/motion/icons). |
| src/variants/with-taste-skill/fable/source/next.config.ts | Adds taste-skill snapshot Next config. |
| src/variants/with-taste-skill/fable/source/eslint.config.mjs | Adds taste-skill snapshot ESLint config. |
| src/variants/with-taste-skill/fable/source/CLAUDE.md | Adds agent pointer file for taste-skill snapshot. |
| src/variants/with-taste-skill/fable/source/app/page.tsx | Adds taste-skill snapshot redirect to iteration 1. |
| src/variants/with-taste-skill/fable/source/app/layout.tsx | Adds taste-skill snapshot layout with multiple fonts + local iteration switcher. |
| src/variants/with-taste-skill/fable/source/app/globals.css | Adds taste-skill snapshot global styles (theme vars, glass util, marquee). |
| src/variants/with-taste-skill/fable/source/app/components/reveal.tsx | Adds motion-based reveal utility component. |
| src/variants/with-taste-skill/fable/source/app/components/iteration-switcher.tsx | Adds local iteration switcher for the snapshot app. |
| src/variants/with-taste-skill/fable/source/app/5/page.tsx | Adds taste-skill iteration 5 page. |
| src/variants/with-taste-skill/fable/source/app/4/page.tsx | Adds taste-skill iteration 4 page. |
| src/variants/with-taste-skill/fable/source/app/3/page.tsx | Adds taste-skill iteration 3 page. |
| src/variants/with-taste-skill/fable/source/app/3/magnetic-link.tsx | Adds magnetic CTA link effect (motion/react). |
| src/variants/with-taste-skill/fable/source/app/3/kinetic-hero.tsx | Adds kinetic hero motion component. |
| src/variants/with-taste-skill/fable/source/app/3/horizontal-pan.tsx | Adds gsap/ScrollTrigger horizontal scroll story section. |
| src/variants/with-taste-skill/fable/source/app/2/page.tsx | Adds taste-skill iteration 2 page. |
| src/variants/with-taste-skill/fable/source/AGENTS.md | Adds agent guidance for taste-skill snapshot. |
| src/variants/with-taste-skill/fable/source/.gitignore | Adds taste-skill snapshot ignore rules. |
| src/variants/with-taste-skill/fable/index.tsx | Wires taste-skill Fable iterations + scoped CSS + font vars into the gallery variant module. |
| src/variants/with-design-skill/fable/source/tsconfig.json | Adds TS config for the design-skill Fable source app snapshot. |
| src/variants/with-design-skill/fable/source/src/components/IterationSwitcher.tsx | Adds iteration switcher component (with keyboard shortcuts) for the design-skill snapshot. |
| src/variants/with-design-skill/fable/source/src/app/page.tsx | Adds design-skill snapshot landing index (lists 5 directions). |
| src/variants/with-design-skill/fable/source/src/app/layout.tsx | Adds design-skill snapshot root layout + metadata. |
| src/variants/with-design-skill/fable/source/src/app/globals.css | Adds design-skill snapshot global CSS. |
| src/variants/with-design-skill/fable/source/src/app/5/page.tsx | Adds design-skill iteration 5 page wrapper. |
| src/variants/with-design-skill/fable/source/src/app/5/landing.tsx | Adds design-skill iteration 5 landing implementation (sticky-note board). |
| src/variants/with-design-skill/fable/source/src/app/4/page.tsx | Adds design-skill iteration 4 page wrapper. |
| src/variants/with-design-skill/fable/source/src/app/4/landing.css | Adds design-skill iteration 4 landing CSS. |
| src/variants/with-design-skill/fable/source/src/app/3/page.tsx | Adds design-skill iteration 3 page wrapper. |
| src/variants/with-design-skill/fable/source/src/app/3/landing.tsx | Adds design-skill iteration 3 landing implementation. |
| src/variants/with-design-skill/fable/source/src/app/2/page.tsx | Adds design-skill iteration 2 page wrapper. |
| src/variants/with-design-skill/fable/source/src/app/1/page.tsx | Adds design-skill iteration 1 page wrapper. |
| src/variants/with-design-skill/fable/source/src/app/1/landing.tsx | Adds design-skill iteration 1 landing implementation. |
| src/variants/with-design-skill/fable/source/skills-lock.json | Locks the external design skill reference for the snapshot. |
| src/variants/with-design-skill/fable/source/README.md | Adds Next.js template README for design-skill snapshot. |
| src/variants/with-design-skill/fable/source/public/window.svg | Adds design-skill snapshot asset. |
| src/variants/with-design-skill/fable/source/public/vercel.svg | Adds design-skill snapshot asset. |
| src/variants/with-design-skill/fable/source/public/next.svg | Adds design-skill snapshot asset. |
| src/variants/with-design-skill/fable/source/public/globe.svg | Adds design-skill snapshot asset. |
| src/variants/with-design-skill/fable/source/public/file.svg | Adds design-skill snapshot asset. |
| src/variants/with-design-skill/fable/source/postcss.config.mjs | Adds Tailwind PostCSS config for design-skill snapshot. |
| src/variants/with-design-skill/fable/source/package.json | Adds design-skill snapshot package manifest. |
| src/variants/with-design-skill/fable/source/next.config.ts | Adds design-skill snapshot Next config. |
| src/variants/with-design-skill/fable/source/eslint.config.mjs | Adds design-skill snapshot ESLint config. |
| src/variants/with-design-skill/fable/source/CLAUDE.md | Adds agent pointer file for design-skill snapshot. |
| src/variants/with-design-skill/fable/source/AGENTS.md | Adds agent guidance for design-skill snapshot. |
| src/variants/with-design-skill/fable/source/.gitignore | Adds design-skill snapshot ignore rules. |
| src/variants/with-design-skill/fable/index.tsx | Wires design-skill Fable iterations + scoped CSS into the gallery variant module. |
| src/lib/model-labs.ts | Adds lab mapping for the new fable model slug. |
| src/lib/model-brand-logo.ts | Adds brand-logo mapping for fable. |
| src/lib/gallery-types.ts | Extends gallery group + model unions for with-taste-skill and fable. |
| src/lib/gallery-registry.ts | Registers new Fable variants across groups. |
| src/lib/gallery-paths.ts | Updates group validation for with-taste-skill. |
| src/lib/gallery-model-order.ts | Updates home ordering to place Fable before Opus. |
| src/lib/gallery-manifest.ts | Adds Fable 5 manifest entries across groups. |
| src/lib/gallery-archived.ts | Updates archive visibility rules (forces Opus 4.7 archived; adjusts family/tier mapping; removes leaving-soon). |
| src/lib/compare.ts | Adds with-taste-skill to compare group ordering. |
| src/generated/scoped-variant-css/without-design-skill/fable/source/src/app/globals.css | Adds scoped CSS output for baseline Fable. |
| src/generated/scoped-variant-css/with-taste-skill/fable/source/app/globals.css | Adds scoped CSS output for taste-skill Fable. |
| src/generated/scoped-variant-css/with-design-skill/fable/source/src/app/globals.css | Adds scoped CSS output for design-skill Fable. |
| src/components/compare/compare-selects.tsx | Adds icon mapping support for with-taste-skill in compare UI. |
| src/app/page.tsx | Includes with-taste-skill on the home page group list. |
| scripts/capture-previews.mjs | Adds Fable entries for preview capture automation. |
| public/variants/without-design-skill/fable/window.svg | Adds gallery-served static assets for baseline Fable. |
| public/variants/without-design-skill/fable/vercel.svg | Adds gallery-served static assets for baseline Fable. |
| public/variants/without-design-skill/fable/next.svg | Adds gallery-served static assets for baseline Fable. |
| public/variants/without-design-skill/fable/globe.svg | Adds gallery-served static assets for baseline Fable. |
| public/variants/without-design-skill/fable/file.svg | Adds gallery-served static assets for baseline Fable. |
| public/variants/with-taste-skill/fable/window.svg | Adds gallery-served static assets for taste-skill Fable. |
| public/variants/with-taste-skill/fable/vercel.svg | Adds gallery-served static assets for taste-skill Fable. |
| public/variants/with-taste-skill/fable/next.svg | Adds gallery-served static assets for taste-skill Fable. |
| public/variants/with-taste-skill/fable/globe.svg | Adds gallery-served static assets for taste-skill Fable. |
| public/variants/with-taste-skill/fable/file.svg | Adds gallery-served static assets for taste-skill Fable. |
| public/variants/with-design-skill/fable/window.svg | Adds gallery-served static assets for design-skill Fable. |
| public/variants/with-design-skill/fable/vercel.svg | Adds gallery-served static assets for design-skill Fable. |
| public/variants/with-design-skill/fable/next.svg | Adds gallery-served static assets for design-skill Fable. |
| public/variants/with-design-skill/fable/globe.svg | Adds gallery-served static assets for design-skill Fable. |
| public/variants/with-design-skill/fable/file.svg | Adds gallery-served static assets for design-skill Fable. |
| package.json | Adds new runtime deps required by taste-skill Fable (icons + gsap). |
| package-lock.json | Updates lockfile for new dependencies (including gsap license metadata). |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| { id: 5, text: "“we overestimate days, underestimate decades” — who said this", color: "blue", tag: "quote", scatter: { x: 8, y: 48, rot: 5 }, grid: { col: 1, row: 1 } }, | ||
| { id: 6, text: "that podcast line about attention (WHICH podcast)", color: "pink", tag: "quote", scatter: { x: 41, y: 56, rot: -5 }, grid: { col: 2, row: 1 } }, | ||
| { id: 7, text: "mum’s soup = nutmeg, NOT cinnamon", color: "green", tag: "fact", scatter: { x: 22, y: 70, rot: 9 }, grid: { col: 0, row: 2 } }, | ||
| { id: 8, text: "wifi: latte2019", color: "scrap", tag: "fact", scatter: { x: 57, y: 68, rot: -13 }, grid: { col: 1, row: 2 } }, |
Comment on lines
+9
to
+12
| const pathname = usePathname(); | ||
| const current = DESIGNS.indexOf(pathname.replace(/^\//, "")); | ||
| const prev = DESIGNS[(current - 1 + DESIGNS.length) % DESIGNS.length]; | ||
| const next = DESIGNS[(current + 1) % DESIGNS.length]; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Testing