@flamingo-stack/openframe-frontend-core 0.0.302 → 0.0.303-snapshot.20260622160827

package/src/components/chat/hooks/use-slash-commands.ts

@@ -62,14 +62,25 @@ export async function fetchSlashCommands(
   signal: AbortSignal | undefined,
   commandsUrl: string,
 ): Promise<SlashCommandSummary[]> {
-  const url = new URL(commandsUrl, window.location.origin);
-  if (prefix) url.searchParams.set("q", prefix);
-  // `headers: {}` opts out of the default `Content-Type: application/json`
-  // — this is a bare GET with no body, so no content-type is needed.
-  const res = await embedAuthedFetch(url.toString(), { signal, headers: {} });
-  if (!res.ok) return [];
-  const data = (await res.json()) as { commands?: SlashCommandSummary[] };
-  return data.commands ?? [];
+  try {
+    const url = new URL(commandsUrl, window.location.origin);
+    if (prefix) url.searchParams.set("q", prefix);
+    // `headers: {}` opts out of the default `Content-Type: application/json`
+    // — this is a bare GET with no body, so no content-type is needed.
+    const res = await embedAuthedFetch(url.toString(), { signal, headers: {} });
+    if (!res.ok) return [];
+    const data = (await res.json()) as { commands?: SlashCommandSummary[] };
+    return data.commands ?? [];
+  } catch (err) {
+    // Cancellation (unmount / dep change) MUST propagate so react-query treats
+    // it as cancelled, not as a successful empty result. Every OTHER failure
+    // (network down, proxy reject, non-JSON body) degrades to "no commands" so
+    // a flaky commands endpoint can NEVER break the chat — the autocomplete /
+    // onboarding list just renders empty.
+    if ((err as Error)?.name === "AbortError") throw err;
+    console.warn("[chat] slash-commands fetch failed, showing none:", err);
+    return [];
+  }
 }
 
 /**
@@ -144,6 +155,11 @@ export function useSlashCommandRegistry(
     enabled: options?.enabled ?? true,
     staleTime: Infinity,
     gcTime: Infinity,
+    // The commands registry is non-critical chrome — a failure degrades to an
+    // empty registry (handled in `fetchSlashCommands`). Don't retry: settle to
+    // the neutral empty state immediately so a flaky endpoint never holds the
+    // welcome UI in a loading spinner.
+    retry: false,
   });
   return {
     commands: query.data ?? [],

package/src/components/docs/doc-viewer.tsx

@@ -2,7 +2,6 @@
 
 import React, { useMemo } from "react"
 import { MultiLevelNavigation, MobileNavigationDropdown } from "../navigation/multi-level-navigation"
-import { PageHeader } from "../layout/page-header"
 import { PageLayout } from "../layout/page-layout"
 import { PageShell } from "../layout/article-detail-layout"
 import { useRouter } from "../../embed-shims/next-navigation"
@@ -59,10 +58,9 @@ export interface DocViewerProps {
    */
   chatSource: string
 
