@flamingo-stack/openframe-frontend-core 0.0.255 → 0.0.256-snapshot.20260612014656

package/dist/{chunk-LZL6P7SN.cjs → chunk-4MXBBBHB.cjs}

@@ -7,7 +7,9 @@
 
 
 
-var _chunk6LK4VEXEcjs = require('./chunk-6LK4VEXE.cjs');
+
+
+var _chunkEB76VWM4cjs = require('./chunk-EB76VWM4.cjs');
 
 
 var _chunkDAAFVOTLcjs = require('./chunk-DAAFVOTL.cjs');
@@ -16,8 +18,19 @@ var _chunkDAAFVOTLcjs = require('./chunk-DAAFVOTL.cjs');
 var _chunkMEAR2WHScjs = require('./chunk-MEAR2WHS.cjs');
 
 
+var _chunkXL4V2PYGcjs = require('./chunk-XL4V2PYG.cjs');
+
+
 var _chunkG7UE6RKVcjs = require('./chunk-G7UE6RKV.cjs');
 
+
+
+var _chunkWBR7H6E3cjs = require('./chunk-WBR7H6E3.cjs');
+
+
+
+var _chunkFIG2RKZFcjs = require('./chunk-FIG2RKZF.cjs');
+
 // src/components/shared/doc-search/format-relative-path.ts
 function formatRelativePath(fullPath) {
   if (!fullPath) return "";
@@ -34,7 +47,7 @@ function DocSearchResultRow({
 }) {
   const docType = _optionalChain([result, 'access', _2 => _2.metadata, 'optionalAccess', _3 => _3.documentType]) || void 0;
   const sourceRepo = _optionalChain([result, 'access', _4 => _4.metadata, 'optionalAccess', _5 => _5.sourceRepo]) || void 0;
-  const { Icon: SourceIcon, label: iconLabel } = _chunk6LK4VEXEcjs.resolveSourceIcon.call(void 0, {
+  const { Icon: SourceIcon, label: iconLabel } = _chunkEB76VWM4cjs.resolveSourceIcon.call(void 0, {
     sourceRepo,
     documentType: docType
   });
@@ -77,7 +90,7 @@ function DocSearchBar({
   renderResult
 }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk6LK4VEXEcjs.SearchInput,
+    _chunkEB76VWM4cjs.SearchInput,
     {
       placeholder,
       value: query,
@@ -186,7 +199,7 @@ function resolveSearchResultAction(result, source, runtimeMode) {
   const externalUrl = meta.externalUrl;
   if (externalUrl) {
     const targetPlatform = meta.targetPlatform;
-    const isNewTab = _chunk6LK4VEXEcjs.decideNewTab.call(void 0, {
+    const isNewTab = _chunkEB76VWM4cjs.decideNewTab.call(void 0, {
       href: externalUrl,
       targetPlatform,
       surface: "useUnifiedNav",
@@ -287,7 +300,7 @@ function useDocSearch(config) {
           if (_optionalChain([runtime, 'optionalAccess', _13 => _13.navigation, 'access', _14 => _14.mode]) === "embed") {
             setKeepOpen(true);
             const targetPlatform = _nullishCoalesce(_optionalChain([result, 'access', _15 => _15.metadata, 'optionalAccess', _16 => _16.targetPlatform]), () => ( null));
-            _chunk6LK4VEXEcjs.resolveExternalNavigation.call(void 0, {
+            _chunkEB76VWM4cjs.resolveExternalNavigation.call(void 0, {
               href: action.href,
               targetPlatform,
               runtime
@@ -296,18 +309,18 @@ function useDocSearch(config) {
           }
           if (wantsNewTab) {
             setKeepOpen(true);
-            window.open(action.href, "_blank", _chunk6LK4VEXEcjs.NEW_TAB_FEATURES);
+            window.open(action.href, "_blank", _chunkEB76VWM4cjs.NEW_TAB_FEATURES);
             return;
           }
           setKeepOpen(false);
           const path = baseRoute && action.href.startsWith(`${baseRoute}/`) ? action.href.slice(baseRoute.length + 1) : null;
           if (path && _optionalChain([onInPageSwap, 'optionalCall', _17 => _17(path)])) return;
-          router.push(_chunk6LK4VEXEcjs.stripSameOriginToPath.call(void 0, action.href));
+          router.push(_chunkEB76VWM4cjs.stripSameOriginToPath.call(void 0, action.href));
           return;
         }
         case "navigate-new-tab":
           setKeepOpen(true);
-          window.open(action.href, "_blank", _chunk6LK4VEXEcjs.NEW_TAB_FEATURES);
+          window.open(action.href, "_blank", _chunkEB76VWM4cjs.NEW_TAB_FEATURES);
           return;
         case "ask-ai":
           setKeepOpen(false);
@@ -345,7 +358,7 @@ function DetailPageSkeleton({
   showImageGallery = true
 } = {}) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk6LK4VEXEcjs.PageContainer,
+    _chunkEB76VWM4cjs.PageContainer,
     {
       as: "article",
       backgroundClassName: "bg-ods-bg",
@@ -377,6 +390,90 @@ function DetailPageSkeleton({
   );
 }
 
+// src/components/shared/article-author-byline.tsx
+var _lucidereact = require('lucide-react');
+_chunkWBR7H6E3cjs.init_next_link.call(void 0, );
+_chunkFIG2RKZFcjs.init_cn.call(void 0, );
+
+function formatDate(value) {
+  const d = typeof value === "string" ? new Date(value) : value;
+  if (Number.isNaN(d.getTime())) return "";
+  return d.toLocaleDateString("en-US", {
+    month: "long",
+    day: "numeric",
+    year: "numeric",
+    timeZone: "UTC"
+  });
+}
+function ArticleAuthorByline({
+  author,
+  avatar,
+  bio,
+  jobTitle,
+  publishedAt,
+  href,
+  fallbackBio,
+  size = "md",
+  proxyImageUrl,
+  className
+}) {
+  const runtime = _chunkMEAR2WHScjs.useChatRuntime.call(void 0, );
+  if (!author) return null;
+  const proxiedAvatar = avatar ? proxyImageUrl ? proxyImageUrl(avatar) : _nullishCoalesce(_chunkEB76VWM4cjs.getProxiedImageUrl.call(void 0, avatar, {
+    proxyPrefix: _optionalChain([runtime, 'optionalAccess', _18 => _18.endpoints, 'access', _19 => _19.imageProxyUrlPrefix]),
+    skipDomains: _optionalChain([runtime, 'optionalAccess', _20 => _20.endpoints, 'access', _21 => _21.imageProxySkipDomains]),
+    directHttps: true
+  }), () => ( avatar)) : "";
+  const avatarSizeClass = size === "lg" ? "w-16 h-16" : "w-14 h-14";
+  const avatarIconClass = size === "lg" ? "w-8 h-8" : "w-7 h-7";
+  const avatarDim = size === "lg" ? 64 : 56;
+  const formattedBio = _chunkEB76VWM4cjs.formatBioText.call(void 0, _nullishCoalesce(bio, () => ( null)));
+  const dateLabel = publishedAt ? formatDate(publishedAt) : "";
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      className: _chunkFIG2RKZFcjs.cn.call(void 0, 
+        "bg-ods-card border border-ods-border rounded-lg p-6",
+        "flex flex-col md:flex-row gap-4 items-start",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-shrink-0", children: avatar ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkXL4V2PYGcjs.next_image_default,
+          {
+            src: proxiedAvatar || avatar,
+            alt: author,
+            width: avatarDim,
+            height: avatarDim,
+            className: _chunkFIG2RKZFcjs.cn.call(void 0, "rounded-full border-2 border-ods-border object-cover", avatarSizeClass)
+          }
+        ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            className: _chunkFIG2RKZFcjs.cn.call(void 0, 
+              "rounded-full border-2 border-ods-border bg-ods-bg flex items-center justify-center",
+              avatarSizeClass
+            ),
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.User, { className: _chunkFIG2RKZFcjs.cn.call(void 0, "text-ods-text-secondary", avatarIconClass) })
+          }
+        ) }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-wrap items-baseline gap-x-3 gap-y-1", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-h5 text-ods-text-primary", children: href ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWBR7H6E3cjs.next_link_default, { href, className: "hover:text-ods-accent transition-colors", children: author }) : author }),
+            dateLabel && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "inline-flex items-center gap-1 font-body text-body-sm text-ods-text-secondary", children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Calendar, { className: "h-3 w-3" }),
+              dateLabel
+            ] })
+          ] }),
+          jobTitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "font-body text-body-sm text-ods-text-secondary mt-0.5", children: jobTitle }),
+          formattedBio ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "font-body text-body-md text-ods-text-secondary leading-relaxed mt-2", children: formattedBio }) : fallbackBio ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "font-body text-body-md text-ods-text-secondary italic mt-2", children: fallbackBio }) : null
+        ] })
+      ]
+    }
+  );
+}
+
+
 
 
 
