@flamingo-stack/openframe-frontend-core 0.0.406 → 0.0.407

package/dist/{chunk-XXG2Z2JT.js → chunk-7XVFSGQA.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useSelfFetch
-} from "./chunk-PNJ5LMVK.js";
+} from "./chunk-NO2KT42M.js";
 import {
   BlogCard,
   BlogCardSkeleton,
@@ -33,7 +33,7 @@ import {
   getContentRefLabelOrTitleCase,
   init_pagination,
   orderContentRefTypes
-} from "./chunk-SOK32D6C.js";
+} from "./chunk-CVYSW33D.js";
 
 // src/components/related-content/related-content-section.tsx
 import { useEffect, useMemo, useRef, useState } from "react";
@@ -359,4 +359,4 @@ export {
   GROUP_PAGE_SIZE,
   RelatedContentSection
 };
-//# sourceMappingURL=chunk-XXG2Z2JT.js.map
+//# sourceMappingURL=chunk-7XVFSGQA.js.map

package/dist/{chunk-QAFRLO5N.cjs → chunk-CUN4CJUN.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkCCIBZ7TOcjs = require('./chunk-CCIBZ7TO.cjs');
+var _chunkSTGWQFYTcjs = require('./chunk-STGWQFYT.cjs');
 
 // src/hooks/use-self-fetch.ts
 var _react = require('react');
@@ -29,7 +29,7 @@ function useSelfFetch(url, options) {
       try {
         setIsLoading(true);
         setError(false);
-        const res = await _chunkCCIBZ7TOcjs.contentFetch.call(void 0, url, { signal: ctrl.signal });
+        const res = await _chunkSTGWQFYTcjs.contentFetch.call(void 0, url, { signal: ctrl.signal });
         if (!res.ok) throw new Error(`Request failed (${res.status})`);
         const json = await res.json();
         if (!cancelled) {
@@ -51,13 +51,16 @@ function useSelfFetch(url, options) {
       ctrl.abort();
     };
   }, [url, reloadKey]);
+  const forceReload = () => {
+    dataUrlRef.current = null;
+    setReloadKey((k) => k + 1);
+  };
   _react.useEffect.call(void 0, () => {
     if (!revalidateOnVisibleAfterMs || url === null) return;
     const onVisible = () => {
       if (document.visibilityState !== "visible") return;
       if (Date.now() - dataAtRef.current < revalidateOnVisibleAfterMs) return;
-      dataUrlRef.current = null;
-      setReloadKey((k) => k + 1);
+      forceReload();
     };
     document.addEventListener("visibilitychange", onVisible);
     return () => document.removeEventListener("visibilitychange", onVisible);
@@ -67,16 +70,12 @@ function useSelfFetch(url, options) {
     setData,
     isLoading,
     error,
-    // Force a re-fetch of the current url: clear the held-url ref so the skip above
-    // doesn't short-circuit, then bump the effect key.
-    reload: () => {
-      dataUrlRef.current = null;
-      setReloadKey((k) => k + 1);
-    }
+    // Force a re-fetch of the current url (error-retry affordance).
+    reload: forceReload
   };
 }
 
 
 
 exports.useSelfFetch = useSelfFetch;
-//# sourceMappingURL=chunk-QAFRLO5N.cjs.map
+//# sourceMappingURL=chunk-CUN4CJUN.cjs.map

package/dist/chunk-CUN4CJUN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-CUN4CJUN.cjs","../src/hooks/use-self-fetch.ts"],"names":[],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-CUN4CJUN.cjs","sourcesContent":[null,"'use client'\n\nimport { useEffect, useRef, useState, type Dispatch, type SetStateAction } from 'react'\nimport { contentFetch } from '../utils/embed-content-fetch'\n\nexport interface UseSelfFetchResult<T> {\n  data: T | null\n  /** Imperatively patch the fetched data (e.g. optimistic vote updates). */\n  setData: Dispatch<SetStateAction<T | null>>\n  isLoading: boolean\n  error: boolean\n  /** Re-run the fetch (error-retry affordance). */\n  reload: () => void\n}\n\n/**\n * The single source for the 4 self-fetching content views\n * (`ProductReleasesView`, `RoadmapView`, the onboarding catalog/detail). GETs a\n * configured `url` into component state with **plain `fetch` + `useEffect`** —\n * deliberately NO react-query, so embedders don't need a QueryClient. This is\n * the same technology choice the shipped `DeliveryLists` makes; that component\n * predates this hook and still hand-rolls the loop (a future pass can migrate\n * it onto a two-url variant of this hook).\n *\n * Behaviour:\n *   - `url = null` → fetching is DISABLED (controlled / SSR mode, or missing\n *     config); returns `initialData ?? null` and never fetches.\n *   - `initialData` provided → hydrates immediately and SKIPS the first fetch\n *     (so the hub's server-rendered data isn't re-fetched on mount); later\n *     `url` changes still re-fetch.\n *   - a `cancelled` guard ensures an in-flight response from a STALE `url`\n *     (e.g. a fast pagination / section toggle) can't overwrite a newer one.\n *   - `reload()` bumps an internal key to retry after an error.\n *   - `revalidateOnVisibleAfterMs` (opt-in) → re-fetch when the tab becomes\n *     visible AND the held data is older than the threshold. Event-driven\n *     freshness with ZERO background requests — the replacement for\n *     setInterval polling. Data age counts from the last completed fetch, or\n *     from mount when `initialData` seeded it (an SSR seed is milliseconds\n *     old — without that, the first refocus would always refire).\n *\n * Re-fetches whenever `url` changes, so callers fold all query params INTO the\n * url string (the url IS the cache key).\n */\nexport function useSelfFetch<T>(\n  url: string | null,\n  options?: { initialData?: T; revalidateOnVisibleAfterMs?: number },\n): UseSelfFetchResult<T> {\n  const initialData = options?.initialData\n  const revalidateOnVisibleAfterMs = options?.revalidateOnVisibleAfterMs\n  const [data, setData] = useState<T | null>(initialData ?? null)\n  const [isLoading, setIsLoading] = useState(initialData === undefined && url !== null)\n  const [error, setError] = useState(false)\n  const [reloadKey, setReloadKey] = useState(0)\n  // When the held data was obtained: seeded at mount for SSR-hydrated data,\n  // stamped after each completed fetch. Drives the visibility revalidation age\n  // check. 0 = nothing held yet (first visible event may fetch).\n  const dataAtRef = useRef<number>(initialData !== undefined ? Date.now() : 0)\n  // The url whose data we currently hold — seeded from SSR `initialData`, then set after\n  // each completed fetch. The effect skips the fetch when this equals `url` (so server-\n  // rendered data isn't re-fetched on mount). A VALUE compare (not a one-shot flag) so the\n  // SSR-hydration skip survives React 18 StrictMode's mount→unmount→remount in dev;\n  // `reload()` nulls it to force a re-fetch of the same url.\n  const dataUrlRef = useRef<string | null>(initialData !== undefined ? url : null)\n\n  // Re-sync when a CONTROLLED `initialData` changes (e.g. the host navigates\n  // between detail slugs without remounting). No-op in self-fetch mode, where\n  // `initialData` is `undefined`.\n  useEffect(() => {\n    if (initialData !== undefined) setData(initialData)\n  }, [initialData])\n\n  useEffect(() => {\n    if (url === null) {\n      setIsLoading(false)\n      return\n    }\n    // Already hold data for this exact url (SSR-hydrated, or a prior completed fetch) →\n    // skip. `reload()` clears `dataUrlRef` so a retry of the same url still fetches.\n    if (dataUrlRef.current === url) return\n    const ctrl = new AbortController()\n    let cancelled = false\n    async function load() {\n      try {\n        setIsLoading(true)\n        setError(false)\n        const res = await contentFetch(url as string, { signal: ctrl.signal })\n        if (!res.ok) throw new Error(`Request failed (${res.status})`)\n        const json = (await res.json()) as T\n        if (!cancelled) {\n          setData(json)\n          dataUrlRef.current = url // remember the url we now hold data for\n          dataAtRef.current = Date.now()\n        }\n      } catch (err) {\n        // AbortError on cleanup (unmount / stale-url change / React StrictMode's dev\n        // double-invoke) is EXPECTED — the request was intentionally aborted. Aborting\n        // also means the orphaned StrictMode fetch shows as \"cancelled\" instead of\n        // completing as a wasted duplicate (parity with useChatIdentity). Only real\n        // failures fall through to the error state + console.\n        if (cancelled || (err as Error)?.name === 'AbortError') return\n        setError(true)\n        console.error('useSelfFetch:', url, err)\n      } finally {\n        if (!cancelled) setIsLoading(false)\n      }\n    }\n    load()\n    return () => {\n      cancelled = true\n      ctrl.abort()\n    }\n    // `url` folds in every query param; `reloadKey` drives retry.\n  }, [url, reloadKey])\n\n  // ONE force-refetch mechanic shared by reload() and the visibility\n  // revalidation: clear the held-url skip, bump the effect key.\n  const forceReload = () => {\n    dataUrlRef.current = null\n    setReloadKey((k) => k + 1)\n  }\n\n  // Opt-in visibility-driven revalidation. Registered only when the option is\n  // set and fetching is enabled; SSR-safe (effects don't run on the server)\n  // and StrictMode-safe (idempotent listener, cleaned up per mount cycle).\n  useEffect(() => {\n    if (!revalidateOnVisibleAfterMs || url === null) return\n    const onVisible = () => {\n      if (document.visibilityState !== 'visible') return\n      if (Date.now() - dataAtRef.current < revalidateOnVisibleAfterMs) return\n      forceReload()\n    }\n    document.addEventListener('visibilitychange', onVisible)\n    return () => document.removeEventListener('visibilitychange', onVisible)\n  }, [url, revalidateOnVisibleAfterMs])\n\n  return {\n    data,\n    setData,\n    isLoading,\n    error,\n    // Force a re-fetch of the current url (error-retry affordance).\n    reload: forceReload,\n  }\n}\n"]}

package/dist/{chunk-SOK32D6C.js → chunk-CVYSW33D.js}

@@ -26,7 +26,7 @@ import {
   useOgPlaceholderUrl,
   useOnboardingState,
   useToast
-} from "./chunk-E6YHDT3D.js";
+} from "./chunk-7Q52HP45.js";
 import {
   AlertCircleIcon,
   AnthropicLogoGreyIcon,
@@ -150,7 +150,7 @@ import {
 import {
   useChatRuntime,
   useRequiredChatRuntime
-} from "./chunk-NA7XJRWB.js";
+} from "./chunk-KFQXO7QB.js";
 import {
   dynamic
 } from "./chunk-EL5YVPD5.js";
@@ -2745,6 +2745,174 @@ function ColorSwatch({ color, className }) {
 // src/components/ui/ticket-status-tag.tsx
 init_cn();
 
+// src/utils/color-analysis.ts
+var DESIGN_PALETTE = [
+  { name: "yellow", hex: "#FFC008", rgb: [255, 192, 8] },
+  { name: "black", hex: "#161616", rgb: [22, 22, 22] },
+  { name: "gray", hex: "#888888", rgb: [136, 136, 136] }
+];
+function hexToRgb(hex) {
+  const normalized = hex.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (_, r, g, b) => `${r}${r}${g}${g}${b}${b}`);
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(normalized);
+  return result ? [parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16)] : [0, 0, 0];
+}
+function getLuminance(rgb) {
+  const [r, g, b] = rgb.map((c) => {
+    c = c / 255;
+    return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
+  });
+  return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+}
+function getContrastRatio(color1, color2) {
+  const lum1 = getLuminance(color1);
+  const lum2 = getLuminance(color2);
+  const brightest = Math.max(lum1, lum2);
+  const darkest = Math.min(lum1, lum2);
+  return (brightest + 0.05) / (darkest + 0.05);
+}
+function pickReadableTextColor(bgHex) {
+  const bg = hexToRgb(bgHex);
+  const darkContrast = getContrastRatio(bg, [26, 26, 26]);
+  const lightContrast = getContrastRatio(bg, [250, 250, 250]);
+  return darkContrast >= lightContrast ? "dark" : "light";
+}
+function extractDominantColor(canvas) {
+  const ctx = canvas.getContext("2d");
+  if (!ctx) return [128, 128, 128];
+  const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
+  const data = imageData.data;
+  const sampleSize = Math.max(1, Math.floor(data.length / (4 * 1e3)));
+  const colorCounts = {};
+  for (let i = 0; i < data.length; i += 4 * sampleSize) {
+    const r = data[i];
+    const g = data[i + 1];
+    const b = data[i + 2];
+    const alpha = data[i + 3];
+    if (alpha < 128) continue;
+    const bucketR = Math.round(r / 32) * 32;
+    const bucketG = Math.round(g / 32) * 32;
+    const bucketB = Math.round(b / 32) * 32;
+    const key = `${bucketR},${bucketG},${bucketB}`;
+    colorCounts[key] = (colorCounts[key] || 0) + 1;
+  }
+  let maxCount = 0;
+  let dominantColor = [128, 128, 128];
+  for (const [colorKey, count] of Object.entries(colorCounts)) {
+    if (count > maxCount) {
+      maxCount = count;
+      const [r, g, b] = colorKey.split(",").map(Number);
+      dominantColor = [r, g, b];
+    }
+  }
+  return dominantColor;
+}
+function getBestContrastColor(imageColor) {
+  let bestColor = DESIGN_PALETTE[0];
+  let bestContrast = 0;
+  for (const color of DESIGN_PALETTE) {
+    const contrast = getContrastRatio(imageColor, color.rgb);
+    if (contrast > bestContrast) {
+      bestContrast = contrast;
+      bestColor = color;
+    }
+  }
+  return bestContrast >= 3 ? bestColor : DESIGN_PALETTE.find((c) => c.name === "black") || bestColor;
+}
+function analyzeImageColor(imageSrc) {
+  return new Promise((resolve, reject) => {
+    const img = new Image();
+    img.crossOrigin = "anonymous";
+    img.onload = () => {
+      try {
+        const canvas = document.createElement("canvas");
+        const ctx = canvas.getContext("2d");
+        if (!ctx) {
+          reject(new Error("Could not get canvas context"));
+          return;
+        }
+        const maxSize = 100;
+        const scale = Math.min(maxSize / img.width, maxSize / img.height);
+        canvas.width = img.width * scale;
+        canvas.height = img.height * scale;
+        ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
+        const dominantColor = extractDominantColor(canvas);
+        const bestContrastColor = getBestContrastColor(dominantColor);
+        resolve(bestContrastColor);
+      } catch (error) {
+        reject(error);
+      }
+    };
+    img.onerror = () => reject(new Error("Failed to load image"));
+    img.src = imageSrc;
+  });
+}
+async function extractImageEdgeColorAsync(imageUrl) {
+  return new Promise((resolve) => {
+    if (typeof window === "undefined") {
+      resolve("#000000");
+      return;
+    }
+    const img = new Image();
+    img.crossOrigin = "anonymous";
+    img.onload = () => {
+      try {
+        const canvas = document.createElement("canvas");
+        const ctx = canvas.getContext("2d");
+        if (!ctx) {
+          resolve("#000000");
+          return;
+        }
+        const maxSize = 50;
+        const scale = Math.min(maxSize / img.naturalWidth, maxSize / img.naturalHeight);
+        const w = Math.round(img.naturalWidth * scale);
+        const h = Math.round(img.naturalHeight * scale);
+        canvas.width = w;
+        canvas.height = h;
+        ctx.drawImage(img, 0, 0, w, h);
+        const data = ctx.getImageData(0, 0, w, h).data;
+        const edgeW = Math.max(2, Math.round(w * 0.15));
+        const edgeH = Math.max(2, Math.round(h * 0.15));
+        const bucketSize = 32;
+        const buckets = /* @__PURE__ */ new Map();
+        for (let y = 0; y < h; y++) {
+          for (let x = 0; x < w; x++) {
+            if (!(x < edgeW || x >= w - edgeW || y < edgeH || y >= h - edgeH)) continue;
+            const i = (y * w + x) * 4;
+            if (data[i + 3] < 128) continue;
+            const br = Math.floor(data[i] / bucketSize) * bucketSize;
+            const bg = Math.floor(data[i + 1] / bucketSize) * bucketSize;
+            const bb = Math.floor(data[i + 2] / bucketSize) * bucketSize;
+            const key = `${br},${bg},${bb}`;
+            const existing = buckets.get(key);
+            if (existing) {
+              existing.r += data[i];
+              existing.g += data[i + 1];
+              existing.b += data[i + 2];
+              existing.count++;
+            } else {
+              buckets.set(key, { r: data[i], g: data[i + 1], b: data[i + 2], count: 1 });
+            }
+          }
+        }
+        let best = { r: 0, g: 0, b: 0, count: 0 };
+        for (const b2 of buckets.values()) {
+          if (b2.count > best.count) best = b2;
+        }
+        if (best.count === 0) {
+          resolve("#000000");
+          return;
+        }
+        const r = Math.round(best.r / best.count), g = Math.round(best.g / best.count), b = Math.round(best.b / best.count);
+        resolve(`#${r.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${b.toString(16).padStart(2, "0")}`);
+      } catch {
+        resolve("#000000");
+      }
+    };
+    img.onerror = () => resolve("#000000");
+    img.src = imageUrl;
+  });
+}
+
 // src/utils/ods-color-utils.ts
 function getPlatformAccentColor(platform) {
   const currentPlatform = platform || getCurrentPlatform();
@@ -2769,18 +2937,13 @@ function getCurrentPlatform() {
   return process.env.NEXT_PUBLIC_APP_TYPE || "openmsp";
 }
 function getReadableTextColor(hex) {
-  const n = parseInt(hex.replace("#", ""), 16);
-  const r = n >> 16 & 255;
-  const g = n >> 8 & 255;
-  const b = n & 255;
-  const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
-  return luminance > 0.5 ? "#212121" : "#fafafa";
+  return pickReadableTextColor(hex) === "dark" ? "#212121" : "#fafafa";
 }
 var HEX_PATTERN = /^#[0-9a-fA-F]{6}$/;
 function clamp(n, min, max) {
   return Math.max(min, Math.min(max, n));
 }
-function hexToRgb(hex) {
+function hexToRgb2(hex) {
   if (!HEX_PATTERN.test(hex)) return null;
   const n = Number.parseInt(hex.slice(1), 16);
   return { r: n >> 16 & 255, g: n >> 8 & 255, b: n & 255 };
@@ -2792,7 +2955,7 @@ function rgbToHex(r, g, b) {
 var HOVER_DARKEN_STEP = 10;
 var ACTIVE_DARKEN_STEP = 20;
 function darkenByStep(hex, step) {
-  const rgb = hexToRgb(hex);
+  const rgb = hexToRgb2(hex);
   if (!rgb) return hex;
   return rgbToHex(rgb.r - step, rgb.g - step, rgb.b - step);
 }
@@ -22901,173 +23064,6 @@ function isGenericWebsiteDomain(website) {
   return isGenericDomain(normalizeDomain(website));
 }
 
-// src/utils/color-analysis.ts
-var DESIGN_PALETTE = [
-  { name: "yellow", hex: "#FFC008", rgb: [255, 192, 8] },
-  { name: "black", hex: "#161616", rgb: [22, 22, 22] },
-  { name: "gray", hex: "#888888", rgb: [136, 136, 136] }
-];
-function hexToRgb2(hex) {
-  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-  return result ? [parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16)] : [0, 0, 0];
-}
-function getLuminance(rgb) {
-  const [r, g, b] = rgb.map((c) => {
-    c = c / 255;
-    return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
-  });
-  return 0.2126 * r + 0.7152 * g + 0.0722 * b;
-}
-function getContrastRatio(color1, color2) {
-  const lum1 = getLuminance(color1);
-  const lum2 = getLuminance(color2);
-  const brightest = Math.max(lum1, lum2);
-  const darkest = Math.min(lum1, lum2);
-  return (brightest + 0.05) / (darkest + 0.05);
-}
-function pickReadableTextColor(bgHex) {
-  const bg = hexToRgb2(bgHex);
-  const darkContrast = getContrastRatio(bg, [26, 26, 26]);
-  const lightContrast = getContrastRatio(bg, [250, 250, 250]);
-  return darkContrast >= lightContrast ? "dark" : "light";
-}
-function extractDominantColor(canvas) {
-  const ctx = canvas.getContext("2d");
-  if (!ctx) return [128, 128, 128];
-  const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
-  const data = imageData.data;
-  const sampleSize = Math.max(1, Math.floor(data.length / (4 * 1e3)));
-  const colorCounts = {};
-  for (let i = 0; i < data.length; i += 4 * sampleSize) {
-    const r = data[i];
-    const g = data[i + 1];
-    const b = data[i + 2];
-    const alpha = data[i + 3];
-    if (alpha < 128) continue;
-    const bucketR = Math.round(r / 32) * 32;
-    const bucketG = Math.round(g / 32) * 32;
-    const bucketB = Math.round(b / 32) * 32;
-    const key = `${bucketR},${bucketG},${bucketB}`;
-    colorCounts[key] = (colorCounts[key] || 0) + 1;
-  }
-  let maxCount = 0;
-  let dominantColor = [128, 128, 128];
-  for (const [colorKey, count] of Object.entries(colorCounts)) {
-    if (count > maxCount) {
-      maxCount = count;
-      const [r, g, b] = colorKey.split(",").map(Number);
-      dominantColor = [r, g, b];
-    }
-  }
-  return dominantColor;
-}
-function getBestContrastColor(imageColor) {
-  let bestColor = DESIGN_PALETTE[0];
-  let bestContrast = 0;
-  for (const color of DESIGN_PALETTE) {
-    const contrast = getContrastRatio(imageColor, color.rgb);
-    if (contrast > bestContrast) {
-      bestContrast = contrast;
-      bestColor = color;
-    }
-  }
-  return bestContrast >= 3 ? bestColor : DESIGN_PALETTE.find((c) => c.name === "black") || bestColor;
-}
-function analyzeImageColor(imageSrc) {
-  return new Promise((resolve, reject) => {
-    const img = new Image();
-    img.crossOrigin = "anonymous";
-    img.onload = () => {
-      try {
-        const canvas = document.createElement("canvas");
-        const ctx = canvas.getContext("2d");
-        if (!ctx) {
-          reject(new Error("Could not get canvas context"));
-          return;
-        }
-        const maxSize = 100;
-        const scale = Math.min(maxSize / img.width, maxSize / img.height);
-        canvas.width = img.width * scale;
-        canvas.height = img.height * scale;
-        ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
-        const dominantColor = extractDominantColor(canvas);
-        const bestContrastColor = getBestContrastColor(dominantColor);
-        resolve(bestContrastColor);
-      } catch (error) {
-        reject(error);
-      }
-    };
-    img.onerror = () => reject(new Error("Failed to load image"));
-    img.src = imageSrc;
-  });
-}
-async function extractImageEdgeColorAsync(imageUrl) {
-  return new Promise((resolve) => {
-    if (typeof window === "undefined") {
-      resolve("#000000");
-      return;
-    }
-    const img = new Image();
-    img.crossOrigin = "anonymous";
-    img.onload = () => {
-      try {
-        const canvas = document.createElement("canvas");
-        const ctx = canvas.getContext("2d");
-        if (!ctx) {
-          resolve("#000000");
-          return;
-        }
-        const maxSize = 50;
-        const scale = Math.min(maxSize / img.naturalWidth, maxSize / img.naturalHeight);
-        const w = Math.round(img.naturalWidth * scale);
-        const h = Math.round(img.naturalHeight * scale);
-        canvas.width = w;
-        canvas.height = h;
-        ctx.drawImage(img, 0, 0, w, h);
-        const data = ctx.getImageData(0, 0, w, h).data;
-        const edgeW = Math.max(2, Math.round(w * 0.15));
-        const edgeH = Math.max(2, Math.round(h * 0.15));
-        const bucketSize = 32;
-        const buckets = /* @__PURE__ */ new Map();
-        for (let y = 0; y < h; y++) {
-          for (let x = 0; x < w; x++) {
-            if (!(x < edgeW || x >= w - edgeW || y < edgeH || y >= h - edgeH)) continue;
-            const i = (y * w + x) * 4;
-            if (data[i + 3] < 128) continue;
-            const br = Math.floor(data[i] / bucketSize) * bucketSize;
-            const bg = Math.floor(data[i + 1] / bucketSize) * bucketSize;
-            const bb = Math.floor(data[i + 2] / bucketSize) * bucketSize;
-            const key = `${br},${bg},${bb}`;
-            const existing = buckets.get(key);
-            if (existing) {
-              existing.r += data[i];
-              existing.g += data[i + 1];
-              existing.b += data[i + 2];
-              existing.count++;
-            } else {
-              buckets.set(key, { r: data[i], g: data[i + 1], b: data[i + 2], count: 1 });
-            }
-          }
-        }
-        let best = { r: 0, g: 0, b: 0, count: 0 };
-        for (const b2 of buckets.values()) {
-          if (b2.count > best.count) best = b2;
-        }
-        if (best.count === 0) {
-          resolve("#000000");
-          return;
-        }
-        const r = Math.round(best.r / best.count), g = Math.round(best.g / best.count), b = Math.round(best.b / best.count);
-        resolve(`#${r.toString(16).padStart(2, "0")}${g.toString(16).padStart(2, "0")}${b.toString(16).padStart(2, "0")}`);
-      } catch {
-        resolve("#000000");
-      }
-    };
-    img.onerror = () => resolve("#000000");
-    img.src = imageUrl;
-  });
-}
-
 // src/utils/announcement-storage.ts
 function announcementDismissCookieName(platform) {
   return `${platform}-announcement-dismissed`;
@@ -23096,6 +23092,19 @@ function isAnnouncementDismissed(platform, id) {
     return false;
   }
 }
+function clearAnnouncementDismissals(platform) {
+  if (typeof document === "undefined") return;
+  document.cookie = `${announcementDismissCookieName(platform)}=; path=/; max-age=0`;
+  try {
+    const prefix = `${platform}-announcement-`;
+    Object.keys(localStorage).forEach((key) => {
+      if (key.startsWith(prefix) && key.endsWith("-dismissed")) {
+        localStorage.removeItem(key);
+      }
+    });
+  } catch {
+  }
+}
 function clearLegacyAnnouncementCache(platform) {
   if (typeof window === "undefined") return;
   try {
@@ -41858,7 +41867,7 @@ function ChannelInput({
   );
 }
 function RgbInputs({ value, onChange }) {
-  const rgb = hexToRgb(value) ?? { r: 0, g: 0, b: 0 };
+  const rgb = hexToRgb2(value) ?? { r: 0, g: 0, b: 0 };
   const update = (next) => {
     const r = next.r ?? rgb.r;
     const g = next.g ?? rgb.g;
@@ -41872,7 +41881,7 @@ function RgbInputs({ value, onChange }) {
   ] });
 }
 function HslInputs({ value, onChange }) {
-  const rgb = hexToRgb(value) ?? { r: 0, g: 0, b: 0 };
+  const rgb = hexToRgb2(value) ?? { r: 0, g: 0, b: 0 };
   const hsl = rgbToHsl(rgb.r, rgb.g, rgb.b);
   const update = (next) => {
     const h = next.h ?? hsl.h;
@@ -52466,11 +52475,18 @@ export {
   ActionsMenu,
   ActionsMenuDropdown,
   ColorSwatch,
+  DESIGN_PALETTE,
+  getContrastRatio,
+  pickReadableTextColor,
+  extractDominantColor,
+  getBestContrastColor,
+  analyzeImageColor,
+  extractImageEdgeColorAsync,
   getPlatformAccentColor,
   getCurrentPlatform,
   getReadableTextColor,
   HEX_PATTERN,
-  hexToRgb,
+  hexToRgb2 as hexToRgb,
   rgbToHex,
   deriveHoverColor,
   deriveActiveColor,
@@ -53033,18 +53049,11 @@ export {
   isGenericDomain,
   hasGenericEmailDomain,
   isGenericWebsiteDomain,
-  DESIGN_PALETTE,
-  getLuminance,
-  getContrastRatio,
-  pickReadableTextColor,
-  extractDominantColor,
-  getBestContrastColor,
-  analyzeImageColor,
-  extractImageEdgeColorAsync,
   announcementDismissCookieName,
   isDismissedCookieValue,
   dismissAnnouncement,
   isAnnouncementDismissed,
+  clearAnnouncementDismissals,
   clearLegacyAnnouncementCache,
   readLeadingDecisionFrame,
   ANNOUNCEMENT_CTA_DEFAULTS,
@@ -53360,4 +53369,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-SOK32D6C.js.map
+//# sourceMappingURL=chunk-CVYSW33D.js.map