-  /** Page title — rendered via the shared `<PageHeader>` primitive
-   *  so the doc-viewer chrome matches every other lib page
-   *  (DevSectionPage / LegalDocumentPage / OnboardingGuideDetailView)
-   *  pixel-for-pixel. ReactNode is intentionally not supported here —
+  /** Page title — rendered as the inline hero `<h1>` (same DOM
+   *  `<DevSectionView>`'s hero uses) so the doc-viewer chrome matches the
+   *  dev-section pages. ReactNode is intentionally not supported here —
    *  every consumer renders the same typography. */
   title?: string
   /** Optional icon rendered inline before the title text — same slot
@@ -259,15 +257,10 @@ function DocViewerContent({
   const resolvedEmptyText = emptyStateText || defaultEmptyText
 
   return (
-    // STRUCTURAL UNIFICATION: render through the IDENTICAL wrapper chain
-    // `<DevSectionPage>` uses (PageShell → PageLayout → `gap-10 flex-col`),
-    // not a hand-rolled custom container with similar-looking spacing.
-    // PageLayout owns the back-button row; the inner `gap-10` div +
-    // `<PageHeader noTopPadding noBottomMargin>` renders the title section
-    // the same way `<DevSectionView>`'s hero does. This is the only way to
-    // guarantee /knowledge-base sits at pixel-identical vertical rhythm to
-    // /roadmap / /releases / /onboarding-guides — same components, same DOM,
-    // not "same CSS classes that look similar on paper."
+    // Render through the shared wrapper chain (PageShell → PageLayout →
+    // `gap-10 flex-col`). PageLayout owns the back-button row; the inner
+    // `gap-10` div holds an inline title hero (same DOM `<DevSectionView>`'s
+    // hero renders) followed by the search bar + content grid.
     //
     // `colorPalette` / `className` / `bgStyle` flow through PageShell's
     // contentClassName + an inner style-passthrough wrapper so legacy
@@ -277,14 +270,24 @@ function DocViewerContent({
       <div style={{ ...bgStyle, ...containerBgStyle }}>
         <PageLayout backButton={backCfg ?? undefined}>
           <div className="w-full flex flex-col gap-10">
-            <PageHeader
-              title={title}
-              titleIcon={titleIcon}
-              subtitle={subtitle}
-              accentDot={accentDot}
-              noTopPadding
-              noBottomMargin
-            />
+            {(title || titleIcon || subtitle) && (
+              <div className="space-y-4">
+                {(title || titleIcon) && (
+                  <h1 className="text-h1 tracking-[-1.12px] text-ods-text-primary flex items-center gap-3">
+                    {titleIcon}
+                    {title && (
+                      <span>
+                        {title}
+                        {accentDot && <span className="text-ods-accent">.</span>}
+                      </span>
+                    )}
+                  </h1>
+                )}
+                <p className="font-['DM_Sans'] font-medium text-[18px] leading-[28px] text-ods-text-secondary max-w-3xl line-clamp-2 min-h-[56px]">
+                  {subtitle || ' '}
+                </p>
+              </div>
+            )}
 
           {showAIChat && (
             <DocSearchBar

package/src/components/docs/use-docs-resolve-link.ts

@@ -1,6 +1,7 @@
 import { useCallback } from 'react'
 import { useChatRuntime } from '../../contexts/chat-runtime-context'
 import type { ResolveLinkResult } from '../../types/doc-source'
+import { contentFetch } from '../../utils/embed-content-fetch'
 
 /**
  * `useDocsResolveLink(sourceId, override?)` — POST `/api/docs/resolve-link`
@@ -30,7 +31,7 @@ export function useDocsResolveLink(
   return useCallback(
     async (href: string, currentPath: string): Promise<ResolveLinkResult> => {
       try {
-        const response = await fetch(resolvedResolveLinkEndpoint, {
+        const response = await contentFetch(resolvedResolveLinkEndpoint, {
           method: 'POST',
           headers: { 'Content-Type': 'application/json' },
           body: JSON.stringify({ link: href, currentPath, source: sourceId }),

package/src/components/docs/use-document-tree.ts

@@ -9,6 +9,7 @@ import {
   DEFAULT_FOLDER_INDEX_FILE,
 } from '../../utils/doc-tree-nav'
 import { useDocNavigation } from './doc-navigation-context'
+import { contentFetch } from '../../utils/embed-content-fetch'
 import { scrollElementIntoView } from '../../utils/scroll-into-view'
 import { navigateSamePageHash, HUB_HEADER_OFFSET_PX } from '../../utils/same-page-hash-nav'
 
@@ -179,7 +180,7 @@ export function useDocumentTree(
       setIsLoadingStructure(true)
       setError(null)
 
-      const response = await fetch(structureEndpoint)
+      const response = await contentFetch(structureEndpoint)
 
       if (!response.ok) {
         throw new Error('Failed to load documentation structure')
@@ -232,7 +233,7 @@ export function useDocumentTree(
       // returns early without writing to state. Clearing error here would
       // briefly flicker the user-visible error message.
 
-      const response = await fetch(`${contentEndpoint}?path=${encodeURIComponent(path)}`)
+      const response = await contentFetch(`${contentEndpoint}?path=${encodeURIComponent(path)}`)
 
       // Request-id guard: between awaits, `lastFetchedPath.current` may have
       // been bumped by a newer fetch (the structure-arrives auto-select issues

package/src/components/features/time-tracker/time-tracker-header-button.tsx

@@ -70,7 +70,7 @@ export function TimeTrackerHeaderButton({ className, disabled }: TimeTrackerHead
       <PopoverPrimitive.Portal>
         <PopoverPrimitive.Content
           align="end"
-          sideOffset={0}
+          sideOffset={8}
           collisionPadding={8}
           className={cn(
             'z-[1300] w-[460px] max-w-[calc(100vw-1rem)] outline-none',

package/src/components/features/time-tracker/time-tracker-panel.tsx

@@ -92,7 +92,7 @@ export function TimeTrackerPanel({
         size="icon-sm"
         onClick={onClose}
         aria-label="Close time tracker"
-        className="absolute right-[var(--spacing-system-sf)] top-[var(--spacing-system-sf)] text-ods-text-secondary hover:text-ods-text-primary [&_svg]:!size-6"
+        className="absolute right-[var(--spacing-system-sf)] top-[var(--spacing-system-sf)] hidden text-ods-text-secondary hover:text-ods-text-primary md:inline-flex [&_svg]:!size-6"
       >
         <XmarkIcon />
       </Button>
@@ -105,7 +105,7 @@ export function TimeTrackerPanel({
             <Button
               variant="transparent"
               onClick={onCancel}
-              className="h-auto p-0 text-h6 font-medium text-ods-text-secondary underline hover:bg-transparent hover:text-ods-text-primary"
+              className="h-auto p-0 text-h6 font-medium text-ods-text-secondary underline hover:bg-transparent hover:text-ods-text-primary md:h-auto"
             >
               Cancel Entry
             </Button>
@@ -130,7 +130,7 @@ export function TimeTrackerPanel({
             onClick={status === 'tracking' ? onPause : status === 'paused' ? onResume : onStart}
             disabled={isStarting}
             aria-label={isRunning ? 'Pause tracking' : isActive ? 'Resume tracking' : 'Start tracking'}
-            className="h-auto w-auto rounded-none [&_svg]:!size-6"
+            className="h-auto w-auto rounded-none transition-none [&_svg]:!size-6"
           >
             {isRunning ? <PauseIcon /> : <PlayIcon />}
           </Button>
@@ -157,7 +157,7 @@ export function TimeTrackerPanel({
           placeholder="Assign Ticket"
           loading={ticketsLoading}
           invalid={showFieldError}
-          error={showFieldError ? 'Assign a ticket or add notes to finish' : undefined}
+          error={showFieldError ? 'Required if no notes added' : undefined}
           disableClientFilter={!!onTicketSearch}
           onInputChange={(value, reason) => {
             if (reason === 'input') onTicketSearch?.(value)
@@ -169,6 +169,7 @@ export function TimeTrackerPanel({
         value={notes}
         onChange={(e) => onNotesChange(e.target.value)}
         invalid={showFieldError}
+        error={showFieldError ? 'Required if no ticket assigned' : undefined}
         placeholder="Additional Notes (optional if ticket selected)"
         className="max-h-[280px]"
       />
@@ -217,6 +218,10 @@ export function TimeTrackerPanel({
           </SplitButton>
         </div>
       </div>
+
+      <Button variant="outline" fullWidth onClick={onClose} className="md:hidden">
+        Close
+      </Button>
     </div>
   )
 }

package/src/components/layout/page-layout.tsx

@@ -1,5 +1,32 @@
 'use client'
 
+/* ============================================================================
+ * ⛔️ FROZEN — DO NOT MODIFY (AI agents & contributors, read this first)
+ * ----------------------------------------------------------------------------
+ * `PageLayout` and its `TitleBlock` are a FINALIZED, locked component. They are
+ * the canonical, stable page chrome for OpenFrame surfaces and their visual +
+ * behavioral contract is intentionally complete. Treat this file as read-only.
+ *
+ * Do NOT: change the markup/CSS, swap the title typography (`text-h2`) or
+ * subtitle (`text-h6`), re-architect this to delegate to another primitive,
+ * add/rename props, or "unify"/"refactor"/"simplify" it. Do NOT restyle to
+ * match some other surface.
+ *
+ * Why this rule exists (the incident it prevents): a refactor once re-styled
+ * this layout (bumped the title to `text-h1`, rerouted it through a new
+ * `PageHeader`/`PageWithHeader` chain) to "unify" page chrome. That silently
+ * changed the look of every page rendered through `PageLayout` and had to be
+ * fully reverted. The current code IS the reverted, correct baseline.
+ *
+ * MANY consumers depend on the EXACT current output — not only OpenFrame pages
+ * but also `DevSectionPage`, `DocViewer`, and the multi-platform hub (through
+ * its own local `PageWithHeader`). A change here ripples across all of them.
+ *
+ * If a new design genuinely needs different chrome: build a SEPARATE new
+ * component for it. Never mutate this one. If you believe an edit here is
+ * unavoidable, STOP and get explicit human sign-off first.
+ * ========================================================================== */
+
 import React from 'react'
 import { cn } from '../../utils/cn'
 import type { ActionsMenuGroup } from '../ui/actions-menu'
