project-portfolio 2.1.0 → 2.2.1

package/README.md

@@ -216,7 +216,7 @@ export default function ProjectsPage() {
 
 ### `ProjectDetail`
 
-A full server-rendered project detail page. Fetches a single project by slug and renders its image gallery, custom fields, and a back link.
+A full server-rendered project detail page. Fetches a single project by slug and renders a hero image, a dynamic stats bar, a "Project Overview" section with description and specs sidebar, a photo gallery, and a back link.
 
 ```tsx
 // app/projects/[slug]/page.tsx
@@ -235,6 +235,36 @@ export default async function ProjectPage({ params }: { params: { slug: string }
 }
 ```
 
+#### Stats bar
+
+The stats bar below the hero is driven by an explicit ordered key list. Fields are shown in this order when present in the schema and populated on the project:
+
+| Schema key | Label shown |
+|---|---|
+| `location` | Location |
+| `type` (badge field) | field `name` from schema |
+| `coverage` | Coverage |
+| `year-completed` | Completed |
+| `architect` | Architect |
+| `general-contractor` | General Contractor |
+
+If a field doesn't exist in the schema for a given client, or the project has no value for it, that stat is silently omitted. The column count adjusts automatically — 2 columns on mobile, 3 on tablet, up to 6 on desktop.
+
+#### Project Overview specs sidebar
+
+The "Project Overview" section renders the project description on the left and a specs sidebar on the right (amber accent border). The sidebar shows the following fields when populated, in this order:
+
+| Schema key | Label shown |
+|---|---|
+| `systems-used` | Systems Used |
+| `systems` | Track Systems |
+| `series-used` | Series Used |
+| `operation-type` | Operation Type |
+| `finishes` | Finishes |
+| `specifications` | Specifications |
+
+Each group renders values as outlined pills. Fields with no value for the current project are omitted. Both the stats bar and the specs sidebar are fully schema-driven — if a key doesn't exist in a client's schema it is simply not shown, making `ProjectDetail` safe to reuse across clients with wildly different field configurations.
+
 | Prop | Type | Required | Default | Description |
 |---|---|---|---|---|
 | `slug` | `string` | Yes | — | The project slug to load |
@@ -265,18 +295,7 @@ export function ProjectGallery({ media, title }: { media: Media[]; title: string
 }
 ```
 
-The parent component is responsible for injecting the `.chisel-gallery-main-img` CSS class to control the main image height:
-
-```css
-.chisel-gallery-main-img {
-  height: 400px; /* adjust to your layout */
-}
-@media (min-width: 768px) {
-  .chisel-gallery-main-img {
-    height: 560px;
-  }
-}
-```
+The main image and thumbnails are standardised to a `16/9` aspect ratio — no external CSS required.
 
 | Prop | Type | Required | Default | Description |
 |---|---|---|---|---|
@@ -446,7 +465,7 @@ export async function ProjectsMegaMenu() {
 
 #### With a curated menu
 
-Pass `menuId` to show a specific curated set of projects instead of all projects. The Browse By filters on the right always reflect the full schema regardless of which menu is active. Available menu IDs can be retrieved from `GET /api/v1/clients/{clientSlug}/menus`.
+Pass `menuId` to show a specific curated set of projects instead of all projects. The value should be the menu **slug** (not the UUID) — available slugs can be retrieved from `GET /api/v1/clients/{clientSlug}/menus`. The Browse By filters on the right always reflect the full schema regardless of which menu is active.
 
 ```tsx
 <ProjectMenu
@@ -461,7 +480,7 @@ Pass `menuId` to show a specific curated set of projects instead of all projects
 |---|---|---|---|---|
 | `clientSlug` | `string` | Yes | — | Identifies which client's projects to load |
 | `apiBase` | `string` | Yes | — | Base URL of the projects API |
-| `menuId` | `string` | No | — | ID of a curated menu. When provided, fetches from `/menus/{menuId}` instead of all projects. Filters always shown regardless. |
+| `menuId` | `string` | No | — | Slug of a curated menu. When provided, fetches from `/menus/{slug}` instead of all projects. Filters always shown regardless. |
 | `basePath` | `string` | No | `"/projects"` | Base path for project detail links |
 | `viewAllPath` | `string` | No | Same as `basePath` | Path for the "View All Projects" link |
 | `subtitle` | `string` | No | — | Description paragraph shown above the project cards |
@@ -566,7 +585,7 @@ With a curated menu:
 | `dataUrl` | `string` | No* | — | URL of a local API route created with `createMenuHandler()`. Recommended for production |
 | `clientSlug` | `string` | No* | — | Client slug for direct fetch mode |
 | `apiBase` | `string` | No* | — | API base URL for direct fetch mode |
-| `menuId` | `string` | No | — | ID of a curated menu. Fetches from `/menus/{menuId}` for projects. Filters are always shown regardless. |
+| `menuId` | `string` | No | — | Slug of a curated menu. Fetches from `/menus/{slug}` for projects. Filters are always shown regardless. |
 | `basePath` | `string` | Yes | — | Base path for project detail links |
 | `viewAllPath` | `string` | Yes | — | Path for the "View All Projects" link |
 | `subtitle` | `string` | No | — | Description shown above the project cards (hidden on mobile) |

package/dist/GalleryCarousel.js

@@ -16,7 +16,7 @@ export function GalleryCarousel({ images, projectTitle, }) {
     function next() {
         setCurrent((c) => (c + 1) % total);
     }
-    return (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "12px", fontFamily: font }, children: [_jsxs("div", { className: "chisel-gallery-main-img", style: { position: "relative", width: "100%", backgroundColor: "#f4f4f5", overflow: "hidden" }, children: [_jsx("img", { src: active.url, alt: active.alt || projectTitle, style: { width: "100%", height: "100%", objectFit: "cover", display: "block" } }), total > 1 && (_jsx("button", { onClick: prev, "aria-label": "Previous image", style: {
+    return (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "12px", fontFamily: font }, children: [_jsxs("div", { style: { position: "relative", width: "100%", aspectRatio: "16/9", backgroundColor: "#f4f4f5", overflow: "hidden" }, children: [_jsx("img", { src: active.url, alt: active.alt || projectTitle, style: { position: "absolute", inset: 0, width: "100%", height: "100%", objectFit: "cover", display: "block" } }), total > 1 && (_jsx("button", { onClick: prev, "aria-label": "Previous image", style: {
                             position: "absolute",
                             left: "16px",
                             top: "50%",
@@ -68,8 +68,8 @@ export function GalleryCarousel({ images, projectTitle, }) {
                 }, children: caption })), total > 1 && (_jsx("div", { style: { display: "flex", gap: "8px", overflowX: "auto", WebkitOverflowScrolling: "touch", paddingBottom: "4px" }, children: images.map((img, i) => {
                     var _a;
                     return (_jsx("button", { onClick: () => setCurrent(i), "aria-label": `View image ${i + 1}`, style: {
-                            width: "72px",
-                            height: "52px",
+                            width: "88px",
+                            aspectRatio: "16/9",
                             padding: 0,
                             border: i === current ? "2px solid #f18a00" : "2px solid transparent",
                             borderRadius: "2px",

package/dist/ProjectCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectCard.d.ts","sourceRoot":"","sources":["../src/ProjectCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAmC,MAAM,SAAS,CAAA;AAE1F,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,CAAA;AAE5C,UAAU,gBAAgB;IACxB,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,iBAAiB,EAAE,CAAA;IAC3B,2FAA2F;IAC3F,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAeD,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,MAAM,EACN,eAAoB,EACpB,QAAQ,EACR,OAAgB,EAChB,QAAsB,GACvB,EAAE,gBAAgB,2CA6PlB"}
+{"version":3,"file":"ProjectCard.d.ts","sourceRoot":"","sources":["../src/ProjectCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAmC,MAAM,SAAS,CAAA;AAE1F,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,CAAA;AAE5C,UAAU,gBAAgB;IACxB,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,iBAAiB,EAAE,CAAA;IAC3B,2FAA2F;IAC3F,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAeD,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,MAAM,EACN,eAAoB,EACpB,QAAQ,EACR,OAAgB,EAChB,QAAsB,GACvB,EAAE,gBAAgB,2CA2QlB"}

package/dist/ProjectCard.js

@@ -13,18 +13,20 @@ function parseSingleValue(raw) {
     return String(raw !== null && raw !== void 0 ? raw : "");
 }
 export function ProjectCard({ project, schema, fieldOptionsMap = {}, priority, variant = "card", basePath = "/projects", }) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f;
     const imageUrl = (_d = (_a = project.image_url) !== null && _a !== void 0 ? _a : (_c = (_b = project.media) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.url) !== null && _d !== void 0 ? _d : null;
     const badgeField = schema.find((f) => f.display_position === "badge_overlay");
     const tagFields = schema
         .filter((f) => f.display_position === "tags" && f.type !== "number")
         .filter((f, i, arr) => arr.findIndex((x) => x.key === f.key) === i);
-    // Numeric field for footer stat — the first visible number field (year completed)
-    const numericField = schema.find((f) => f.type === "number" && f.display_position !== "hidden");
+    // Coverage/sq ft field for footer stat — matched by key or name regardless of type
+    const numericField = schema.find((f) => /sq|sqft|square|coverage/i.test(f.key + f.name));
     const locationField = schema.find((f) => f.type === "location");
-    const badgeValue = badgeField
+    const badgeRaw = badgeField
         ? parseSingleValue(project.custom_field_values[badgeField.key])
         : null;
+    const badgeOptMap = badgeField ? ((_e = fieldOptionsMap[badgeField.key]) !== null && _e !== void 0 ? _e : {}) : {};
+    const badgeValue = badgeRaw ? ((_f = badgeOptMap[badgeRaw]) !== null && _f !== void 0 ? _f : badgeRaw) : null;
     const locationValue = locationField
         ? project.custom_field_values[locationField.key]
         : null;
@@ -38,11 +40,23 @@ export function ProjectCard({ project, schema, fieldOptionsMap = {}, priority, v
         if (val === undefined || val === null || val === "")
             return null;
         const label = numericField.name.replace(/\s*\([^)]+\)/, "");
-        const numVal = typeof val === "number" ? val : parseFloat(String(val));
-        const formatted = isNaN(numVal) ? String(val) : String(Math.round(numVal));
+        // Coverage is a pre-formatted string from the API (e.g. "186,446 SF") — render as-is.
+        // For numeric fields, format with commas.
+        const formatted = typeof val === "string"
+            ? val
+            : typeof val === "number"
+                ? Math.round(val).toLocaleString()
+                : String(val);
         return { label, formatted };
     })();
-    const compactTags = tagFields.flatMap((field) => parseMultiValue(project.custom_field_values[field.key]));
+    const compactTags = tagFields.flatMap((field) => {
+        var _a;
+        const optMap = (_a = fieldOptionsMap[field.key]) !== null && _a !== void 0 ? _a : {};
+        const hasOptions = Object.keys(optMap).length > 0;
+        const vals = parseMultiValue(project.custom_field_values[field.key]);
+        const active = hasOptions ? vals.filter((v) => optMap[v] !== undefined) : vals;
+        return active.map((v) => { var _a; return (_a = optMap[v]) !== null && _a !== void 0 ? _a : v; });
+    });
     const href = `${basePath}/${project.slug}`;
     if (variant === "compact") {
         return (_jsxs("a", { href: href, style: {
@@ -120,7 +134,12 @@ export function ProjectCard({ project, schema, fieldOptionsMap = {}, priority, v
                         if (vals.length === 0)
                             return null;
                         const optMap = (_a = fieldOptionsMap[field.key]) !== null && _a !== void 0 ? _a : {};
-                        return (_jsxs("div", { style: { marginBottom: "16px" }, children: [_jsx("p", { style: { fontSize: "10px", fontWeight: 600, letterSpacing: "0.1em", textTransform: "uppercase", color: "#a1a1aa", marginBottom: "8px" }, children: "Systems Used:" }), _jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: vals.map((val, i) => {
+                        const hasOptions = Object.keys(optMap).length > 0;
+                        // Filter out archived values — if optMap is populated and the value isn't in it, it's archived
+                        const activeVals = hasOptions ? vals.filter((val) => optMap[val] !== undefined) : vals;
+                        if (activeVals.length === 0)
+                            return null;
+                        return (_jsxs("div", { style: { marginBottom: "16px" }, children: [_jsx("p", { style: { fontSize: "10px", fontWeight: 600, letterSpacing: "0.1em", textTransform: "uppercase", color: "#a1a1aa", marginBottom: "8px" }, children: "Systems Used:" }), _jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: activeVals.map((val, i) => {
                                         var _a, _b, _c, _d;
                                         // Normalize: look up by id or label, always display the label
                                         const label = (_a = optMap[val]) !== null && _a !== void 0 ? _a : val;

package/dist/ProjectDetail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectDetail.d.ts","sourceRoot":"","sources":["../src/ProjectDetail.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,kBAAkB;IACjC,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,iEAAiE;IACjE,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAmDD,wBAAsB,aAAa,CAAC,EAClC,IAAI,EACJ,UAAU,EACV,OAAO,EACP,QAAsB,EACtB,SAA0B,EAC1B,UAAe,GAChB,EAAE,kBAAkB,oDAyKpB"}
+{"version":3,"file":"ProjectDetail.d.ts","sourceRoot":"","sources":["../src/ProjectDetail.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,kBAAkB;IACjC,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,iEAAiE;IACjE,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAiED,wBAAsB,aAAa,CAAC,EAClC,IAAI,EACJ,UAAU,EACV,OAAO,EACP,QAAsB,EACtB,SAA0B,EAC1B,UAAe,GAChB,EAAE,kBAAkB,oDAoQpB"}

package/dist/ProjectDetail.js

@@ -21,25 +21,39 @@ function dedupeByKey(arr) {
 }
 // ─── Data fetching ───────────────────────────────────────────────────────────
 const fetchProjectDetail = cache(async (apiBase, clientSlug, slug, revalidate) => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const fetchOpts = revalidate > 0
         ? { next: { revalidate } }
         : {};
     try {
+        // Single call — /projects/{slug} returns the project AND client.custom_fields_schema
+        // with full options embedded. No need for a separate /fields call.
         const projectRes = await fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects/${slug}?api_key=pk_live_crmsuTIm7NNfb9uEWBCyv88F6kj2YQUR`, fetchOpts);
         const projectJson = projectRes.ok ? await projectRes.json() : null;
         const project = (_a = projectJson === null || projectJson === void 0 ? void 0 : projectJson.data) !== null && _a !== void 0 ? _a : null;
         const schema = dedupeByKey((_c = (_b = projectJson === null || projectJson === void 0 ? void 0 : projectJson.client) === null || _b === void 0 ? void 0 : _b.custom_fields_schema) !== null && _c !== void 0 ? _c : []);
-        return { project, schema };
+        // Build fieldOptionsMap directly from schema options — identical data to /fields
+        const fieldOptionsMap = {};
+        for (const field of schema) {
+            const map = {};
+            for (const opt of ((_d = field.options) !== null && _d !== void 0 ? _d : [])) {
+                if (typeof opt === "object" && opt.id && opt.label) {
+                    map[opt.id] = opt.label;
+                    map[opt.label] = opt.label;
+                }
+            }
+            fieldOptionsMap[field.key] = map;
+        }
+        return { project, schema, fieldOptionsMap };
     }
-    catch (_d) {
-        return { project: null, schema: [] };
+    catch (_e) {
+        return { project: null, schema: [], fieldOptionsMap: {} };
     }
 });
 // ─── Component ───────────────────────────────────────────────────────────────
 export async function ProjectDetail({ slug, clientSlug, apiBase, backPath = "/projects", backLabel = "All Projects", revalidate = 60, }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    const { project, schema } = await fetchProjectDetail(apiBase, clientSlug, slug, revalidate);
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    const { project, schema, fieldOptionsMap } = await fetchProjectDetail(apiBase, clientSlug, slug, revalidate);
     if (!project) {
         return (_jsx("div", { style: { textAlign: "center", padding: "6rem 1.5rem", fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif" }, children: _jsx("p", { style: { color: "#71717a", fontSize: "18px" }, children: "Project not found." }) }));
     }
@@ -49,53 +63,115 @@ export async function ProjectDetail({ slug, clientSlug, apiBase, backPath = "/pr
         : ((_g = (_f = project.media) === null || _f === void 0 ? void 0 : _f.slice(1)) !== null && _g !== void 0 ? _g : []);
     const badgeField = schema.find((f) => f.display_position === "badge_overlay");
     const locationField = schema.find((f) => f.type === "location");
-    // Year field: any number field whose key or name contains "year"
-    const yearField = schema.find((f) => f.type === "number" && f.display_position !== "hidden" &&
-        (/year/i.test(f.key) || /year/i.test(f.name)));
-    // Sq footage field: any field (text or number) whose key or name matches common area/coverage terms
-    // Falls back to the first non-year number field so it works regardless of client field naming
-    const sqftField = (_h = schema.find((f) => f.display_position !== "hidden" &&
-        (/coverage|sq.?ft|square.?foot|area|footage/i.test(f.key) || /coverage|sq.?ft|square.?foot|area|footage/i.test(f.name)))) !== null && _h !== void 0 ? _h : schema.find((f) => f.type === "number" && f.display_position !== "hidden" &&
-        !(/year/i.test(f.key) || /year/i.test(f.name)));
-    const badgeValue = badgeField
-        ? ((_j = parseMultiValue(project.custom_field_values[badgeField.key])[0]) !== null && _j !== void 0 ? _j : null)
+    const badgeRaw = badgeField
+        ? ((_h = parseMultiValue(project.custom_field_values[badgeField.key])[0]) !== null && _h !== void 0 ? _h : null)
         : null;
+    const badgeOptMap = badgeField ? ((_j = fieldOptionsMap[badgeField.key]) !== null && _j !== void 0 ? _j : {}) : {};
+    const badgeValue = badgeRaw ? ((_k = badgeOptMap[badgeRaw]) !== null && _k !== void 0 ? _k : badgeRaw) : null;
     const locationValue = locationField
         ? project.custom_field_values[locationField.key]
         : null;
     const locationString = locationValue
         ? [locationValue.city, locationValue.state].filter(Boolean).join(", ")
         : null;
-    const coverageFormatted = (() => {
-        const raw = sqftField ? project.custom_field_values[sqftField.key] : null;
+    // Helper: format a raw field value to a display string, resolving slugs via fieldOptionsMap
+    function formatFieldValue(field, raw) {
+        var _a, _b;
         if (raw === null || raw === undefined || raw === "")
             return null;
+        const optMap = (_a = fieldOptionsMap[field.key]) !== null && _a !== void 0 ? _a : {};
         if (typeof raw === "string")
-            return raw; // already formatted e.g. "225 SF"
-        const n = typeof raw === "number" ? raw : parseFloat(String(raw));
-        return isNaN(n) ? String(raw) : `${n.toLocaleString()} SF`;
-    })();
-    const yearCompleted = (() => {
-        const raw = yearField ? project.custom_field_values[yearField.key] : null;
-        if (raw === null || raw === undefined)
-            return null;
-        const n = typeof raw === "number" ? raw : parseFloat(String(raw));
-        return isNaN(n) ? String(raw) : String(Math.round(n));
-    })();
+            return (_b = optMap[raw]) !== null && _b !== void 0 ? _b : raw;
+        if (typeof raw === "number") {
+            if (/year/i.test(field.key + field.name))
+                return String(Math.round(raw));
+            return Math.round(raw).toLocaleString();
+        }
+        if (Array.isArray(raw)) {
+            const hasOptions = Object.keys(optMap).length > 0;
+            const vals = raw.map(String).filter(Boolean);
+            const active = hasOptions ? vals.filter((v) => optMap[v] !== undefined) : vals;
+            const labels = active.map((v) => { var _a; return (_a = optMap[v]) !== null && _a !== void 0 ? _a : v; });
+            return labels.length > 0 ? labels.join(", ") : null;
+        }
+        return null;
+    }
+    // ── Stats bar: explicit ordered list of fields to show ────────────────────
+    // Location and badge/type are handled first from their detected fields,
+    // then remaining stat bar fields are matched by key in the schema.
+    const STAT_BAR_KEYS = ["coverage", "year-completed", "architect", "general-contractor"];
+    const metadataStats = [];
+    if (locationString) {
+        metadataStats.push({ label: "Location", value: locationString });
+    }
+    if (badgeValue) {
+        metadataStats.push({ label: badgeField.name, value: badgeValue });
+    }
+    for (const key of STAT_BAR_KEYS) {
+        const field = schema.find((f) => f.key === key);
+        if (!field)
+            continue;
+        const raw = project.custom_field_values[field.key];
+        const formatted = formatFieldValue(field, raw);
+        // Use "Completed" as the label for year-completed
+        const label = key === "year-completed" ? "Completed" : field.name;
+        if (formatted)
+            metadataStats.push({ label, value: formatted });
+    }
+    // ── Specs sidebar: explicit ordered list of fields ────────────────────────
+    const SPEC_SIDEBAR_KEYS = [
+        "systems-used",
+        "systems",
+        "series-used",
+        "operation-type",
+        "finishes",
+        "specifications",
+    ];
+    const specFields = SPEC_SIDEBAR_KEYS
+        .map((key) => schema.find((f) => f.key === key))
+        .filter((f) => f !== undefined);
     const font = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif";
-    return (_jsxs("main", { style: { minHeight: "100vh", backgroundColor: "#fff", fontFamily: font }, children: [_jsxs("section", { className: "chisel-hero-img", style: { position: "relative", width: "100%", overflow: "hidden" }, children: [imageUrl ? (_jsx("img", { src: imageUrl, alt: project.title, style: { width: "100%", height: "100%", objectFit: "cover", display: "block" } })) : (_jsx("div", { style: { position: "absolute", inset: 0, backgroundColor: "#27272a" } })), _jsx("div", { style: { position: "absolute", inset: 0, background: "linear-gradient(to top, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.38) 50%, rgba(0,0,0,0.12) 100%)" } }), _jsxs("div", { style: { position: "absolute", bottom: 0, left: 0, right: 0, padding: "0 1rem 1.5rem", maxWidth: "900px" }, children: [badgeValue && (_jsx("p", { style: { color: "#f18a00", fontSize: "11px", fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", margin: "0 0 10px 0" }, children: badgeValue })), _jsx("h1", { style: { color: "#fff", fontWeight: 700, fontSize: "clamp(28px, 4vw, 52px)", lineHeight: 1.1, margin: "0 0 12px 0", fontFamily: font }, children: project.title }), locationString && (_jsxs("p", { style: { display: "flex", alignItems: "center", gap: "6px", color: "rgba(255,255,255,0.75)", fontSize: "15px", margin: 0 }, children: [_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { flexShrink: 0 }, children: [_jsx("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" }), _jsx("circle", { cx: "12", cy: "10", r: "3" })] }), locationString] }))] })] }), _jsxs("section", { style: { borderBottom: "1px solid #e4e4e7", backgroundColor: "#fff" }, children: [_jsx("style", { children: `
-          .chisel-stats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }
-          @media (min-width: 768px) { .chisel-stats-grid { grid-template-columns: repeat(4, 1fr); gap: 2rem; } }
-          .chisel-gallery-placeholder { display: grid; grid-template-columns: 1fr; gap: 12px; }
-          @media (min-width: 640px) { .chisel-gallery-placeholder { grid-template-columns: repeat(3, 1fr); } }
-          .chisel-hero-img { height: 50vw; min-height: 220px; max-height: 560px; }
-          .chisel-gallery-main-img { height: 60vw; min-height: 240px; max-height: 520px; }
-        ` }), _jsx("div", { style: { maxWidth: "1280px", margin: "0 auto", padding: "1.5rem 1rem", boxSizing: "border-box" }, className: "chisel-stats-grid", children: [
-                            { label: "Location", value: locationString !== null && locationString !== void 0 ? locationString : "—" },
-                            { label: "Project Type", value: badgeValue !== null && badgeValue !== void 0 ? badgeValue : "—" },
-                            { label: "Sq. Footage", value: coverageFormatted !== null && coverageFormatted !== void 0 ? coverageFormatted : "—" },
-                            { label: "Completed", value: yearCompleted !== null && yearCompleted !== void 0 ? yearCompleted : "—" },
-                        ].map(({ label, value }) => (_jsxs("div", { children: [_jsx("p", { style: { fontSize: "10px", fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.1em", color: "#a1a1aa", margin: "0 0 6px 0" }, children: label }), _jsx("p", { style: { color: "#18181b", fontWeight: 600, fontSize: "15px", margin: 0 }, children: value })] }, label))) })] }), _jsxs("article", { style: { maxWidth: "1280px", margin: "0 auto", padding: "2rem 1rem", boxSizing: "border-box", display: "flex", flexDirection: "column", gap: "2.5rem" }, children: [(project.blurb || project.description) && (_jsxs("section", { style: { maxWidth: "900px" }, children: [_jsx("h2", { style: { color: "#18181b", fontWeight: 700, fontSize: "22px", margin: "0 0 16px 0", fontFamily: font }, children: "Project Overview" }), project.blurb && (_jsx("p", { style: { color: "#3f3f46", fontSize: "16px", lineHeight: 1.7, margin: "0 0 16px 0" }, children: project.blurb })), project.description && project.description !== project.blurb && (_jsx("p", { style: { color: "#3f3f46", fontSize: "16px", lineHeight: 1.7, margin: 0 }, children: project.description }))] })), _jsxs("section", { children: [_jsx("h2", { style: { color: "#18181b", fontWeight: 700, fontSize: "22px", margin: "0 0 1.5rem 0", fontFamily: font }, children: "Project Gallery" }), galleryImages.length > 0 ? (_jsx(GalleryCarousel, { images: galleryImages, projectTitle: project.title })) : (
+    return (_jsxs("main", { style: { minHeight: "100vh", backgroundColor: "#fff", fontFamily: font }, children: [_jsxs("section", { className: "chisel-hero-img", style: { position: "relative", width: "100%", overflow: "hidden" }, children: [imageUrl ? (_jsx("img", { src: imageUrl, alt: project.title, style: { width: "100%", height: "100%", objectFit: "cover", display: "block" } })) : (_jsx("div", { style: { position: "absolute", inset: 0, backgroundColor: "#27272a" } })), _jsx("div", { style: { position: "absolute", inset: 0, background: "linear-gradient(to top, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.38) 50%, rgba(0,0,0,0.12) 100%)" } }), _jsxs("div", { style: { position: "absolute", bottom: 0, left: 0, right: 0, padding: "0 1rem 1.5rem", maxWidth: "900px" }, children: [badgeValue && (_jsx("p", { style: { color: "#f18a00", fontSize: "11px", fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", margin: "0 0 10px 0" }, children: badgeValue })), _jsx("h1", { style: { color: "#fff", fontWeight: 700, fontSize: "clamp(28px, 4vw, 52px)", lineHeight: 1.1, margin: "0 0 12px 0", fontFamily: font }, children: project.title }), locationString && (_jsxs("p", { style: { display: "flex", alignItems: "center", gap: "6px", color: "rgba(255,255,255,0.75)", fontSize: "15px", margin: 0 }, children: [_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { flexShrink: 0 }, children: [_jsx("path", { d: "M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" }), _jsx("circle", { cx: "12", cy: "10", r: "3" })] }), locationString] }))] })] }), metadataStats.length > 0 && (_jsxs("section", { style: { borderBottom: "1px solid #e4e4e7", backgroundColor: "#fff" }, children: [_jsx("style", { children: `
+            .chisel-stats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; }
+            @media (min-width: 640px) { .chisel-stats-grid { grid-template-columns: repeat(3, 1fr); } }
+            @media (min-width: 1024px) { .chisel-stats-grid { grid-template-columns: repeat(${Math.min(metadataStats.length, 6)}, 1fr); } }
+            .chisel-stat-item { padding: 1.5rem 1.25rem; border-right: 1px solid #e4e4e7; border-bottom: 1px solid #e4e4e7; }
+            .chisel-stat-item:last-child { border-right: none; }
+            .chisel-gallery-placeholder { display: grid; grid-template-columns: 1fr; gap: 12px; }
+            @media (min-width: 640px) { .chisel-gallery-placeholder { grid-template-columns: repeat(3, 1fr); } }
+            .chisel-hero-img { height: 50vw; min-height: 220px; max-height: 560px; }
+            .chisel-overview-grid { display: grid; grid-template-columns: 1fr; gap: 2.5rem; }
+            @media (min-width: 1024px) { .chisel-overview-grid { grid-template-columns: 1fr 300px; gap: 4rem; align-items: start; } }
+          ` }), _jsx("div", { style: { maxWidth: "1280px", margin: "0 auto", boxSizing: "border-box", padding: "0 0 0 0" }, className: "chisel-stats-grid", children: metadataStats.map(({ label, value }) => (_jsxs("div", { className: "chisel-stat-item", children: [_jsx("p", { style: { fontSize: "10px", fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", color: "#a1a1aa", margin: "0 0 8px 0" }, children: label }), _jsx("p", { style: { color: "#18181b", fontWeight: 600, fontSize: "15px", margin: 0, lineHeight: 1.4 }, children: value })] }, label))) })] })), _jsxs("article", { style: { maxWidth: "1280px", margin: "0 auto", padding: "3rem 1.5rem", boxSizing: "border-box" }, children: [(project.blurb || project.description || specFields.length > 0) && (_jsxs("section", { style: { marginBottom: "3rem" }, children: [_jsx("div", { style: { borderBottom: "1px solid #e4e4e7", marginBottom: "2rem", paddingBottom: "1rem", display: "flex", alignItems: "baseline", justifyContent: "space-between" }, children: _jsx("h2", { style: { color: "#18181b", fontWeight: 700, fontSize: "20px", margin: 0, letterSpacing: "-0.01em", fontFamily: font }, children: "Project Overview" }) }), _jsxs("div", { className: "chisel-overview-grid", children: [_jsxs("div", { children: [project.blurb && (_jsx("p", { style: { color: "#3f3f46", fontSize: "16px", fontWeight: 400, lineHeight: 1.85, margin: "0 0 20px 0" }, children: project.blurb })), project.description && project.description !== project.blurb && (_jsx("p", { style: { color: "#3f3f46", fontSize: "16px", fontWeight: 400, lineHeight: 1.85, margin: 0 }, children: project.description }))] }), specFields.length > 0 && (_jsx("aside", { style: { borderLeft: "3px solid #f18a00", paddingLeft: "2rem" }, children: _jsx("div", { style: { display: "flex", flexDirection: "column", gap: "2rem" }, children: specFields.map((field) => {
+                                                var _a;
+                                                const raw = project.custom_field_values[field.key];
+                                                const optMap = (_a = fieldOptionsMap[field.key]) !== null && _a !== void 0 ? _a : {};
+                                                const hasOptions = Object.keys(optMap).length > 0;
+                                                const rawVals = Array.isArray(raw)
+                                                    ? raw.map(String).filter(Boolean)
+                                                    : typeof raw === "string"
+                                                        ? [raw]
+                                                        : raw !== null && raw !== undefined
+                                                            ? [String(raw)]
+                                                            : [];
+                                                // Filter out archived values and resolve slugs to labels
+                                                const vals = hasOptions
+                                                    ? rawVals.filter((v) => optMap[v] !== undefined).map((v) => { var _a; return (_a = optMap[v]) !== null && _a !== void 0 ? _a : v; })
+                                                    : rawVals;
+                                                if (vals.length === 0)
+                                                    return null;
+                                                return (_jsxs("div", { children: [_jsx("p", { style: { fontSize: "10px", fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", color: "#a1a1aa", margin: "0 0 12px 0" }, children: field.name }), _jsx("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: vals.map((val) => (_jsx("span", { style: {
+                                                                    display: "inline-block",
+                                                                    padding: "5px 14px",
+                                                                    backgroundColor: "#fafafa",
+                                                                    border: "1px solid #e4e4e7",
+                                                                    color: "#3f3f46",
+                                                                    fontSize: "13px",
+                                                                    fontWeight: 500,
+                                                                    borderRadius: "2px",
+                                                                    lineHeight: 1.5,
+                                                                }, children: val }, val))) })] }, field.key));
+                                            }) }) }))] })] })), _jsxs("section", { children: [_jsx("div", { style: { borderBottom: "1px solid #e4e4e7", marginBottom: "2rem", paddingBottom: "1rem" }, children: _jsx("h2", { style: { color: "#18181b", fontWeight: 700, fontSize: "20px", margin: 0, letterSpacing: "-0.01em", fontFamily: font }, children: "Project Gallery" }) }), galleryImages.length > 0 ? (_jsx(GalleryCarousel, { images: galleryImages, projectTitle: project.title })) : (
                             /* Placeholder */
-                            _jsx("div", { className: "chisel-gallery-placeholder", children: [0, 1, 2].map((i) => (_jsxs("div", { style: { aspectRatio: "4/3", borderRadius: "4px", backgroundColor: "#f9f9f9", border: "1px solid #e4e4e7", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "8px" }, children: [_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "#a1a1aa", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909M3.75 19.5h16.5" }) }), _jsx("p", { style: { color: "#a1a1aa", fontSize: "12px", margin: 0 }, children: "Photos coming soon" })] }, i))) }))] })] })] }));
+                            _jsx("div", { className: "chisel-gallery-placeholder", children: [0, 1, 2].map((i) => (_jsxs("div", { style: { aspectRatio: "16/9", borderRadius: "4px", backgroundColor: "#f9f9f9", border: "1px solid #e4e4e7", display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", gap: "8px" }, children: [_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "#a1a1aa", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909M3.75 19.5h16.5" }) }), _jsx("p", { style: { color: "#a1a1aa", fontSize: "12px", margin: 0 }, children: "Photos coming soon" })] }, i))) }))] })] })] }));
 }

package/dist/ProjectMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectMenu.d.ts","sourceRoot":"","sources":["../src/ProjectMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAKzD,MAAM,WAAW,gBAAgB;IAC/B,yCAAyC;IACzC,UAAU,EAAE,MAAM,CAAA;IAClB,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,OAAO,EACP,MAAM,EACN,UAAkB,GACnB,EAAE;IACD,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,gFAAgF;IAChF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,aACoC,OAAO,uBAsE3C;AAED,wBAAsB,oBAAoB,CAAC,EACzC,OAAO,EACP,UAAU,EACV,MAAM,EACN,UAAkB,EAClB,OAAe,GAChB,EAAE;IACD,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,GAAG,OAAO,CAAC;IACV,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,MAAM,EAAE,iBAAiB,EAAE,CAAA;IAC3B,aAAa,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC9C,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,eAAe,EAAE,MAAM,CAAA;IACvB,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;CACxD,CAAC,CAqBD;AA8DD,wBAAsB,WAAW,CAAC,EAChC,UAAU,EACV,OAAO,EACP,MAAM,EACN,QAAsB,EACtB,WAAW,EACX,QAAQ,EACR,IAA0E,EAC1E,WAAe,EACf,UAAkB,EAClB,OAAe,GAChB,EAAE,gBAAgB,oDAiClB"}
+{"version":3,"file":"ProjectMenu.d.ts","sourceRoot":"","sources":["../src/ProjectMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAKzD,MAAM,WAAW,gBAAgB;IAC/B,yCAAyC;IACzC,UAAU,EAAE,MAAM,CAAA;IAClB,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,UAAU,EACV,OAAO,EACP,MAAM,EACN,UAAkB,GACnB,EAAE;IACD,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,gFAAgF;IAChF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,aACoC,OAAO,uBAmE3C;AAED,wBAAsB,oBAAoB,CAAC,EACzC,OAAO,EACP,UAAU,EACV,MAAM,EACN,UAAkB,EAClB,OAAe,GAChB,EAAE;IACD,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,GAAG,OAAO,CAAC;IACV,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,MAAM,EAAE,iBAAiB,EAAE,CAAA;IAC3B,aAAa,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC9C,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;IAC7B,eAAe,EAAE,MAAM,CAAA;IACvB,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;CACxD,CAAC,CAqBD;AA0DD,wBAAsB,WAAW,CAAC,EAChC,UAAU,EACV,OAAO,EACP,MAAM,EACN,QAAsB,EACtB,WAAW,EACX,QAAQ,EACR,IAA0E,EAC1E,WAAe,EACf,UAAkB,EAClB,OAAe,GAChB,EAAE,gBAAgB,oDAiClB"}

package/dist/ProjectMenu.js

@@ -28,7 +28,7 @@ const API_KEY = "pk_live_crmsuTIm7NNfb9uEWBCyv88F6kj2YQUR";
  */
 export function createMenuHandler({ clientSlug, apiBase, menuId, revalidate = 86400, }) {
     return async function GET(request) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
         const bypass = process.env.CHISEL_CACHE_BYPASS === "true" ||
             new URL(request.url).searchParams.has("bust");
         const cacheTag = menuId ? `chisel-menu-${clientSlug}-${menuId}` : `chisel-menu-${clientSlug}`;
@@ -36,31 +36,27 @@ export function createMenuHandler({ clientSlug, apiBase, menuId, revalidate = 86
             ? { cache: "no-store" }
             : { next: { revalidate, tags: [cacheTag] } };
         try {
-            // Always fetch /projects for schema, and /fields for options
-            // If menuId is provided, also fetch the menu endpoint for curated projects
-            const fetches = [
-                fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects?api_key=${API_KEY}`, fetchOpts),
-                fetch(`${apiBase}/api/v1/clients/${clientSlug}/fields?api_key=${API_KEY}`, fetchOpts),
-            ];
-            if (menuId) {
-                fetches.push(fetch(`${apiBase}/api/v1/clients/${clientSlug}/menus/${menuId}?api_key=${API_KEY}`, fetchOpts));
-            }
-            const responses = await Promise.all(fetches);
-            const [projectsRes, fieldsRes] = responses;
-            const menuRes = menuId ? responses[2] : null;
-            const projectsJson = projectsRes.ok ? await projectsRes.json() : {};
-            const menuJson = menuRes && menuRes.ok ? await menuRes.json() : null;
-            // If menuId provided, use menu projects; otherwise use all projects
-            const projects = menuJson
-                ? ((_b = (_a = menuJson.projects) !== null && _a !== void 0 ? _a : menuJson.data) !== null && _b !== void 0 ? _b : [])
-                : ((_c = projectsJson === null || projectsJson === void 0 ? void 0 : projectsJson.data) !== null && _c !== void 0 ? _c : []);
-            // Always get schema from /projects response
-            const schema = (_e = (_d = projectsJson === null || projectsJson === void 0 ? void 0 : projectsJson.client) === null || _d === void 0 ? void 0 : _d.custom_fields_schema) !== null && _e !== void 0 ? _e : [];
-            const fieldsJson = fieldsRes.ok ? await fieldsRes.json() : { fields: [] };
+            // /projects always returns schema + options. Use it in both cases.
+            // When menuId provided: 2 calls — /menus/{slug} for projects, /projects for schema.
+            // Without menuId: 1 call — /projects for everything.
+            const fetches = menuId
+                ? [
+                    fetch(`${apiBase}/api/v1/clients/${clientSlug}/menus/${menuId}?api_key=${API_KEY}`, fetchOpts),
+                    fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects?api_key=${API_KEY}`, fetchOpts),
+                ]
+                : [fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects?api_key=${API_KEY}`, fetchOpts)];
+            const [primaryRes, schemaRes] = await Promise.all(fetches);
+            const primaryJson = primaryRes.ok ? await primaryRes.json() : {};
+            const schemaJson = schemaRes ? (schemaRes.ok ? await schemaRes.json() : {}) : primaryJson;
+            const rawProjects = menuId
+                ? ((_a = primaryJson.projects) !== null && _a !== void 0 ? _a : [])
+                : ((_b = primaryJson.data) !== null && _b !== void 0 ? _b : []);
+            const projects = rawProjects.filter((p) => p.is_published !== false);
+            const schema = (_d = (_c = schemaJson === null || schemaJson === void 0 ? void 0 : schemaJson.client) === null || _c === void 0 ? void 0 : _c.custom_fields_schema) !== null && _d !== void 0 ? _d : [];
             const fieldOptionsMap = {};
-            for (const field of ((_f = fieldsJson.fields) !== null && _f !== void 0 ? _f : [])) {
+            for (const field of schema) {
                 const map = {};
-                for (const opt of ((_g = field.options) !== null && _g !== void 0 ? _g : [])) {
+                for (const opt of ((_e = field.options) !== null && _e !== void 0 ? _e : [])) {
                     if (typeof opt === "object" && opt.id && opt.label) {
                         map[opt.id] = opt.label;
                         map[opt.label] = opt.label;
@@ -68,9 +64,9 @@ export function createMenuHandler({ clientSlug, apiBase, menuId, revalidate = 86
                 }
                 fieldOptionsMap[field.key] = map;
             }
-            const filterField = (_h = schema.find((f) => f.is_filterable && (f.type === "select" || f.type === "multi-select"))) !== null && _h !== void 0 ? _h : null;
+            const filterField = (_f = schema.find((f) => f.is_filterable && (f.type === "select" || f.type === "multi-select"))) !== null && _f !== void 0 ? _f : null;
             const filterOptions = filterField
-                ? ((_j = filterField.options) !== null && _j !== void 0 ? _j : []).map((opt) => {
+                ? ((_g = filterField.options) !== null && _g !== void 0 ? _g : []).map((opt) => {
                     var _a, _b;
                     if (typeof opt === "string")
                         return { id: opt.toLowerCase().replace(/\s+/g, "-"), label: opt };
@@ -81,12 +77,12 @@ export function createMenuHandler({ clientSlug, apiBase, menuId, revalidate = 86
                 projects,
                 schema,
                 filterOptions,
-                filterFieldKey: (_k = filterField === null || filterField === void 0 ? void 0 : filterField.key) !== null && _k !== void 0 ? _k : null,
-                filterFieldName: (_l = filterField === null || filterField === void 0 ? void 0 : filterField.name) !== null && _l !== void 0 ? _l : "Project Type",
+                filterFieldKey: (_h = filterField === null || filterField === void 0 ? void 0 : filterField.key) !== null && _h !== void 0 ? _h : null,
+                filterFieldName: (_j = filterField === null || filterField === void 0 ? void 0 : filterField.name) !== null && _j !== void 0 ? _j : "Project Type",
                 fieldOptionsMap,
             });
         }
-        catch (_m) {
+        catch (_k) {
             return Response.json({ projects: [], schema: [], filterOptions: [], filterFieldKey: null, filterFieldName: "Project Type", fieldOptionsMap: {} }, { status: 500 });
         }
     };
@@ -114,39 +110,34 @@ export async function fetchProjectMenuData({ apiBase, clientSlug, menuId, revali
     };
 }
 const _fetchMenuData = cache(async (apiBase, clientSlug, menuId, revalidate, noCache = false) => {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e;
     const fetchOpts = noCache
         ? { cache: "no-store" }
         : { next: { revalidate } };
     try {
-        // Always fetch /projects for schema, and /fields for options
-        // If menuId is provided, also fetch the menu endpoint for curated projects
-        const fetches = [
-            fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects?api_key=${API_KEY}`, fetchOpts),
-            fetch(`${apiBase}/api/v1/clients/${clientSlug}/fields?api_key=${API_KEY}`, fetchOpts),
-        ];
-        if (menuId) {
-            fetches.push(fetch(`${apiBase}/api/v1/clients/${clientSlug}/menus/${menuId}?api_key=${API_KEY}`, fetchOpts));
-        }
-        const responses = await Promise.all(fetches);
-        const [projectsRes, fieldsRes] = responses;
-        const menuRes = menuId ? responses[2] : null;
-        if (!projectsRes.ok)
+        // /projects always returns schema + options. Use it in both cases.
+        // When menuId provided: 2 calls — /menus/{slug} for projects, /projects for schema.
+        // Without menuId: 1 call — /projects for everything.
+        const fetches = menuId
+            ? [
+                fetch(`${apiBase}/api/v1/clients/${clientSlug}/menus/${menuId}?api_key=${API_KEY}`, fetchOpts),
+                fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects?api_key=${API_KEY}`, fetchOpts),
+            ]
+            : [fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects?api_key=${API_KEY}`, fetchOpts)];
+        const [primaryRes, schemaRes] = await Promise.all(fetches);
+        if (!primaryRes.ok)
             return { projects: [], schema: [], fieldOptionsMap: {} };
-        const projectsJson = await projectsRes.json();
-        const menuJson = menuRes && menuRes.ok ? await menuRes.json() : null;
-        // If menuId provided, use menu projects; otherwise use all projects
-        const projects = menuJson
-            ? ((_b = (_a = menuJson.projects) !== null && _a !== void 0 ? _a : menuJson.data) !== null && _b !== void 0 ? _b : [])
-            : ((_c = projectsJson === null || projectsJson === void 0 ? void 0 : projectsJson.data) !== null && _c !== void 0 ? _c : []);
-        // Always get schema from /projects response
-        const schema = (_e = (_d = projectsJson === null || projectsJson === void 0 ? void 0 : projectsJson.client) === null || _d === void 0 ? void 0 : _d.custom_fields_schema) !== null && _e !== void 0 ? _e : [];
-        // Build fieldOptionsMap: { fieldKey: { id: label, label: label } }
-        const fieldsJson = fieldsRes.ok ? await fieldsRes.json() : { fields: [] };
+        const primaryJson = await primaryRes.json();
+        const schemaJson = schemaRes ? (schemaRes.ok ? await schemaRes.json() : {}) : primaryJson;
+        const rawProjects = menuId
+            ? ((_a = primaryJson.projects) !== null && _a !== void 0 ? _a : [])
+            : ((_b = primaryJson.data) !== null && _b !== void 0 ? _b : []);
+        const projects = rawProjects.filter((p) => p.is_published !== false);
+        const schema = (_d = (_c = schemaJson === null || schemaJson === void 0 ? void 0 : schemaJson.client) === null || _c === void 0 ? void 0 : _c.custom_fields_schema) !== null && _d !== void 0 ? _d : [];
         const fieldOptionsMap = {};
-        for (const field of ((_f = fieldsJson.fields) !== null && _f !== void 0 ? _f : [])) {
+        for (const field of schema) {
             const map = {};
-            for (const opt of ((_g = field.options) !== null && _g !== void 0 ? _g : [])) {
+            for (const opt of ((_e = field.options) !== null && _e !== void 0 ? _e : [])) {
                 if (typeof opt === "object" && opt.id && opt.label) {
                     map[opt.id] = opt.label;
                     map[opt.label] = opt.label;
@@ -156,7 +147,7 @@ const _fetchMenuData = cache(async (apiBase, clientSlug, menuId, revalidate, noC
         }
         return { projects, schema, fieldOptionsMap };
     }
-    catch (_h) {
+    catch (_f) {
         return { projects: [], schema: [], fieldOptionsMap: {} };
     }
 });

package/dist/ProjectMenuClient.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectMenuClient.d.ts","sourceRoot":"","sources":["../src/ProjectMenuClient.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAoB,MAAM,SAAS,CAAA;AAa3E,MAAM,WAAW,sBAAsB;IACrC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;IACpB,MAAM,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC5B,aAAa,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC/C,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAmBD,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,UAAU,EACV,OAAO,EACP,MAAM,EACN,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,aAAa,EAAE,iBAAiB,EAChC,cAAc,EAAE,kBAAkB,EAClC,eAAe,EAAE,mBAAoC,EACrD,eAAe,EAAE,mBAAwB,EACzC,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,IAAmB,EACnB,WAAe,GAChB,EAAE,sBAAsB,2CAwfxB"}
+{"version":3,"file":"ProjectMenuClient.d.ts","sourceRoot":"","sources":["../src/ProjectMenuClient.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,iBAAiB,EAAoB,MAAM,SAAS,CAAA;AAa3E,MAAM,WAAW,sBAAsB;IACrC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;IACpB,MAAM,CAAC,EAAE,iBAAiB,EAAE,CAAA;IAC5B,aAAa,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC/C,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAmBD,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,UAAU,EACV,OAAO,EACP,MAAM,EACN,QAAQ,EAAE,YAAY,EACtB,MAAM,EAAE,UAAU,EAClB,aAAa,EAAE,iBAAiB,EAChC,cAAc,EAAE,kBAAkB,EAClC,eAAe,EAAE,mBAAoC,EACrD,eAAe,EAAE,mBAAwB,EACzC,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,IAAmB,EACnB,WAAe,GAChB,EAAE,sBAAsB,2CA4fxB"}

package/dist/ProjectMenuClient.js

@@ -56,7 +56,7 @@ export function ProjectMenuClient({ dataUrl, clientSlug, apiBase, menuId, projec
                 ]);
                 const menuJson = menuRes.ok ? await menuRes.json() : {};
                 const projectsJson = projectsRes.ok ? await projectsRes.json() : {};
-                const projects = (_h = (_g = menuJson === null || menuJson === void 0 ? void 0 : menuJson.projects) !== null && _g !== void 0 ? _g : menuJson === null || menuJson === void 0 ? void 0 : menuJson.data) !== null && _h !== void 0 ? _h : [];
+                const projects = ((_h = (_g = menuJson === null || menuJson === void 0 ? void 0 : menuJson.projects) !== null && _g !== void 0 ? _g : menuJson === null || menuJson === void 0 ? void 0 : menuJson.data) !== null && _h !== void 0 ? _h : []).filter((p) => p.is_published !== false);
                 // Get schema from menu response first, fallback to projects response
                 const schema = (_o = (_l = (_k = (_j = menuJson === null || menuJson === void 0 ? void 0 : menuJson.client) === null || _j === void 0 ? void 0 : _j.custom_fields_schema) !== null && _k !== void 0 ? _k : menuJson === null || menuJson === void 0 ? void 0 : menuJson.schema) !== null && _l !== void 0 ? _l : (_m = projectsJson === null || projectsJson === void 0 ? void 0 : projectsJson.client) === null || _m === void 0 ? void 0 : _m.custom_fields_schema) !== null && _o !== void 0 ? _o : [];
                 const fieldsJson = fieldsRes.ok ? await fieldsRes.json() : { fields: [] };
@@ -95,7 +95,7 @@ export function ProjectMenuClient({ dataUrl, clientSlug, apiBase, menuId, projec
                 fetch(`${apiBase}/api/v1/clients/${clientSlug}/fields?api_key=${API_KEY}`),
             ]);
             const json = projectsRes.ok ? await projectsRes.json() : {};
-            const projects = (_v = json === null || json === void 0 ? void 0 : json.data) !== null && _v !== void 0 ? _v : [];
+            const projects = ((_v = json === null || json === void 0 ? void 0 : json.data) !== null && _v !== void 0 ? _v : []).filter((p) => p.is_published !== false);
             const schema = (_x = (_w = json === null || json === void 0 ? void 0 : json.client) === null || _w === void 0 ? void 0 : _w.custom_fields_schema) !== null && _x !== void 0 ? _x : [];
             const fieldsJson = fieldsRes.ok ? await fieldsRes.json() : { fields: [] };
             const fieldOptionsMap = {};
@@ -348,7 +348,12 @@ export function ProjectMenuClient({ dataUrl, clientSlug, apiBase, menuId, projec
                                                         }, children: project.title }), badge && (_jsx("p", { style: { fontSize: "12px", color: "#71717a", margin: 0, fontFamily: font }, children: badge })), tags.length > 0 && (() => {
                                                         var _a;
                                                         const optMap = tagsField ? ((_a = fieldOptionsMap[tagsField.key]) !== null && _a !== void 0 ? _a : {}) : {};
-                                                        const tagLabels = tags.map((t) => { var _a; return (_a = optMap[t]) !== null && _a !== void 0 ? _a : t; }).slice(0, 2);
+                                                        const hasOptions = Object.keys(optMap).length > 0;
+                                                        // Filter out archived values, then resolve to display labels
+                                                        const activeTags = hasOptions ? tags.filter((t) => optMap[t] !== undefined) : tags;
+                                                        const tagLabels = activeTags.map((t) => { var _a; return (_a = optMap[t]) !== null && _a !== void 0 ? _a : t; }).slice(0, 2);
+                                                        if (tagLabels.length === 0)
+                                                            return null;
                                                         return (_jsx("p", { style: { fontSize: "11px", color: ACCENT, margin: 0, fontFamily: font, lineHeight: 1.4 }, children: tagLabels.join(" · ") }));
                                                     })()] })] }, project.id));
                                 }) }))] }), _jsx("div", { className: "chisel-menu-divider-v" }), _jsxs("div", { className: "chisel-menu-right", children: [filterOptions.length > 0 && (_jsxs(_Fragment, { children: [_jsx("p", { style: {

package/dist/ProjectPortfolio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectPortfolio.d.ts","sourceRoot":"","sources":["../src/ProjectPortfolio.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC,8DAA8D;IAC9D,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,CAAA;IAC5D;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AA6ED;;;;;;;;;;;;;;GAcG;AACH,wBAAsB,gBAAgB,CAAC,EACrC,UAAU,EACV,OAAO,EACP,QAAsB,EACtB,YAAiB,EACjB,UAAe,EACf,OAAe,GAChB,EAAE,qBAAqB,oDA+HvB"}
+{"version":3,"file":"ProjectPortfolio.d.ts","sourceRoot":"","sources":["../src/ProjectPortfolio.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,qBAAqB;IACpC,8DAA8D;IAC9D,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,CAAA;IAC5D;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAyED;;;;;;;;;;;;;;GAcG;AACH,wBAAsB,gBAAgB,CAAC,EACrC,UAAU,EACV,OAAO,EACP,QAAsB,EACtB,YAAiB,EACjB,UAAe,EACf,OAAe,GAChB,EAAE,qBAAqB,oDA+HvB"}

package/dist/ProjectPortfolio.js

@@ -7,7 +7,7 @@ import { ProjectCard } from "./ProjectCard";
 // 2. next: { revalidate } — Next.js Data Cache, caches across multiple requests
 //    on production deployments. Silently ignored in preview/local.
 const fetchPortfolioData = cache(async (apiBase, clientSlug, revalidate, filtersKey = "{}", noCache = false) => {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f;
     const fetchOpts = noCache
         ? { cache: "no-store" }
         : { next: { revalidate } };
@@ -18,10 +18,8 @@ const fetchPortfolioData = cache(async (apiBase, clientSlug, revalidate, filters
         if (val)
             params.append(`filter[${key}]`, val);
     });
-    const [res, fieldsRes] = await Promise.all([
-        fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects?${params.toString()}`, fetchOpts),
-        fetch(`${apiBase}/api/v1/clients/${clientSlug}/fields?api_key=pk_live_crmsuTIm7NNfb9uEWBCyv88F6kj2YQUR`, fetchOpts),
-    ]);
+    // Single call — /projects returns projects AND client.custom_fields_schema with full options.
+    const res = await fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects?${params.toString()}`, fetchOpts);
     const json = res.ok
         ? await res.json()
         : { client: { name: "Projects", description: null, custom_fields_schema: [] }, data: [] };
@@ -33,13 +31,11 @@ const fetchPortfolioData = cache(async (apiBase, clientSlug, revalidate, filters
         seen.add(f.key);
         return true;
     });
-    // Build fieldOptionsMap: { fieldKey: { id: label, label: label } }
-    // Both id and label key to label so we normalize whichever shape is stored
-    const fieldsJson = fieldsRes.ok ? await fieldsRes.json() : { fields: [] };
+    // Build fieldOptionsMap directly from schema options — no separate /fields call needed
     const fieldOptionsMap = {};
-    for (const field of ((_c = fieldsJson.fields) !== null && _c !== void 0 ? _c : [])) {
+    for (const field of schema) {
         const map = {};
-        for (const opt of ((_d = field.options) !== null && _d !== void 0 ? _d : [])) {
+        for (const opt of ((_c = field.options) !== null && _c !== void 0 ? _c : [])) {
             if (typeof opt === "object" && opt.id && opt.label) {
                 map[opt.id] = opt.label;
                 map[opt.label] = opt.label;
@@ -48,8 +44,8 @@ const fetchPortfolioData = cache(async (apiBase, clientSlug, revalidate, filters
         fieldOptionsMap[field.key] = map;
     }
     return {
-        clientName: (_f = (_e = json.client) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : "Projects",
-        projects: (_g = json.data) !== null && _g !== void 0 ? _g : [],
+        clientName: (_e = (_d = json.client) === null || _d === void 0 ? void 0 : _d.name) !== null && _e !== void 0 ? _e : "Projects",
+        projects: ((_f = json.data) !== null && _f !== void 0 ? _f : []).filter((p) => p.is_published !== false),
         schema,
         fieldOptionsMap,
     };

package/dist/ProjectPortfolioClient.js

@@ -52,7 +52,7 @@ export function ProjectPortfolioClient({ clientSlug, apiBase, basePath = "/proje
                 fetch(`${apiBase}/api/v1/clients/${clientSlug}/fields?api_key=${API_KEY}`),
             ]);
             const json = projectsRes.ok ? await projectsRes.json() : {};
-            const projects = (_a = json === null || json === void 0 ? void 0 : json.data) !== null && _a !== void 0 ? _a : [];
+            const projects = ((_a = json === null || json === void 0 ? void 0 : json.data) !== null && _a !== void 0 ? _a : []).filter((p) => p.is_published !== false);
             // Deduplicate schema keys
             const seen = new Set();
             const schema = ((_c = (_b = json === null || json === void 0 ? void 0 : json.client) === null || _b === void 0 ? void 0 : _b.custom_fields_schema) !== null && _c !== void 0 ? _c : []).filter((f) => {

package/dist/SimilarProjects.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SimilarProjects.d.ts","sourceRoot":"","sources":["../src/SimilarProjects.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,oBAAoB;IACnC;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mEAAmE;IACnE,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;CACxB;AA6DD,wBAAsB,eAAe,CAAC,EACpC,OAAY,EACZ,WAAW,EACX,UAAU,EACV,OAAO,EACP,QAAsB,EACtB,QAAY,EACZ,UAAe,EACf,OAAgB,EAChB,YAAY,GACb,EAAE,oBAAoB,2DA8JtB"}
+{"version":3,"file":"SimilarProjects.d.ts","sourceRoot":"","sources":["../src/SimilarProjects.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,oBAAoB;IACnC;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mEAAmE;IACnE,UAAU,EAAE,MAAM,CAAA;IAClB,mCAAmC;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;CACxB;AA0DD,wBAAsB,eAAe,CAAC,EACpC,OAAY,EACZ,WAAW,EACX,UAAU,EACV,OAAO,EACP,QAAsB,EACtB,QAAY,EACZ,UAAe,EACf,OAAgB,EAChB,YAAY,GACb,EAAE,oBAAoB,2DA+JtB"}

package/dist/SimilarProjects.js

@@ -20,22 +20,19 @@ function dedupeByKey(arr) {
 }
 // ─── Data fetching ────────────────────────────────────────────────────────────
 const fetchSimilarData = cache(async (apiBase, clientSlug, revalidate) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d;
     const fetchOpts = revalidate > 0 ? { next: { revalidate } } : {};
     const API_KEY = "pk_live_crmsuTIm7NNfb9uEWBCyv88F6kj2YQUR";
     try {
-        const [res, fieldsRes] = await Promise.all([
-            fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects?api_key=${API_KEY}`, fetchOpts),
-            fetch(`${apiBase}/api/v1/clients/${clientSlug}/fields?api_key=${API_KEY}`, fetchOpts),
-        ]);
+        // Single call — /projects returns projects AND client.custom_fields_schema with full options.
+        const res = await fetch(`${apiBase}/api/v1/clients/${clientSlug}/projects?api_key=${API_KEY}`, fetchOpts);
         const json = res.ok ? await res.json() : null;
-        const allProjects = (_a = json === null || json === void 0 ? void 0 : json.data) !== null && _a !== void 0 ? _a : [];
+        const allProjects = ((_a = json === null || json === void 0 ? void 0 : json.data) !== null && _a !== void 0 ? _a : []).filter((p) => p.is_published !== false);
         const schema = dedupeByKey((_c = (_b = json === null || json === void 0 ? void 0 : json.client) === null || _b === void 0 ? void 0 : _b.custom_fields_schema) !== null && _c !== void 0 ? _c : []);
-        const fieldsJson = fieldsRes.ok ? await fieldsRes.json() : { fields: [] };
         const fieldOptionsMap = {};
-        for (const field of ((_d = fieldsJson.fields) !== null && _d !== void 0 ? _d : [])) {
+        for (const field of schema) {
             const map = {};
-            for (const opt of ((_e = field.options) !== null && _e !== void 0 ? _e : [])) {
+            for (const opt of ((_d = field.options) !== null && _d !== void 0 ? _d : [])) {
                 if (typeof opt === "object" && opt.id && opt.label) {
                     map[opt.id] = opt.label;
                     map[opt.label] = opt.label;
@@ -45,7 +42,7 @@ const fetchSimilarData = cache(async (apiBase, clientSlug, revalidate) => {
         }
         return { allProjects, schema, fieldOptionsMap };
     }
-    catch (_f) {
+    catch (_e) {
         return { allProjects: [], schema: [], fieldOptionsMap: {} };
     }
 });
@@ -82,28 +79,27 @@ export async function SimilarProjects({ filters = {}, excludeSlug, clientSlug, a
     if (similar.length === 0)
         return null;
     const header = (_jsxs("div", { className: "chisel-similar-header", children: [_jsxs("div", { children: [_jsx("p", { style: { fontSize: "11px", fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", color: "oklch(0.78 0.16 85)", margin: "0 0 6px 0" }, children: "More Work" }), _jsx("h2", { style: { color: "#18181b", fontWeight: 700, fontSize: "clamp(20px, 4vw, 28px)", margin: 0, fontFamily: font }, children: "Similar Projects" })] }), _jsxs("a", { href: basePath, style: { color: "#18181b", fontWeight: 600, fontSize: "15px", textDecoration: "none", display: "inline-flex", alignItems: "center", gap: "6px", fontFamily: font, flexShrink: 0 }, children: ["View All", _jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M9 18l6-6-6-6" }) })] })] }));
+    // Shared styles injected regardless of variant so .chisel-project-card-img is always defined
+    const sharedStyles = (_jsx("style", { children: `
+      .chisel-similar-header { display: flex; flex-direction: column; gap: 12px; margin-bottom: 2rem; }
+      @media (min-width: 640px) { .chisel-similar-header { flex-direction: row; align-items: flex-end; justify-content: space-between; } }
+      .chisel-similar-card-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
+      @media (min-width: 640px)  { .chisel-similar-card-grid { grid-template-columns: repeat(2, 1fr); } }
+      @media (min-width: 1024px) { .chisel-similar-card-grid { grid-template-columns: repeat(3, 1fr); } }
+      .chisel-project-card-img { height: 180px; }
+      @media (min-width: 640px) { .chisel-project-card-img { height: 200px; } }
+      @media (min-width: 1024px) { .chisel-project-card-img { height: 220px; } }
+      .chisel-similar-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
+      @media (min-width: 640px)  { .chisel-similar-grid { grid-template-columns: repeat(2, 1fr); } }
+      @media (min-width: 1024px) { .chisel-similar-grid { grid-template-columns: repeat(3, 1fr); } }
+      .chisel-similar-img { height: 56vw; min-height: 160px; max-height: 220px; }
+    ` }));
     // ── Card variant ─────────────────────────────────────────────────────────────
     if (variant === "card") {
-        return (_jsxs("section", { style: { borderTop: "1px solid #e4e4e7", maxWidth: "1280px", margin: "0 auto", padding: "3rem 1rem 2rem", boxSizing: "border-box", fontFamily: font }, children: [_jsx("style", { children: `
-          .chisel-similar-header { display: flex; flex-direction: column; gap: 12px; margin-bottom: 2rem; }
-          @media (min-width: 640px) { .chisel-similar-header { flex-direction: row; align-items: flex-end; justify-content: space-between; } }
-          .chisel-similar-card-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
-          @media (min-width: 640px)  { .chisel-similar-card-grid { grid-template-columns: repeat(2, 1fr); } }
-          @media (min-width: 1024px) { .chisel-similar-card-grid { grid-template-columns: repeat(3, 1fr); } }
-          .chisel-project-card-img { height: 180px; }
-          @media (min-width: 640px) { .chisel-project-card-img { height: 200px; } }
-          @media (min-width: 1024px) { .chisel-project-card-img { height: 220px; } }
-        ` }), header, _jsx("div", { className: "chisel-similar-card-grid", children: similar.map((p, i) => (_jsx(ProjectCard, { project: p, schema: schema, fieldOptionsMap: fieldOptionsMap, basePath: basePath, priority: i === 0, variant: "card" }, p.id))) })] }));
+        return (_jsxs("section", { style: { borderTop: "1px solid #e4e4e7", maxWidth: "1280px", margin: "0 auto", padding: "3rem 1rem 2rem", boxSizing: "border-box", fontFamily: font }, children: [sharedStyles, header, _jsx("div", { className: "chisel-similar-card-grid", children: similar.map((p, i) => (_jsx(ProjectCard, { project: p, schema: schema, fieldOptionsMap: fieldOptionsMap, basePath: basePath, priority: i === 0, variant: "card" }, p.id))) })] }));
     }
     // ── List variant (default) ────────────────────────────────────────────────────
-    return (_jsxs("section", { style: { borderTop: "1px solid #e4e4e7", maxWidth: "1280px", margin: "0 auto", padding: "3rem 1rem 2rem", boxSizing: "border-box", fontFamily: font }, children: [_jsx("style", { children: `
-        .chisel-similar-grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; }
-        @media (min-width: 640px)  { .chisel-similar-grid { grid-template-columns: repeat(2, 1fr); } }
-        @media (min-width: 1024px) { .chisel-similar-grid { grid-template-columns: repeat(3, 1fr); } }
-        .chisel-similar-header { display: flex; flex-direction: column; gap: 12px; margin-bottom: 2rem; }
-        @media (min-width: 640px) { .chisel-similar-header { flex-direction: row; align-items: flex-end; justify-content: space-between; } }
-        .chisel-similar-img { height: 56vw; min-height: 160px; max-height: 220px; }
-      ` }), header, _jsx("div", { className: "chisel-similar-grid", children: similar.map((p) => {
+    return (_jsxs("section", { style: { borderTop: "1px solid #e4e4e7", maxWidth: "1280px", margin: "0 auto", padding: "3rem 1rem 2rem", boxSizing: "border-box", fontFamily: font }, children: [sharedStyles, header, _jsx("div", { className: "chisel-similar-grid", children: similar.map((p) => {
                     var _a, _b, _c, _d, _e;
                     const imgUrl = (_d = (_a = p.image_url) !== null && _a !== void 0 ? _a : (_c = (_b = p.media) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.url) !== null && _d !== void 0 ? _d : null;
                     const badge = badgeField

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "project-portfolio",
-  "version": "2.1.0",
+  "version": "2.2.1",
   "description": "Self-contained project portfolio components for Next.js App Router. Includes ProjectPortfolio, ProjectPortfolioClient (with built-in filtering), ProjectDetail, SimilarProjects, ProjectMenu, ProjectMenuClient, and GalleryCarousel. Pass a clientSlug and apiBase — done.",
   "keywords": ["nextjs", "react", "portfolio", "projects", "megamenu", "gallery", "filtering"],
   "license": "MIT",