@@ -385,5 +482,5 @@ function DetailPageSkeleton({
 
 
 
-exports.formatRelativePath = formatRelativePath; exports.DocSearchResultRow = DocSearchResultRow; exports.DocSearchBar = DocSearchBar; exports.mapDocSearchResults = mapDocSearchResults; exports.resolveSearchResultAction = resolveSearchResultAction; exports.useDocSearch = useDocSearch; exports.DetailPageSkeleton = DetailPageSkeleton;
-//# sourceMappingURL=chunk-LZL6P7SN.cjs.map
+exports.formatRelativePath = formatRelativePath; exports.DocSearchResultRow = DocSearchResultRow; exports.DocSearchBar = DocSearchBar; exports.mapDocSearchResults = mapDocSearchResults; exports.resolveSearchResultAction = resolveSearchResultAction; exports.useDocSearch = useDocSearch; exports.DetailPageSkeleton = DetailPageSkeleton; exports.ArticleAuthorByline = ArticleAuthorByline;
+//# sourceMappingURL=chunk-4MXBBBHB.cjs.map

package/dist/chunk-4MXBBBHB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-4MXBBBHB.cjs","../src/components/shared/doc-search/format-relative-path.ts","../src/components/shared/doc-search/doc-search-result-row.tsx","../src/components/shared/doc-search/doc-search-bar.tsx","../src/components/shared/doc-search/map-doc-search-results.ts","../src/components/shared/doc-search/resolve-search-result-action.ts","../src/components/shared/doc-search/use-doc-search.ts","../src/components/shared/detail-page-skeleton.tsx","../src/components/shared/article-author-byline.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-4MXBBBHB.cjs","sourcesContent":[null,"/**\n * Format a full document path as a breadcrumb trail.\n * Shows parent folders only (excludes the last segment / filename).\n *\n * @example\n *   formatRelativePath('openframe-oss-tenant/architecture/api-controllers.md')\n *   // → 'Openframe oss tenant / Architecture'\n */\nexport function formatRelativePath(fullPath: string): string {\n  if (!fullPath) return ''\n  const segments = fullPath.replace(/\\.md$/, '').split('/')\n  // Show only parent path (exclude the filename itself since the title already shows it)\n  const parentSegments = segments.length > 1 ? segments.slice(0, -1) : segments\n  return parentSegments\n    .map((seg) => seg.charAt(0).toUpperCase() + seg.slice(1).replace(/-/g, ' '))\n    .join(' / ')\n}\n","'use client'\n\n/**\n * Single row in the `<SearchInput>` dropdown — the standard layout\n * used by every doc-search-backed surface (company-hub data-room\n * search bar, onboarding-guide catalog search, …). Single source of\n * truth for the row appearance so search dropdowns are visually\n * identical everywhere.\n *\n * Resolves the source icon via the same `resolveSourceIcon()`\n * registry the inline chat-card refs use, so a row pointing at e.g.\n * an onboarding-guide surfaces the SAME `<GraduationCap>` glyph the\n * chat card surfaces — no cross-surface drift.\n */\n\nimport { resolveSourceIcon } from '../../chat/utils/source-row-cta'\nimport { formatRelativePath } from './format-relative-path'\n\n/**\n * Minimal result shape this row renders. Compatible with any\n * doc-search hook whose result type exposes `{ title?, path?,\n * metadata? }`. The two hub consumers (onboarding-guide catalog,\n * data-room sidebar) both satisfy this shape via their\n * `useDocSearch` hook result.\n */\nexport interface DocSearchResultRowEntry {\n  title?: string\n  path?: string\n  metadata?: Record<string, unknown>\n}\n\nexport interface DocSearchResultRowProps {\n  result: DocSearchResultRowEntry\n  isHighlighted: boolean\n}\n\nexport function DocSearchResultRow({\n  result,\n  isHighlighted,\n}: DocSearchResultRowProps) {\n  const docType = (result.metadata?.documentType as string) || undefined\n  const sourceRepo = (result.metadata?.sourceRepo as string) || undefined\n  const { Icon: SourceIcon, label: iconLabel } = resolveSourceIcon({\n    sourceRepo,\n    documentType: docType,\n  })\n  const isGroup = result.metadata?.isGroup as boolean | undefined\n\n  return (\n    <div className=\"flex items-center gap-3 w-full min-w-0\">\n      <span\n        className=\"flex-shrink-0 text-ods-text-secondary\"\n        title={iconLabel}\n      >\n        <SourceIcon className=\"size-4\" />\n      </span>\n      <div className=\"min-w-0 flex-1\">\n        <div\n          className={`text-sm font-medium leading-5 truncate ${\n            isHighlighted ? 'text-ods-accent' : 'text-ods-text-primary'\n          }`}\n        >\n          {result.title || result.path}\n        </div>\n        {!isGroup && result.path?.includes('/') && (\n          <div className=\"text-xs leading-4 text-ods-text-secondary truncate mt-0.5\">\n            {formatRelativePath(result.path)}\n          </div>\n        )}\n      </div>\n    </div>\n  )\n}\n","'use client'\n\n/**\n * `<DocSearchBar>` — the canonical RAG-search dropdown surface.\n *\n * Mounted by every doc-search consumer (data-room sidebar, onboarding-\n * guide catalog, and any future surface that needs typeahead against\n * `/api/docs/search`). Wraps `<SearchInput>` with the lib's standard\n * `<DocSearchResultRow>` so the dropdown looks identical everywhere.\n *\n * ## Why a presentation component, not a \"search bar that owns its\n *    own hook\"\n *\n * The data-fetching hook (`useDocSearch`) lives hub-side because it\n * depends on hub-only context (`useDocNavigation`, the rag-table-\n * config registry, the hub's `decideNewTab` helper). Moving the hook\n * would cascade ~5 more file migrations into the lib.\n *\n * Instead, the hook stays hub-side and callers pass its result into\n * this component as plain props. Both consumers shrink to ~5 lines.\n */\n\nimport type { ReactNode } from 'react'\nimport { SearchInput, type SearchResult } from '../../ui/search-input'\nimport { DocSearchResultRow } from './doc-search-result-row'\n\nexport interface DocSearchBarProps {\n  placeholder: string\n  query: string\n  onQueryChange: (value: string) => void\n  /** Hook-fetched results. Reuses the lib's `<SearchInput>` `SearchResult`\n   *  shape directly so callers don't translate. */\n  results: SearchResult[]\n  isLoading: boolean\n  /** Result selection handler. Mirrors `<SearchInput>` — the second\n   *  `modifiers` argument is preserved so cmd-click / shift-click on\n   *  a result row still forces new-tab behavior. Hub `useDocSearch`\n   *  reads these to short-circuit to `window.open()`. */\n  onResultSelect: (\n    result: SearchResult,\n    modifiers?: {\n      metaKey?: boolean\n      ctrlKey?: boolean\n      shiftKey?: boolean\n      altKey?: boolean\n      button?: number\n    },\n  ) => void\n  /** Lets the caller's hook force the dropdown open after a recent\n   *  internal action (e.g. result navigation). `undefined` falls back\n   *  to `<SearchInput>`'s built-in focus/hover heuristics. */\n  showDropdown?: boolean\n  /** Defaults to 2 — matches the existing data-room and onboarding-\n   *  guide consumers. Override only if a surface needs different\n   *  typeahead semantics. */\n  minQueryLength?: number\n  /** Defaults to 0 — both existing consumers debounce inside the\n   *  hook, not the input. */\n  debounceMs?: number\n  className?: string\n  /** Optional row-renderer override. Defaults to the lib's standard\n   *  `<DocSearchResultRow>` (source icon + title + path breadcrumb).\n   *  Override only when a surface needs custom row chrome. */\n  renderResult?: (result: SearchResult, isHighlighted: boolean) => ReactNode\n}\n\nexport function DocSearchBar({\n  placeholder,\n  query,\n  onQueryChange,\n  results,\n  isLoading,\n  onResultSelect,\n  showDropdown,\n  minQueryLength = 2,\n  debounceMs = 0,\n  className = 'w-full',\n  renderResult,\n}: DocSearchBarProps) {\n  return (\n    <SearchInput\n      placeholder={placeholder}\n      value={query}\n      onChange={onQueryChange}\n      results={results}\n      isLoading={isLoading}\n      onResultSelect={onResultSelect}\n      showDropdown={showDropdown || undefined}\n      debounceMs={debounceMs}\n      minQueryLength={minQueryLength}\n      className={className}\n      renderResult={\n        renderResult ??\n        ((result, isHighlighted) => (\n          <DocSearchResultRow result={result} isHighlighted={isHighlighted} />\n        ))\n      }\n    />\n  )\n}\n","/**\n * Map RAG `/api/docs/search` wire results into the `<DocSearchBar>`\n * dropdown's row shape, collapsing entity-table rows into grouped\n * results so the dropdown lists ONE \"Cap Table (12 records)\" row\n * instead of 12 individual rows.\n *\n * Pure transform — no telemetry, no navigation, no React deps. Lifted\n * from the hub's `hooks/use-docs.ts:mapDocSearchResults` (the hub's\n * `traceCompose` call was hub-only telemetry and is intentionally\n * dropped — callers that want logging can wrap this helper).\n */\n\nimport type { SearchResult } from '../../ui/search-input'\nimport type { DocSearchResult } from './types'\n\n/** Source repos that should be collapsed into grouped results in the search bar.\n *  Only financial tables (all rows link to the same admin page).\n *  Content tables (blog, webinar, podcast, etc.) stay individual since each has a unique URL. */\nconst SEARCH_GROUP_REPOS = new Set([\n  'financial-cap-table',\n  'financial-kpis',\n  'financial-pnl',\n  'financial-balance-sheet',\n  'financial-cash-flow',\n])\n\nconst ENTITY_LABELS: Record<string, string> = {\n  'financial-cap-table': 'Cap Table',\n  'financial-kpis': 'Financial KPIs',\n  'financial-pnl': 'Profit & Loss',\n  'financial-balance-sheet': 'Balance Sheets',\n  'financial-cash-flow': 'Cash Flow',\n  'blog-posts': 'Blog Posts',\n  'product-releases': 'Product Releases',\n  'case-studies': 'Case Studies',\n  webinars: 'Webinars',\n  events: 'Events',\n  podcasts: 'Podcasts',\n}\n\nexport function mapDocSearchResults(docs: DocSearchResult[]): SearchResult[] {\n  const entityGroups = new Map<string, DocSearchResult[]>()\n  // Track insertion order — groups appear where the FIRST row of that\n  // repo appeared in the response.\n  const order: Array<\n    { type: 'entity'; repo: string } | { type: 'doc'; doc: DocSearchResult }\n  > = []\n  const seenRepos = new Set<string>()\n\n  for (const doc of docs) {\n    if (doc.sourceRepo && SEARCH_GROUP_REPOS.has(doc.sourceRepo)) {\n      const group = entityGroups.get(doc.sourceRepo) || []\n      group.push(doc)\n      entityGroups.set(doc.sourceRepo, group)\n      if (!seenRepos.has(doc.sourceRepo)) {\n        seenRepos.add(doc.sourceRepo)\n        order.push({ type: 'entity', repo: doc.sourceRepo })\n      }\n    } else {\n      order.push({ type: 'doc', doc })\n    }\n  }\n\n  const results: SearchResult[] = []\n  for (const entry of order) {\n    if (entry.type === 'entity') {\n      const rows = entityGroups.get(entry.repo)!\n      const label = ENTITY_LABELS[entry.repo] || entry.repo\n      results.push({\n        id: `group-${entry.repo}`,\n        title: `${label} (${rows.length} ${rows.length === 1 ? 'record' : 'records'})`,\n        path: rows[0].path,\n        type: 'file',\n        metadata: {\n          documentType: rows[0].documentType,\n          externalUrl: rows[0].externalUrl,\n          sourceRepo: entry.repo,\n          id: rows[0].entityId,\n          isGroup: true,\n          items: rows.map((r) => ({\n            name: r.name,\n            externalUrl: r.externalUrl,\n            id: r.entityId,\n            sourceRepo: r.sourceRepo,\n            documentType: r.documentType,\n          })),\n        },\n      })\n    } else {\n      const doc = entry.doc\n      const isNonMarkdown = doc.documentType && doc.documentType !== 'markdown'\n      results.push({\n        id: doc.path,\n        title: doc.name,\n        description: isNonMarkdown ? doc.name : doc.snippet,\n        path: doc.path,\n        type: doc.type,\n        metadata: {\n          matchType: doc.matchType,\n          ...(doc.documentType ? { documentType: doc.documentType } : {}),\n          ...(doc.externalUrl ? { externalUrl: doc.externalUrl } : {}),\n          ...(doc.targetPlatform != null\n            ? { targetPlatform: doc.targetPlatform }\n            : {}),\n          ...(doc.sourceRepo ? { sourceRepo: doc.sourceRepo } : {}),\n          ...(doc.entityId ? { id: doc.entityId } : {}),\n        },\n      })\n    }\n  }\n\n  return results\n}\n","/**\n * Resolve what should happen when the user picks a search result.\n * Returns one of five typed actions so the caller is a single switch.\n *\n * Resolution order:\n *  1. `externalUrl` present → use `decideNewTab` to choose same-tab vs\n *     new-tab against the row's `targetPlatform`.\n *  2. Row has `id` + `sourceRepo` + `documentType` → synth an Ask-AI\n *     action (entity drill-in via primary key, no URL).\n *  3. Row has only `path` → legacy navigation fallback.\n *  4. Nothing actionable → noop.\n *\n * Lifted from the hub's `hooks/use-docs.ts:resolveSearchResultAction`.\n * Pure — no React, no telemetry.\n */\n\nimport type { SearchResult } from '../../ui/search-input'\nimport type { ChatRef } from '../../chat/chat-ref.types'\nimport { decideNewTab } from '../../chat/utils/decide-new-tab'\n\nexport type SearchResultAction =\n  | { kind: 'navigate-same-tab'; href: string }\n  | { kind: 'navigate-new-tab'; href: string }\n  | { kind: 'ask-ai'; detail: { source: string; ref: ChatRef } }\n  | { kind: 'route'; path: string }\n  | { kind: 'noop' }\n\nexport function resolveSearchResultAction(\n  result: SearchResult,\n  source: string,\n  runtimeMode?: 'host' | 'embed',\n): SearchResultAction {\n  const meta = result.metadata ?? {}\n  const externalUrl = meta.externalUrl as string | undefined\n  if (externalUrl) {\n    // Same pure helper `useNavLink` and `useUnifiedNav` call — single\n    // decision rule across cards, chips, and autocomplete rows. Thread\n    // the caller's `source` as `currentSource` so the platform-vs-\n    // platform comparison matches the hub's pre-migration behavior.\n    const targetPlatform = meta.targetPlatform as string | null | undefined\n    const isNewTab = decideNewTab({\n      href: externalUrl,\n      targetPlatform,\n      surface: 'useUnifiedNav',\n      runtimeMode,\n      currentSource: source,\n    })\n    return isNewTab\n      ? { kind: 'navigate-new-tab', href: externalUrl }\n      : { kind: 'navigate-same-tab', href: externalUrl }\n  }\n  const rowId = meta.id as string | undefined\n  const sourceRepo = meta.sourceRepo as string | undefined\n  const documentType = meta.documentType as string | undefined\n  if (rowId && sourceRepo && documentType) {\n    return {\n      kind: 'ask-ai',\n      detail: {\n        source,\n        ref: { type: documentType, id: rowId, title: result.title, url: null },\n      },\n    }\n  }\n  if (result.path) {\n    return { kind: 'route', path: result.path }\n  }\n  return { kind: 'noop' }\n}\n","'use client'\n\n/**\n * `useDocSearch` — debounced RAG-search hook against `/api/docs/search`.\n *\n * Pure fetch + navigation glue. Embedders can mount this directly\n * (any host with a reverse-proxy that exposes `/api/docs/search` will\n * work). Hub callers wire it into the lib `<DocSearchBar>` for the\n * canonical typeahead dropdown.\n *\n * ## What moved from hub to lib\n *\n * Lifted from `multi-platform-hub/hooks/use-docs.ts:useDocSearch`. Two\n * hub-only concerns are now optional injection points instead of\n * direct imports:\n *\n *   - `useDocNavigation()` (hub's in-page doc-tree swap) → optional\n *     `onInPageSwap?: (path: string) => boolean` config callback. When\n *     present and returns true, the hook treats a same-origin result\n *     click as \"handled in-page\"; when absent or returns false, the\n *     hook falls back to `onNavigate(path)` (`router.push` on hub,\n *     `window.location.assign` on bare embedders).\n *   - `traceCompose` (hub-only telemetry) → dropped. The lib has no\n *     equivalent runtime-context yet; bring it back when there is one.\n *\n * Everything else (debounce, `useChatRuntime` for embed-mode short-\n * circuit, embed-shim router, the action-resolver + result-mapper) is\n * now lib-resident.\n */\n\nimport { useState, useEffect, useCallback } from 'react'\nimport { useRouter } from '../../../embed-shims'\nimport { useDebounce } from '../../../hooks/ui/use-debounce'\nimport { useChatRuntime } from '../../../contexts/chat-runtime-context'\nimport type { SearchResult } from '../../ui/search-input'\nimport {\n  resolveExternalNavigation,\n  stripSameOriginToPath,\n  NEW_TAB_FEATURES,\n} from '../../chat/utils/chat-nav-resolution'\nimport type { DocSearchResult } from './types'\nimport { mapDocSearchResults } from './map-doc-search-results'\nimport { resolveSearchResultAction } from './resolve-search-result-action'\n\nexport interface UseDocSearchConfig {\n  /** Discriminator passed to `/api/docs/search?source=` (e.g.\n   *  `'openframe'`). Embedders set it to whatever discriminator their\n   *  reverse-proxy expects. */\n  source: string\n  /** Base route prefix this search lives under (e.g. `'/onboarding-guides'`).\n   *  When a result's href starts with `${baseRoute}/`, the hook\n   *  attempts the optional in-page swap path before falling through\n   *  to a full nav. */\n  baseRoute: string\n  /** Imperative navigation fallback. Called when no override\n   *  (in-page swap, new-tab) applies. Hub callers pass\n   *  `(path) => router.push(path)`; embedders pass an equivalent. */\n  onNavigate: (path: string) => void\n  /** Optional `RagTableConfig.id` list to narrow the search to specific\n   *  tables (e.g. `['onboarding-guides']`). Forwarded to\n   *  `/api/docs/search?tableIds=…` which intersects with the source's\n   *  standing set. */\n  tableIds?: string[]\n  /** Optional in-page swap callback. When the result's href is under\n   *  `baseRoute` AND this callback returns true, the hook treats the\n   *  click as handled in-page (no router push). Hub's\n   *  `<DocumentationSection>` wires this to\n   *  `useDocNavigation().navigate(path)`. */\n  onInPageSwap?: (path: string) => boolean\n  /** Optional endpoint override. Defaults to `'/api/docs/search'`\n   *  (the hub's reverse-proxy route). Embedders with a different\n   *  path can override. */\n  searchEndpoint?: string\n}\n\nexport function useDocSearch(config: UseDocSearchConfig) {\n  const {\n    source,\n    baseRoute,\n    onNavigate,\n    tableIds,\n    onInPageSwap,\n    searchEndpoint = '/api/docs/search',\n  } = config\n  const tableIdsKey = tableIds && tableIds.length > 0 ? tableIds.join(',') : ''\n\n  const router = useRouter()\n  // Optional chat-runtime read — when present and mode='embed' the\n  // search-result row click short-circuits to a new-tab open against\n  // the absolutized URL. Null/host preserves today's behavior.\n  const runtime = useChatRuntime()\n\n  const [query, setQuery] = useState('')\n  const [results, setResults] = useState<SearchResult[]>([])\n  const [isFetching, setIsFetching] = useState(false)\n  const debouncedQuery = useDebounce(query, 300)\n\n  useEffect(() => {\n    if (!debouncedQuery || debouncedQuery.trim().length < 2) {\n      setResults([])\n      setIsFetching(false)\n      return\n    }\n\n    let cancelled = false\n\n    async function fetchResults() {\n      setIsFetching(true)\n      try {\n        const params = new URLSearchParams({\n          q: debouncedQuery,\n          source,\n          limit: '10',\n        })\n        if (tableIdsKey) params.set('tableIds', tableIdsKey)\n\n        const response = await fetch(`${searchEndpoint}?${params.toString()}`)\n        if (!response.ok) {\n          throw new Error(`Search request failed: ${response.status}`)\n        }\n\n        const json = await response.json()\n\n        if (!cancelled && json.success && Array.isArray(json.data)) {\n          const mapped = mapDocSearchResults(json.data as DocSearchResult[])\n          setResults(mapped)\n        }\n      } catch (error) {\n        console.error('Doc search error:', error)\n        if (!cancelled) {\n          setResults([])\n        }\n      } finally {\n        if (!cancelled) {\n          setIsFetching(false)\n        }\n      }\n    }\n\n    fetchResults()\n\n    return () => {\n      cancelled = true\n    }\n  }, [debouncedQuery, source, tableIdsKey, searchEndpoint])\n\n  // Derived loading state — single source of truth for \"should the\n  // dropdown show 'Loading...' instead of 'No results found'\":\n  const isLoading =\n    query.trim().length >= 2 && (query !== debouncedQuery || isFetching)\n\n  // Track whether dropdown should stay open (external link opened in new tab).\n  const [keepOpen, setKeepOpen] = useState(false)\n\n  const handleResultSelect = useCallback(\n    (\n      result: SearchResult,\n      modifiers?: {\n        metaKey?: boolean\n        ctrlKey?: boolean\n        shiftKey?: boolean\n        altKey?: boolean\n        button?: number\n      },\n    ) => {\n      const action = resolveSearchResultAction(\n        result,\n        source,\n        runtime?.navigation.mode,\n      )\n      // Modifier / non-primary mouse click → force new tab regardless of\n      // same-tab/new-tab decision. The dropdown row is a `<div>`, not an\n      // `<a target=\"_blank\">`, so the browser doesn't background-tab\n      // natively on cmd-click. Honor it explicitly here for parity with\n      // the anchor-based surfaces (cards, chips, related-content). Plain\n      // Enter from the keyboard passes `modifiers === undefined`.\n      const wantsNewTab =\n        modifiers &&\n        (modifiers.metaKey ||\n          modifiers.ctrlKey ||\n          modifiers.shiftKey ||\n          modifiers.altKey ||\n          (typeof modifiers.button === 'number' && modifiers.button !== 0))\n      switch (action.kind) {\n        case 'navigate-same-tab': {\n          // Embed-mode short-circuit — autocomplete row clicked while\n          // the chat panel is hosted inside an embedding app.\n          if (runtime?.navigation.mode === 'embed') {\n            setKeepOpen(true)\n            const targetPlatform =\n              (result.metadata?.targetPlatform as string | null | undefined) ?? null\n            resolveExternalNavigation({\n              href: action.href,\n              targetPlatform,\n              runtime,\n            }).open()\n            return\n          }\n          if (wantsNewTab) {\n            setKeepOpen(true)\n            window.open(action.href, '_blank', NEW_TAB_FEATURES)\n            return\n          }\n          // Same-origin click:\n          //   1. If the href is under the current doc-tree's baseRoute AND\n          //      an `onInPageSwap` callback is wired AND returns true →\n          //      consider in-page swap handled.\n          //   2. Otherwise → embed-shim `router.push()` (soft RSC nav on\n          //      Next.js hosts, window.location.assign on bare hosts).\n          setKeepOpen(false)\n          const path =\n            baseRoute && action.href.startsWith(`${baseRoute}/`)\n              ? action.href.slice(baseRoute.length + 1)\n              : null\n          if (path && onInPageSwap?.(path)) return\n          router.push(stripSameOriginToPath(action.href))\n          return\n        }\n        case 'navigate-new-tab':\n          // Cross-origin (e.g. clicking a flamingo.run release from\n          // product-hub) — open in a new tab. Keep dropdown open so the\n          // user can pick another result without re-searching.\n          setKeepOpen(true)\n          window.open(action.href, '_blank', NEW_TAB_FEATURES)\n          return\n        case 'ask-ai':\n          // Row is searchable-but-not-openable (cap_table positions,\n          // financial-kpi snapshots, anything backed by\n          // `resolveUrl: () => null`). Dispatch a CustomEvent that\n          // GlobalAskAI listens for — opens chat + drills via\n          // `entityIdFilter` (primary-key only, same as inline-card Ask).\n          setKeepOpen(false)\n          window.dispatchEvent(\n            new CustomEvent('ask-ai:open-with-ref', { detail: action.detail }),\n          )\n          return\n        case 'route':\n          // Final fallback: legacy navigation by path. Hits when a row\n          // has neither URL nor pk metadata — a mapper/API regression.\n          setKeepOpen(false)\n          onNavigate(action.path)\n          return\n        case 'noop':\n          return\n      }\n    },\n    [onNavigate, source, baseRoute, router, onInPageSwap, runtime],\n  )\n\n  // Reset keepOpen when query changes.\n  useEffect(() => {\n    setKeepOpen(false)\n  }, [query])\n\n  return {\n    query,\n    setQuery,\n    results,\n    isLoading,\n    handleResultSelect,\n    keepDropdownOpen: keepOpen,\n  }\n}\n","\"use client\";\n\nimport { PageContainer } from '../layout/page-container';\n\nexport interface DetailPageSkeletonProps {\n  metadataColumns?: number; // Number of metadata grid columns (default 4)\n  showImageGallery?: boolean; // Show horizontal image gallery (default true)\n}\n\nexport function DetailPageSkeleton({\n  metadataColumns = 4,\n  showImageGallery = true\n}: DetailPageSkeletonProps = {}) {\n  return (\n    <PageContainer\n      as=\"article\"\n      backgroundClassName=\"bg-ods-bg\"\n      contentPadding=\"py-6 md:py-10 px-6 md:px-20\"\n      maxWidth=\"max-w-[1280px]\"\n    >\n      <div className=\"space-y-6 md:space-y-10 animate-pulse\">\n        {/* Title Block */}\n        <div className=\"flex flex-col gap-6 w-full\">\n          <div className=\"h-16 md:h-20 w-full max-w-3xl bg-ods-card rounded\"></div>\n        </div>\n\n        {/* Category Tags Skeleton */}\n        <div className=\"flex flex-wrap gap-2 w-full\">\n          <div className=\"h-8 w-32 bg-ods-card rounded\"></div>\n          <div className=\"h-8 w-28 bg-ods-card rounded\"></div>\n          <div className=\"h-8 w-36 bg-ods-card rounded\"></div>\n        </div>\n\n        {/* Metadata Grid Skeleton */}\n        <div className={`grid grid-cols-1 md:grid-cols-${metadataColumns} border border-ods-border rounded-md overflow-hidden w-full`}>\n          {Array.from({ length: metadataColumns }).map((_, i) => (\n            <div key={i} className=\"bg-ods-card border-b md:border-b-0 md:border-r last:border-r-0 border-ods-border p-4\">\n              <div className=\"h-6 w-24 bg-ods-border rounded mb-2\"></div>\n              <div className=\"h-5 w-20 bg-ods-border rounded\"></div>\n            </div>\n          ))}\n        </div>\n\n        {/* Image Gallery Skeleton */}\n        {showImageGallery && (\n          <div className=\"flex gap-6 overflow-x-auto w-full\">\n            {[1, 2, 3, 4, 5].map((i) => (\n              <div key={i} className=\"shrink-0 w-[240px] h-[200px] bg-ods-card rounded-md border border-ods-border\"></div>\n            ))}\n          </div>\n        )}\n\n        {/* Featured Image Skeleton (for case studies) */}\n        {!showImageGallery && (\n          <div className=\"aspect-[2560/1366] w-full bg-ods-card rounded-md\"></div>\n        )}\n\n        {/* Content Sections Skeleton */}\n        {[1, 2, 3].map((section) => (\n          <div key={section} className=\"space-y-6\">\n            <div className=\"h-16 w-64 bg-ods-card rounded\"></div>\n            <div className=\"space-y-3\">\n              <div className=\"h-6 w-full bg-ods-card rounded\"></div>\n              <div className=\"h-6 w-full bg-ods-card rounded\"></div>\n              <div className=\"h-6 w-4/5 bg-ods-card rounded\"></div>\n            </div>\n          </div>\n        ))}\n      </div>\n    </PageContainer>\n  );\n}\n","'use client'\n\n/**\n * Shared \"author byline\" card used by article-shaped detail pages\n * (blog post, product release, onboarding guide, investor update).\n *\n * MOVED from the hub (`components/shared/article-author-byline.tsx`) so any\n * consuming app can embed it; the hub keeps a thin wrapper that pre-binds its\n * host-specific injections (the platform-aware `fallbackBio` default derived\n * from `getAppConfig()`).\n *\n * Embed-readiness contract:\n *   - `Link` / `Image` render through the embed-shims (plain `<a>` / `<img>`\n *     in non-Next hosts; the real Next primitives once the host registers\n *     them at app init).\n *   - The avatar is proxied through the OPTIONAL ambient `ChatRuntime`\n *     (`endpoints.imageProxyUrlPrefix`, same config `useProxiedImageUrl`\n *     reads) — when no runtime is mounted the raw URL renders as-is, so the\n *     component never throws outside a provider. Hosts can also inject\n *     `proxyImageUrl` to bypass the runtime entirely.\n *   - `fallbackBio` is a PLAIN prop (no app-config import): the lib has no\n *     platform awareness; pass copy or leave it absent to render nothing.\n *\n * Render order: avatar → name + job title + date → bio (when present).\n * Returns null when `author` is empty (no card rendered).\n */\n\nimport React from 'react'\nimport { Calendar, User } from 'lucide-react'\nimport Image from '../../embed-shims/next-image'\nimport Link from '../../embed-shims/next-link'\nimport { cn } from '../../utils/cn'\nimport { formatBioText } from '../../utils/format'\nimport { getProxiedImageUrl } from '../../utils/image-proxy'\nimport { useChatRuntime } from '../../contexts/chat-runtime-context'\n\nexport interface ArticleAuthorBylineProps {\n  /** Author display name. Required — block is hidden when null/empty. */\n  author: string | null\n  /** Avatar URL. Falls back to a placeholder when null. */\n  avatar?: string | null\n  /** Optional bio paragraph rendered below the name. */\n  bio?: string | null\n  /** Optional job title rendered immediately under the name. */\n  jobTitle?: string | null\n  /** Optional published date (ISO string or Date). Rendered next to the name. */\n  publishedAt?: string | Date | null\n  /** Optional link target for the author name (e.g. the author page). */\n  href?: string | null\n  /**\n   * Fallback paragraph when `bio` is empty. Plain copy — the lib has no\n   * platform/config awareness, so hosts that want a branded default\n   * (\"Contributing author on the {platform} platform\") pass it explicitly\n   * (the hub wrapper derives it from `getAppConfig()`). Absent/null ⇒\n   * nothing renders below the name when `bio` is empty.\n   */\n  fallbackBio?: string | null\n  /** Avatar size variant. `md` = 56px (default), `lg` = 64px. */\n  size?: 'md' | 'lg'\n  /**\n   * Host-injected avatar-URL mapper. Wins over the ambient-runtime proxy\n   * resolution. Use when the host proxies images outside the `ChatRuntime`\n   * config (e.g. a bespoke CDN rewrite).\n   */\n  proxyImageUrl?: (url: string) => string\n  className?: string\n}\n\nfunction formatDate(value: string | Date): string {\n  const d = typeof value === 'string' ? new Date(value) : value\n  if (Number.isNaN(d.getTime())) return ''\n  // `timeZone: 'UTC'` keeps the SSR (server = UTC) and client (user's local tz)\n  // renders identical — without it a published_at near a midnight boundary\n  // formats to a different day on each side, triggering a React #418 hydration\n  // text mismatch. Matches the convention in blog-metadata.tsx / investor-update.\n  return d.toLocaleDateString('en-US', {\n    month: 'long',\n    day: 'numeric',\n    year: 'numeric',\n    timeZone: 'UTC',\n  })\n}\n\nexport function ArticleAuthorByline({\n  author,\n  avatar,\n  bio,\n  jobTitle,\n  publishedAt,\n  href,\n  fallbackBio,\n  size = 'md',\n  proxyImageUrl,\n  className,\n}: ArticleAuthorBylineProps) {\n  // Optional runtime — `useChatRuntime` returns null outside a provider, so\n  // the byline works in bare embeds (raw avatar URL) and proxies whenever the\n  // host mounted a runtime with `imageProxyUrlPrefix` (the hub always does).\n  const runtime = useChatRuntime()\n  if (!author) return null\n\n  const proxiedAvatar = avatar\n    ? proxyImageUrl\n      ? proxyImageUrl(avatar)\n      : (getProxiedImageUrl(avatar, {\n          proxyPrefix: runtime?.endpoints.imageProxyUrlPrefix,\n          skipDomains: runtime?.endpoints.imageProxySkipDomains,\n          directHttps: true,\n        }) ?? avatar)\n    : ''\n\n  // Class-driven sizing (md = 56px, lg = 64px). The numeric pair feeds only\n  // the Image element's intrinsic width/height attributes (required by the\n  // Next image shim) — layout comes from the classes.\n  const avatarSizeClass = size === 'lg' ? 'w-16 h-16' : 'w-14 h-14'\n  const avatarIconClass = size === 'lg' ? 'w-8 h-8' : 'w-7 h-7'\n  const avatarDim = size === 'lg' ? 64 : 56\n  const formattedBio = formatBioText(bio ?? null)\n  const dateLabel = publishedAt ? formatDate(publishedAt) : ''\n\n  return (\n    <div\n      className={cn(\n        'bg-ods-card border border-ods-border rounded-lg p-6',\n        'flex flex-col md:flex-row gap-4 items-start',\n        className,\n      )}\n    >\n      {/* Avatar */}\n      <div className=\"flex-shrink-0\">\n        {avatar ? (\n          <Image\n            src={proxiedAvatar || avatar}\n            alt={author}\n            width={avatarDim}\n            height={avatarDim}\n            className={cn('rounded-full border-2 border-ods-border object-cover', avatarSizeClass)}\n          />\n        ) : (\n          <div\n            className={cn(\n              'rounded-full border-2 border-ods-border bg-ods-bg flex items-center justify-center',\n              avatarSizeClass,\n            )}\n          >\n            <User className={cn('text-ods-text-secondary', avatarIconClass)} />\n          </div>\n        )}\n      </div>\n\n      {/* Name + meta + bio */}\n      <div className=\"flex-1 min-w-0\">\n        <div className=\"flex flex-wrap items-baseline gap-x-3 gap-y-1\">\n          <h3 className=\"text-h5 text-ods-text-primary\">\n            {href ? (\n              <Link href={href} className=\"hover:text-ods-accent transition-colors\">\n                {author}\n              </Link>\n            ) : (\n              author\n            )}\n          </h3>\n          {dateLabel && (\n            <span className=\"inline-flex items-center gap-1 font-body text-body-sm text-ods-text-secondary\">\n              <Calendar className=\"h-3 w-3\" />\n              {dateLabel}\n            </span>\n          )}\n        </div>\n        {jobTitle && (\n          <p className=\"font-body text-body-sm text-ods-text-secondary mt-0.5\">\n            {jobTitle}\n          </p>\n        )}\n        {formattedBio ? (\n          <p className=\"font-body text-body-md text-ods-text-secondary leading-relaxed mt-2\">\n            {formattedBio}\n          </p>\n        ) : fallbackBio ? (\n          <p className=\"font-body text-body-md text-ods-text-secondary italic mt-2\">\n            {fallbackBio}\n          </p>\n        ) : null}\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/{chunk-HMFBMVJC.js → chunk-6GBA6YJN.js}

@@ -18,7 +18,7 @@ import {
   MiamiCyberGangLogoFaceOnly,
   OpenFrameLogo,
   OpenmspLogo
-} from "./chunk-265KKBV2.js";
+} from "./chunk-V4IIBNTA.js";
 import {
   cn,
   init_cn
@@ -2939,4 +2939,4 @@ export {
   splitCsvEnv,
   useHumanitySignals
 };
-//# sourceMappingURL=chunk-HMFBMVJC.js.map
+//# sourceMappingURL=chunk-6GBA6YJN.js.map

package/dist/{chunk-SGJBUL2Y.cjs → chunk-7VMEOFEA.cjs}

@@ -4,6 +4,42 @@
 
 var _chunkFIG2RKZFcjs = require('./chunk-FIG2RKZF.cjs');
 
+// src/utils/common.ts
+var _clsx = require('clsx');
+var _tailwindmerge = require('tailwind-merge');
+function cn2(...inputs) {
+  return _tailwindmerge.twMerge.call(void 0, _clsx.clsx.call(void 0, inputs));
+}
+function delay(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+function generateRandomString(length = 8) {
+  const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+  let result = "";
+  for (let i = 0; i < length; i++) {
+    result += chars.charAt(Math.floor(Math.random() * chars.length));
+  }
+  return result;
+}
+function truncateString(str, maxLength, suffix = "...") {
+  if (str.length <= maxLength) return str;
+  return str.substring(0, maxLength - suffix.length) + suffix;
+}
+function serializeJsonLd(schema) {
+  return JSON.stringify(schema).replace(/</g, "\\u003c");
+}
+function deepClone(obj) {
+  return JSON.parse(JSON.stringify(obj));
+}
+function getSlackCommunityJoinUrl() {
+  const url = process.env.NEXT_PUBLIC_SLACK_COMMUNITY_JOIN_URL;
+  if (!url) {
+    console.warn("NEXT_PUBLIC_SLACK_COMMUNITY_JOIN_URL is not defined in environment variables");
+    return "https://join.slack.com/t/openmsp/shared_invite/zt-36bl7mx0h-3~U2nFH6nqHqoTPXMaHEHA";
+  }
+  return url;
+}
+
 // src/utils/suggestion-url.ts
 function buildSuggestionUrl(path, opts = {}) {
   const qs = new URLSearchParams();
@@ -57,5 +93,12 @@ ChevronButton.displayName = "ChevronButton";
 
 
 
-exports.buildSuggestionUrl = buildSuggestionUrl; exports.ChevronButton = ChevronButton;
-//# sourceMappingURL=chunk-SGJBUL2Y.cjs.map
+
+
+
+
+
+
+
+exports.cn = cn2; exports.delay = delay; exports.generateRandomString = generateRandomString; exports.truncateString = truncateString; exports.serializeJsonLd = serializeJsonLd; exports.deepClone = deepClone; exports.getSlackCommunityJoinUrl = getSlackCommunityJoinUrl; exports.buildSuggestionUrl = buildSuggestionUrl; exports.ChevronButton = ChevronButton;
+//# sourceMappingURL=chunk-7VMEOFEA.cjs.map

package/dist/chunk-7VMEOFEA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-7VMEOFEA.cjs","../src/utils/common.ts","../src/utils/suggestion-url.ts","../src/components/ui/chevron-button.tsx"],"names":["cn"],"mappings":"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","file":"/home/runner/work/openframe-oss-lib/openframe-oss-lib/openframe-frontend-core/dist/chunk-7VMEOFEA.cjs","sourcesContent":[null,"import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\n/**\n * Utility functions for common operations\n */\n\n/**\n * Merge class names with Tailwind CSS\n * @param inputs - Class names to merge\n * @returns Merged class names\n */\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n\n/**\n * Delay execution for a specified time\n * @param ms - Milliseconds to delay\n * @returns Promise that resolves after the delay\n */\nexport function delay(ms: number): Promise<void> {\n  return new Promise((resolve) => setTimeout(resolve, ms))\n}\n\n/**\n * Generate a random string of specified length\n * @param length - Length of the string\n * @returns Random string\n */\nexport function generateRandomString(length = 8): string {\n  const chars = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789\"\n  let result = \"\"\n  for (let i = 0; i < length; i++) {\n    result += chars.charAt(Math.floor(Math.random() * chars.length))\n  }\n  return result\n}\n\n/**\n * Truncate a string to a specified length\n * @param str - String to truncate\n * @param maxLength - Maximum length\n * @param suffix - Suffix to add to truncated string\n * @returns Truncated string\n */\nexport function truncateString(str: string, maxLength: number, suffix = \"...\"): string {\n  if (str.length <= maxLength) return str\n  return str.substring(0, maxLength - suffix.length) + suffix\n}\n\n/**\n * Serialize a JSON-LD schema for a `<script type=\"application/ld+json\">`\n * block — THE one home of the escape rule (the hub re-exports this from\n * lib/utils/breadcrumbs). JSON.stringify does NOT HTML-escape: a stored\n * \"</script>\" inside any admin/user-entered field would terminate the tag\n * early (stored XSS). Every \"<\" becomes the JSON escape sequence\n * backslash-u003c — still valid JSON, inert in HTML.\n */\nexport function serializeJsonLd(schema: unknown): string {\n  return JSON.stringify(schema).replace(/</g, \"\\\\u003c\")\n}\n\n/**\n * Deep clone an object\n * @param obj - Object to clone\n * @returns Cloned object\n */\nexport function deepClone<T>(obj: T): T {\n  return JSON.parse(JSON.stringify(obj))\n}\n\n/**\n * Get the Slack community join URL from environment variables\n * @returns Slack community join URL or fallback URL\n */\nexport function getSlackCommunityJoinUrl(): string {\n  const url = process.env.NEXT_PUBLIC_SLACK_COMMUNITY_JOIN_URL\n  if (!url) {\n    console.warn('NEXT_PUBLIC_SLACK_COMMUNITY_JOIN_URL is not defined in environment variables')\n    return 'https://join.slack.com/t/openmsp/shared_invite/zt-36bl7mx0h-3~U2nFH6nqHqoTPXMaHEHA'\n  }\n  return url\n}\n\n","/**\n * Shared fetch-URL composer for the two suggestion sections (FaqSection +\n * RelatedContentSection) — ONE owner of the entityType/entityId/count query\n * shape so the sections can never drift. Pure + server-safe.\n *\n * Byte-parity contract with the original `buildFaqsUrl`: when only\n * entityType/entityId are set, the param order is `entityType`, `entityId`;\n * with nothing set, the bare `path` is returned (no `?`).\n */\nexport interface SuggestionUrlOptions {\n  /** Fetch-URL prefix for third-party embeds / reverse proxies\n   *  ('' = same-origin relative). */\n  apiBaseUrl?: string\n  /** Both required together for entity scope; partial → bare path. */\n  entityType?: string\n  entityId?: number | string\n  /** Maps to the server's `count` param. Undefined → param not sent\n   *  (server default applies). */\n  count?: number\n  /** Extra query params appended after the shared trio (e.g. the\n   *  related-content `excludeTypes` deny-list). Empty/undefined values\n   *  are skipped. */\n  extraParams?: Record<string, string | undefined>\n}\n\nexport function buildSuggestionUrl(path: string, opts: SuggestionUrlOptions = {}): string {\n  const qs = new URLSearchParams()\n  const { entityType, entityId } = opts\n  if (entityType && entityId !== undefined && entityId !== null && entityId !== '') {\n    qs.set('entityType', entityType)\n    qs.set('entityId', String(entityId))\n  }\n  if (opts.count !== undefined) qs.set('count', String(opts.count))\n  for (const [key, value] of Object.entries(opts.extraParams ?? {})) {\n    if (value !== undefined && value !== '') qs.set(key, value)\n  }\n  const query = qs.toString()\n  return `${opts.apiBaseUrl ?? ''}${path}${query ? `?${query}` : ''}`\n}\n","\"use client\"\n\nimport * as React from \"react\"\nimport { ChevronUp, ChevronDown } from \"lucide-react\"\nimport { cn } from \"../../utils/cn\"\n\ninterface ChevronButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  direction?: 'up' | 'down';\n  size?: 'sm' | 'md' | 'lg';\n  isExpanded?: boolean;\n  backgroundColor?: string;\n  borderColor?: string;\n}\n\nconst ChevronButton = React.forwardRef<HTMLButtonElement, ChevronButtonProps>(\n  ({ className, direction = 'down', size = 'md', isExpanded, backgroundColor, borderColor, ...props }, ref) => {\n    const Icon = (isExpanded ? ChevronUp : ChevronDown) || (direction === 'up' ? ChevronUp : ChevronDown);\n    const sizeClasses = {\n      sm: 'h-4 w-4',\n      md: 'h-5 w-5', \n      lg: 'h-6 w-6'\n    };\n\n    return (\n      <button\n        className={cn(\n          \"inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n          \"h-10 px-4 py-2\",\n          className\n        )}\n        style={{\n          backgroundColor: backgroundColor,\n          borderColor: borderColor\n        }}\n        ref={ref}\n        {...props}\n      >\n        <Icon className={sizeClasses[size]} />\n      </button>\n    )\n  }\n)\nChevronButton.displayName = \"ChevronButton\"\n\nexport { ChevronButton }"]}