@flamingo-stack/openframe-frontend-core 0.0.204 → 0.0.205

package/dist/utils/index.js

@@ -1,8 +1,8 @@
 import { clsx } from 'clsx';
 import { extendTailwindMerge } from 'tailwind-merge';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import React2 from 'react';
-import { Globe, Twitter, Video, Send, MessageCircle, Github, PenSquare, FileText } from 'lucide-react';
+import React2, { createElement } from 'react';
+import { Youtube, Video, Users, Twitter, TrendingUp, TableProperties, Star, Shield, Send, Search, Rocket, PenSquare, Package, Newspaper, MessageSquare, MessageCircle, Megaphone, Mail, Instagram, Info, Headphones, GraduationCap, Globe, Github, FileText, Facebook, DollarSign, CheckSquare, Calendar, Briefcase, Box, BookOpen, Bell, Banknote, Activity } from 'lucide-react';
 import { isValidPhoneNumber, parsePhoneNumber, getCountryCallingCode, getCountries } from 'libphonenumber-js';
 
 // src/utils/cn.ts
@@ -16,35 +16,6 @@ var twMerge = extendTailwindMerge({
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
-function formatDate(date, options = {
-  year: "numeric",
-  month: "long",
-  day: "numeric"
-}) {
-  const dateObj = typeof date === "string" ? new Date(date) : date;
-  if (isNaN(dateObj.getTime())) {
-    console.warn("Invalid date provided to formatDate:", date);
-    return "Invalid Date";
-  }
-  return dateObj.toLocaleDateString("en-US", options);
-}
-function formatNumber(num) {
-  return num.toLocaleString();
-}
-function formatPrice(price, currency = "USD") {
-  return new Intl.NumberFormat("en-US", {
-    style: "currency",
-    currency
-  }).format(price);
-}
-function formatBytes(bytes, decimals = 2) {
-  if (bytes === 0) return "0 Bytes";
-  const k = 1024;
-  const dm = decimals < 0 ? 0 : decimals;
-  const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-  return Number.parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
-}
 function getPlatformProductionUrl(platform) {
   switch (platform) {
     // *-hub platforms — env var convention: NEXT_PUBLIC_<NAME>_HUB_URL
@@ -127,6 +98,304 @@ function getBaseUrl(platform) {
   }
   return "https://www.openmsp.ai";
 }
+
+// src/utils/format.ts
+function formatDate(date, options = {
+  year: "numeric",
+  month: "long",
+  day: "numeric"
+}) {
+  const dateObj = typeof date === "string" ? new Date(date) : date;
+  if (isNaN(dateObj.getTime())) {
+    console.warn("Invalid date provided to formatDate:", date);
+    return "Invalid Date";
+  }
+  return dateObj.toLocaleDateString("en-US", options);
+}
+function formatNumber(num) {
+  return num.toLocaleString();
+}
+function formatPrice(price, currency = "USD") {
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency
+  }).format(price);
+}
+function formatBytes(bytes, decimals = 2) {
+  if (bytes === 0) return "0 Bytes";
+  const k = 1024;
+  const dm = decimals < 0 ? 0 : decimals;
+  const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return Number.parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
+}
+function formatBytesShort(bytes) {
+  if (bytes === 0) return "0 B";
+  const k = 1024;
+  const sizes = ["B", "KB", "MB", "GB", "TB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(2))} ${sizes[i]}`;
+}
+function formatLargeNumber(num) {
+  if (num === 0) return "0";
+  const isNegative = num < 0;
+  const absNum = Math.abs(num);
+  let result;
+  if (absNum >= 1e9) {
+    result = `${Math.floor(absNum / 1e9)}B`;
+  } else if (absNum >= 1e6) {
+    result = `${Math.floor(absNum / 1e6)}M`;
+  } else if (absNum >= 1e3) {
+    result = `${Math.floor(absNum / 1e3)}K`;
+  } else {
+    result = Math.floor(absNum).toString();
+  }
+  return isNegative ? `-${result}` : result;
+}
+function formatAbbreviatedNumber(n) {
+  if (n >= 1e9) {
+    const value = n / 1e9;
+    return `${Number.isInteger(value) ? value.toFixed(0) : value.toFixed(1)}B`;
+  }
+  if (n >= 1e6) {
+    const value = n / 1e6;
+    return `${Number.isInteger(value) ? value.toFixed(0) : value.toFixed(1)}M`;
+  }
+  if (n >= 1e3) {
+    const value = n / 1e3;
+    return `${Number.isInteger(value) ? value.toFixed(0) : value.toFixed(1)}K`;
+  }
+  return n.toLocaleString();
+}
+function getFirstLastInitials(name) {
+  if (!name) return "";
+  const words = name.trim().split(/\s+/);
+  if (words.length === 0 || !words[0]) return "";
+  if (words.length === 1) return words[0].charAt(0).toUpperCase();
+  return (words[0].charAt(0) + words[words.length - 1].charAt(0)).toUpperCase();
+}
+function nameInitials(name, fallback = "E") {
+  const source = typeof name === "string" ? name.trim() : "";
+  const words = source.length > 0 ? source.split(/\s+/) : [];
+  const letters = words.map((w) => w[0]).filter(Boolean).slice(0, 2).join("");
+  return (letters || fallback).toUpperCase();
+}
+function formatDurationMMSS(seconds) {
+  if (!seconds) return "";
+  const hours = Math.floor(seconds / 3600);
+  const minutes = Math.floor(seconds % 3600 / 60);
+  const secs = Math.floor(seconds % 60);
+  if (hours > 0) {
+    return `${hours}:${minutes.toString().padStart(2, "0")}:${secs.toString().padStart(2, "0")}`;
+  }
+  return `${minutes}:${secs.toString().padStart(2, "0")}`;
+}
+function formatDurationCompact(seconds) {
+  if (!seconds) return "";
+  const hours = Math.floor(seconds / 3600);
+  const minutes = Math.floor(seconds % 3600 / 60);
+  if (hours > 0) {
+    return `${hours}h ${minutes}m`;
+  }
+  return `${minutes} min`;
+}
+function formatTimeWithTimezone(date, timezone) {
+  if (!date) return "";
+  const dateObj = typeof date === "string" ? new Date(date) : date;
+  const timeStr = dateObj.toLocaleTimeString("en-US", {
+    hour: "numeric",
+    minute: "2-digit",
+    hour12: true
+  });
+  return timezone ? `${timeStr} ${timezone}` : timeStr;
+}
+function formatDurationFromRange(startAt, endAt) {
+  if (!startAt || !endAt) return "";
+  const start = typeof startAt === "string" ? new Date(startAt) : startAt;
+  const end = typeof endAt === "string" ? new Date(endAt) : endAt;
+  const durationMs = end.getTime() - start.getTime();
+  const minutes = Math.round(durationMs / 6e4);
+  if (minutes >= 60) {
+    const hours = Math.floor(minutes / 60);
+    const mins = minutes % 60;
+    return mins > 0 ? `${hours}h ${mins}m` : `${hours}h`;
+  }
+  return `${minutes}m`;
+}
+function formatDateUTC(value, options = {}) {
+  const { fallback = "N/A", timezone = "UTC" } = options;
+  if (value === null || value === void 0 || value === "") return fallback;
+  let ms;
+  if (typeof value === "number") {
+    ms = value;
+  } else {
+    const n = Number(value);
+    if (Number.isFinite(n) && n > 0 && /^-?\d+(\.\d+)?$/.test(value.trim())) {
+      ms = n;
+    } else {
+      ms = Date.parse(value.includes("T") ? value : value + "T00:00:00Z");
+    }
+  }
+  if (!Number.isFinite(ms)) return fallback;
+  return new Date(ms).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "short",
+    day: "numeric",
+    timeZone: timezone === "local" ? void 0 : "UTC"
+  });
+}
+function formatLegalDate(dateInput) {
+  return new Intl.DateTimeFormat("en-US", {
+    year: "numeric",
+    month: "2-digit",
+    day: "2-digit"
+  }).format(new Date(dateInput));
+}
+function formatCurrency(value) {
+  if (value == null) return "N/A";
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: "USD",
+    maximumFractionDigits: 0
+  }).format(value);
+}
+function formatPercent(value) {
+  if (value == null) return "N/A";
+  return `${value.toFixed(2)}%`;
+}
+function formatWholeDollars(price, currency = "USD") {
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency,
+    maximumFractionDigits: 0
+  }).format(price);
+}
+function formatCompactMetric(value, format = "number", options) {
+  if (value === 0 || value === null || value === void 0) {
+    if (format === "currency") return `${options?.prefix || "$"}0`;
+    if (format === "percentage") return "0%";
+    if (format === "months") return `0 ${options?.suffix || "months"}`;
+    return "0";
+  }
+  const absValue = Math.abs(value);
+  const sign = value < 0 ? "-" : "";
+  if (format === "currency") {
+    const prefix = options?.prefix || "$";
+    const compact = (val, divisor, suffix) => {
+      const divided = val / divisor;
+      const formatted = divided % 1 === 0 ? divided.toFixed(0) : divided.toFixed(1);
+      return `${sign}${prefix}${formatted}${suffix}`;
+    };
+    if (absValue >= 1e9) return compact(absValue, 1e9, "B");
+    if (absValue >= 1e6) return compact(absValue, 1e6, "M");
+    if (absValue >= 1e3) return `${sign}${prefix}${(absValue / 1e3).toFixed(0)}K`;
+    return `${sign}${prefix}${absValue.toLocaleString()}`;
+  }
+  if (format === "percentage") {
+    return `${sign}${absValue}%`;
+  }
+  if (format === "months") {
+    const rounded = Math.round(value * 10) / 10;
+    return `${rounded} ${options?.suffix || "months"}`;
+  }
+  if (absValue >= 1e6) return `${sign}${(absValue / 1e6).toFixed(1)}M`;
+  if (absValue >= 1e3) return `${sign}${(absValue / 1e3).toFixed(1)}K`;
+  return value.toLocaleString();
+}
+function getTrendColors(direction, polarity = "positive") {
+  if (direction === "neutral" || polarity === "neutral") {
+    return {
+      textClass: "text-ods-text-secondary",
+      badgeClass: "bg-ods-border text-ods-text-secondary"
+    };
+  }
+  const isPositiveOutcome = direction === "up" && polarity === "positive" || direction === "down" && polarity === "negative";
+  if (isPositiveOutcome) {
+    return {
+      textClass: "text-ods-success",
+      badgeClass: "bg-ods-success-secondary text-ods-success"
+    };
+  }
+  return {
+    textClass: "text-ods-error",
+    badgeClass: "bg-ods-error-secondary text-ods-error"
+  };
+}
+function formatDateRange(start, end) {
+  if (!start || !end) return "";
+  const fmt = (s) => {
+    const bareMatch = /^(\d{4})-(\d{2})-(\d{2})$/.exec(s);
+    const d = bareMatch ? new Date(Number(bareMatch[1]), Number(bareMatch[2]) - 1, Number(bareMatch[3])) : new Date(s);
+    if (Number.isNaN(d.getTime())) return s;
+    return d.toLocaleDateString(void 0, {
+      month: "short",
+      day: "numeric",
+      year: "numeric"
+    });
+  };
+  return `${fmt(start)} \u2014 ${fmt(end)}`;
+}
+function formatDateTimeAt(dateString) {
+  const date = new Date(dateString);
+  const dateStr = date.toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  });
+  const timeStr = date.toLocaleTimeString("en-US", {
+    hour: "numeric",
+    minute: "2-digit",
+    hour12: true
+  });
+  return `${dateStr} at ${timeStr}`;
+}
+function formatDurationFromMs(ms) {
+  if (!ms || isNaN(ms) || ms < 0) return "0ms";
+  if (ms < 1e3) return `${ms}ms`;
+  if (ms < 6e4) return `${(ms / 1e3).toFixed(1)}s`;
+  return `${(ms / 6e4).toFixed(1)}m`;
+}
+function formatDuration(seconds) {
+  if (seconds < 60) return `${seconds} seconds`;
+  if (seconds < 3600) return `${Math.floor(seconds / 60)} minutes`;
+  const hours = Math.floor(seconds / 3600);
+  const minutes = Math.floor(seconds % 3600 / 60);
+  if (minutes === 0) return `${hours} hour${hours > 1 ? "s" : ""}`;
+  return `${hours} hour${hours > 1 ? "s" : ""} ${minutes} minute${minutes > 1 ? "s" : ""}`;
+}
+function formatUnderscoreText(text) {
+  return text.split("_").map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase()).join(" ");
+}
+function stripHtml(html) {
+  let noTags = html;
+  let prev;
+  do {
+    prev = noTags;
+    noTags = noTags.replace(/<[^<>]*>/g, "");
+  } while (noTags !== prev);
+  return noTags.replace(/&nbsp;/g, " ").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&#x27;/g, "'").replace(/&apos;/g, "'").replace(/&amp;/g, "&").replace(/\s+/g, " ").trim();
+}
+function formatClassification(classification) {
+  const customMappings = {
+    openframe_selected: "OpenFrame Selected"
+  };
+  return customMappings[classification] || formatUnderscoreText(classification);
+}
+function formatPricingModel(pricingModel) {
+  const customMappings = {
+    one_time: "One-time Purchase",
+    self_hosted: "Self-hosted"
+  };
+  return customMappings[pricingModel] || formatUnderscoreText(pricingModel);
+}
+function formatBioText(aboutHtml, fallback = "") {
+  if (!aboutHtml || !aboutHtml.trim()) return fallback;
+  if (aboutHtml.includes("<p")) {
+    const paragraphs = aboutHtml.split(/<p[^<>]*>/).slice(1).map((part) => part.split("</p>")[0]).map((text) => stripHtml(text).trim()).filter((text) => text.length > 0);
+    if (paragraphs.length > 0) return paragraphs.join(" ");
+  }
+  return stripHtml(aboutHtml).trim() || fallback;
+}
 var PLAY_ICON_PATH = "M4.875 5.006c0-2.501 2.793-3.989 4.87-2.592l9.78 6.578c2.135 1.437 2.135 4.58 0 6.016l-9.78 6.579c-2.077 1.396-4.87-.091-4.87-2.593zm2.25 13.988c0 .7.783 1.118 1.364.727l9.78-6.58c.81-.545.81-1.738 0-2.283L8.488 4.28a.875.875 0 0 0-1.364.726v13.988Z";
 
 // src/utils/ods-color-utils.ts
