@flamingo-stack/openframe-frontend-core 0.0.216 → 0.0.217

package/dist/utils/index.js

@@ -3070,12 +3070,67 @@ var OPENFRAME_DEV_SECTIONS = {
 };
 
 // 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 scrollElementIntoView(target, options = {}) {
   if (typeof window === "undefined" || !target) return;
-  const { headerOffset = 0, behavior = "smooth", adjustTargetY } = options;
-  const rawTargetY = target.getBoundingClientRect().top + window.scrollY - headerOffset;
-  const finalY = adjustTargetY ? adjustTargetY(rawTargetY) : rawTargetY;
-  window.scrollTo({ top: Math.max(0, finalY), behavior });
+  const { headerOffset = 0, behavior = "smooth", adjustTargetY, durationMs = 320 } = options;
+  const computeTarget = () => {
+    const raw = target.getBoundingClientRect().top + window.scrollY - headerOffset;
+    const adjusted = adjustTargetY ? adjustTargetY(raw) : raw;
+    const maxScroll = 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) {
+    window.scrollTo(0, 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 = window.scrollY;
+      startTime = now;
+    }
+    const targetY = computeTarget();
+    const t = Math.min(1, (now - startTime) / durationMs);
+    const y = startY + (targetY - startY) * easeOutCubic(t);
+    window.scrollTo(0, y);
+    if (t < 1) {
+      activeRaf = requestAnimationFrame(step);
+    } else {
+      window.scrollTo(0, computeTarget());
+      activeRaf = 0;
+      if (teardownActive) {
+        teardownActive();
+        teardownActive = null;
+      }
+    }
+  };
+  activeRaf = requestAnimationFrame(step);
 }
 
 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, DELIVERY_TASK_TYPE_OPTIONS, DESIGN_PALETTE, GENERIC_EMAIL_DOMAINS, ICON_REGISTRY, OPENFRAME_DEV_SECTIONS, OS_PLATFORMS, PLAY_ICON_PATH, ROADMAP_STATUS_OPTIONS, SCROLL_ANCHOR, SCROLL_ANCHOR_WIRE_KEY, SOURCE_ICON_NAMES, SOURCE_LABELS_BY_TABLE, TICKET_STATUS_OPTIONS, analyzeImageColor, applyProxyAuth, buildAutoContinuationDirective, buildChatAttachmentViewUrl, buildDiscussAddendum, cleanEmailDomain, clearEmbedProxyAuth, clickupTaskUrl, cn, consumeAccessCode, createUTCTimestamp, deepClone, delay, embedAuthedFetch, 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, getEmbedProxyAuth, getFirstLastInitials, getIconComponent, getOSIcon, getOSLabel, getOSPlatformId, getOSTypeDefinition, getPersistedProxyEmail, 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, readLeadingDecisionFrame, sanitizeTitleForChat, scrollElementIntoView, setEmbedProxyAuth, shouldProxyImage, stripChatAttachmentMarkdown, stripHtml, toToolLabel, transformPlatformConfigsToOptions, truncateString, urlPathLooksLikeSvg, validateAccessCode, validateAndConsumeAccessCode, validateEmailDomain, validateEmailDomainList, validatePhoneNumber };