@flamingo-stack/openframe-frontend-core 0.0.765 → 0.0.766

package/src/utils/index.ts

@@ -34,7 +34,6 @@ export {
 // SVG path constants — re-exported here (server-safe) because icons-v2 has "use client"
 export { PLAY_ICON_PATH } from '../components/icons-v2-generated/media-playback/play-icon';
 export {
-  getPlatformAccentColor,
   getCurrentPlatform,
   getPlatformConfig,
   usePlatformColors,
@@ -42,14 +41,13 @@ export {
   getSemanticColor,
   type ColorCategory,
   HEX_PATTERN,
-  // Custom-color helpers so consumers (e.g. the chat client's accent theming)
-  // reuse the design-system math instead of re-implementing darken/hex utils.
   getReadableTextColor,
   hexToRgb,
   rgbToHex,
   deriveHoverColor,
   deriveActiveColor,
 } from './ods-color-utils';
+export { getPlatformAccentColor } from './platform-identity';
 export {
   errorMessage,
   delay,
@@ -63,6 +61,7 @@ export {
   NO_CLIENT_CACHE,
 } from './common';
 export { escapeRegExp } from './escape-regexp';
+export { isOwnClick } from './own-click';
 // SEO title length budget — server-safe constant (SSOT). Consumed by the hub
 // (prompt guidance + DB check value) and by SEOEditorPreview (input maxLength).
 export { SEO_TITLE_MAX_LENGTH } from './seo-title';
@@ -293,12 +292,8 @@ export {
   type BuildAutoContinuationOptions,
 } from '../components/chat/utils/auto-continuation-directive';
 export { flattenAssistantContent } from '../components/chat/utils/flatten-assistant-content';
-export {
-  SCROLL_ANCHOR,
-  type ScrollAnchor,
-  SCROLL_ANCHOR_WIRE_KEY,
-  parseScrollAnchor,
-} from '../components/chat/utils/scroll-anchor';
+export { SCROLL_ANCHOR_WIRE_KEY, parseScrollAnchor } from '../components/chat/utils/scroll-anchor';
+export { SCROLL_ANCHOR, type ScrollAnchor } from '../components/chat/types/message.types';
 export {
   type WireCommandOverride,
   parseWireCommandOverride,
@@ -481,3 +476,5 @@ export * from './path-pattern';
 export * from './random-id';
 export * from './demo-clock';
 export * from './identity-tint';
+export { createFenceTracker, isBlankLine } from './markdown-fences';
+export type { FenceTracker, FenceLineRole } from './markdown-fences';

package/src/utils/markdown-heading-id.ts

@@ -41,34 +41,6 @@ export function slugifyHeadingBase(text: string): string {
 export function slugifyHeadingText(text: string): string {
   return slugifyHeadingBase(stripHeadingEmojis(text));
 }
-
-// ---------------------------------------------------------------------------
-// Heading SCANNER + DEDUPER (the other half of the producer/consumer contract)
-// ---------------------------------------------------------------------------
-/**
- * Sharing the slug chain alone was not enough. The PRODUCER
- * (`utils/markdown-section-extractor`) and the CONSUMER
- * (`components/ui/markdown/heading-ids`) each carried their own copy of
- * "which lines are headings" and "how do duplicates get suffixed", and the
- * copies drifted:
- *   - the extractor toggled its code-block state on a bare
- *     `line.startsWith('```')`, so a `~~~`-fenced (or wider-backtick, or
- *     indented) block containing `## Setup` produced a SECTION from the
- *     extractor and NO id from the renderer — `sectionIdMap` then missed
- *     silently and the deep-link anchor pointed nowhere;
- *   - the extractor anchored ATX at column 0 while the renderer allowed the
- *     CommonMark 0..3-space indent;
- *   - the dedupe counter was hand-copied in both files, each with a comment
- *     saying "the two must agree".
- * Both now call `scanHeadings` + `createHeadingIdDeduper`. Server-safe: no
- * React, no DOM.
- */
-
-// The CommonMark fence machine used to live in THIS file, which meant a
-// streaming renderer imported its fence state from a module named after
-// heading slugs. It now lives in `./markdown-fences`; re-exported here so the
-// public `utils` surface (and every existing import) is unchanged.
-export { createFenceTracker, isBlankLine, type FenceTracker, type FenceLineRole } from './markdown-fences';
 import { createFenceTracker, isBlankLine } from './markdown-fences';
 
 /** A heading the renderer will emit, located in the source. */

package/src/utils/ods-color-utils.ts

@@ -43,10 +43,6 @@ export function getODSToken(
   return lookupToken(tokenKey);
 }
 
-// The accent colour is owned by the platform-identity leaf (all 12 platforms,
-// derived from the brand record); re-exported here for existing importers.
-export { getPlatformAccentColor } from './platform-identity';
-
 /**
  * Gets the current platform from environment or DOM
  */

package/src/utils/own-click.ts

@@ -0,0 +1,25 @@
+/**
+ * THE click-bubbling rule of a clickable container (a table row, a pickable
+ * card): a click is the container's own unless
+ *  - its target is not physically inside the container (a click in a portalled
+ *    descendant, a tooltip or a dropdown, bubbles through React's tree only), or
+ *  - it lands inside an element marked `data-no-row-click`, or
+ *  - with `controls`, it lands on another control or link inside the container,
+ *    which does its own thing.
+ */
+const NO_ROW_CLICK_SELECTOR = '[data-no-row-click]';
+const CONTROL_SELECTOR = 'a, button, input, select, textarea, label, [role="button"], [role="link"]';
+
+export function isOwnClick(
+  target: EventTarget | null,
+  container: Element | null,
+  { controls = false }: { controls?: boolean } = {},
+): boolean {
+  if (!(target instanceof Element) || !container?.contains(target)) return false;
+  if (target.closest(NO_ROW_CLICK_SELECTOR)) return false;
+  if (controls) {
+    const control = target.closest(CONTROL_SELECTOR);
+    if (control && control !== container && container.contains(control)) return false;
+  }
+  return true;
+}

package/src/utils/platform-config.tsx

@@ -34,23 +34,6 @@ export const platformIcons: Record<PlatformName, React.ReactNode> = {
   universal: renderPlatformIcon('universal', 'h-5 w-5'),
 };
 
-// Identity + brand strings/colours live in ONE place; re-exported here so every
-// existing importer of `platform-config` keeps working unchanged.
-export {
-  platformDisplayNames,
-  platformShortNames,
-  platformDescriptions,
-  platformSlogans,
-  platformHexColors,
-  platformColors,
-  getPlatformDisplayName,
-  getPlatformShortName,
-  getPlatformDescription,
-  getPlatformSlogan,
-  getPlatformColor,
-  getDefaultColorForPlatform,
-} from './platform-identity';
-
 export function transformPlatformConfigsToOptions(platformConfigs: PlatformConfig[]): SelectableOption[] {
   return platformConfigs.map((platform: PlatformConfig) => ({
     id: platform.id, // Database UUID for matching

package/src/utils/source-icons.ts

@@ -232,7 +232,7 @@ export function getSourceLabel(tableId: string): string {
  *
  * Embedders that need a CUSTOM mapping (e.g. polymorphic types whose
  * tableId depends on per-tenant config) still pass their own
- * `tableIdForDocumentType` callback to `useEmbeddedChat`; this default
+ * `tableIdForDocumentType` callback to `useSseChatAdapter`; this default
  * only applies when no callback is supplied.
  *
  * Inverse mapping audited 2026-05-24 against the hub registry — every
@@ -311,7 +311,7 @@ export const DEFAULT_DOCUMENT_TYPE_TO_TABLE_ID: Record<string, string> = {
 };
 
 /**
- * Default `tableIdForDocumentType` resolver used by `useEmbeddedChat` when
+ * Default `tableIdForDocumentType` resolver used by `useSseChatAdapter` when
  * the caller didn't pass an explicit callback. Returns `null` for
  * unrecognized document types so downstream `discussRef` / `displayRef`
  * still short-circuits gracefully on stale or custom types.

package/dist/chunk-3ATAYP36.cjs

@@ -1,19 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-// src/utils/cn.ts
-var _clsx = require('clsx');
-var _tailwindmerge = require('tailwind-merge');
-var twMerge = _tailwindmerge.extendTailwindMerge.call(void 0, {
-  extend: {
-    classGroups: {
-      "ods-typography": ["text-h1", "text-h2", "text-h3", "text-h4", "text-h5", "text-h6", "text-code", "text-badge"]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge(_clsx.clsx.call(void 0, inputs));
-}
-
-
-
-exports.cn = cn;

package/dist/chunk-3LU4UFPS.cjs

@@ -1,14 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
-
-// src/styles/layout-steps.ts
-var LAYOUT_STEPS = {
-  sm: { viewport: 640, content: 640 },
-  md: { viewport: 800, content: 720 },
-  lg: { viewport: 1280, content: 1024 },
-  xl: { viewport: 1440, content: 1216 },
-  "2xl": { viewport: 1536, content: 1312 }
-};
-
-
-
-exports.LAYOUT_STEPS = LAYOUT_STEPS;

package/dist/chunk-H3RYUTND.cjs

@@ -1,142 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
-
-
-var _chunk3ATAYP36cjs = require('./chunk-3ATAYP36.cjs');
-
-// src/components/ui/skeleton-surface.ts
-var SKELETON_SURFACE_CLASS = "animate-pulse motion-reduce:animate-none bg-ods-skeleton";
-
-// src/components/loading/unified-skeleton.tsx
-var _jsxruntime = require('react/jsx-runtime');
-function UnifiedSkeleton({
-  className,
-  variant = "default",
-  width,
-  height,
-  animate = true,
-  "aria-label": ariaLabel,
-  as: Tag = "div",
-  ...props
-}) {
-  const variantClasses = {
-    default: "rounded-md",
-    text: "rounded-sm",
-    circular: "rounded-full",
-    rectangular: "rounded-none"
-  };
-  const defaultHeights = {
-    default: "h-4",
-    text: "h-4",
-    circular: "h-12 w-12",
-    rectangular: "h-4"
-  };
-  const sizedByAspect = /(?:^|\s)aspect-/.test(_nullishCoalesce(className, () => ( "")));
-  const setsDisplay = /(?:^|\s)(?:inline-block|inline-flex|inline-grid|inline|block|flex|grid|contents|hidden)(?=\s|$)/.test(
-    _nullishCoalesce(className, () => ( ""))
-  );
-  const style = {
-    width,
-    height
-  };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    Tag,
-    {
-      className: _chunk3ATAYP36cjs.cn.call(void 0, 
-        // An inline span ignores width and height: without a display of its own the bar draws at 0×0.
-        Tag === "span" && !setsDisplay && "inline-block max-w-full align-middle",
-        animate ? SKELETON_SURFACE_CLASS : "bg-ods-skeleton",
-        variantClasses[variant],
-        !height && !style.height && !sizedByAspect && defaultHeights[variant],
-        !width && !style.width && variant !== "circular" && "w-full",
-        className
-      ),
-      style,
-      ...ariaLabel ? { role: "status", "aria-label": ariaLabel } : { "aria-hidden": true },
-      ...props
-    }
-  );
-}
-var TextSkeleton = {
-  /**
-   * Large heading skeleton (h1, h2)
-   */
-  Heading: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "text", className: _chunk3ATAYP36cjs.cn.call(void 0, "h-8 content-md:h-10 content-lg:h-12", className), ...props }),
-  /**
-   * Medium heading skeleton (h3, h4)
-   */
-  Subheading: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "text", className: _chunk3ATAYP36cjs.cn.call(void 0, "h-6 content-md:h-7 content-lg:h-8", className), ...props }),
-  /**
-   * Body text skeleton
-   */
-  Body: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "text", className: _chunk3ATAYP36cjs.cn.call(void 0, "h-4 content-md:h-5", className), ...props }),
-  /**
-   * Small text skeleton (captions, metadata)
-   */
-  Caption: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "text", className: _chunk3ATAYP36cjs.cn.call(void 0, "h-3 content-md:h-4", className), ...props })
-};
-var InteractiveSkeleton = {
-  /**
-   * Button skeleton with proper touch targets
-   */
-  Button: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    UnifiedSkeleton,
-    {
-      variant: "default",
-      className: _chunk3ATAYP36cjs.cn.call(void 0, "h-10 w-32 content-md:h-12 content-md:w-40", className),
-      ...props
-    }
-  ),
-  /**
-   * Input field skeleton
-   */
-  Input: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "default", className: _chunk3ATAYP36cjs.cn.call(void 0, "h-10 w-full content-md:h-12", className), ...props }),
-  /**
-   * Filter chip skeleton
-   */
-  Chip: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "default", className: _chunk3ATAYP36cjs.cn.call(void 0, "h-8 w-20 rounded-full", className), ...props })
-};
-var MediaSkeleton = {
-  /**
-   * Avatar/profile image skeleton
-   */
-  Avatar: ({
-    size = "md",
-    className,
-    ...props
-  }) => {
-    const sizeClasses = {
-      sm: "h-8 w-8",
-      md: "h-12 w-12",
-      lg: "h-16 w-16"
-    };
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "circular", className: _chunk3ATAYP36cjs.cn.call(void 0, sizeClasses[size], className), ...props });
-  },
-  /**
-   * Card image skeleton (1200×630 OG aspect — matches entity-cards default
-   * so loading state never causes a height shift when card data arrives)
-   */
-  CardImage: ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "default", className: _chunk3ATAYP36cjs.cn.call(void 0, "aspect-[1200/630] w-full", className), ...props }),
-  /**
-   * Icon skeleton
-   */
-  Icon: ({
-    size = "md",
-    className,
-    ...props
-  }) => {
-    const sizeClasses = {
-      sm: "h-4 w-4",
-      md: "h-6 w-6",
-      lg: "h-8 w-8"
-    };
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UnifiedSkeleton, { variant: "default", className: _chunk3ATAYP36cjs.cn.call(void 0, sizeClasses[size], className), ...props });
-  }
-};
-
-
-
-
-
-
-
-exports.SKELETON_SURFACE_CLASS = SKELETON_SURFACE_CLASS; exports.UnifiedSkeleton = UnifiedSkeleton; exports.TextSkeleton = TextSkeleton; exports.InteractiveSkeleton = InteractiveSkeleton; exports.MediaSkeleton = MediaSkeleton;