@flamingo-stack/openframe-frontend-core 0.0.291 → 0.0.292-snapshot.20260619040151

package/dist/utils/dev-sections/dev-section-param-keys.d.ts

@@ -19,4 +19,14 @@ export declare const DEV_SECTION_PARAM_KEYS: {
     /** Delivery (bug-fix / enhancement) task-type filter. */
     readonly deliveryTaskType: "task_type";
 };
+/** Section keys that participate in `<section>-<id>` anchor IDs.
+ *  The URL composer (`appendSearchAndHash` in hub `dev-section-url.ts`)
+ *  and the row components (`DeliveryRow`, `RoadmapCard`, `HelpCenterCard`)
+ *  both call `devSectionAnchorId` so the DOM `id` and the URL hash stay
+ *  in lockstep — adding a new section means adding the literal here
+ *  ONCE, not at every render site. */
+export type DevSectionAnchorKind = 'roadmap' | 'delivery' | 'ticket';
+/** Compose the canonical `<section>-<id>` anchor id used by the dev-center
+ *  rows + URL composer. */
+export declare function devSectionAnchorId(section: DevSectionAnchorKind, id: string): string;
 //# sourceMappingURL=dev-section-param-keys.d.ts.map

package/dist/utils/dev-sections/dev-section-param-keys.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dev-section-param-keys.d.ts","sourceRoot":"","sources":["../../../src/utils/dev-sections/dev-section-param-keys.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,sBAAsB;IACjC,iEAAiE;;IAEjE,uDAAuD;;IAEvD,8CAA8C;;IAE9C,yDAAyD;;CAEjD,CAAA"}
+{"version":3,"file":"dev-section-param-keys.d.ts","sourceRoot":"","sources":["../../../src/utils/dev-sections/dev-section-param-keys.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,sBAAsB;IACjC,iEAAiE;;IAEjE,uDAAuD;;IAEvD,8CAA8C;;IAE9C,yDAAyD;;CAEjD,CAAA;AAEV;;;;;sCAKsC;AACtC,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAA;AAEpE;2BAC2B;AAC3B,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,oBAAoB,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAEpF"}

package/dist/utils/index.cjs

@@ -1569,6 +1569,9 @@ var DEV_SECTION_PARAM_KEYS = {
   /** Delivery (bug-fix / enhancement) task-type filter. */
   deliveryTaskType: "task_type"
 };
+function devSectionAnchorId(section, id) {
+  return `${section}-${id}`;
+}
 var OpenFrameLogoIcon = ({ className }) => React2.createElement(OpenFrameLogo, { className, upperPathColor: "currentColor" });
 var ICON_REGISTRY = {
   // lucide-react (kebab-case)
@@ -2615,7 +2618,13 @@ var SOURCE_LABELS_BY_TABLE = {
   "github-pr-reviews-public": "OpenFrame PR Reviews",
   // HubSpot
   "hubspot-tickets": "HubSpot Tickets",
-  "hubspot-tickets-anon": "Known Issues",
+  // Anon + self share the "Tickets" root so the chip vocabulary is
+  // uniform across logged-out (everyone's resolved support tickets,
+  // anonymized → "Tickets") and logged-in (user-scoped → "My Tickets")
+  // surfaces. The full-PII `hubspot-tickets` entry above is product-hub
+  // internal only (admin view), kept as "HubSpot Tickets" to flag the
+  // distinct scope.
+  "hubspot-tickets-anon": "Tickets",
   "hubspot-tickets-self": "My Tickets",
   // Communications
   "slack-messages": "OpenMSP Community"
@@ -3308,22 +3317,34 @@ function cancelActiveScroll() {
   }
 }
 var easeOutCubic = (t) => 1 - Math.pow(1 - t, 3);
+function getScrollableAncestor(el) {
+  for (let node = el.parentElement; node; node = node.parentElement) {
+    const overflowY = getComputedStyle(node).overflowY;
+    if ((overflowY === "auto" || overflowY === "scroll" || overflowY === "overlay") && node.scrollHeight > node.clientHeight) {
+      return node;
+    }
+  }
+  return null;
+}
 function scrollElementIntoView(target, options = {}) {
   if (typeof window === "undefined" || !target) return;
   const { headerOffset = 0, behavior = "smooth", adjustTargetY, durationMs = 320 } = options;
+  const container = getScrollableAncestor(target);
+  const readCurrent = () => container ? container.scrollTop : window.scrollY;
+  const writeTo = (y) => {
+    if (container) container.scrollTop = y;
+    else window.scrollTo(0, y);
+  };
   const computeTarget = () => {
-    const raw = target.getBoundingClientRect().top + window.scrollY - headerOffset;
+    const raw = container ? container.scrollTop + (target.getBoundingClientRect().top - container.getBoundingClientRect().top) - headerOffset : target.getBoundingClientRect().top + window.scrollY - headerOffset;
     const adjusted = adjustTargetY ? adjustTargetY(raw) : raw;
-    const maxScroll = Math.max(
-      0,
-      document.documentElement.scrollHeight - window.innerHeight
-    );
+    const maxScroll = container ? Math.max(0, container.scrollHeight - container.clientHeight) : Math.max(0, document.documentElement.scrollHeight - window.innerHeight);
     return Math.min(Math.max(0, adjusted), maxScroll);
   };
   cancelActiveScroll();
   const prefersReduced = typeof window.matchMedia === "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
   if (behavior === "instant" || behavior === "auto" || prefersReduced) {
-    window.scrollTo(0, computeTarget());
+    writeTo(computeTarget());
     return;
   }
   let startY = null;
@@ -3337,17 +3358,17 @@ function scrollElementIntoView(target, options = {}) {
   };
   const step = (now) => {
     if (startY === null) {
-      startY = window.scrollY;
+      startY = readCurrent();
       startTime = now;
     }
     const targetY = computeTarget();
     const t = Math.min(1, (now - startTime) / durationMs);
     const y = startY + (targetY - startY) * easeOutCubic(t);
-    window.scrollTo(0, y);
+    writeTo(y);
     if (t < 1) {
       activeRaf = requestAnimationFrame(step);
     } else {
-      window.scrollTo(0, computeTarget());
+      writeTo(computeTarget());
       activeRaf = 0;
       if (teardownActive) {
         teardownActive();
@@ -3358,6 +3379,62 @@ function scrollElementIntoView(target, options = {}) {
   activeRaf = requestAnimationFrame(step);
 }
 
+// src/utils/same-page-hash-nav.ts
+var STICKY_HEADER_OFFSET_PX = 96;
+var HUB_HEADER_OFFSET_PX = 80;
+function normalizeHashFragment(hash) {
+  if (!hash) return "";
+  const second = hash.indexOf("#", 1);
+  return second < 0 ? hash : hash.slice(0, second);
+}
+function navigateSamePageHash(target, options = {}) {
+  if (typeof window === "undefined") return false;
+  const { headerOffset = 0, history: historyMode = "push" } = options;
+  const normalizedTarget = target.startsWith("#") ? window.location.pathname + window.location.search + target : target;
+  let url;
+  try {
+    url = new URL(normalizedTarget, window.location.href);
+  } catch {
+    return false;
+  }
+  if (url.origin !== window.location.origin || url.pathname !== window.location.pathname || url.search !== window.location.search) {
+    return false;
+  }
+  const current = window.location.pathname + window.location.search + window.location.hash;
+  const normalizedHash = normalizeHashFragment(url.hash);
+  if (process.env.NODE_ENV === "development" && normalizedHash !== url.hash) {
+    console.warn(
+      `[navigateSamePageHash] malformed fragment "${url.hash}" \u2192 normalizing to "${normalizedHash}". Fix the upstream composer.`
+    );
+  }
+  const next = url.pathname + url.search + normalizedHash;
+  const id = normalizedHash && normalizedHash !== "#" ? normalizedHash.slice(1) : "";
+  if (!id && next !== current) return false;
+  if (next !== current) {
+    const oldURL = window.location.href;
+    if (historyMode === "replace") {
+      window.history.replaceState(null, "", next);
+    } else {
+      window.history.pushState(null, "", next);
+    }
+    window.dispatchEvent(new HashChangeEvent("hashchange", {
+      oldURL,
+      newURL: window.location.href
+    }));
+  }
+  const el = id ? document.getElementById(id) : null;
+  if (id && !el && process.env.NODE_ENV === "development") {
+    console.warn(
+      `[navigateSamePageHash] anchor "#${id}" not found \u2014 scrolling to top.`
+    );
+  }
+  scrollElementIntoView(el ?? document.documentElement, {
+    behavior: "smooth",
+    headerOffset
+  });
+  return true;
+}
+
 // src/utils/list-url.ts
 var ALIASES = { blog_post_existing: "blog_post" };
 function canonicalContentRefType(contentRefType) {
@@ -3828,6 +3905,7 @@ exports.ELAPSED_MS_FIELD = ELAPSED_MS_FIELD;
 exports.GENERIC_EMAIL_DOMAINS = GENERIC_EMAIL_DOMAINS;
 exports.HEX_PATTERN = HEX_PATTERN;
 exports.HONEYPOT_FIELD = HONEYPOT_FIELD;
+exports.HUB_HEADER_OFFSET_PX = HUB_HEADER_OFFSET_PX;
 exports.ICON_REGISTRY = ICON_REGISTRY;
 exports.OPENFRAME_DEV_SECTIONS = OPENFRAME_DEV_SECTIONS;
 exports.OS_PLATFORMS = OS_PLATFORMS;
@@ -3837,6 +3915,7 @@ exports.SCROLL_ANCHOR = SCROLL_ANCHOR;
 exports.SCROLL_ANCHOR_WIRE_KEY = SCROLL_ANCHOR_WIRE_KEY;
 exports.SOURCE_ICON_NAMES = SOURCE_ICON_NAMES;
 exports.SOURCE_LABELS_BY_TABLE = SOURCE_LABELS_BY_TABLE;
+exports.STICKY_HEADER_OFFSET_PX = STICKY_HEADER_OFFSET_PX;
 exports.TICKET_STATUS_OPTIONS = TICKET_STATUS_OPTIONS;
 exports.analyzeImageColor = analyzeImageColor;
 exports.applyProxyAuth = applyProxyAuth;
@@ -3858,6 +3937,7 @@ exports.deepClone = deepClone;
 exports.delay = delay;
 exports.deriveActiveColor = deriveActiveColor;
 exports.deriveHoverColor = deriveHoverColor;
+exports.devSectionAnchorId = devSectionAnchorId;
 exports.embedAuthedFetch = embedAuthedFetch;
 exports.escapeMarkdownInline = escapeMarkdownInline;
 exports.evaluateHumanitySignals = evaluateHumanitySignals;
@@ -3981,8 +4061,10 @@ exports.isWithinMinutes = isWithinMinutes;
 exports.makeComposeContentUrl = makeComposeContentUrl;
 exports.markdownToPlainText = markdownToPlainText;
 exports.nameInitials = nameInitials;
+exports.navigateSamePageHash = navigateSamePageHash;
 exports.normalizeDocPath = normalizeDocPath;
 exports.normalizeDomain = normalizeDomain;
+exports.normalizeHashFragment = normalizeHashFragment;
 exports.normalizeIconKey = normalizeIconKey;
 exports.normalizeOSType = normalizeOSType;
 exports.normalizeToolType = normalizeToolType;