@flamingo-stack/openframe-frontend-core 0.0.296 → 0.0.297

package/dist/{chunk-7RIYT7ZH.js → chunk-2QG57XOJ.js}

@@ -1,34 +1,17 @@
 "use client";
-import {
-  ELAPSED_MS_FIELD,
-  HONEYPOT_FIELD,
-  ToolTypeValues,
-  consumeAccessCode,
-  normalizeHashFragment,
-  scrollElementIntoView,
-  transformPlatformConfigsToOptions,
-  validateAccessCode,
-  validateAndConsumeAccessCode
-} from "./chunk-OQ6X7ZOC.js";
 import {
   useRequiredEndpointsRuntime
 } from "./chunk-MJNXIEV2.js";
-import {
-  createNatsClient
-} from "./chunk-PHWQLKVE.js";
-import {
-  contentFetch
-} from "./chunk-3MCHAFHB.js";
-import {
-  useDebounce
-} from "./chunk-POKKCWKF.js";
 import {
   init_next_navigation,
   useRouter,
   useSearchParams
 } from "./chunk-PLJLE4A4.js";
 import {
-  OpenFrameLogo
+  FlamingoLogo,
+  MiamiCyberGangLogoFaceOnly,
+  OpenFrameLogo,
+  OpenmspLogo
 } from "./chunk-V4IIBNTA.js";
 import {
   cn,
@@ -43,12 +26,108 @@ import {
   TacticalRmmLogoIcon,
   XmarkIcon
 } from "./chunk-J7AV6H63.js";
+import {
+  createNatsClient
+} from "./chunk-PHWQLKVE.js";
+
+// src/hooks/ui/use-auto-limit-tags.ts
+import { useCallback, useEffect, useRef, useState } from "react";
+function useAutoLimitTags({
+  count,
+  limitTags = "auto",
+  placeholder = "",
+  reserveInputWidth = true
+}) {
+  const middleRef = useRef(null);
+  const measureRef = useRef(null);
+  const textMeasureRef = useRef(null);
+  const badgeRef = useRef(null);
+  const inputRef = useRef(null);
+  const [visibleCount, setVisibleCount] = useState(count);
+  const recalculate = useCallback(() => {
+    if (limitTags !== "auto") {
+      setVisibleCount(Math.min(limitTags, count));
+      return;
+    }
+    const middle = middleRef.current;
+    const measure = measureRef.current;
+    if (!middle || !measure) {
+      setVisibleCount(count);
+      return;
+    }
+    if (count === 0) {
+      setVisibleCount(0);
+      return;
+    }
+    const cs = getComputedStyle(middle);
+    const padL = parseFloat(cs.paddingLeft) || 0;
+    const padR = parseFloat(cs.paddingRight) || 0;
+    const gap = parseFloat(cs.gap) || 0;
+    const middleW = middle.clientWidth;
+    let inputReservedW = 0;
+    let trailingGap = 0;
+    if (reserveInputWidth) {
+      const textW = textMeasureRef.current?.offsetWidth ?? 60;
+      const inputMinW = inputRef.current ? parseFloat(getComputedStyle(inputRef.current).minWidth) || 60 : 60;
+      inputReservedW = Math.max(textW + 8, inputMinW);
+      trailingGap = gap;
+    }
+    const available = middleW - padL - padR - inputReservedW - trailingGap;
+    const tagEls = Array.from(measure.children);
+    const widths = tagEls.map((el) => el.offsetWidth);
+    let total = 0;
+    for (let i = 0; i < widths.length; i++) {
+      total += widths[i] + (i > 0 ? gap : 0);
+    }
+    if (total <= available) {
+      setVisibleCount(count);
+      return;
+    }
+    const badgeW = badgeRef.current?.offsetWidth ?? 40;
+    const spaceWithBadge = available - badgeW - gap;
+    let used = 0;
+    let fitCount = 0;
+    for (let i = 0; i < widths.length; i++) {
+      const need = widths[i] + (i > 0 ? gap : 0);
+      if (used + need > spaceWithBadge) break;
+      used += need;
+      fitCount++;
+    }
+    setVisibleCount(Math.max(0, fitCount));
+  }, [count, limitTags, placeholder, reserveInputWidth]);
+  useEffect(() => {
+    recalculate();
+  }, [recalculate]);
+  useEffect(() => {
+    const el = middleRef.current;
+    if (!el) return;
+    const ro = new ResizeObserver(recalculate);
+    ro.observe(el);
+    return () => ro.disconnect();
+  }, [recalculate]);
+  return { visibleCount, middleRef, measureRef, textMeasureRef, badgeRef, inputRef };
+}
+
+// src/hooks/ui/use-debounce.ts
+import { useState as useState2, useEffect as useEffect2 } from "react";
+function useDebounce(value, delay = 500) {
+  const [debouncedValue, setDebouncedValue] = useState2(value);
+  useEffect2(() => {
+    const timer = setTimeout(() => {
+      setDebouncedValue(value);
+    }, delay);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+}
 
 // src/hooks/ui/use-header-height.ts
-import { useEffect, useState } from "react";
+import { useEffect as useEffect3, useState as useState3 } from "react";
 function useHeaderHeight(defaultHeight = 64) {
-  const [height, setHeight] = useState(defaultHeight);
-  useEffect(() => {
+  const [height, setHeight] = useState3(defaultHeight);
+  useEffect3(() => {
     const measure = () => {
       let total = 0;
       const header2 = document.querySelector("header");
@@ -87,22 +166,22 @@ function useHeaderHeight(defaultHeight = 64) {
 }
 
 // src/hooks/ui/use-horizontal-scrollbar.ts
-import { useRef, useState as useState2, useCallback } from "react";
+import { useRef as useRef2, useState as useState4, useCallback as useCallback2 } from "react";
 function useHorizontalScrollbar() {
-  const scrollElRef = useRef(null);
-  const trackRef = useRef(null);
-  const thumbRef = useRef(null);
-  const roRef = useRef(null);
-  const moRef = useRef(null);
-  const [thumbRatio, setThumbRatio] = useState2(0);
-  const [canScrollLeft, setCanScrollLeft] = useState2(false);
-  const [canScrollRight, setCanScrollRight] = useState2(false);
-  const prevCanScrollLeftRef = useRef(false);
-  const prevCanScrollRightRef = useRef(false);
-  const isDraggingRef = useRef(false);
-  const dragStartRef = useRef({ mouseX: 0, scrollLeft: 0 });
-  const rafIdRef = useRef(0);
-  const syncThumbToDOM = useCallback(() => {
+  const scrollElRef = useRef2(null);
+  const trackRef = useRef2(null);
+  const thumbRef = useRef2(null);
+  const roRef = useRef2(null);
+  const moRef = useRef2(null);
+  const [thumbRatio, setThumbRatio] = useState4(0);
+  const [canScrollLeft, setCanScrollLeft] = useState4(false);
+  const [canScrollRight, setCanScrollRight] = useState4(false);
+  const prevCanScrollLeftRef = useRef2(false);
+  const prevCanScrollRightRef = useRef2(false);
+  const isDraggingRef = useRef2(false);
+  const dragStartRef = useRef2({ mouseX: 0, scrollLeft: 0 });
+  const rafIdRef = useRef2(0);
+  const syncThumbToDOM = useCallback2(() => {
     const el = scrollElRef.current;
     const thumb = thumbRef.current;
     if (!el || !thumb) return;
@@ -115,7 +194,7 @@ function useHorizontalScrollbar() {
     const fraction = Math.min(Math.max(el.scrollLeft, 0), maxScroll) / maxScroll;
     thumb.style.left = `${fraction * (1 - ratio) * 100}%`;
   }, []);
-  const syncEdgeFades = useCallback(() => {
+  const syncEdgeFades = useCallback2(() => {
     const el = scrollElRef.current;
     if (!el) return;
     const maxScroll = el.scrollWidth - el.clientWidth;
@@ -143,7 +222,7 @@ function useHorizontalScrollbar() {
       setCanScrollRight(right);
     }
   }, []);
-  const measure = useCallback(() => {
+  const measure = useCallback2(() => {
     const el = scrollElRef.current;
     if (!el) return;
     const ratio = el.clientWidth / el.scrollWidth;
@@ -151,7 +230,7 @@ function useHorizontalScrollbar() {
     syncThumbToDOM();
     syncEdgeFades();
   }, [syncThumbToDOM, syncEdgeFades]);
-  const scrollRef = useCallback((node) => {
+  const scrollRef = useCallback2((node) => {
     if (roRef.current) {
       roRef.current.disconnect();
       roRef.current = null;
@@ -193,7 +272,7 @@ function useHorizontalScrollbar() {
       setCanScrollRight(false);
     }
   }, [measure, syncThumbToDOM, syncEdgeFades]);
-  const onScroll = useCallback(() => {
+  const onScroll = useCallback2(() => {
     if (isDraggingRef.current) return;
     if (rafIdRef.current) cancelAnimationFrame(rafIdRef.current);
     rafIdRef.current = requestAnimationFrame(() => {
@@ -201,7 +280,7 @@ function useHorizontalScrollbar() {
       syncEdgeFades();
     });
   }, [syncThumbToDOM, syncEdgeFades]);
-  const onTrackClick = useCallback((e) => {
+  const onTrackClick = useCallback2((e) => {
     if (e.target.closest("[data-scrollbar-thumb]")) return;
     const track = trackRef.current;
     const el = scrollElRef.current;
@@ -219,13 +298,13 @@ function useHorizontalScrollbar() {
     const targetScrollLeft = targetFraction * (el.scrollWidth - el.clientWidth);
     el.scrollTo({ left: targetScrollLeft, behavior: "smooth" });
   }, []);
-  const onTrackWheel = useCallback((e) => {
+  const onTrackWheel = useCallback2((e) => {
     const el = scrollElRef.current;
     if (!el) return;
     e.preventDefault();
     el.scrollLeft += e.deltaX || e.deltaY;
   }, []);
-  const onThumbPointerDown = useCallback((e) => {
+  const onThumbPointerDown = useCallback2((e) => {
     e.preventDefault();
     e.stopPropagation();
     const el = scrollElRef.current;
@@ -236,7 +315,7 @@ function useHorizontalScrollbar() {
     target.setPointerCapture(e.pointerId);
     target.style.cursor = "grabbing";
   }, []);
-  const onThumbPointerMove = useCallback((e) => {
+  const onThumbPointerMove = useCallback2((e) => {
     if (!isDraggingRef.current) return;
     const el = scrollElRef.current;
     const track = trackRef.current;
@@ -256,7 +335,7 @@ function useHorizontalScrollbar() {
     syncThumbToDOM();
     syncEdgeFades();
   }, [syncThumbToDOM, syncEdgeFades]);
-  const onThumbPointerUp = useCallback((e) => {
+  const onThumbPointerUp = useCallback2((e) => {
     isDraggingRef.current = false;
     const target = e.currentTarget;
     target.releasePointerCapture(e.pointerId);
@@ -279,7 +358,7 @@ function useHorizontalScrollbar() {
 }
 
 // src/hooks/ui/use-image-edge-color.ts
-import { useState as useState3, useEffect as useEffect2 } from "react";
+import { useState as useState5, useEffect as useEffect4 } from "react";
 function extractEdgeColor(img) {
   const canvas = document.createElement("canvas");
   const ctx = canvas.getContext("2d");
@@ -335,8 +414,8 @@ function extractEdgeColor(img) {
   return `rgb(${r}, ${g}, ${b})`;
 }
 function useImageEdgeColor(imageUrl, fallback = "#000000") {
-  const [color, setColor] = useState3(fallback);
-  useEffect2(() => {
+  const [color, setColor] = useState5(fallback);
+  useEffect4(() => {
     if (!imageUrl) {
       setColor(fallback);
       return;
@@ -365,9 +444,9 @@ function useImageEdgeColor(imageUrl, fallback = "#000000") {
 }
 
 // src/hooks/ui/use-local-storage.ts
-import { useEffect as useEffect3, useRef as useRef2, useState as useState4 } from "react";
+import { useEffect as useEffect5, useRef as useRef3, useState as useState6 } from "react";
 function useLocalStorage(key, initialValue) {
-  const [storedValue, setStoredValue] = useState4(() => {
+  const [storedValue, setStoredValue] = useState6(() => {
     try {
       if (typeof window !== "undefined") {
         const item = window.localStorage.getItem(key);
@@ -378,9 +457,9 @@ function useLocalStorage(key, initialValue) {
     }
     return initialValue;
   });
-  const isInitialized = useRef2(true);
-  const isFromStorageEvent = useRef2(false);
-  useEffect3(() => {
+  const isInitialized = useRef3(true);
+  const isFromStorageEvent = useRef3(false);
+  useEffect5(() => {
     if (!isInitialized.current) return;
     const handleStorageChange = (e) => {
       if (e.key === key && e.newValue !== null) {
@@ -419,7 +498,7 @@ function useLocalStorage(key, initialValue) {
       window.removeEventListener("localStorageUpdate", handleCustomStorageUpdate);
     };
   }, [key]);
-  useEffect3(() => {
+  useEffect5(() => {
     if (!isInitialized.current) return;
     if (isFromStorageEvent.current) {
       isFromStorageEvent.current = false;
@@ -445,9 +524,9 @@ function useLocalStorage(key, initialValue) {
 }
 
 // src/hooks/ui/use-media-query.ts
-import { useLayoutEffect, useState as useState5 } from "react";
+import { useLayoutEffect, useState as useState7 } from "react";
 function useMediaQuery(query) {
-  const [matches, setMatches] = useState5(void 0);
+  const [matches, setMatches] = useState7(void 0);
   useLayoutEffect(() => {
     const matchMedia = window.matchMedia(query);
     const handleChange = () => {
@@ -480,24 +559,24 @@ function useLgUp() {
 }
 
 // src/hooks/ui/use-memoized-callback.ts
-import { useCallback as useCallback2, useRef as useRef3 } from "react";
+import { useCallback as useCallback3, useRef as useRef4 } from "react";
 function useMemoizedCallback(callback, dependencies) {
-  const callbackRef = useRef3(callback);
-  const dependenciesRef = useRef3(dependencies);
+  const callbackRef = useRef4(callback);
+  const dependenciesRef = useRef4(dependencies);
   callbackRef.current = callback;
   const depsChanged = dependencies.some((dep, i) => !Object.is(dep, dependenciesRef.current[i]));
   if (depsChanged) {
     dependenciesRef.current = dependencies;
   }
-  return useCallback2(((...args) => callbackRef.current(...args)), [depsChanged]);
+  return useCallback3(((...args) => callbackRef.current(...args)), [depsChanged]);
 }
 
 // src/hooks/ui/use-notification-permission.ts
-import { useCallback as useCallback3, useEffect as useEffect4, useState as useState6 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect6, useState as useState8 } from "react";
 function useNotificationPermission() {
-  const [supported, setSupported] = useState6(false);
-  const [permission, setPermission] = useState6("default");
-  useEffect4(() => {
+  const [supported, setSupported] = useState8(false);
+  const [permission, setPermission] = useState8("default");
+  useEffect6(() => {
     if (typeof window === "undefined" || !("Notification" in window)) return;
     setSupported(true);
     const sync = () => setPermission(Notification.permission);
@@ -518,7 +597,7 @@ function useNotificationPermission() {
       window.removeEventListener("focus", sync);
     };
   }, []);
-  const request = useCallback3(async () => {
+  const request = useCallback4(async () => {
     if (typeof window === "undefined" || !("Notification" in window)) {
       return "denied";
     }
@@ -533,7 +612,7 @@ function useNotificationPermission() {
 }
 
 // src/hooks/ui/use-onboarding-state.ts
-import { useState as useState7, useEffect as useEffect5, useCallback as useCallback4 } from "react";
+import { useState as useState9, useEffect as useEffect7, useCallback as useCallback5 } from "react";
 
 // src/utils/onboarding-storage.ts
 var DEFAULT_STATE = {
@@ -608,9 +687,9 @@ function dismissOnboarding(key) {
 
 // src/hooks/ui/use-onboarding-state.ts
 function useOnboardingState(storageKey = "openframe-onboarding-state") {
-  const [state, setState] = useState7(() => loadOnboardingState(storageKey));
-  const [, forceUpdate] = useState7(0);
-  useEffect5(() => {
+  const [state, setState] = useState9(() => loadOnboardingState(storageKey));
+  const [, forceUpdate] = useState9(0);
+  useEffect7(() => {
     const handleStorageUpdate = (e) => {
       if (e.detail.key === storageKey) {
         const newState = loadOnboardingState(storageKey);
@@ -624,38 +703,38 @@ function useOnboardingState(storageKey = "openframe-onboarding-state") {
       window.removeEventListener("localStorageUpdate", handleStorageUpdate);
     };
   }, [storageKey]);
-  const markComplete = useCallback4((stepId) => {
+  const markComplete = useCallback5((stepId) => {
     console.log(`\u{1F3AF} markComplete called for: "${stepId}"`);
     const newState = markStepComplete(storageKey, stepId);
     setState(newState);
     forceUpdate((prev) => prev + 1);
   }, [storageKey]);
-  const markSkipped = useCallback4((stepId) => {
+  const markSkipped = useCallback5((stepId) => {
     console.log(`\u23ED\uFE0F markSkipped called for: "${stepId}"`);
     const newState = markStepSkipped(storageKey, stepId);
     setState(newState);
     forceUpdate((prev) => prev + 1);
   }, [storageKey]);
-  const dismissOnboarding2 = useCallback4(() => {
+  const dismissOnboarding2 = useCallback5(() => {
     console.log(`\u{1F6AB} dismissOnboarding called`);
     const newState = dismissOnboarding(storageKey);
     setState(newState);
     forceUpdate((prev) => prev + 1);
   }, [storageKey]);
-  const markMultipleComplete2 = useCallback4((stepIds) => {
+  const markMultipleComplete2 = useCallback5((stepIds) => {
     console.log(`\u{1F3AF} markMultipleComplete called for:`, stepIds);
     const newState = markMultipleComplete(storageKey, stepIds);
     setState(newState);
     forceUpdate((prev) => prev + 1);
     console.log(`\u{1F4DD} State after batch:`, newState);
   }, [storageKey]);
-  const isStepComplete = useCallback4((stepId) => {
+  const isStepComplete = useCallback5((stepId) => {
     return state.completedSteps.includes(stepId);
   }, [state.completedSteps]);
-  const isStepSkipped = useCallback4((stepId) => {
+  const isStepSkipped = useCallback5((stepId) => {
     return state.skippedSteps.includes(stepId);
   }, [state.skippedSteps]);
-  const allStepsComplete = useCallback4((steps) => {
+  const allStepsComplete = useCallback5((steps) => {
     return steps.every((step) => isStepComplete(step.id) || isStepSkipped(step.id));
   }, [isStepComplete, isStepSkipped]);
   return {
@@ -671,19 +750,19 @@ function useOnboardingState(storageKey = "openframe-onboarding-state") {
 }
 
 // src/hooks/ui/use-search.ts
-import { useState as useState8, useEffect as useEffect6, useCallback as useCallback5 } from "react";
+import { useState as useState10, useEffect as useEffect8, useCallback as useCallback6 } from "react";
 function useSearch(config) {
   const { searchFn, mapResult, debounceMs = 300, minQueryLength = 2 } = config;
-  const [query, setQuery] = useState8("");
-  const [results, setResults] = useState8([]);
-  const [isLoading, setIsLoading] = useState8(false);
-  const [error, setError] = useState8(null);
+  const [query, setQuery] = useState10("");
+  const [results, setResults] = useState10([]);
+  const [isLoading, setIsLoading] = useState10(false);
+  const [error, setError] = useState10(null);
   const debouncedQuery = useDebounce(query, debounceMs);
-  const clearResults = useCallback5(() => {
+  const clearResults = useCallback6(() => {
     setResults([]);
     setError(null);
   }, []);
-  useEffect6(() => {
+  useEffect8(() => {
     if (!debouncedQuery || debouncedQuery.length < minQueryLength) {
       setResults([]);
       setIsLoading(false);
@@ -756,11 +835,11 @@ function useTablePagination(config) {
 }
 
 // src/hooks/ui/use-throttle.ts
-import { useState as useState9, useEffect as useEffect7, useRef as useRef4 } from "react";
+import { useState as useState11, useEffect as useEffect9, useRef as useRef5 } from "react";
 function useThrottle(value, limit = 200) {
-  const [throttledValue, setThrottledValue] = useState9(value);
-  const lastUpdated = useRef4(Date.now());
-  useEffect7(() => {
+  const [throttledValue, setThrottledValue] = useState11(value);
+  const lastUpdated = useRef5(Date.now());
+  useEffect9(() => {
     const now = Date.now();
     const elapsed = now - lastUpdated.current;
     if (elapsed >= limit) {
@@ -780,13 +859,13 @@ function useThrottle(value, limit = 200) {
 }
 
 // src/hooks/ui/use-window-size.ts
-import { useLayoutEffect as useLayoutEffect2, useState as useState10 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useState as useState12 } from "react";
 function useWindowSize() {
-  const [windowSize, setWindowSize] = useState10({
+  const [windowSize, setWindowSize] = useState12({
     width: 0,
     height: 0
   });
-  const [isClient, setIsClient] = useState10(false);
+  const [isClient, setIsClient] = useState12(false);
   useLayoutEffect2(() => {
     setIsClient(true);
     if (!isClient) return;
@@ -804,14 +883,188 @@ function useWindowSize() {
 }
 
 // src/hooks/platform/use-platform-config.ts
-import { useState as useState11, useEffect as useEffect8 } from "react";
+import { useState as useState13, useEffect as useEffect10 } from "react";
+
+// src/utils/platform-config.tsx
+import { Globe } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+var platformIcons = {
+  openframe: /* @__PURE__ */ jsx(OpenFrameLogo, { className: "h-5 w-5", lowerPathColor: "#FFC008", upperPathColor: "#ffffff" }),
+  openmsp: /* @__PURE__ */ jsx(OpenmspLogo, { className: "h-5 w-5" }),
+  flamingo: /* @__PURE__ */ jsx(FlamingoLogo, { className: "h-5 w-5", fill: "#EC4899" }),
+  "flamingo-teaser": /* @__PURE__ */ jsx(FlamingoLogo, { className: "h-5 w-5", fill: "#EC4899" }),
+  "marketing-hub": /* @__PURE__ */ jsx(FlamingoLogo, { className: "h-5 w-5", fill: "#F357BB" }),
+  "product-hub": /* @__PURE__ */ jsx(FlamingoLogo, { className: "h-5 w-5", fill: "#5EA62E" }),
+  "revenue-hub": /* @__PURE__ */ jsx(FlamingoLogo, { className: "h-5 w-5", fill: "#FFC008" }),
+  "people-hub": /* @__PURE__ */ jsx(FlamingoLogo, { className: "h-5 w-5", fill: "#5EFAF0" }),
+  "company-hub": /* @__PURE__ */ jsx(FlamingoLogo, { className: "h-5 w-5", fill: "#f36666" }),
+  tmcg: /* @__PURE__ */ jsx(MiamiCyberGangLogoFaceOnly, { className: "h-5 w-5" }),
+  universal: /* @__PURE__ */ jsx(Globe, { className: "h-5 w-5 text-[#10B981]" })
+};
+var platformColors = {
+  openmsp: "bg-[#3B82F6]",
+  openframe: "bg-[#8B5CF6]",
+  flamingo: "bg-[#EC4899]",
+  "flamingo-teaser": "bg-[#F59E0B]",
+  "marketing-hub": "bg-[#F357BB]",
+  "product-hub": "bg-[#5EA62E]",
+  "revenue-hub": "bg-[#FFC008]",
+  "people-hub": "bg-[#5EFAF0]",
+  "company-hub": "bg-[#f36666]",
+  tmcg: "bg-[#FF6B6B]",
+  universal: "bg-[#10B981]"
+};
+var platformDisplayNames = {
+  openmsp: "OpenMSP",
+  openframe: "OpenFrame",
+  flamingo: "Flamingo",
+  "flamingo-teaser": "Flamingo Teaser",
+  "marketing-hub": "Flamingo Marketing Hub",
+  "product-hub": "Flamingo Product Hub",
+  "revenue-hub": "Flamingo Revenue Hub",
+  "people-hub": "Flamingo People Hub",
+  "company-hub": "Flamingo Company Hub",
+  tmcg: "TMCG",
+  universal: "Universal"
+};
+var platformDescriptions = {
+  openmsp: "Comprehensive directory and comparison platform for managed service providers (MSPs) and technology vendors. Reduce vendor costs and discover open-source alternatives.",
+  openframe: "AI-driven open-source security operations center (SOC) and endpoint detection platform for MSPs.",
+  flamingo: "AI-driven open-source OS for MSPs. Swap bloated vendor tools for open ones. Automate the boring crap. Take your margin back.",
+  "flamingo-teaser": "Preview of Flamingo - the AI-driven open-source OS for MSPs.",
+  tmcg: "The Miami Cyber Gang - A cybersecurity community focused on education and collaboration.",
+  universal: "Cross-platform universal content."
+};
+var platformSlogans = {
+  openmsp: "Find Your Perfect MSP Partner",
+  openframe: "Open-Source Security Operations",
+  flamingo: "Open-Source OS for MSPs",
+  "flamingo-teaser": "Coming Soon: Open-Source OS for MSPs",
+  tmcg: "Miami Cyber Community",
+  universal: "Universal Platform"
+};
+var platformHexColors = {
+  openmsp: "#FFC008",
+  openframe: "#FFC008",
+  flamingo: "#FF6B9D",
+  universal: "#FFC008",
+  "flamingo-teaser": "#F59E0B",
+  "marketing-hub": "#F357BB",
+  "product-hub": "#5EA62E",
+  "revenue-hub": "#FFC008",
+  "people-hub": "#5EFAF0",
+  "company-hub": "#f36666",
+  tmcg: "#FF6B6B"
+};
+var platformIconNames = {
+  openmsp: "openmsp-logo",
+  openframe: "openframe-logo",
+  flamingo: "flamingo-logo",
+  universal: "globe",
+  "flamingo-teaser": "flamingo-logo",
+  "marketing-hub": "flamingo-logo",
+  "product-hub": "flamingo-logo",
+  "revenue-hub": "flamingo-logo",
+  "people-hub": "flamingo-logo",
+  "company-hub": "flamingo-logo",
+  tmcg: "tmcg-logo"
+};
+function getDefaultColorForPlatform(platformName) {
+  return platformHexColors[platformName] || platformHexColors.universal;
+}
+function getDefaultIconForPlatform(platformName) {
+  return platformIconNames[platformName] || platformIconNames.universal;
+}
+function transformPlatformConfigsToOptions(platformConfigs) {
+  return platformConfigs.map((platform) => ({
+    id: platform.id,
+    // Database UUID for matching
+    name: platform.name,
+    // Platform name enum
+    displayName: platform.display_name,
+    // Human-readable name
+    description: platform.description,
+    icon: platformIcons[platform.name] || platformIcons.universal,
+    color: platformColors[platform.name] || platformColors.universal
+  }));
+}
+function getPlatformIcon(platformName) {
+  return platformIcons[platformName] || platformIcons.universal;
+}
+function getPlatformColor(platformName) {
+  return platformColors[platformName] || platformColors.universal;
+}
+function getPlatformDisplayName(platformName) {
+  return platformDisplayNames[platformName] || platformName;
+}
+function getPlatformDescription(platformName) {
+  return platformDescriptions[platformName] || platformName;
+}
+function getPlatformSlogan(platformName) {
+  return platformSlogans[platformName] || platformName;
+}
+function getSmallPlatformIcon(platformName) {
+  const className = "h-4 w-4 flex-shrink-0";
+  switch (platformName) {
+    case "openframe":
+      return /* @__PURE__ */ jsx(OpenFrameLogo, { className, lowerPathColor: "#FFC008", upperPathColor: "#ffffff" });
+    case "openmsp":
+      return /* @__PURE__ */ jsx(OpenmspLogo, { className, frontBubbleColor: "#f1f1f1", innerFrontBubbleColor: "#000000", backBubbleColor: "#FFC008" });
+    case "flamingo":
+    case "flamingo-teaser":
+      return /* @__PURE__ */ jsx(FlamingoLogo, { className: `${className}`, fill: "#EC4899" });
+    case "marketing-hub":
+      return /* @__PURE__ */ jsx(FlamingoLogo, { className, fill: "var(--ods-flamingo-pink-base)" });
+    case "product-hub":
+      return /* @__PURE__ */ jsx(FlamingoLogo, { className, fill: "var(--ods-attention-green-success)" });
+    case "revenue-hub":
+      return /* @__PURE__ */ jsx(FlamingoLogo, { className, fill: "var(--ods-attention-yellow-warning)" });
+    case "people-hub":
+      return /* @__PURE__ */ jsx(FlamingoLogo, { className, fill: "var(--ods-flamingo-cyan-base)" });
+    case "company-hub":
+      return /* @__PURE__ */ jsx(FlamingoLogo, { className, fill: "var(--ods-attention-red-error)" });
+    case "tmcg":
+      return /* @__PURE__ */ jsx(MiamiCyberGangLogoFaceOnly, { className });
+    case "universal":
+    default:
+      return /* @__PURE__ */ jsx(Globe, { className });
+  }
+}
+function getPlatformIconComponent(platformName, className = "h-6 w-6") {
+  switch (platformName) {
+    case "openframe":
+      return /* @__PURE__ */ jsx(OpenFrameLogo, { className });
+    case "openmsp":
+      return /* @__PURE__ */ jsx(OpenmspLogo, { className, color: "#f1f1f1" });
+    case "flamingo":
+    case "flamingo-teaser":
+      return /* @__PURE__ */ jsx(FlamingoLogo, { className: `${className} text-white` });
+    case "marketing-hub":
+      return /* @__PURE__ */ jsx(FlamingoLogo, { className, fill: "var(--ods-flamingo-pink-base)" });
+    case "product-hub":
+      return /* @__PURE__ */ jsx(FlamingoLogo, { className, fill: "var(--ods-attention-green-success)" });
+    case "revenue-hub":
+      return /* @__PURE__ */ jsx(FlamingoLogo, { className, fill: "var(--ods-attention-yellow-warning)" });
+    case "people-hub":
+      return /* @__PURE__ */ jsx(FlamingoLogo, { className, fill: "var(--ods-flamingo-cyan-base)" });
+    case "company-hub":
+      return /* @__PURE__ */ jsx(FlamingoLogo, { className, fill: "var(--ods-attention-red-error)" });
+    case "tmcg":
+      return /* @__PURE__ */ jsx(MiamiCyberGangLogoFaceOnly, { size: 24, className });
+    case "universal":
+    default:
+      return /* @__PURE__ */ jsx(Globe, { className });
+  }
+}
+
+// src/hooks/platform/use-platform-config.ts
 var platformCache = null;
 var fetchPromise = null;
 function usePlatformConfig() {
-  const [platforms, setPlatforms] = useState11(platformCache || []);
-  const [isLoading, setIsLoading] = useState11(!platformCache);
-  const [error, setError] = useState11(null);
-  useEffect8(() => {
+  const [platforms, setPlatforms] = useState13(platformCache || []);
+  const [isLoading, setIsLoading] = useState13(!platformCache);
+  const [error, setError] = useState13(null);
+  useEffect10(() => {
     if (platformCache) {
       setPlatforms(platformCache);
       setIsLoading(false);
@@ -882,11 +1135,35 @@ import { toast as sonnerToast2 } from "sonner";
 import * as React from "react";
 import { Toaster as SonnerToaster, toast as sonnerToast } from "sonner";
 
+// src/types/tool.types.ts
+var ToolTypeValues = {
+  TACTICAL_RMM: "TACTICAL_RMM",
+  FLEET_MDM: "FLEET_MDM",
+  MESHCENTRAL: "MESHCENTRAL",
+  AUTHENTIK: "AUTHENTIK",
+  OPENFRAME: "OPENFRAME",
+  OPENFRAME_CHAT: "OPENFRAME_CHAT",
+  OPENFRAME_CLIENT: "OPENFRAME_CLIENT",
+  OSQUERY: "OSQUERY",
+  SYSTEM: "SYSTEM"
+};
+var toolLabels = {
+  TACTICAL_RMM: "Tactical",
+  FLEET_MDM: "Fleet",
+  MESHCENTRAL: "MeshCentral",
+  AUTHENTIK: "Authentik",
+  OPENFRAME: "OpenFrame",
+  OPENFRAME_CHAT: "OpenFrame Chat",
+  OPENFRAME_CLIENT: "OpenFrame Client",
+  OSQUERY: "Osquery",
+  SYSTEM: "System"
+};
+
 // src/components/tool-icon.tsx
-import { Fragment, jsx } from "react/jsx-runtime";
+import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
 var renderOpenFrameLogo = (_size, className) => (
   // eslint-disable-next-line deprecation/deprecation
-  /* @__PURE__ */ jsx(
+  /* @__PURE__ */ jsx2(
     OpenFrameLogo,
     {
       className: className ?? "h-4 w-auto",
@@ -896,22 +1173,22 @@ var renderOpenFrameLogo = (_size, className) => (
   )
 );
 var toolIconMap = {
-  [ToolTypeValues.FLEET_MDM]: (size, className) => /* @__PURE__ */ jsx(FleetMdmLogoGreyIcon, { size, className }),
-  [ToolTypeValues.MESHCENTRAL]: (size, className) => /* @__PURE__ */ jsx(MeshcentralLogoGreyIcon, { size, className }),
-  [ToolTypeValues.TACTICAL_RMM]: (size, className) => /* @__PURE__ */ jsx(TacticalRmmLogoIcon, { size, className }),
+  [ToolTypeValues.FLEET_MDM]: (size, className) => /* @__PURE__ */ jsx2(FleetMdmLogoGreyIcon, { size, className }),
+  [ToolTypeValues.MESHCENTRAL]: (size, className) => /* @__PURE__ */ jsx2(MeshcentralLogoGreyIcon, { size, className }),
+  [ToolTypeValues.TACTICAL_RMM]: (size, className) => /* @__PURE__ */ jsx2(TacticalRmmLogoIcon, { size, className }),
   [ToolTypeValues.OPENFRAME]: renderOpenFrameLogo,
   [ToolTypeValues.OPENFRAME_CHAT]: renderOpenFrameLogo,
   [ToolTypeValues.OPENFRAME_CLIENT]: renderOpenFrameLogo,
-  [ToolTypeValues.AUTHENTIK]: (size, className) => /* @__PURE__ */ jsx(AuthentikLogoGreyIcon, { size, className }),
-  [ToolTypeValues.OSQUERY]: (size, className) => /* @__PURE__ */ jsx(OsqueryLogoGreyIcon, { size, className }),
+  [ToolTypeValues.AUTHENTIK]: (size, className) => /* @__PURE__ */ jsx2(AuthentikLogoGreyIcon, { size, className }),
+  [ToolTypeValues.OSQUERY]: (size, className) => /* @__PURE__ */ jsx2(OsqueryLogoGreyIcon, { size, className }),
   [ToolTypeValues.SYSTEM]: () => null
 };
-var ToolIcon = ({ toolType, size = 16, className }) => /* @__PURE__ */ jsx(Fragment, { children: toolIconMap[toolType]?.(size, className) ?? null });
+var ToolIcon = ({ toolType, size = 16, className }) => /* @__PURE__ */ jsx2(Fragment, { children: toolIconMap[toolType]?.(size, className) ?? null });
 ToolIcon.displayName = "ToolIcon";
 
 // src/components/ui/toaster.tsx
 init_cn();
-import { Fragment as Fragment2, jsx as jsx2, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx3, jsxs } from "react/jsx-runtime";
 var dotColorByVariant = {
   default: "bg-ods-text-secondary",
   success: "bg-ods-success",
@@ -944,22 +1221,22 @@ function ToastHeader({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx2("div", { className: "flex size-6 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx2("span", { className: cn("size-[9px] rounded-full", dotColorByVariant[variant]) }) }),
+        /* @__PURE__ */ jsx3("div", { className: "flex size-6 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx3("span", { className: cn("size-[9px] rounded-full", dotColorByVariant[variant]) }) }),
         /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col justify-center font-['DM_Sans'] font-medium", children: [
-          title ? /* @__PURE__ */ jsx2("p", { className: "truncate pr-5 text-[18px] leading-6 text-ods-text-primary", title: typeof title === "string" ? title : void 0, children: title }) : null,
-          description ? /* @__PURE__ */ jsx2("p", { className: "text-[14px] leading-5 text-ods-text-secondary line-clamp-3", title: typeof description === "string" ? description : void 0, children: description }) : null
+          title ? /* @__PURE__ */ jsx3("p", { className: "truncate pr-5 text-[18px] leading-6 text-ods-text-primary", title: typeof title === "string" ? title : void 0, children: title }) : null,
+          description ? /* @__PURE__ */ jsx3("p", { className: "text-[14px] leading-5 text-ods-text-secondary line-clamp-3", title: typeof description === "string" ? description : void 0, children: description }) : null
         ] }),
-        dismissible ? /* @__PURE__ */ jsx2(
+        dismissible ? /* @__PURE__ */ jsx3(
           "button",
           {
             type: "button",
             "aria-label": "Close",
             onClick: () => sonnerToast.dismiss(id),
             className: "absolute right-[7px] top-[7px] flex size-4 items-center justify-center text-ods-text-secondary transition-colors hover:text-ods-text-primary",
-            children: /* @__PURE__ */ jsx2(XmarkIcon, { size: 16 })
+            children: /* @__PURE__ */ jsx3(XmarkIcon, { size: 16 })
           }
         ) : null,
-        showProgress && duration !== Infinity && duration > 0 ? /* @__PURE__ */ jsx2(
+        showProgress && duration !== Infinity && duration > 0 ? /* @__PURE__ */ jsx3(
           "div",
           {
             className: cn(
@@ -984,7 +1261,7 @@ function ToastCard({
   dismissible = true,
   className
 }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     "div",
     {
       role: "status",
@@ -992,7 +1269,7 @@ function ToastCard({
         "w-[368px] max-w-[calc(100vw-32px)] overflow-hidden rounded-md border border-ods-border bg-ods-card shadow-lg",
         className
       ),
-      children: /* @__PURE__ */ jsx2(
+      children: /* @__PURE__ */ jsx3(
         ToastHeader,
         {
           id,
@@ -1041,7 +1318,7 @@ function CommandApprovalToast({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx3(
           ToastHeader,
           {
             id,
@@ -1054,7 +1331,7 @@ function CommandApprovalToast({
             className: "border-b border-ods-border"
           }
         ),
-        /* @__PURE__ */ jsx2(
+        /* @__PURE__ */ jsx3(
           "div",
           {
             className: "grid transition-[grid-template-rows] duration-300 ease-out",
@@ -1062,13 +1339,13 @@ function CommandApprovalToast({
             "aria-hidden": !expanded,
             children: /* @__PURE__ */ jsxs("div", { className: "overflow-hidden", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex h-11 w-full items-center gap-2 border-b border-ods-border bg-ods-card px-3 py-2", children: [
-                /* @__PURE__ */ jsx2("p", { className: "min-w-0 flex-1 truncate font-['DM_Sans'] text-[14px] font-medium leading-5 text-ods-text-primary", title: command, children: command }),
-                toolType ? /* @__PURE__ */ jsx2(ToolIcon, { toolType, size: 16 }) : null
+                /* @__PURE__ */ jsx3("p", { className: "min-w-0 flex-1 truncate font-['DM_Sans'] text-[14px] font-medium leading-5 text-ods-text-primary", title: command, children: command }),
+                toolType ? /* @__PURE__ */ jsx3(ToolIcon, { toolType, size: 16 }) : null
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 bg-ods-bg p-3", children: [
-                approvalDescription ? /* @__PURE__ */ jsx2("p", { className: "font-['DM_Sans'] text-[14px] font-medium leading-5 text-ods-text-secondary", children: approvalDescription }) : null,
+                approvalDescription ? /* @__PURE__ */ jsx3("p", { className: "font-['DM_Sans'] text-[14px] font-medium leading-5 text-ods-text-secondary", children: approvalDescription }) : null,
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-                  /* @__PURE__ */ jsx2(
+                  /* @__PURE__ */ jsx3(
                     "button",
                     {
                       type: "button",
@@ -1078,7 +1355,7 @@ function CommandApprovalToast({
                       children: approveLabel
                     }
                   ),
-                  /* @__PURE__ */ jsx2(
+                  /* @__PURE__ */ jsx3(
                     "button",
                     {
                       type: "button",
@@ -1101,8 +1378,8 @@ function CommandApprovalToast({
             className: "flex w-full items-center gap-2 bg-ods-card px-3 py-2 text-left font-['DM_Sans'] text-[14px] font-medium leading-5 text-ods-text-primary transition-colors hover:bg-ods-bg-hover",
             "aria-expanded": false,
             children: [
-              /* @__PURE__ */ jsx2("span", { className: "flex-1", children: "Show Command" }),
-              /* @__PURE__ */ jsx2(Chevron02DownIcon, { size: 16 })
+              /* @__PURE__ */ jsx3("span", { className: "flex-1", children: "Show Command" }),
+              /* @__PURE__ */ jsx3(Chevron02DownIcon, { size: 16 })
             ]
           }
         )
@@ -1119,13 +1396,13 @@ function Toaster({
 } = {}) {
   const { classNames: userClassNames, ...restToastOptions } = toastOptions ?? {};
   return /* @__PURE__ */ jsxs(Fragment2, { children: [
-    /* @__PURE__ */ jsx2("style", { children: `
+    /* @__PURE__ */ jsx3("style", { children: `
         @keyframes toast-progress {
           from { transform: scaleX(1); }
           to { transform: scaleX(0); }
         }
       ` }),
-    /* @__PURE__ */ jsx2(
+    /* @__PURE__ */ jsx3(
       SonnerToaster,
       {
         position,
@@ -1155,7 +1432,7 @@ function showToast(options) {
     ...rest
   } = opts;
   return sonnerToast.custom(
-    (id) => /* @__PURE__ */ jsx2(
+    (id) => /* @__PURE__ */ jsx3(
       ToastCard,
       {
         id,
@@ -1187,7 +1464,7 @@ function showCommandApprovalToast(options) {
     ...rest
   } = options;
   return sonnerToast.custom(
-    (id) => /* @__PURE__ */ jsx2(
+    (id) => /* @__PURE__ */ jsx3(
       CommandApprovalToast,
       {
         id,
@@ -1236,16 +1513,270 @@ var useToast = () => ({
 });
 
 // src/hooks/use-contact-submission.ts
-import { useState as useState13, useCallback as useCallback6, useEffect as useEffect9 } from "react";
+import { useState as useState15, useCallback as useCallback7, useEffect as useEffect11 } from "react";
 init_next_navigation();
+
+// src/utils/local-storage-adapter.ts
+function getStorage(backend) {
+  if (typeof window === "undefined") return null;
+  try {
+    return backend === "session" ? window.sessionStorage : window.localStorage;
+  } catch {
+    return null;
+  }
+}
+function createLocalStorageAdapter(options) {
+  const tag = options.logTag ?? "[local-storage]";
+  const backend = options.backend ?? "local";
+  const resolveKey = () => {
+    const ns = options.namespace?.();
+    return ns ? `${ns}.${options.key}` : options.key;
+  };
+  return {
+    resolveKey,
+    load() {
+      const storage = getStorage(backend);
+      if (!storage) return null;
+      try {
+        const raw = storage.getItem(resolveKey());
+        if (!raw) return null;
+        const parsed = JSON.parse(raw);
+        if (options.validate && !options.validate(parsed)) return null;
+        return parsed;
+      } catch (err) {
+        console.warn(`${tag} parse failed for key ${resolveKey()}:`, err);
+        return null;
+      }
+    },
+    save(value) {
+      const storage = getStorage(backend);
+      if (!storage) return;
+      try {
+        storage.setItem(resolveKey(), JSON.stringify(value));
+      } catch (err) {
+        console.warn(`${tag} write failed for key ${resolveKey()}:`, err);
+      }
+    },
+    clear() {
+      const storage = getStorage(backend);
+      if (!storage) return;
+      try {
+        storage.removeItem(resolveKey());
+      } catch (err) {
+        console.warn(`${tag} clear failed for key ${resolveKey()}:`, err);
+      }
+    }
+  };
+}
+
+// src/utils/app-config.ts
+function getAppType() {
+  return process.env.NEXT_PUBLIC_APP_TYPE || "openmsp";
+}
+
+// src/utils/embed-proxy-auth-storage.ts
+function isValidPersistedAuth(value) {
+  if (!value || typeof value !== "object") return false;
+  const v = value;
+  if (typeof v.secret !== "string" || v.secret.trim().length === 0 || typeof v.email !== "string" || v.email.trim().length === 0) return false;
+  if (v.firstName != null && typeof v.firstName !== "string") return false;
+  if (v.lastName != null && typeof v.lastName !== "string") return false;
+  if (v.avatarUrl != null && typeof v.avatarUrl !== "string") return false;
+  return true;
+}
+var adapter = createLocalStorageAdapter({
+  // Storage key unchanged from the legacy chat-prefixed helper. Renaming
+  // it would silently log every existing admin out — the key is a
+  // storage contract, not a code identifier.
+  key: "chat.proxy-auth.v1",
+  namespace: () => getAppType(),
+  validate: isValidPersistedAuth,
+  logTag: "[embed-proxy-auth-storage]",
+  // localStorage — survives tab close, new tabs, and browser restarts.
+  // Admin re-pasting creds every tab cycle was the dev-experience
+  // tradeoff prior `sessionStorage` setup demanded — rejected. See
+  // file-level doc comment for the security tradeoff rationale.
+  backend: "local"
+});
+function normalizeOptional(value) {
+  if (!value) return void 0;
+  const trimmed = value.trim();
+  return trimmed.length > 0 ? trimmed : void 0;
+}
+function getEmbedProxyAuth() {
+  const persisted = adapter.load();
+  if (!persisted) return null;
+  return {
+    secret: persisted.secret,
+    email: persisted.email.trim().toLowerCase(),
+    firstName: normalizeOptional(persisted.firstName),
+    lastName: normalizeOptional(persisted.lastName),
+    avatarUrl: normalizeOptional(persisted.avatarUrl)
+  };
+}
+function getPersistedProxyEmail() {
+  const persisted = adapter.load();
+  return persisted?.email.trim().toLowerCase() ?? null;
+}
+function setEmbedProxyAuth(value) {
+  adapter.save({
+    secret: value.secret,
+    email: value.email.trim().toLowerCase(),
+    firstName: normalizeOptional(value.firstName),
+    lastName: normalizeOptional(value.lastName),
+    avatarUrl: normalizeOptional(value.avatarUrl)
+  });
+}
+function clearEmbedProxyAuth() {
+  adapter.clear();
+}
+function applyProxyAuth(url, baseHeaders = { "Content-Type": "application/json" }) {
+  const auth = getEmbedProxyAuth();
+  const headers = { ...baseHeaders };
+  if (auth?.secret) {
+    headers.Authorization = `Bearer ${auth.secret}`;
+  }
+  if (auth?.email) {
+    headers["X-Chat-Act-As"] = auth.email;
+  }
+  if (auth?.firstName) headers["X-Chat-First-Name"] = auth.firstName;
+  if (auth?.lastName) headers["X-Chat-Last-Name"] = auth.lastName;
+  if (auth?.avatarUrl) headers["X-Chat-Avatar-Url"] = auth.avatarUrl;
+  return { url, headers };
+}
+
+// src/utils/embed-authed-fetch.ts
+var ADAPTER_GLOBAL_KEY = "__embedAuthedFetchAdapter__";
+function getRegisteredAuthAdapter() {
+  if (typeof globalThis === "undefined") return null;
+  return globalThis[ADAPTER_GLOBAL_KEY] ?? null;
+}
+function storeRegisteredAuthAdapter(adapter2) {
+  if (typeof globalThis === "undefined") return;
+  globalThis[ADAPTER_GLOBAL_KEY] = adapter2;
+}
+function setEmbedAuthAdapter(adapter2) {
+  if (adapter2 && getRegisteredAuthAdapter() && process.env.NODE_ENV !== "production") {
+    console.warn(
+      "[setEmbedAuthAdapter] overwriting a previously-registered auth adapter. Two chat-runtime providers should not coexist \u2014 verify mount order and pass `null` from the unmounting provider."
+    );
+  }
+  storeRegisteredAuthAdapter(adapter2);
+}
+function hasEmbedAuthAdapter() {
+  return getRegisteredAuthAdapter() !== null;
+}
+function embedAuthedFetch(url, init = {}) {
+  assertSameOrigin(url);
+  let baseHeaders;
+  if (init.headers === void 0) {
+    baseHeaders = { "Content-Type": "application/json" };
+  } else {
+    baseHeaders = {};
+    if (init.headers instanceof Headers) {
+      init.headers.forEach((v, k) => {
+        baseHeaders[k] = v;
+      });
+    } else if (Array.isArray(init.headers)) {
+      for (const [k, v] of init.headers) baseHeaders[k] = v;
+    } else {
+      Object.assign(baseHeaders, init.headers);
+    }
+  }
+  return fetchWithRefresh(url, init, baseHeaders, false);
+}
+var IN_FLIGHT_REFRESH_GLOBAL_KEY = "__embedAuthedFetchInFlightRefresh__";
+function getInFlightRefresh() {
+  if (typeof globalThis === "undefined") return null;
+  return globalThis[IN_FLIGHT_REFRESH_GLOBAL_KEY] ?? null;
+}
+function setInFlightRefresh(refresh) {
+  if (typeof globalThis === "undefined") return;
+  globalThis[IN_FLIGHT_REFRESH_GLOBAL_KEY] = refresh;
+}
+function dedupedRefresh() {
+  const adapter2 = getRegisteredAuthAdapter();
+  if (!adapter2?.refresh) return Promise.resolve(false);
+  let inFlightRefresh = getInFlightRefresh();
+  if (!inFlightRefresh) {
+    inFlightRefresh = Promise.resolve().then(() => adapter2.refresh()).catch(() => false).finally(() => {
+      setInFlightRefresh(null);
+    });
+    setInFlightRefresh(inFlightRefresh);
+  }
+  return inFlightRefresh;
+}
+async function fetchWithRefresh(url, init, baseHeaders, isRetry) {
+  const { url: authedUrl, headers } = applyProxyAuth(url, { ...baseHeaders });
+  const adapter2 = getRegisteredAuthAdapter();
+  if (adapter2?.getHeaders) {
+    for (const [k, v] of Object.entries(adapter2.getHeaders())) {
+      if (v !== void 0) headers[k] = v;
+    }
+  }
+  const credentials = adapter2?.credentials ?? init.credentials ?? "same-origin";
+  const response = await fetch(authedUrl, {
+    ...init,
+    headers,
+    // Default `same-origin` carries Supabase cookies for the MPH proxy-
+    // auth model. Hosts on different origins (openframe-frontend ↔
+    // openframe gateway) register `credentials: 'include'` via the
+    // adapter to make their own cookies travel cross-origin (CORS +
+    // `SameSite=None` must be configured server-side for that to work).
+    credentials
+  });
+  if (response.status === 401 && !isRetry && adapter2?.refresh) {
+    const refreshed = await dedupedRefresh();
+    if (refreshed) {
+      return fetchWithRefresh(url, init, baseHeaders, true);
+    }
+  }
+  return response;
+}
+function assertSameOrigin(url) {
+  if (typeof window === "undefined") return;
+  let target;
+  let pageOrigin;
+  try {
+    target = new URL(url, window.location.href);
+    pageOrigin = new URL(window.location.href).origin;
+  } catch {
+    throw new Error(`embedAuthedFetch: refusing to fetch malformed URL (${JSON.stringify(url)})`);
+  }
+  if (target.protocol !== "http:" && target.protocol !== "https:") {
+    throw new Error(
+      `embedAuthedFetch: refusing non-http(s) URL (${target.protocol}) \u2014 pass a relative /api/* path instead`
+    );
+  }
+  if (target.origin !== pageOrigin) {
+    if (process.env.NODE_ENV !== "production") {
+      console.warn(
+        `[embedAuthedFetch] cross-origin fetch to ${target.origin} allowed in dev (NODE_ENV !== 'production'). Production builds will reject this \u2014 wire a same-origin proxy before shipping.`
+      );
+      return;
+    }
+    throw new Error(
+      `embedAuthedFetch: refusing cross-origin fetch to ${target.origin} \u2014 pass a relative /api/* path instead`
+    );
+  }
+}
+
+// src/utils/embed-content-fetch.ts
+var contentFetch = (input, init) => {
+  if (!hasEmbedAuthAdapter()) return fetch(input, init);
+  const url = typeof input === "string" ? input : input instanceof URL ? input.href : input.url;
+  return embedAuthedFetch(url, init);
+};
+
+// src/hooks/use-contact-submission.ts
 function useContactSubmission(options = {}) {
   const { userId, successRedirectUrl, successToastMessage, onSuccess } = options;
   const { toast: toast2 } = useToast();
   const router = useRouter();
   const { contactUrl } = useRequiredEndpointsRuntime();
-  const [isSubmitting, setIsSubmitting] = useState13(false);
-  const [isSuccess, setIsSuccess] = useState13(false);
-  const submit = useCallback6(async (formData) => {
+  const [isSubmitting, setIsSubmitting] = useState15(false);
+  const [isSuccess, setIsSuccess] = useState15(false);
+  const submit = useCallback7(async (formData) => {
     if (isSubmitting) return;
     setIsSubmitting(true);
     try {
@@ -1280,7 +1811,7 @@ function useContactSubmission(options = {}) {
       setIsSubmitting(false);
     }
   }, [isSubmitting, toast2, userId, successToastMessage, contactUrl]);
-  useEffect9(() => {
+  useEffect11(() => {
     if (isSuccess && successRedirectUrl) {
       console.log("\u{1F680} Contact submission successful, redirecting to:", successRedirectUrl);
       const timer = setTimeout(() => {
@@ -1294,7 +1825,7 @@ function useContactSubmission(options = {}) {
       return () => clearTimeout(timer);
     }
   }, [isSuccess, successRedirectUrl, router]);
-  useEffect9(() => {
+  useEffect11(() => {
     if (isSuccess && onSuccess) {
       onSuccess();
     }
@@ -1303,19 +1834,19 @@ function useContactSubmission(options = {}) {
 }
 
 // src/hooks/use-quick-action-hint.ts
-import { useEffect as useEffect10, useState as useState14, useRef as useRef5, useCallback as useCallback7 } from "react";
+import { useEffect as useEffect12, useState as useState16, useRef as useRef6, useCallback as useCallback8 } from "react";
 function useQuickActionHint({
   actionCount,
   cycleDuration = 5e3,
   enabled = true
 }) {
-  const [activeHintIndex, setActiveHintIndex] = useState14(-1);
-  const containerRef = useRef5(null);
-  const timeoutRef = useRef5(null);
-  const cycleCountRef = useRef5(0);
-  const currentIndexRef = useRef5(0);
-  const sequenceRef = useRef5([]);
-  const shuffleIndices = useCallback7((length) => {
+  const [activeHintIndex, setActiveHintIndex] = useState16(-1);
+  const containerRef = useRef6(null);
+  const timeoutRef = useRef6(null);
+  const cycleCountRef = useRef6(0);
+  const currentIndexRef = useRef6(0);
+  const sequenceRef = useRef6([]);
+  const shuffleIndices = useCallback8((length) => {
     const indices = Array.from({ length }, (_, i) => i);
     for (let i = indices.length - 1; i > 0; i--) {
       const j = Math.floor(Math.random() * (i + 1));
@@ -1323,7 +1854,7 @@ function useQuickActionHint({
     }
     return indices;
   }, []);
-  const stopHint = useCallback7(() => {
+  const stopHint = useCallback8(() => {
     if (timeoutRef.current) {
       clearTimeout(timeoutRef.current);
       timeoutRef.current = null;
@@ -1333,7 +1864,7 @@ function useQuickActionHint({
     currentIndexRef.current = 0;
     sequenceRef.current = [];
   }, []);
-  const advanceHint = useCallback7(() => {
+  const advanceHint = useCallback8(() => {
     if (currentIndexRef.current === 0) {
       sequenceRef.current = shuffleIndices(actionCount);
     }
@@ -1346,7 +1877,7 @@ function useQuickActionHint({
     }
     timeoutRef.current = setTimeout(advanceHint, cycleDuration);
   }, [actionCount, cycleDuration, shuffleIndices]);
-  useEffect10(() => {
+  useEffect12(() => {
     if (!enabled || actionCount === 0) {
       return;
     }
@@ -1372,7 +1903,7 @@ function useQuickActionHint({
 }
 
 // src/hooks/use-copy-to-clipboard.ts
-import { useCallback as useCallback8, useState as useState15 } from "react";
+import { useCallback as useCallback9, useState as useState17 } from "react";
 function useCopyToClipboard({
   successTitle = "Copied",
   successDescription = "Copied to clipboard",
@@ -1381,8 +1912,8 @@ function useCopyToClipboard({
   resetDelay = 2e3
 } = {}) {
   const { toast: toast2 } = useToast();
-  const [copied, setCopied] = useState15(false);
-  const copy = useCallback8(
+  const [copied, setCopied] = useState17(false);
+  const copy = useCallback9(
     async (text) => {
       try {
         await navigator.clipboard.writeText(text);
@@ -1399,7 +1930,7 @@ function useCopyToClipboard({
 }
 
 // src/hooks/use-batch-images.ts
-import { useEffect as useEffect11, useMemo as useMemo2, useState as useState16, useRef as useRef6 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo2, useState as useState18, useRef as useRef7 } from "react";
 var globalBatchImageConfig = {};
 function configureBatchImageFetch(config) {
   globalBatchImageConfig = { ...globalBatchImageConfig, ...config };
@@ -1472,14 +2003,14 @@ async function batchFetchAuthenticatedImages(imageUrls, config) {
   return results;
 }
 function useBatchImages(imageUrls, config) {
-  const [fetchedImages, setFetchedImages] = useState16({});
-  const [loading, setLoading] = useState16(false);
+  const [fetchedImages, setFetchedImages] = useState18({});
+  const [loading, setLoading] = useState18(false);
   const uniqueUrls = useMemo2(
     () => Array.from(new Set(imageUrls.filter((url) => Boolean(url)))),
     [imageUrls]
   );
-  const requestedUrls = useRef6(/* @__PURE__ */ new Set());
-  useEffect11(() => {
+  const requestedUrls = useRef7(/* @__PURE__ */ new Set());
+  useEffect13(() => {
     if (uniqueUrls.length === 0) {
       setFetchedImages({});
       return;
@@ -1509,7 +2040,7 @@ function useBatchImages(imageUrls, config) {
 }
 
 // src/hooks/use-authenticated-image.ts
-import { useEffect as useEffect12, useState as useState17, useRef as useRef7 } from "react";
+import { useEffect as useEffect14, useState as useState19, useRef as useRef8 } from "react";
 var globalImageConfig = {};
 var imageCache = /* @__PURE__ */ new Map();
 var pendingRequests = /* @__PURE__ */ new Map();
@@ -1538,11 +2069,11 @@ function getImageConfig() {
   };
 }
 function useAuthenticatedImage(imageUrl, refreshKey, config) {
-  const [fetchedImageUrl, setFetchedImageUrl] = useState17();
-  const [isLoading, setIsLoading] = useState17(false);
-  const [error, setError] = useState17(null);
-  const currentCacheKeyRef = useRef7(null);
-  useEffect12(() => {
+  const [fetchedImageUrl, setFetchedImageUrl] = useState19();
+  const [isLoading, setIsLoading] = useState19(false);
+  const [error, setError] = useState19(null);
+  const currentCacheKeyRef = useRef8(null);
+  useEffect14(() => {
     if (!imageUrl) {
       setFetchedImageUrl(void 0);
       setIsLoading(false);
@@ -1653,7 +2184,7 @@ function useAuthenticatedImage(imageUrl, refreshKey, config) {
     });
     pendingRequests.set(cacheKey, fetchPromise2);
   }, [imageUrl, refreshKey, config]);
-  useEffect12(() => {
+  useEffect14(() => {
     return () => {
       if (currentCacheKeyRef.current) {
         const entry = imageCache.get(currentCacheKeyRef.current);
@@ -1668,7 +2199,7 @@ function useAuthenticatedImage(imageUrl, refreshKey, config) {
 
 // src/hooks/state/use-query-params.ts
 init_next_navigation();
-import { useEffect as useEffect13, useState as useState18, useMemo as useMemo3, useCallback as useCallback9 } from "react";
+import { useEffect as useEffect15, useState as useState20, useMemo as useMemo3, useCallback as useCallback10 } from "react";
 
 // src/hooks/state/graphql-parser.ts
 import {
@@ -2130,14 +2661,14 @@ var introspector = new GraphQLIntrospector();
 function useQueryParams(query, options = {}) {
   const router = useRouter();
   const searchParams = useSearchParams();
-  const [isLoading, setIsLoading] = useState18(true);
-  const [isReady, setIsReady] = useState18(false);
-  const [error, setError] = useState18(null);
-  const [schema, setSchema] = useState18({});
+  const [isLoading, setIsLoading] = useState20(true);
+  const [isReady, setIsReady] = useState20(false);
+  const [error, setError] = useState20(null);
+  const [schema, setSchema] = useState20({});
   const defaultValues = options.defaultValues || {};
   const skipIntrospection = options.skipIntrospection || false;
   const debug = options.debug || false;
-  useEffect13(() => {
+  useEffect15(() => {
     async function initialize() {
       try {
         if (debug) console.log("[useQueryParams] Initializing...");
@@ -2207,14 +2738,14 @@ function useQueryParams(query, options = {}) {
     });
     return result;
   }, [searchParams]);
-  const updateUrl = useCallback9((newParams) => {
+  const updateUrl = useCallback10((newParams) => {
     const url = newParams.toString() ? `?${newParams.toString()}` : window.location.pathname;
     if (debug) {
       console.log("[useQueryParams] Updating URL:", url);
     }
     router.replace(url, { scroll: false });
   }, [router, debug]);
-  const setParam = useCallback9((key, value) => {
+  const setParam = useCallback10((key, value) => {
     if (!isReady) {
       console.warn("[useQueryParams] Schema not ready, cannot set param");
       return;
@@ -2228,7 +2759,7 @@ function useQueryParams(query, options = {}) {
       console.error("[useQueryParams] Failed to set param:", err);
     }
   }, [variables, schema, isReady, updateUrl]);
-  const setParams = useCallback9((updates) => {
+  const setParams = useCallback10((updates) => {
     if (!isReady) {
       console.warn("[useQueryParams] Schema not ready, cannot set params");
       return;
@@ -2242,7 +2773,7 @@ function useQueryParams(query, options = {}) {
       console.error("[useQueryParams] Failed to set params:", err);
     }
   }, [variables, schema, isReady, updateUrl]);
-  const clearParamsHandler = useCallback9((keys) => {
+  const clearParamsHandler = useCallback10((keys) => {
     if (!isReady) {
       console.warn("[useQueryParams] Schema not ready, cannot clear params");
       return;
@@ -2256,7 +2787,7 @@ function useQueryParams(query, options = {}) {
       console.error("[useQueryParams] Failed to clear params:", err);
     }
   }, [variables, schema, isReady, updateUrl]);
-  const resetParams = useCallback9(() => {
+  const resetParams = useCallback10(() => {
     if (debug) {
       console.log("[useQueryParams] Resetting params");
     }
@@ -2289,9 +2820,9 @@ function applyParamMapping(schema, mapping) {
 
 // src/hooks/state/use-api-params.ts
 init_next_navigation();
-import { useCallback as useCallback10, useMemo as useMemo4, useRef as useRef8 } from "react";
+import { useCallback as useCallback11, useMemo as useMemo4, useRef as useRef9 } from "react";
 function useContentStable(value, key) {
-  const ref = useRef8(void 0);
+  const ref = useRef9(void 0);
   if (ref.current && ref.current.key === key) return ref.current.value;
   ref.current = { value, key };
   return value;
@@ -2324,7 +2855,7 @@ function useApiParams(schema, options = {}) {
     }
     return flattened;
   }, [schemaKey]);
-  const prevParamsRef = useRef8(void 0);
+  const prevParamsRef = useRef9(void 0);
   const params = useMemo4(() => {
     const sp = new URLSearchParams(searchString);
     const result = {};
@@ -2348,7 +2879,7 @@ function useApiParams(schema, options = {}) {
     prevParamsRef.current = result;
     return result;
   }, [searchString, schemaKey, debug]);
-  const addParamToSearchParams = useCallback10((searchParams, key, value) => {
+  const addParamToSearchParams = useCallback11((searchParams, key, value) => {
     if (value === void 0 || value === "" || value === null) {
       return;
     }
@@ -2376,7 +2907,7 @@ function useApiParams(schema, options = {}) {
     }
     return newParams;
   }, [params, schemaKey, flattenedSchema, addParamToSearchParams]);
-  const updateUrl = useCallback10((newParams, keysToRemove = []) => {
+  const updateUrl = useCallback11((newParams, keysToRemove = []) => {
     const finalParams = new URLSearchParams(searchString);
     keysToRemove.forEach((key) => {
       if (key in stableSchema) {
@@ -2412,7 +2943,7 @@ function useApiParams(schema, options = {}) {
     }
     return false;
   };
-  const setParam = useCallback10((key, value) => {
+  const setParam = useCallback11((key, value) => {
     const config = stableSchema[key];
     if (!config) {
       console.warn(`[useApiParams] Unknown parameter: ${key}`);
@@ -2426,7 +2957,7 @@ function useApiParams(schema, options = {}) {
       updateUrl(newParams);
     }
   }, [schemaKey, updateUrl, addParamToSearchParams]);
-  const setParams = useCallback10((updates) => {
+  const setParams = useCallback11((updates) => {
     const newParams = new URLSearchParams();
     const keysToRemove = [];
     for (const [key, value] of Object.entries(updates)) {
@@ -2443,11 +2974,11 @@ function useApiParams(schema, options = {}) {
     }
     updateUrl(newParams, keysToRemove);
   }, [schemaKey, updateUrl, addParamToSearchParams]);
-  const clearParams2 = useCallback10((keys) => {
+  const clearParams2 = useCallback11((keys) => {
     const newParams = new URLSearchParams();
     updateUrl(newParams, keys);
   }, [updateUrl]);
-  const resetParams = useCallback10(() => {
+  const resetParams = useCallback11(() => {
     if (debug) {
       console.log("[useApiParams] Resetting params");
     }
@@ -2484,7 +3015,7 @@ function createSearchParams(params) {
 }
 
 // src/hooks/state/use-cursor-pagination-state.ts
-import { useCallback as useCallback11, useEffect as useEffect14, useRef as useRef9, useState as useState19 } from "react";
+import { useCallback as useCallback12, useEffect as useEffect16, useRef as useRef10, useState as useState21 } from "react";
 var urlSchema = {
   search: { type: "string", default: "" },
   cursor: { type: "string", default: "" }
@@ -2495,13 +3026,13 @@ function useCursorPaginationState(options) {
     onSearchChange
   } = options;
   const { params, setParam, setParams } = useApiParams(urlSchema);
-  const [searchInput, setSearchInput] = useState19(params.search || "");
-  const [hasLoadedBeyondFirst, setHasLoadedBeyondFirst] = useState19(false);
-  const [initialLoadCount, setInitialLoadCount] = useState19(0);
-  const lastSearchRef = useRef9(null);
-  const isSyncingFromUrl = useRef9(false);
-  const isInitialLoadInProgress = useRef9(true);
-  useEffect14(() => {
+  const [searchInput, setSearchInput] = useState21(params.search || "");
+  const [hasLoadedBeyondFirst, setHasLoadedBeyondFirst] = useState21(false);
+  const [initialLoadCount, setInitialLoadCount] = useState21(0);
+  const lastSearchRef = useRef10(null);
+  const isSyncingFromUrl = useRef10(false);
+  const isInitialLoadInProgress = useRef10(true);
+  useEffect16(() => {
     if (isInitialLoadInProgress.current) return;
     const urlSearch = params.search || "";
     if (urlSearch !== searchInput) {
@@ -2512,7 +3043,7 @@ function useCursorPaginationState(options) {
       }, 0);
     }
   }, [params.search, initialLoadCount]);
-  useEffect14(() => {
+  useEffect16(() => {
     if (isInitialLoadInProgress.current) return;
     if (isSyncingFromUrl.current) return;
     if (searchInput !== params.search) {
@@ -2523,7 +3054,7 @@ function useCursorPaginationState(options) {
       });
     }
   }, [searchInput, params.search, setParams, initialLoadCount]);
-  useEffect14(() => {
+  useEffect16(() => {
     if (initialLoadCount === 0) {
       const cursor = params.cursor || null;
       const search = params.search || "";
@@ -2537,7 +3068,7 @@ function useCursorPaginationState(options) {
       });
     }
   }, []);
-  useEffect14(() => {
+  useEffect16(() => {
     if (isInitialLoadInProgress.current) return;
     if (initialLoadCount === 0) return;
     const currentSearch = params.search || "";
@@ -2547,7 +3078,7 @@ function useCursorPaginationState(options) {
       onSearchChange(currentSearch);
     }
   }, [params.search, onSearchChange, initialLoadCount]);
-  const handleNextPage = useCallback11(
+  const handleNextPage = useCallback12(
     async (endCursor, fetchFn) => {
       setParam("cursor", endCursor);
       await fetchFn();
@@ -2555,7 +3086,7 @@ function useCursorPaginationState(options) {
     },
     [setParam]
   );
-  const handleResetToFirstPage = useCallback11(
+  const handleResetToFirstPage = useCallback12(
     async (fetchFn) => {
       setParam("cursor", "");
       await fetchFn();
@@ -2577,16 +3108,16 @@ function useCursorPaginationState(options) {
 }
 
 // src/hooks/nats/use-nats-client.ts
-import { useEffect as useEffect15, useMemo as useMemo5, useState as useState20 } from "react";
+import { useEffect as useEffect17, useMemo as useMemo5, useState as useState22 } from "react";
 function useNatsClient(clientOptions, options = {}) {
   const { autoConnect = true } = options;
   const client = useMemo5(() => {
     if (!clientOptions) return null;
     return createNatsClient(clientOptions);
   }, [clientOptions]);
-  const [status, setStatus] = useState20("disconnected");
-  const [lastError, setLastError] = useState20(null);
-  useEffect15(() => {
+  const [status, setStatus] = useState22("disconnected");
+  const [lastError, setLastError] = useState22(null);
+  useEffect17(() => {
     if (!client) {
       setStatus("disconnected");
       setLastError(null);
@@ -2616,8 +3147,125 @@ function useNatsClient(clientOptions, options = {}) {
   };
 }
 
+// src/hooks/use-near-viewport.ts
+import { useEffect as useEffect18, useRef as useRef11, useState as useState23, useCallback as useCallback13 } from "react";
+var observers = /* @__PURE__ */ new Map();
+var subscribers = /* @__PURE__ */ new WeakMap();
+function getObserverFor(rootMargin) {
+  const existing = observers.get(rootMargin);
+  if (existing) return existing;
+  const io = new IntersectionObserver(
+    (entries) => {
+      entries.forEach((entry) => {
+        if (!entry.isIntersecting) return;
+        const cb = subscribers.get(entry.target);
+        if (cb) {
+          cb();
+          io.unobserve(entry.target);
+          subscribers.delete(entry.target);
+        }
+      });
+    },
+    { rootMargin }
+  );
+  observers.set(rootMargin, io);
+  return io;
+}
+function useNearViewport(rootMargin = "500px") {
+  const [isNear, setIsNear] = useState23(false);
+  const elRef = useRef11(null);
+  const ref = useCallback13(
+    (node) => {
+      const prev = elRef.current;
+      if (prev) {
+        const stillOurs = subscribers.get(prev);
+        if (stillOurs) {
+          subscribers.delete(prev);
+          observers.get(rootMargin)?.unobserve(prev);
+        }
+      }
+      elRef.current = node;
+      if (!node) return;
+      const cb = () => setIsNear(true);
+      subscribers.set(node, cb);
+      getObserverFor(rootMargin).observe(node);
+    },
+    [rootMargin]
+  );
+  useEffect18(() => {
+    return () => {
+      const el = elRef.current;
+      if (!el) return;
+      if (subscribers.get(el)) {
+        subscribers.delete(el);
+        observers.get(rootMargin)?.unobserve(el);
+      }
+    };
+  }, [rootMargin]);
+  return { ref, isNear };
+}
+
 // src/hooks/use-access-code-integration.ts
 import React2 from "react";
+
+// src/utils/access-code-client.ts
+async function validateAccessCode(email, code, endpoints) {
+  try {
+    const response = await fetch(endpoints.validateUrl, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({ email, code })
+    });
+    if (!response.ok) {
+      const error = await response.json().catch(() => ({}));
+      throw new Error(error.error || "Validation request failed");
+    }
+    return await response.json();
+  } catch (error) {
+    return {
+      valid: false,
+      message: error instanceof Error ? error.message : "Validation failed"
+    };
+  }
+}
+async function consumeAccessCode(email, code, endpoints) {
+  try {
+    const response = await fetch(endpoints.consumeUrl, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify({ email, code })
+    });
+    if (!response.ok) {
+      const error = await response.json().catch(() => ({}));
+      throw new Error(error.error || "Consumption request failed");
+    }
+    return await response.json();
+  } catch (error) {
+    return {
+      success: false,
+      consumed: false,
+      message: error instanceof Error ? error.message : "Consumption failed"
+    };
+  }
+}
+async function validateAndConsumeAccessCode(email, code, endpoints) {
+  const validation = await validateAccessCode(email, code, endpoints);
+  if (!validation.valid) {
+    return validation;
+  }
+  const consumption = await consumeAccessCode(email, code, endpoints);
+  return {
+    ...validation,
+    consumed: consumption.consumed,
+    message: consumption.consumed ? `Access granted for ${validation.cohort_name}` : consumption.message || validation.message
+  };
+}
+
+// src/hooks/use-access-code-integration.ts
 function useAccessCodeIntegration() {
   const runtime = useRequiredEndpointsRuntime();
   const endpoints = runtime.accessCode;
@@ -2659,12 +3307,158 @@ function useAccessCodeIntegration() {
   };
 }
 
+// src/hooks/use-og-placeholder.ts
+import { useMemo as useMemo6 } from "react";
+function useOgPlaceholder(buildUrl, title, siteName = "", enabled = true, aspect = "wide") {
+  return useMemo6(() => {
+    if (!enabled || !title) return null;
+    const options = {};
+    if (siteName) options.site = siteName;
+    if (aspect === "square") options.aspect = "square";
+    return buildUrl(title, options);
+  }, [buildUrl, title, siteName, enabled, aspect]);
+}
+
+// src/hooks/use-scroll-to-hash.ts
+import { useEffect as useEffect19 } from "react";
+
+// src/utils/scroll-into-view.ts
+var activeRaf = 0;
+var teardownActive = null;
+function cancelActiveScroll() {
+  if (activeRaf) {
+    cancelAnimationFrame(activeRaf);
+    activeRaf = 0;
+  }
+  if (teardownActive) {
+    teardownActive();
+    teardownActive = null;
+  }
+}
+var easeOutCubic = (t) => 1 - Math.pow(1 - t, 3);
+function getScrollableAncestor(el) {
+  for (let node = el.parentElement; node; node = node.parentElement) {
+    const overflowY = getComputedStyle(node).overflowY;
+    if ((overflowY === "auto" || overflowY === "scroll" || overflowY === "overlay") && node.scrollHeight > node.clientHeight) {
+      return node;
+    }
+  }
+  return null;
+}
+function scrollElementIntoView(target, options = {}) {
+  if (typeof window === "undefined" || !target) return;
+  const { headerOffset = 0, behavior = "smooth", adjustTargetY, durationMs = 320 } = options;
+  const container = getScrollableAncestor(target);
+  const readCurrent = () => container ? container.scrollTop : window.scrollY;
+  const writeTo = (y) => {
+    if (container) container.scrollTop = y;
+    else window.scrollTo(0, y);
+  };
+  const computeTarget = () => {
+    const raw = container ? container.scrollTop + (target.getBoundingClientRect().top - container.getBoundingClientRect().top) - headerOffset : target.getBoundingClientRect().top + window.scrollY - headerOffset;
+    const adjusted = adjustTargetY ? adjustTargetY(raw) : raw;
+    const maxScroll = container ? Math.max(0, container.scrollHeight - container.clientHeight) : Math.max(0, document.documentElement.scrollHeight - window.innerHeight);
+    return Math.min(Math.max(0, adjusted), maxScroll);
+  };
+  cancelActiveScroll();
+  const prefersReduced = typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  if (behavior === "instant" || behavior === "auto" || prefersReduced) {
+    writeTo(computeTarget());
+    return;
+  }
+  let startY = null;
+  let startTime = 0;
+  const onUserGesture = () => cancelActiveScroll();
+  window.addEventListener("wheel", onUserGesture, { passive: true });
+  window.addEventListener("touchmove", onUserGesture, { passive: true });
+  teardownActive = () => {
+    window.removeEventListener("wheel", onUserGesture);
+    window.removeEventListener("touchmove", onUserGesture);
+  };
+  const step = (now) => {
+    if (startY === null) {
+      startY = readCurrent();
+      startTime = now;
+    }
+    const targetY = computeTarget();
+    const t = Math.min(1, (now - startTime) / durationMs);
+    const y = startY + (targetY - startY) * easeOutCubic(t);
+    writeTo(y);
+    if (t < 1) {
+      activeRaf = requestAnimationFrame(step);
+    } else {
+      writeTo(computeTarget());
+      activeRaf = 0;
+      if (teardownActive) {
+        teardownActive();
+        teardownActive = null;
+      }
+    }
+  };
+  activeRaf = requestAnimationFrame(step);
+}
+
+// src/utils/same-page-hash-nav.ts
+var STICKY_HEADER_OFFSET_PX = 96;
+var HUB_HEADER_OFFSET_PX = 80;
+function normalizeHashFragment(hash) {
+  if (!hash) return "";
+  const second = hash.indexOf("#", 1);
+  return second < 0 ? hash : hash.slice(0, second);
+}
+function navigateSamePageHash(target, options = {}) {
+  if (typeof window === "undefined") return false;
+  const { headerOffset = 0, history: historyMode = "push" } = options;
+  const normalizedTarget = target.startsWith("#") ? window.location.pathname + window.location.search + target : target;
+  let url;
+  try {
+    url = new URL(normalizedTarget, window.location.href);
+  } catch {
+    return false;
+  }
+  if (url.origin !== window.location.origin || url.pathname !== window.location.pathname || url.search !== window.location.search) {
+    return false;
+  }
+  const current = window.location.pathname + window.location.search + window.location.hash;
+  const normalizedHash = normalizeHashFragment(url.hash);
+  if (process.env.NODE_ENV === "development" && normalizedHash !== url.hash) {
+    console.warn(
+      `[navigateSamePageHash] malformed fragment "${url.hash}" \u2192 normalizing to "${normalizedHash}". Fix the upstream composer.`
+    );
+  }
+  const next = url.pathname + url.search + normalizedHash;
+  const id = normalizedHash && normalizedHash !== "#" ? normalizedHash.slice(1) : "";
+  if (!id && next !== current) return false;
+  if (next !== current) {
+    const oldURL = window.location.href;
+    if (historyMode === "replace") {
+      window.history.replaceState(null, "", next);
+    } else {
+      window.history.pushState(null, "", next);
+    }
+    window.dispatchEvent(new HashChangeEvent("hashchange", {
+      oldURL,
+      newURL: window.location.href
+    }));
+  }
+  const el = id ? document.getElementById(id) : null;
+  if (id && !el && process.env.NODE_ENV === "development") {
+    console.warn(
+      `[navigateSamePageHash] anchor "#${id}" not found \u2014 scrolling to top.`
+    );
+  }
+  scrollElementIntoView(el ?? document.documentElement, {
+    behavior: "smooth",
+    headerOffset
+  });
+  return true;
+}
+
 // src/hooks/use-scroll-to-hash.ts
-import { useEffect as useEffect16 } from "react";
 var MAX_POLL_FRAMES = 60;
 function useScrollToHash(readyDep = true, options) {
   const headerOffset = options?.headerOffset ?? 0;
-  useEffect16(() => {
+  useEffect19(() => {
     if (typeof window === "undefined") return;
     if (readyDep === null || readyDep === false) return;
     let rafId = null;
@@ -2704,18 +3498,40 @@ function useScrollToHash(readyDep = true, options) {
 }
 
 // src/hooks/use-humanity-signals.ts
-import { useCallback as useCallback12, useRef as useRef10 } from "react";
+import { useCallback as useCallback14, useRef as useRef12 } from "react";
+
+// src/utils/humanity-signals.ts
+var HONEYPOT_FIELD = "contact_url_confirm";
+var ELAPSED_MS_FIELD = "form_elapsed_ms";
+var DEFAULT_MIN_FILL_MS = 700;
+function extractHumanitySignals(body) {
+  const b = body ?? {};
+  const rawHp = b[HONEYPOT_FIELD];
+  const honeypot = rawHp == null ? "" : String(rawHp);
+  const rawMs = b[ELAPSED_MS_FIELD];
+  const elapsedMs = typeof rawMs === "number" && Number.isFinite(rawMs) ? rawMs : null;
+  return { honeypot, elapsedMs };
+}
+function evaluateHumanitySignals(body, opts) {
+  const { honeypot, elapsedMs } = extractHumanitySignals(body);
+  if (honeypot.trim() !== "") return { ok: false, reason: "honeypot" };
+  if (elapsedMs !== null && elapsedMs < opts.minFillMs) return { ok: false, reason: "too_fast" };
+  return { ok: true };
+}
+var splitCsvEnv = (s) => s?.split(",").map((t) => t.trim()).filter(Boolean) ?? [];
+
+// src/hooks/use-humanity-signals.ts
 function useHumanitySignals() {
-  const ref = useRef10(null);
-  const mountedAt = useRef10(typeof performance !== "undefined" ? performance.now() : 0);
-  const getSignals = useCallback12(
+  const ref = useRef12(null);
+  const mountedAt = useRef12(typeof performance !== "undefined" ? performance.now() : 0);
+  const getSignals = useCallback14(
     () => ({
       [HONEYPOT_FIELD]: ref.current?.value ?? "",
       [ELAPSED_MS_FIELD]: typeof performance !== "undefined" ? Math.round(performance.now() - mountedAt.current) : 0
     }),
     []
   );
-  const resetSignals = useCallback12(() => {
+  const resetSignals = useCallback14(() => {
     if (ref.current) ref.current.value = "";
     if (typeof performance !== "undefined") mountedAt.current = performance.now();
   }, []);
@@ -2723,6 +3539,8 @@ function useHumanitySignals() {
 }
 
 export {
+  useAutoLimitTags,
+  useDebounce,
   useHeaderHeight,
   useHorizontalScrollbar,
   useImageEdgeColor,
@@ -2739,9 +3557,28 @@ export {
   useTablePagination,
   useThrottle,
   useWindowSize,
+  platformIcons,
+  platformColors,
+  platformDisplayNames,
+  platformDescriptions,
+  platformSlogans,
+  platformHexColors,
+  platformIconNames,
+  getDefaultColorForPlatform,
+  getDefaultIconForPlatform,
+  transformPlatformConfigsToOptions,
+  getPlatformIcon,
+  getPlatformColor,
+  getPlatformDisplayName,
+  getPlatformDescription,
+  getPlatformSlogan,
+  getSmallPlatformIcon,
+  getPlatformIconComponent,
   usePlatformConfig,
   usePlatformByValue,
   useValidatePlatform,
+  ToolTypeValues,
+  toolLabels,
   ToolIcon,
   dotColorByVariant,
   progressColorByVariant,
@@ -2752,6 +3589,15 @@ export {
   showCommandApprovalToast,
   toast,
   useToast,
+  getAppType,
+  getEmbedProxyAuth,
+  getPersistedProxyEmail,
+  setEmbedProxyAuth,
+  clearEmbedProxyAuth,
+  applyProxyAuth,
+  setEmbedAuthAdapter,
+  embedAuthedFetch,
+  contentFetch,
   useContactSubmission,
   useQuickActionHint,
   useCopyToClipboard,
@@ -2784,8 +3630,24 @@ export {
   createSearchParams,
   useCursorPaginationState,
   useNatsClient,
+  useNearViewport,
+  validateAccessCode,
+  consumeAccessCode,
+  validateAndConsumeAccessCode,
   useAccessCodeIntegration,
+  useOgPlaceholder,
+  scrollElementIntoView,
+  STICKY_HEADER_OFFSET_PX,
+  HUB_HEADER_OFFSET_PX,
+  normalizeHashFragment,
+  navigateSamePageHash,
   useScrollToHash,
+  HONEYPOT_FIELD,
+  ELAPSED_MS_FIELD,
+  DEFAULT_MIN_FILL_MS,
+  extractHumanitySignals,
+  evaluateHumanitySignals,
+  splitCsvEnv,
   useHumanitySignals
 };
-//# sourceMappingURL=chunk-7RIYT7ZH.js.map
+//# sourceMappingURL=chunk-2QG57XOJ.js.map