@@ -369,6 +638,25 @@ function ShellIcon({ className = "w-5 h-5", size = 22, color = "white" }) {
     }
   );
 }
+var GitHubIcon = ({
+  className = "",
+  width = 15,
+  height = 14,
+  color = "white"
+}) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      width,
+      height,
+      viewBox: "0 0 15 14",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: /* @__PURE__ */ jsx("path", { d: "M7.18173 0.333008C3.40523 0.333008 0.346436 3.3918 0.346436 7.1683C0.346436 10.1929 2.30304 12.7476 5.02007 13.6533C5.36183 13.7131 5.48999 13.508 5.48999 13.3286C5.48999 13.1663 5.48145 12.628 5.48145 12.0555C3.76408 12.3717 3.31979 11.6369 3.18308 11.2524C3.10618 11.0559 2.77296 10.4492 2.48246 10.2869C2.24323 10.1587 1.90146 9.84261 2.47392 9.83406C3.0122 9.82552 3.39668 10.3296 3.52485 10.5347C4.14002 11.5685 5.1226 11.278 5.51563 11.0986C5.57543 10.6543 5.75486 10.3553 5.95137 10.1844C4.43052 10.0135 2.84132 9.42395 2.84132 6.80945C2.84132 6.06611 3.10618 5.45093 3.54193 4.97246C3.47358 4.80158 3.23435 4.10096 3.61029 3.16111C3.61029 3.16111 4.18274 2.98168 5.48999 3.86173C6.03682 3.70793 6.61782 3.63104 7.19882 3.63104C7.77982 3.63104 8.36082 3.70793 8.90764 3.86173C10.2149 2.97314 10.7873 3.16111 10.7873 3.16111C11.1633 4.10096 10.9241 4.80158 10.8557 4.97246C11.2914 5.45093 11.5563 6.05757 11.5563 6.80945C11.5563 9.43249 9.95856 10.0135 8.43771 10.1844C8.68549 10.398 8.8991 10.8081 8.8991 11.4489C8.8991 12.3631 8.89055 13.0979 8.89055 13.3286C8.89055 13.508 9.01871 13.7216 9.36048 13.6533C10.7174 13.1952 11.8965 12.3231 12.7318 11.1597C13.5671 9.99643 14.0166 8.60046 14.017 7.1683C14.017 3.3918 10.9582 0.333008 7.18173 0.333008Z", fill: color })
+    }
+  );
+};
 function SlackIcon({
   width = 24,
   height = 24,
@@ -421,6 +709,53 @@ function SlackIcon({
     }
   );
 }
+function ClickUpIcon({
+  width = 24,
+  height = 24,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width,
+      height,
+      viewBox: "0 0 54.8 65.8",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsxs("defs", { children: [
+          /* @__PURE__ */ jsxs("linearGradient", { id: "clickup-grad-1", gradientUnits: "userSpaceOnUse", x1: "0", y1: "15.0492", x2: "54.8446", y2: "15.0492", gradientTransform: "matrix(1 0 0 -1 0 69.3604)", children: [
+            /* @__PURE__ */ jsx("stop", { offset: "0", stopColor: "#8930FD" }),
+            /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#49CCF9" })
+          ] }),
+          /* @__PURE__ */ jsxs("linearGradient", { id: "clickup-grad-2", gradientUnits: "userSpaceOnUse", x1: "1.1953", y1: "53.166", x2: "53.7447", y2: "53.166", gradientTransform: "matrix(1 0 0 -1 0 69.3604)", children: [
+            /* @__PURE__ */ jsx("stop", { offset: "0", stopColor: "#FF02F0" }),
+            /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#FFC800" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M0,50.6l10.1-7.8c5.4,7,11.1,10.3,17.4,10.3c6.3,0,11.9-3.2,17-10.2l10.3,7.6c-7.4,10-16.6,15.3-27.3,15.3 C16.9,65.8,7.6,60.5,0,50.6z",
+            fill: "url(#clickup-grad-1)"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M27.5,16.9l-18,15.5l-8.3-9.7L27.6,0l26.2,22.7l-8.4,9.6L27.5,16.9z",
+            fill: "url(#clickup-grad-2)"
+          }
+        )
+      ]
+    }
+  );
+}
 function XLogo({ className = "", color = "white", ...props }) {
   return /* @__PURE__ */ jsxs(
     "svg",
@@ -439,6 +774,19 @@ function XLogo({ className = "", color = "white", ...props }) {
     }
   );
 }
+function HubspotIcon({ className, fill = "#FF7A59", ...props }) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 512 512",
+      fill,
+      className: cn("inline-block", className),
+      ...props,
+      children: /* @__PURE__ */ jsx("path", { d: "M266.197 216.109c-22.551 21.293-36.655 51.48-36.655 84.991 0 26.326 8.714 50.582 23.359 70.08l-44.473 44.74c-3.953-1.438-8.176-2.245-12.579-2.245-9.702 0-18.776 3.774-25.605 10.602-6.828 6.827-10.602 15.989-10.602 25.696 0 9.701 3.773 18.775 10.602 25.605 6.829 6.826 15.993 10.42 25.605 10.42 9.703 0 18.777-3.505 25.695-10.42 6.829-6.83 10.602-15.994 10.602-25.605 0-3.774-.538-7.369-1.707-10.873l44.923-45.102c19.765 15.183 44.381 24.169 71.244 24.169 64.599 0 116.797-52.38 116.797-116.977 0-58.578-42.854-107.093-99.007-115.628v-55.343c15.723-6.65 25.335-21.384 25.335-38.545 0-23.449-18.777-43.034-42.227-43.034-23.448 0-41.956 19.585-41.956 43.034 0 17.161 9.613 31.895 25.335 38.545v54.983c-13.655 1.887-26.593 6.019-38.362 12.219-24.796-18.778-105.565-76.997-151.746-112.126 1.078-3.953 1.798-8.085 1.798-12.397 0-25.875-21.113-46.898-47.078-46.898-25.875 0-46.898 21.023-46.898 46.898 0 25.965 21.023 46.988 46.898 46.988 8.805 0 16.98-2.606 24.078-6.828L266.197 216.109zM346.606 363.095c-34.229 0-61.991-27.763-61.991-61.994 0-34.229 27.762-61.99 61.991-61.99 34.23 0 61.992 27.761 61.992 61.99 0 34.231-27.762 61.994-61.992 61.994z" })
+    }
+  );
+}
 function LinkedInIcon({ className = "", size = 24, color = "white", ...props }) {
   return /* @__PURE__ */ jsx(
     "svg",
@@ -860,9 +1208,11 @@ var OS_PLATFORMS = [
   { id: "darwin", name: "MacOS", icon: MacOSIcon }
 ];
 var DEFAULT_OS_PLATFORM = "windows";
-async function validateAccessCode(email, code) {
+
+// src/utils/access-code-client.ts
+async function validateAccessCode(email, code, endpoints) {
   try {
-    const response = await fetch("/api/validate-access-code", {
+    const response = await fetch(endpoints.validateUrl, {
       method: "POST",
       headers: {
         "Content-Type": "application/json"
@@ -881,9 +1231,9 @@ async function validateAccessCode(email, code) {
     };
   }
 }
-async function consumeAccessCode(email, code) {
+async function consumeAccessCode(email, code, endpoints) {
   try {
-    const response = await fetch("/api/consume-access-code", {
+    const response = await fetch(endpoints.consumeUrl, {
       method: "POST",
       headers: {
         "Content-Type": "application/json"
@@ -903,56 +1253,18 @@ async function consumeAccessCode(email, code) {
     };
   }
 }
-async function validateAndConsumeAccessCode(email, code) {
-  const validation = await validateAccessCode(email, code);
+async function validateAndConsumeAccessCode(email, code, endpoints) {
+  const validation = await validateAccessCode(email, code, endpoints);
   if (!validation.valid) {
     return validation;
   }
-  const consumption = await consumeAccessCode(email, code);
+  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
   };
 }
-function useAccessCodeIntegration() {
-  const [isValidating, setIsValidating] = React2.useState(false);
-  const [isConsuming, setIsConsuming] = React2.useState(false);
-  const validate = async (email, code) => {
-    setIsValidating(true);
-    try {
-      return await validateAccessCode(email, code);
-    } finally {
-      setIsValidating(false);
-    }
-  };
-  const consume = async (email, code) => {
-    setIsConsuming(true);
-    try {
-      return await consumeAccessCode(email, code);
-    } finally {
-      setIsConsuming(false);
-    }
-  };
-  const validateAndConsume = async (email, code) => {
-    setIsValidating(true);
-    setIsConsuming(true);
-    try {
-      return await validateAndConsumeAccessCode(email, code);
-    } finally {
-      setIsValidating(false);
-      setIsConsuming(false);
-    }
-  };
-  return {
-    validate,
-    consume,
-    validateAndConsume,
-    isValidating,
-    isConsuming,
-    isProcessing: isValidating || isConsuming
-  };
-}
 
 // src/utils/validation-utils.ts
 function isValidEmailDomain(domain) {
@@ -1067,51 +1379,173 @@ function getConfidenceLabel(confidence) {
 }
 
 // src/utils/date-formatters.ts
+var MONTHS_LONG = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+var MONTHS_SHORT = [
+  "Jan",
+  "Feb",
+  "Mar",
+  "Apr",
+  "May",
+  "Jun",
+  "Jul",
+  "Aug",
+  "Sep",
+  "Oct",
+  "Nov",
+  "Dec"
+];
+function splitYmd(dateString) {
+  const head = dateString.split("T")[0];
+  const parts = head.split("-");
+  if (parts.length !== 3) return null;
+  return [parts[0], parts[1], parts[2]];
+}
 function formatReleaseDate(dateString) {
-  const [year, month, day] = dateString.split("T")[0].split("-");
-  const monthNames = [
-    "January",
-    "February",
-    "March",
-    "April",
-    "May",
-    "June",
-    "July",
-    "August",
-    "September",
-    "October",
-    "November",
-    "December"
-  ];
-  return `${monthNames[parseInt(month) - 1]} ${parseInt(day)}, ${year}`;
+  const ymd = splitYmd(dateString);
+  if (!ymd) return dateString;
+  const [year, month, day] = ymd;
+  return `${MONTHS_LONG[parseInt(month) - 1]} ${parseInt(day)}, ${year}`;
+}
+function formatDateShort(dateString) {
+  const ymd = splitYmd(dateString);
+  if (!ymd) return dateString;
+  const [year, month, day] = ymd;
+  return `${MONTHS_SHORT[parseInt(month) - 1]} ${parseInt(day)}, ${year}`;
+}
+function formatDateSlashUTC(dateString) {
+  const ymd = splitYmd(dateString);
+  if (!ymd) return dateString;
+  const [year, month, day] = ymd;
+  return `${month}/${day}/${year}`;
+}
+var OpenFrameLogoIcon = ({ className }) => createElement(OpenFrameLogo, { className, upperPathColor: "currentColor" });
+var ICON_REGISTRY = {
+  // lucide-react (kebab-case)
+  activity: Activity,
+  banknote: Banknote,
+  bell: Bell,
+  "book-open": BookOpen,
+  box: Box,
+  briefcase: Briefcase,
+  calendar: Calendar,
+  "check-square": CheckSquare,
+  "dollar-sign": DollarSign,
+  // For brand-vs-lucide variants the kebab key is the BRAND (most-common
+  // social-platform intent); `'<name>-lucide'` carries the lucide outline.
+  facebook: FacebookIcon,
+  "facebook-lucide": Facebook,
+  "file-text": FileText,
+  // `'github-lucide'` is the lucide outline glyph (used by
+  // `social_platforms.icon_name='Github'`); `'github'` is the brand icon
+  // (used by `chat_admin_slash_commands.icon_name='github'`). The PascalCase
+  // alias `'Github' → 'github-lucide'` routes the lucide glyph for
+  // social-platform DB rows; `'GitHubIcon' → 'github'` keeps brand routing
+  // consistent for callers that store the PascalCase component name.
+  github: GitHubIcon,
+  "github-lucide": Github,
+  globe: Globe,
+  "graduation-cap": GraduationCap,
+  headphones: Headphones,
+  info: Info,
+  instagram: InstagramIcon,
+  "instagram-lucide": Instagram,
+  mail: Mail,
+  megaphone: Megaphone,
+  "message-circle": MessageCircle,
+  "message-square": MessageSquare,
+  newspaper: Newspaper,
+  package: Package,
+  "pen-square": PenSquare,
+  rocket: Rocket,
+  search: Search,
+  send: Send,
+  shield: Shield,
+  star: Star,
+  table: TableProperties,
+  "trending-up": TrendingUp,
+  twitter: Twitter,
+  users: Users,
+  video: Video,
+  youtube: YouTubeIcon,
+  "youtube-lucide": Youtube,
+  // brand-only icons (no lucide variant in current use)
+  slack: SlackIcon,
+  clickup: ClickUpIcon,
+  hubspot: HubspotIcon,
+  linkedin: LinkedInIcon,
+  x: XLogo,
+  openframe: OpenFrameLogoIcon
+};
+var PASCAL_TO_KEBAB_ALIASES = {
+  // Lucide PascalCase names → kebab equivalents
+  Activity: "activity",
+  Banknote: "banknote",
+  Bell: "bell",
+  BookOpen: "book-open",
+  Box: "box",
+  Briefcase: "briefcase",
+  Calendar: "calendar",
+  CheckSquare: "check-square",
+  DollarSign: "dollar-sign",
+  // Lucide PascalCase → the `-lucide` kebab variant (kebab default is the
+  // brand icon for the social-platform names below).
+  Facebook: "facebook-lucide",
+  FileText: "file-text",
+  Github: "github-lucide",
+  Globe: "globe",
+  GraduationCap: "graduation-cap",
+  Headphones: "headphones",
+  Info: "info",
+  Instagram: "instagram-lucide",
+  Mail: "mail",
+  Megaphone: "megaphone",
+  MessageCircle: "message-circle",
+  MessageSquare: "message-square",
+  Newspaper: "newspaper",
+  Package: "package",
+  PenSquare: "pen-square",
+  Rocket: "rocket",
+  Search: "search",
+  Send: "send",
+  Shield: "shield",
+  Star: "star",
+  TableProperties: "table",
+  TrendingUp: "trending-up",
+  Twitter: "twitter",
+  Users: "users",
+  Video: "video",
+  Youtube: "youtube-lucide",
+  // Brand-icon PascalCase exports → kebab (kebab default is the brand)
+  SlackIcon: "slack",
+  GitHubIcon: "github",
+  ClickUpIcon: "clickup",
+  HubspotIcon: "hubspot",
+  LinkedInIcon: "linkedin",
+  FacebookIcon: "facebook",
+  InstagramIcon: "instagram",
+  YouTubeIcon: "youtube",
+  XLogo: "x",
+  OpenFrameLogo: "openframe"
+};
+function normalizeIconKey(key) {
+  return PASCAL_TO_KEBAB_ALIASES[key] ?? key;
 }
-
-// src/utils/format-relative-time.ts
-function formatRelativeTime(timestamp) {
-  if (!timestamp) return "Not scheduled";
-  const date = new Date(timestamp);
-  if (isNaN(date.getTime())) return "Invalid date";
-  const now = /* @__PURE__ */ new Date();
-  const diffMs = now.getTime() - date.getTime();
-  const diffSecs = Math.floor(diffMs / 1e3);
-  const diffMins = Math.floor(diffSecs / 60);
-  const diffHours = Math.floor(diffMins / 60);
-  const diffDays = Math.floor(diffHours / 24);
-  if (diffMs < 0) {
-    const absDiffSecs = Math.abs(diffSecs);
-    const absDiffMins = Math.floor(absDiffSecs / 60);
-    const absDiffHours = Math.floor(absDiffMins / 60);
-    const absDiffDays = Math.floor(absDiffHours / 24);
-    if (absDiffDays > 0) return `in ${absDiffDays} day${absDiffDays === 1 ? "" : "s"}`;
-    if (absDiffHours > 0) return `in ${absDiffHours} hour${absDiffHours === 1 ? "" : "s"}`;
-    if (absDiffMins > 0) return `in ${absDiffMins} minute${absDiffMins === 1 ? "" : "s"}`;
-    return `in ${absDiffSecs} second${absDiffSecs === 1 ? "" : "s"}`;
-  }
-  if (diffDays > 0) return `${diffDays} day${diffDays === 1 ? "" : "s"} ago`;
-  if (diffHours > 0) return `${diffHours} hour${diffHours === 1 ? "" : "s"} ago`;
-  if (diffMins > 0) return `${diffMins} minute${diffMins === 1 ? "" : "s"} ago`;
-  if (diffSecs > 0) return `${diffSecs} second${diffSecs === 1 ? "" : "s"}`;
-  return "just now";
+function getIconComponent(iconName) {
+  if (!iconName) return FileText;
+  return ICON_REGISTRY[normalizeIconKey(iconName)] ?? FileText;
 }
 var SIZE_CLASSES = {
   xs: "w-3 h-3",
@@ -1126,52 +1560,28 @@ var SIZE_CLASSES = {
   // 48px
 };
 var ICON_COLORS = {
-  LinkedInIcon: { color: "#0A66C2" },
-  FacebookIcon: { color: "#1877F2" },
-  YouTubeIcon: { color: "#FF0000" },
-  OpenFrameLogo: {
-    /* Uses component defaults */
-  }
-};
-var ICON_REGISTRY = {
-  // UI Kit social platform icons (from @flamingo/ui-kit/components/icons)
-  LinkedInIcon,
-  FacebookIcon,
-  InstagramIcon,
-  YouTubeIcon,
-  SlackIcon,
-  XLogo,
-  // Lucide icons (from lucide-react)
-  Globe: Globe,
-  FileText,
-  // Blog Posts icon (internal-blogging)
-  PenSquare,
-  // Alternative blog icon
-  Github,
-  // GitHub platform
-  MessageCircle,
-  // Discord platform
-  Send,
-  // Telegram platform
-  Video,
-  // TikTok platform
-  Twitter
-  // Twitter/X platform
+  linkedin: { color: "#0A66C2" },
+  facebook: { color: "#1877F2" },
+  youtube: { color: "#FF0000" }
 };
 function getDynamicIcon(iconName, size = "md", className) {
   if (!iconName) {
     console.warn("[getDynamicIcon] No iconName provided, using Globe fallback");
-    return /* @__PURE__ */ jsx(Globe, { className: SIZE_CLASSES[size] });
+    return createElement(Globe, { className: SIZE_CLASSES[size] });
   }
   const sizeClass = SIZE_CLASSES[size];
   const finalClassName = className ? `${sizeClass} ${className}` : sizeClass;
-  const IconComponent = ICON_REGISTRY[iconName];
+  const canonicalKey = normalizeIconKey(iconName);
+  const IconComponent = ICON_REGISTRY[canonicalKey];
   if (IconComponent) {
-    const colorConfig = ICON_COLORS[iconName] || {};
-    return /* @__PURE__ */ jsx(IconComponent, { className: finalClassName, ...colorConfig });
+    const colorConfig = ICON_COLORS[canonicalKey] || {};
+    return createElement(IconComponent, { className: finalClassName, ...colorConfig });
   }
-  console.error(`[getDynamicIcon] Icon NOT found in registry: "${iconName}". Available icons:`, Object.keys(ICON_REGISTRY));
-  return /* @__PURE__ */ jsx(Globe, { className: finalClassName });
+  console.error(
+    `[getDynamicIcon] Icon NOT found in registry: "${iconName}" (normalized to "${canonicalKey}"). Available icons:`,
+    Object.keys(ICON_REGISTRY)
+  );
+  return createElement(Globe, { className: finalClassName });
 }
 
 // src/types/tool.types.ts
@@ -1661,6 +2071,639 @@ function isGenericWebsiteDomain(website) {
   return isGenericDomain(normalizeDomain(website));
 }
 
-export { DEFAULT_OS_PLATFORM, GENERIC_EMAIL_DOMAINS, OS_PLATFORMS, PLAY_ICON_PATH, cleanEmailDomain, cn, consumeAccessCode, deepClone, delay, extractDomainFromEmail, formatBytes, formatDate, formatNumber, formatPhoneE164, formatPrice, formatRelativeTime, formatReleaseDate, generateRandomString, getAllPlatformBaseDomains, getBaseUrl, getConfidenceBgClass, getConfidenceBorderClass, getConfidenceColorClass, getConfidenceLabel, getConfidenceLevel, getConfidenceTextClass, getCountryByCode, getCountryPhoneData, getCurrentPlatform, getDefaultColorForPlatform, getDefaultIconForPlatform, getDynamicIcon, getOSIcon, getOSLabel, getOSPlatformId, getOSTypeDefinition, getPlatformAccentColor, getPlatformColor, getPlatformDescription, getPlatformDisplayName, getPlatformIcon, getPlatformIconComponent, getPlatformIconComponent as getPlatformLogo, getPlatformProductionUrl, getPlatformSlogan, getShellIcon, getShellLabel, getSlackCommunityJoinUrl, getSmallPlatformIcon, getToolLabel, getToolTypeAliases, hasGenericEmailDomain, isGenericDomain, isGenericWebsiteDomain, isOSPlatform, isValidEmailDomain, isValidToolType, normalizeDomain, normalizeOSType, normalizeToolType, normalizeToolTypeWithFallback, platformColors, platformDescriptions, platformDisplayNames, platformHexColors, platformIconNames, platformIcons, platformSlogans, toToolLabel, transformPlatformConfigsToOptions, truncateString, useAccessCodeIntegration, validateAccessCode, validateAndConsumeAccessCode, validateEmailDomain, validateEmailDomainList, validatePhoneNumber };
+// 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 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 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/image-proxy.ts
+function getProxiedImageUrl(imageUrl, options) {
+  if (!imageUrl) return null;
+  const proxyPrefix = options?.proxyPrefix;
+  const skipDomains = options?.skipDomains ?? [];
+  const directHttps = options?.directHttps ?? false;
+  if (proxyPrefix && imageUrl.includes(proxyPrefix)) {
+    return imageUrl;
+  }
+  if (!imageUrl.startsWith("http://") && !imageUrl.startsWith("https://")) {
+    return imageUrl;
+  }
+  if (directHttps && imageUrl.startsWith("https://")) {
+    return imageUrl;
+  }
+  if (!proxyPrefix) {
+    return imageUrl;
+  }
+  for (const domain of skipDomains) {
+    if (imageUrl.includes(domain)) {
+      return imageUrl;
+    }
+  }
+  return `${proxyPrefix}?url=${encodeURIComponent(imageUrl)}`;
+}
+function urlPathLooksLikeSvg(imageUrl) {
+  try {
+    return /\.svg$/i.test(new URL(imageUrl).pathname);
+  } catch {
+    return /\.svg(\?|#|$)/i.test(imageUrl);
+  }
+}
+function shouldProxyImage(imageUrl, proxyPrefix) {
+  if (!imageUrl) return false;
+  if (!imageUrl.startsWith("http://") && !imageUrl.startsWith("https://")) return false;
+  if (proxyPrefix && imageUrl.includes(proxyPrefix)) return false;
+  return true;
+}
+function generateImageSizes(_url) {
+  return `(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw`;
+}
+
+// src/utils/date-utils.ts
+function formatRelativeTime(timestamp) {
+  const now = /* @__PURE__ */ new Date();
+  const targetTime = typeof timestamp === "string" ? new Date(timestamp) : timestamp;
+  if (isNaN(targetTime.getTime())) {
+    console.warn("\u26A0\uFE0F Invalid timestamp in formatRelativeTime:", timestamp);
+    return "Unknown time";
+  }
+  const diffInMs = now.getTime() - targetTime.getTime();
+  const diffInMinutes = Math.floor(diffInMs / (1e3 * 60));
+  if (diffInMinutes < 0) {
+    return "Just now";
+  }
+  if (diffInMinutes < 1) return "Just now";
+  if (diffInMinutes < 60) return `${diffInMinutes}m ago`;
+  const diffInHours = Math.floor(diffInMinutes / 60);
+  if (diffInHours < 24) return `${diffInHours}h ago`;
+  const diffInDays = Math.floor(diffInHours / 24);
+  if (diffInDays < 7) return `${diffInDays}d ago`;
+  if (diffInDays < 30) {
+    const weeks = Math.floor(diffInDays / 7);
+    return `${weeks}w ago`;
+  }
+  return targetTime.toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric",
+    year: targetTime.getFullYear() !== now.getFullYear() ? "numeric" : void 0
+  });
+}
+function formatAbsoluteDate(timestamp, options = {}) {
+  const targetTime = typeof timestamp === "string" ? new Date(timestamp) : timestamp;
+  if (isNaN(targetTime.getTime())) {
+    console.warn("\u26A0\uFE0F Invalid timestamp in formatAbsoluteDate:", timestamp);
+    return "Invalid date";
+  }
+  const defaultOptions = {
+    year: "numeric",
+    month: "short",
+    day: "numeric",
+    ...options
+  };
+  return targetTime.toLocaleDateString("en-US", defaultOptions);
+}
+function formatDateTime(timestamp, options = {}) {
+  const targetTime = typeof timestamp === "string" ? new Date(timestamp) : timestamp;
+  if (isNaN(targetTime.getTime())) {
+    console.warn("\u26A0\uFE0F Invalid timestamp in formatDateTime:", timestamp);
+    return "Invalid date";
+  }
+  const defaultOptions = {
+    year: "numeric",
+    month: "short",
+    day: "numeric",
+    hour: "numeric",
+    minute: "2-digit",
+    ...options
+  };
+  return targetTime.toLocaleDateString("en-US", defaultOptions);
+}
+function getDetailedTimeDifference(timestamp) {
+  const now = /* @__PURE__ */ new Date();
+  const targetTime = typeof timestamp === "string" ? new Date(timestamp) : timestamp;
+  if (isNaN(targetTime.getTime())) {
+    return "Invalid date";
+  }
+  const diffInMs = now.getTime() - targetTime.getTime();
+  const diffInSeconds = Math.floor(diffInMs / 1e3);
+  const diffInMinutes = Math.floor(diffInSeconds / 60);
+  const diffInHours = Math.floor(diffInMinutes / 60);
+  const diffInDays = Math.floor(diffInHours / 24);
+  if (diffInSeconds < 60) return `${diffInSeconds} seconds ago`;
+  if (diffInMinutes < 60) return `${diffInMinutes} minutes ago`;
+  if (diffInHours < 24) return `${diffInHours} hours ago`;
+  if (diffInDays < 30) return `${diffInDays} days ago`;
+  const diffInMonths = Math.floor(diffInDays / 30);
+  if (diffInMonths < 12) return `${diffInMonths} months ago`;
+  const diffInYears = Math.floor(diffInDays / 365);
+  return `${diffInYears} years ago`;
+}
+function isToday(timestamp) {
+  const today = /* @__PURE__ */ new Date();
+  const targetTime = typeof timestamp === "string" ? new Date(timestamp) : timestamp;
+  return today.toDateString() === targetTime.toDateString();
+}
+function isWithinMinutes(timestamp, minutes) {
+  const now = /* @__PURE__ */ new Date();
+  const targetTime = typeof timestamp === "string" ? new Date(timestamp) : timestamp;
+  const diffInMs = now.getTime() - targetTime.getTime();
+  const diffInMinutes = diffInMs / (1e3 * 60);
+  return diffInMinutes <= minutes && diffInMinutes >= 0;
+}
+function createUTCTimestamp() {
+  return (/* @__PURE__ */ new Date()).toISOString();
+}
+
+// src/utils/source-icons.ts
+var SOURCE_ICON_NAMES = {
+  // Doc tables
+  "openframe-docs": "openframe",
+  "data-room-docs": "shield",
+  // CMS / programs
+  "blog-posts": "newspaper",
+  "product-releases": "rocket",
+  "case-studies": "briefcase",
+  "onboarding-guides": "graduation-cap",
+  webinars: "video",
+  events: "calendar",
+  podcasts: "headphones",
+  "customer-interviews": "users",
+  // Financials
+  "investor-updates": "mail",
+  "financial-kpis": "activity",
+  "financial-cap-table": "table",
+  "financial-pnl": "trending-up",
+  "financial-balance-sheet": "dollar-sign",
+  "financial-cash-flow": "banknote",
+  // ClickUp
+  "clickup-roadmap": "clickup",
+  "clickup-delivery": "clickup",
+  "clickup-tasks-internal": "clickup",
+  // GitHub
+  "github-commits": "github",
+  "github-pull-requests": "github",
+  "github-pr-reviews": "github",
+  "github-commits-public": "github",
+  "github-pull-requests-public": "github",
+  "github-pr-reviews-public": "github",
+  // HubSpot
+  "hubspot-tickets": "hubspot",
+  "hubspot-tickets-anon": "hubspot",
+  "hubspot-tickets-self": "hubspot",
+  // Communications
+  "slack-messages": "slack"
+};
+function getSourceIconName(tableId) {
+  if (!tableId) return void 0;
+  return SOURCE_ICON_NAMES[tableId];
+}
+var SOURCE_LABELS_BY_TABLE = {
+  // Doc tables
+  "openframe-docs": "OpenFrame Docs",
+  "data-room-docs": "Data Room",
+  // CMS / programs
+  "blog-posts": "Blog Posts",
+  "product-releases": "Product Releases",
+  "case-studies": "Case Studies",
+  "onboarding-guides": "Onboarding Guides",
+  webinars: "Webinars",
+  events: "Events",
+  podcasts: "Podcasts",
+  "customer-interviews": "Customer Interviews",
+  // Financials
+  "investor-updates": "Investor Updates",
+  "financial-kpis": "Financial KPIs",
+  "financial-cap-table": "Cap Table",
+  "financial-pnl": "Profit & Loss",
+  "financial-balance-sheet": "Balance Sheet",
+  "financial-cash-flow": "Cash Flow",
+  // ClickUp
+  "clickup-roadmap": "ClickUp Roadmap",
+  "clickup-delivery": "ClickUp Delivery",
+  "clickup-tasks-internal": "ClickUp Tasks",
+  // GitHub
+  "github-commits": "GitHub Commits",
+  "github-pull-requests": "GitHub Pull Requests",
+  "github-pr-reviews": "GitHub PR Reviews",
+  "github-commits-public": "OpenFrame Commits",
+  "github-pull-requests-public": "OpenFrame Pull Requests",
+  "github-pr-reviews-public": "OpenFrame PR Reviews",
+  // HubSpot
+  "hubspot-tickets": "HubSpot Tickets",
+  "hubspot-tickets-anon": "Known Issues",
+  "hubspot-tickets-self": "My Tickets",
+  // Communications
+  "slack-messages": "OpenMSP Community"
+};
+function getSourceLabel(tableId) {
+  return SOURCE_LABELS_BY_TABLE[tableId] ?? tableId;
+}
+
+// src/components/chat/utils/chat-attachment-markdown.ts
+var CHAT_ATTACHMENT_VIEW_URL_PREFIX = "/api/storage/view/chat-attachments/";
+var CHAT_ATTACHMENT_VIEW_TOKEN_QUERY_PARAM = "t";
+var ANTHROPIC_SUPPORTED_IMAGE_MIME = [
+  "image/jpeg",
+  "image/png",
+  "image/webp",
+  "image/gif"
+];
+function buildChatAttachmentViewUrl(viewUrlPrefix, storagePath, viewToken) {
+  return `${viewUrlPrefix}${storagePath}?${CHAT_ATTACHMENT_VIEW_TOKEN_QUERY_PARAM}=${encodeURIComponent(viewToken)}`;
+}
+function escapeMarkdownInline(text) {
+  return text.replace(/[[\]()\\\n\r<>"]/g, (ch) => {
+    switch (ch) {
+      case "\n":
+        return " ";
+      case "\r":
+        return "";
+      default:
+        return `\\${ch}`;
+    }
+  });
+}
+function formatChatAttachmentMarkdownForBubble(att, viewUrlPrefix) {
+  const safeName = escapeMarkdownInline(att.fileName);
+  const url = buildChatAttachmentViewUrl(viewUrlPrefix, att.storagePath, att.viewToken);
+  const isImage = ANTHROPIC_SUPPORTED_IMAGE_MIME.includes(att.contentType);
+  return isImage ? `
+
+![${safeName}](${url})` : `
+
+[Attached: ${safeName}](${url})`;
+}
+var CHAT_ATTACHMENT_VIEW_URL_PREFIX_REGEX_ESCAPED = CHAT_ATTACHMENT_VIEW_URL_PREFIX.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+var CHAT_ATTACHMENT_MARKDOWN_PATTERN = new RegExp(
+  `^\\s*!?\\[[^\\]]*\\]\\(${CHAT_ATTACHMENT_VIEW_URL_PREFIX_REGEX_ESCAPED}[^)]+\\)\\s*$`,
+  "gm"
+);
+function stripChatAttachmentMarkdown(text) {
+  const storagePaths = [];
+  const pathExtract = new RegExp(
+    `\\(${CHAT_ATTACHMENT_VIEW_URL_PREFIX_REGEX_ESCAPED}([^?)]+)`
+  );
+  const stripped = text.replace(CHAT_ATTACHMENT_MARKDOWN_PATTERN, (match) => {
+    const m = match.match(pathExtract);
+    if (m && m[1]) storagePaths.push(m[1]);
+    return "";
+  });
+  return {
+    stripped: stripped.replace(/\n{3,}/g, "\n\n").trim(),
+    storagePaths
+  };
+}
+
+// src/components/chat/utils/auto-continuation-directive.ts
+var AUTO_CONTINUATION_DIRECTIVE_PREFIX = "[internal-auto-continuation]";
+function buildAutoContinuationDirective(toolName, opts = {}) {
+  const ticketRef = opts.ticketId ? ` (ticket #${opts.ticketId})` : "";
+  const ticketHash = opts.ticketId ? ` #${opts.ticketId}` : "";
+  const isClose = toolName === "update_ticket" && opts.status?.toUpperCase() === "CLOSED";
+  if (toolName === "create_ticket") {
+    return `${AUTO_CONTINUATION_DIRECTIVE_PREFIX} The user just approved create_ticket${ticketRef}. Per ticket-protocol \xA71a, ask 2-4 SHORT, issue-specific diagnostic follow-up questions tailored to the symptom they reported in their original message. When they answer, propose an update_ticket with content_addendum carrying a clean Q&A digest. Do NOT call any tool in this turn \u2014 just write the questions as prose.`;
+  }
+  if (isClose) {
+    return `${AUTO_CONTINUATION_DIRECTIVE_PREFIX} The user just approved closing ticket${ticketHash}. Per ticket-protocol \xA71b, ask ONE short question: "How was this resolved? I'll add it to the ticket as a closing note." Phrase kindly even if the user was curt. When they answer, propose an update_ticket with content_addendum="[Resolution] <their words>". Do NOT call any tool in this turn \u2014 just write the prose ask.`;
+  }
+  return `${AUTO_CONTINUATION_DIRECTIVE_PREFIX} The user just approved update_ticket${ticketHash}. Acknowledge the change in ONE short sentence; if anything else looks like it needs attention, ask. Do NOT call any tool in this turn.`;
+}
+
+// src/components/chat/utils/flatten-assistant-content.ts
+function flattenAssistantContent(raw) {
+  if (typeof raw === "string") return raw;
+  if (!Array.isArray(raw)) return "";
+  const parts = [];
+  for (const seg of raw) {
+    if (seg && typeof seg === "object" && seg.type === "text") {
+      const t = seg.text;
+      if (typeof t === "string" && t.length > 0) parts.push(t);
+    }
+  }
+  return parts.join("\n\n");
+}
+
+// src/components/chat/types/message.types.ts
+var SCROLL_ANCHOR = { TOP: "top", BOTTOM: "bottom" };
+
+// src/components/chat/utils/scroll-anchor.ts
+var SCROLL_ANCHOR_WIRE_KEY = "scrollAnchor";
+function parseScrollAnchor(raw) {
+  return raw === SCROLL_ANCHOR.TOP || raw === SCROLL_ANCHOR.BOTTOM ? raw : null;
+}
+
+// src/components/chat/utils/slash-dispatch-utils.ts
+var WIRE_TABLE_ID_REGEX = /^[a-z][a-z0-9-]*$/;
+var WIRE_ID_REGEX = /^[A-Za-z0-9._:/-]+$/;
+var WIRE_TABLE_ID_MAX = 60;
+var WIRE_ID_MAX = 200;
+var WIRE_QUERY_MAX = 2e3;
+function parseWireCommandOverride(raw) {
+  if (!raw || typeof raw !== "object") return null;
+  const out = {};
+  const r = raw;
+  if (r.entityIdFilter && typeof r.entityIdFilter === "object") {
+    const f = r.entityIdFilter;
+    if (typeof f.tableId === "string" && f.tableId.length > 0 && f.tableId.length <= WIRE_TABLE_ID_MAX && WIRE_TABLE_ID_REGEX.test(f.tableId) && typeof f.id === "string" && f.id.length > 0 && f.id.length <= WIRE_ID_MAX && WIRE_ID_REGEX.test(f.id)) {
+      out.entityIdFilter = { tableId: f.tableId, id: f.id };
+    }
+  }
+  if (typeof r.retrievalQueryOverride === "string" && r.retrievalQueryOverride.length > 0 && r.retrievalQueryOverride.length <= WIRE_QUERY_MAX) {
+    out.retrievalQueryOverride = r.retrievalQueryOverride;
+  }
+  if (out.entityIdFilter === void 0 && out.retrievalQueryOverride === void 0) {
+    return null;
+  }
+  return out;
+}
+function sanitizeTitleForChat(value) {
+  return (value ?? "").replace(/[\r\n\t]+/g, " ").trim();
+}
+function formatSingularLookupInvocation(cmdId, value) {
+  const safe = sanitizeTitleForChat(value).replace(/\\/g, "\\\\").replace(/"/g, '\\"');
+  return safe ? `/${cmdId} "${safe}"` : `/${cmdId}`;
+}
+function extractEntityIdFilter(override, expectedTableId) {
+  const f = override?.entityIdFilter;
+  if (!f) return null;
+  const tableId = typeof f.tableId === "string" ? f.tableId : "";
+  const id = typeof f.id === "string" ? f.id : "";
+  if (!tableId || !id) return null;
+  if (expectedTableId && tableId !== expectedTableId) return null;
+  return { tableId, id };
+}
+function buildDiscussAddendum(args) {
+  const idTag = args.id.length > 24 ? args.id.slice(0, 24) + "\u2026" : args.id;
+  return `Ask drill-in for row id="${args.id}" in table "${args.tableId}". Focus the answer on this single record. If retrieval returns 0 rows (privacy filter), say so plainly per Rule 5b.
+
+OPEN with the inline card on the FIRST line, immediately followed by the chip and a mono-font id tag \u2014 no prose before the card:
+    [card://<type>:${args.id}] [N] \`${args.tableId} \xB7 ${idTag}\`
+Use the EXACT <type> from the row's <document type="..." id="${args.id}"> tag.
+
+SURFACE EVERY FIELD PRESENT in the retrieved record \u2014 the user already knows the title from the card; the value of Ask is the BODY (description, status, vote counts, dates, linked URLs, \u2026). Walk each non-empty field. Don't invent fields, don't hallucinate values, silently omit absent fields.
+
+FORMAT: card+chip+id-tag opener, then ONE framing sentence, then a compact bulleted "**Field** \u2014 value" list. Don't restate fields already in the list.`;
+}
+
+// src/components/chat/utils/clickup-task-type-utils.ts
+var CUSTOM_ITEM_ID = {
+  TASK: 1e3,
+  MILESTONE: 1001,
+  RECURRING: 1002,
+  SUBTASK: 1003,
+  FORM: 1004,
+  PLAN: 1006,
+  STRATEGY: 1007,
+  BUG: 1008,
+  REQUEST: 1009,
+  FEATURE: 1010,
+  STORY: 1011,
+  EPIC: 1012,
+  COMPONENT: 1013,
+  INITIATIVE: 1014
+};
+function getTaskTypeLabel(customItemId) {
+  switch (customItemId) {
+    case CUSTOM_ITEM_ID.TASK:
+      return "Task";
+    case CUSTOM_ITEM_ID.MILESTONE:
+      return "Milestone";
+    case CUSTOM_ITEM_ID.RECURRING:
+      return "Recurring";
+    case CUSTOM_ITEM_ID.SUBTASK:
+      return "Subtask";
+    case CUSTOM_ITEM_ID.FORM:
+      return "Form";
+    case CUSTOM_ITEM_ID.PLAN:
+      return "Plan";
+    case CUSTOM_ITEM_ID.STRATEGY:
+      return "Strategy";
+    case CUSTOM_ITEM_ID.BUG:
+      return "Bug";
+    case CUSTOM_ITEM_ID.REQUEST:
+      return "Request";
+    case CUSTOM_ITEM_ID.FEATURE:
+      return "Feature";
+    case CUSTOM_ITEM_ID.STORY:
+      return "Story";
+    case CUSTOM_ITEM_ID.EPIC:
+      return "Epic";
+    case CUSTOM_ITEM_ID.COMPONENT:
+      return "Component";
+    case CUSTOM_ITEM_ID.INITIATIVE:
+      return "Initiative";
+    default:
+      return null;
+  }
+}
+
+// src/components/chat/utils/agent-status-message.ts
+function getStatusColorScheme(status) {
+  const s = status?.toLowerCase() || "";
+  switch (status) {
+    case "completed":
+    case "success":
+    case "active":
+      return "success";
+    case "failed":
+    case "failure":
+    case "cancelled":
+    case "error":
+      return "error";
+    case "running":
+    case "processing":
+    case "closed":
+      return "cyan";
+    case "pending":
+    case "warning":
+      return "warning";
+    case "draft":
+    // review cycles not yet opened to reviewers
+    case "info":
+      return "default";
+  }
+  if (s.includes("complete") || s.includes("done")) return "success";
+  if (s.includes("review")) return "cyan";
+  if (s.includes("working") || s.includes("progress")) return "warning";
+  if (s.includes("blocked") || s.includes("failed")) return "error";
+  return "default";
+}
+
+// src/components/chat/utils/external-app-urls.ts
+var CLICKUP_APP_BASE = "https://app.clickup.com";
+function clickupTaskUrl(externalId) {
+  if (!externalId) return null;
+  return `${CLICKUP_APP_BASE}/t/${externalId}`;
+}
+
+// src/components/chat/utils/is-cross-origin-url.ts
+function isCrossOriginUrl(url) {
+  if (!url) return false;
+  if (url.startsWith("/") && !url.startsWith("//")) return false;
+  return true;
+}
+var REACT_MAJOR = parseInt((React2.version || "0").split(".")[0], 10);
+var USE_CAMEL_CASE_FETCH_PRIORITY = REACT_MAJOR >= 19;
+function fetchPriorityProp(priority) {
+  const value = priority === void 0 ? "auto" : typeof priority === "boolean" ? priority ? "high" : "low" : priority;
+  return USE_CAMEL_CASE_FETCH_PRIORITY ? { fetchPriority: value } : { fetchpriority: value };
+}
+
+export { ANTHROPIC_SUPPORTED_IMAGE_MIME, AUTO_CONTINUATION_DIRECTIVE_PREFIX, CHAT_ATTACHMENT_MARKDOWN_PATTERN, CHAT_ATTACHMENT_VIEW_TOKEN_QUERY_PARAM, CHAT_ATTACHMENT_VIEW_URL_PREFIX, CHAT_ATTACHMENT_VIEW_URL_PREFIX_REGEX_ESCAPED, CUSTOM_ITEM_ID, DEFAULT_OS_PLATFORM, DESIGN_PALETTE, GENERIC_EMAIL_DOMAINS, ICON_REGISTRY, OS_PLATFORMS, PLAY_ICON_PATH, SCROLL_ANCHOR, SCROLL_ANCHOR_WIRE_KEY, SOURCE_ICON_NAMES, SOURCE_LABELS_BY_TABLE, analyzeImageColor, buildAutoContinuationDirective, buildChatAttachmentViewUrl, buildDiscussAddendum, cleanEmailDomain, clickupTaskUrl, cn, consumeAccessCode, createUTCTimestamp, deepClone, delay, escapeMarkdownInline, extractDomainFromEmail, extractDominantColor, extractEntityIdFilter, extractImageEdgeColorAsync, fetchPriorityProp, flattenAssistantContent, formatAbbreviatedNumber, formatAbsoluteDate, formatBioText, formatBytes, formatBytesShort, formatChatAttachmentMarkdownForBubble, formatClassification, formatCompactMetric, formatCurrency, formatDate, formatDateRange, formatDateShort, formatDateSlashUTC, formatDateTime, formatDateTimeAt, formatDateUTC, formatDuration, formatDurationCompact, formatDurationFromMs, formatDurationFromRange, formatDurationMMSS, formatLargeNumber, formatLegalDate, formatNumber, formatPercent, formatPhoneE164, formatPrice, formatPricingModel, formatRelativeTime, formatReleaseDate, formatSingularLookupInvocation, formatTimeWithTimezone, formatUnderscoreText, formatWholeDollars, generateImageSizes, generateRandomString, getAllPlatformBaseDomains, getBaseUrl, getBestContrastColor, getConfidenceBgClass, getConfidenceBorderClass, getConfidenceColorClass, getConfidenceLabel, getConfidenceLevel, getConfidenceTextClass, getContrastRatio, getCountryByCode, getCountryPhoneData, getCurrentPlatform, getDefaultColorForPlatform, getDefaultIconForPlatform, getDetailedTimeDifference, getDynamicIcon, getFirstLastInitials, getIconComponent, getOSIcon, getOSLabel, getOSPlatformId, getOSTypeDefinition, getPlatformAccentColor, getPlatformColor, getPlatformDescription, getPlatformDisplayName, getPlatformIcon, getPlatformIconComponent, getPlatformIconComponent as getPlatformLogo, getPlatformProductionUrl, getPlatformSlogan, getProxiedImageUrl, getShellIcon, getShellLabel, getSlackCommunityJoinUrl, getSmallPlatformIcon, getSourceIconName, getSourceLabel, getStatusColorScheme, getTaskTypeLabel, getToolLabel, getToolTypeAliases, getTrendColors, hasGenericEmailDomain, hexToRgb, isCrossOriginUrl, isGenericDomain, isGenericWebsiteDomain, isOSPlatform, isToday, isValidEmailDomain, isValidToolType, isWithinMinutes, nameInitials, normalizeDomain, normalizeIconKey, normalizeOSType, normalizeToolType, normalizeToolTypeWithFallback, parseScrollAnchor, parseWireCommandOverride, platformColors, platformDescriptions, platformDisplayNames, platformHexColors, platformIconNames, platformIcons, platformSlogans, sanitizeTitleForChat, shouldProxyImage, stripChatAttachmentMarkdown, stripHtml, toToolLabel, transformPlatformConfigsToOptions, truncateString, urlPathLooksLikeSvg, validateAccessCode, validateAndConsumeAccessCode, validateEmailDomain, validateEmailDomainList, validatePhoneNumber };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map