@@ -10,11 +37,6 @@ export interface PageLayoutProps {
   children: React.ReactNode
   title?: string
   subtitle?: string
-  /** Inline icon rendered before the title text — forwarded to
-   *  TitleBlock/PageHeader. Same shape as DevSectionPage's hero icon. */
-  titleIcon?: React.ReactNode
-  /** Yellow accent dot after the title — forwarded to TitleBlock/PageHeader. */
-  accentDot?: boolean
   image?: { src: string; alt?: string }
   backButton?: { label?: string; onClick: () => void }
   actions?: PageActionButton[]
@@ -38,8 +60,6 @@ export function PageLayout({
   children,
   title,
   subtitle,
-  titleIcon,
-  accentDot,
   image,
   backButton,
   actions,
@@ -53,16 +73,14 @@ export function PageLayout({
 }: PageLayoutProps) {
   const hasActions = actions && actions.length > 0
   const needsBottomPadding = hasActions && actionsVariant === 'primary-buttons'
-  const hasHeader = showHeader && (title || subtitle || titleIcon || image || backButton || hasActions || selector)
+  const hasHeader = showHeader && (title || subtitle || image || backButton || hasActions || selector)
 
   return (
     <div className={cn('flex flex-col w-full', className)}>
       {hasHeader && (
         <TitleBlock
           title={title}
-          titleIcon={titleIcon}
           subtitle={subtitle}
-          accentDot={accentDot}
           image={image}
           backButton={backButton}
           actions={actions}
@@ -83,8 +101,4 @@ export function PageLayout({
 export type { PageActionButton } from '../ui/page-actions'
 export { TitleBlock } from './title-block'
 export type { TitleBlockProps } from './title-block'
-export { PageHeader } from './page-header'
-export type { PageHeaderProps } from './page-header'
-export { PageWithHeader } from './page-with-header'
-export type { PageWithHeaderProps } from './page-with-header'
 export default PageLayout

package/src/components/layout/title-block.tsx

@@ -1,29 +1,39 @@
 'use client'
 
+/* ============================================================================
+ * ⛔️ FROZEN — DO NOT MODIFY (AI agents & contributors, read this first)
+ * ----------------------------------------------------------------------------
+ * `TitleBlock` is the FINALIZED title/subtitle/back-button/actions chrome used
+ * by `PageLayout`. It is a locked, complete component — treat it as read-only.
+ *
+ * Do NOT: change the markup/CSS, alter the title typography (`text-h2`) or
+ * subtitle (`text-h6`), change the image/title 2-column layout, re-route this
+ * through a `PageHeader`/`PageWithHeader` primitive, or add/rename props. Do
+ * NOT "unify"/"refactor"/"simplify" it or restyle it to match another surface.
+ *
+ * Why this rule exists (the incident it prevents): a refactor once rewrote
+ * this to delegate to a new `PageHeader` (title bumped to `text-h1`, new
+ * subtitle styling) to "unify" page chrome — it silently changed every page
+ * using `PageLayout` and had to be fully reverted. This code IS that reverted,
+ * correct baseline.
+ *
+ * Downstream consumers (OpenFrame pages, `DevSectionPage`, `DocViewer`, and the
+ * multi-platform hub via its local `PageWithHeader`) depend on the EXACT
+ * current output. If a new design needs different chrome, build a SEPARATE new
+ * component — never mutate this one. If an edit here seems unavoidable, STOP
+ * and get explicit human sign-off first.
+ * ========================================================================== */
+
 import React from 'react'
+import { cn } from '../../utils/cn'
 import type { ActionsMenuGroup } from '../ui/actions-menu'
+import { EntityImage } from '../ui/entity-image'
 import { PageActions, type PageActionButton } from '../ui/page-actions'
-import { PageHeader } from './page-header'
+import { BackButton } from './back-button'
 
-/**
- * `<TitleBlock>` — thin adapter over `<PageHeader>` that turns the
- * `actions: PageActionButton[]` / `menuActions` / `selector` API into
- * a `ReactNode` slot that PageHeader can render. Kept as a separate
- * component for backwards compatibility (`PageLayout` consumes it,
- * external callers may too) — all the DOM/CSS lives in PageHeader.
- *
- * If a new consumer doesn't need the `PageActions` wiring, prefer
- * `<PageHeader>` directly.
- */
 export interface TitleBlockProps {
   title?: string
   subtitle?: string
-  /** Inline icon rendered before the title text (e.g. HelpCircle on /faqs,
-   *  BookOpen on /knowledge-base, Map on /roadmap). Forwarded verbatim to
-   *  `<PageHeader>`. */
-  titleIcon?: React.ReactNode
-  /** Yellow accent dot after the title — same flag as PageHeader. */
-  accentDot?: boolean
   image?: { src: string; alt?: string }
   backButton?: { label?: string; onClick: () => void }
   actions?: PageActionButton[]
@@ -43,8 +53,6 @@ export interface TitleBlockProps {
 export function TitleBlock({
   title,
   subtitle,
-  titleIcon,
-  accentDot,
   image,
   backButton,
   actions,
@@ -56,29 +64,67 @@ export function TitleBlock({
 }: TitleBlockProps) {
   const hasActions = actions && actions.length > 0
   const hasMenuActions = !!menuActions && menuActions.some(g => g.items.length > 0)
-  const hasActionsSlot = hasActions || hasMenuActions || !!selector
-
-  const actionsNode = hasActionsSlot ? (
-    <PageActions
-      variant={actionsVariant}
-      actions={actions ?? []}
-      menuActions={menuActions}
-      selector={selector}
-    />
-  ) : undefined
 
   return (
-    <PageHeader
-      title={title}
-      titleIcon={titleIcon}
-      subtitle={subtitle}
-      accentDot={accentDot}
-      image={image}
-      backButton={backButton}
-      actions={actionsNode}
-      variant={variant}
-      className={className}
-    />
+    <div
+      className={cn(
+        'flex items-end justify-between gap-[var(--spacing-system-m)]',
+        'md:flex-col md:items-start md:justify-start lg:flex-row lg:items-end lg:justify-between',
+        'pt-[var(--spacing-system-l)]',
+        variant === 'card'
+          ? cn(
+              'bg-ods-card border-b border-ods-border',
+              'px-[var(--spacing-system-l)] pb-[var(--spacing-system-l)]',
+              'md:bg-transparent md:border-b-0',
+              'md:px-0 md:pb-0',
+              'md:mb-[var(--spacing-system-l)]',
+            )
+          : 'mb-[var(--spacing-system-l)]',
+        className,
+      )}
+    >
+      <div className="flex flex-col gap-[var(--spacing-system-xs)] flex-1 min-w-0">
+        {backButton && (
+          <BackButton
+            onClick={backButton.onClick}
+            label={backButton.label}
+            className="hidden md:inline-flex"
+          />
+        )}
+        {(image || subtitle) ? (
+          <div className="flex items-center gap-[var(--spacing-system-m)] min-w-0 w-full">
+            {image && (
+              <EntityImage
+                src={image.src}
+                alt={image.alt}
+                fallbackText={image.alt || title}
+              />
+            )}
+            <div className="flex flex-col justify-center min-w-0 flex-1">
+              {title && (
+                <h1 className="text-h2 text-ods-text-primary truncate" title={title}>{title}</h1>
+              )}
+              {subtitle && (
+                <p className="text-h6 text-ods-text-secondary truncate" title={subtitle}>{subtitle}</p>
+              )}
+            </div>
+          </div>
+        ) : (
+          title && <h1 className="text-h2 text-ods-text-primary">{title}</h1>
+        )}
+      </div>
+
+      {(hasActions || hasMenuActions || selector) && (
+        <div className="flex gap-2 items-center shrink-0">
+          <PageActions
+            variant={actionsVariant}
+            actions={actions ?? []}
+            menuActions={menuActions}
+            selector={selector}
+          />
+        </div>
+      )}
+    </div>
   )
 }
 

package/src/components/shared/dev-section/dev-section-page.tsx

@@ -25,15 +25,7 @@ import {
   type OpenframeDevSectionKey,
 } from '../../../utils/dev-sections/openframe-dev-sections';
 
-/** Re-export the constant so existing dev-section call sites keep their
- *  old import path. The canonical home is `src/utils/page-header-constants.ts`
- *  (NOT a `'use client'` module) so server modules can import it without
- *  Next.js turning it into a client reference proxy — that proxy is what
- *  blew up lucide's `mergeClasses().trim()` when used as
- *  `<Icon className={SECTION_HERO_ICON_CLASS} />` inside a hub
- *  server-component preset. */
-import { SECTION_HERO_ICON_CLASS } from '../../../utils/page-header-constants';
-export { SECTION_HERO_ICON_CLASS };
+const SECTION_HERO_ICON_CLASS = 'h-10 w-10 text-ods-accent';
 
 export interface DevSectionPageProps {
   sectionKey: OpenframeDevSectionKey;

package/src/components/shared/dev-section/dev-section-view.tsx

@@ -19,7 +19,6 @@ import { useState, useEffect } from 'react';
 import { useRouter, useSearchParams, usePathname } from '../../../embed-shims';
 import { SearchInput } from '../../ui';
 import { StatusFilterComponent } from '../../features';
-import { PageHeader } from '../../layout/page-header';
 import {
   OPENFRAME_DEV_SECTIONS,
   type OpenframeDevSectionKey,
@@ -96,19 +95,15 @@ export function DevSectionView({ sectionKey, hero, preControls, children }: DevS
   return (
     <div className="w-full flex flex-col gap-10">
       {hero ? (
-        // Render through the shared `<PageHeader>` primitive so the dev-
-        // section hero (Releases, Roadmap, Onboarding catalog) and the
-        // docs-hub hero (Knowledge Hub, Data Room) are LITERALLY the same
-        // component rendering the same DOM/CSS. `noBottomMargin` because
-        // the parent `gap-10` already supplies the spacing to the next
-        // sibling (preControls / search / filter).
-        <PageHeader
-          title={hero.title ?? section.hero.title}
-          titleIcon={hero.icon}
-          subtitle={hero.description}
-          noBottomMargin
-          noTopPadding
-        />
+        <div className="space-y-4">
+          <h1 className="text-h1 tracking-[-1.12px] text-ods-text-primary flex items-center gap-3">
+            {hero.icon}
+            {hero.title ?? section.hero.title}
+          </h1>
+          <p className="font-['DM_Sans'] font-medium text-[18px] leading-[28px] text-ods-text-secondary max-w-3xl">
+            {hero.description}
+          </p>
+        </div>
       ) : (
         <div className="flex items-center justify-between w-full">
           <h2 className="font-['Azeret_Mono'] font-semibold text-[32px] md:text-[40px] lg:text-[48px] leading-[40px] md:leading-[48px] lg:leading-[56px] text-ods-text-primary tracking-[-0.64px] md:tracking-[-0.8px] lg:tracking-[-0.96px]">

package/src/components/shared/dev-section/index.ts

@@ -1,5 +1,5 @@
 export { DevSectionView, type DevSectionViewProps } from './dev-section-view';
-export { DevSectionPage, type DevSectionPageProps, SECTION_HERO_ICON_CLASS } from './dev-section-page';
+export { DevSectionPage, type DevSectionPageProps } from './dev-section-page';
 export {
   DevCardRowContent,
   DevCardRowSkeleton,

package/src/components/shared/doc-search/use-doc-search.ts

@@ -32,6 +32,7 @@ import { useState, useEffect, useCallback } from 'react'
 import { useRouter } from '../../../embed-shims'
 import { useDebounce } from '../../../hooks/ui/use-debounce'
 import { useChatRuntime } from '../../../contexts/chat-runtime-context'
+import { contentFetch } from '../../../utils/embed-content-fetch'
 import type { SearchResult } from '../../ui/search-input'
 import {
   resolveExternalNavigation,
@@ -118,7 +119,7 @@ export function useDocSearch(config: UseDocSearchConfig) {
         })
         if (tableIdsKey) params.set('tableIds', tableIdsKey)
 
-        const response = await fetch(`${resolvedSearchEndpoint}?${params.toString()}`)
+        const response = await contentFetch(`${resolvedSearchEndpoint}?${params.toString()}`)
         if (!response.ok) {
           throw new Error(`Search request failed: ${response.status}`)
         }

package/src/components/ui/index.ts

@@ -61,7 +61,6 @@ export * from './hover-dropdown'
 export * from '../chat'
 export * from '../layout/list-page-layout'
 export * from '../layout/page-container'
-export * from '../layout/page-header'
 export * from '../layout/page-heading'
 export * from '../layout/page-layout'
 export * from '../layout/article-detail-layout'