@flamingo-stack/openframe-frontend-core 0.0.396-snapshot.20260709212121 → 0.0.396

package/src/components/chat/entity-cards/case-study-card.tsx

@@ -17,7 +17,6 @@ import Image from '../../../embed-shims/next-image'
 import { Card } from '../../ui/card'
 import { cn } from '../../../utils/cn'
 import type { CaseStudy } from '../../../types/case-study'
-import { EntityPortraitCard } from './entity-portrait-card'
 import { useEntityCardLink } from './use-entity-card-link'
 import { useEntityCardPlaceholder } from './use-entity-card-placeholder'
 import {
@@ -33,7 +32,10 @@ import {
   COMPACT_CARD_TITLE,
   COMPACT_CARD_TITLE_ROW,
 } from '../utils/compact-card-classes'
-import { hideOnError } from './use-cover-image-fallback'
+
+const hideOnError = (e: React.SyntheticEvent<HTMLImageElement>) => {
+  ;(e.currentTarget as HTMLImageElement).style.display = 'none'
+}
 
 export interface CaseStudyCardProps {
   study: CaseStudy
@@ -46,15 +48,11 @@ export interface CaseStudyCardProps {
   targetPlatform?: string | null
   /** OG placeholder URL, used when `study.featured_image` is missing. */
   placeholderUrl?: string | null
-  size?: 'default' | 'sm' | 'portrait'
-  /** Portrait density: render the content-type chip. Mixed rails only; single-type rails pass false. Default true. */
-  showTypeBadge?: boolean
+  size?: 'default' | 'sm'
   className?: string
 }
 
-/** `portrait` shares the default skeleton shape — the portrait anatomy uses the
- *  same zone boxes (media aspect → 72px title → 60px person footer). */
-export function CaseStudyCardSkeleton({ size = 'default' }: { size?: 'default' | 'sm' | 'portrait' }) {
+export function CaseStudyCardSkeleton({ size = 'default' }: { size?: 'default' | 'sm' }) {
   if (size === 'sm') {
     return (
       <span className={COMPACT_CARD_SKELETON_OUTER}>
@@ -100,7 +98,6 @@ export function CaseStudyCard({
   targetPlatform,
   placeholderUrl: placeholderUrlProp,
   size = 'default',
-  showTypeBadge = true,
   className,
 }: CaseStudyCardProps) {
   const { target, rel } = useEntityCardLink({
@@ -148,29 +145,6 @@ export function CaseStudyCard({
     )
   }
 
-  if (size === 'portrait') {
-    // Rail/strip density — shared <EntityPortraitCard> shell.
-    return (
-      <EntityPortraitCard
-        href={href}
-        target={target}
-        rel={rel}
-        typeLabel={showTypeBadge ? 'Case Study' : undefined}
-        imageUrl={study.featured_image}
-        placeholderUrl={placeholderUrl}
-        imageAlt={study.msp?.name || study.title}
-        title={study.title}
-        person={{
-          name: study.user?.full_name || 'Anonymous',
-          avatarUrl: study.user?.avatar_url,
-          subtitle: study.msp?.name ?? null,
-          iconOverlayUrl: study.msp?.icon_url ?? null,
-        }}
-        className={className}
-      />
-    )
-  }
-
   return (
     <a href={href} target={target} rel={rel} className={cn('block h-full', className)}>
       <Card className="bg-ods-card border border-ods-border hover:border-ods-accent transition-colors p-6 flex flex-col gap-6 overflow-hidden">

package/src/components/chat/entity-cards/customer-interview-card.tsx

@@ -13,7 +13,6 @@ import { Card } from '../../ui/card'
 import { cn } from '../../../utils/cn'
 import { Video } from 'lucide-react'
 import type { CustomerInterview } from '../../../types/customer-interview'
-import { EntityPortraitCard } from './entity-portrait-card'
 import { useEntityCardLink } from './use-entity-card-link'
 import { useEntityCardPlaceholder } from './use-entity-card-placeholder'
 import {
@@ -29,7 +28,10 @@ import {
   COMPACT_CARD_TITLE,
   COMPACT_CARD_TITLE_ROW,
 } from '../utils/compact-card-classes'
-import { hideOnError } from './use-cover-image-fallback'
+
+const hideOnError = (e: React.SyntheticEvent<HTMLImageElement>) => {
+  ;(e.currentTarget as HTMLImageElement).style.display = 'none'
+}
 
 export interface CustomerInterviewCardProps {
   interview: CustomerInterview
@@ -41,14 +43,11 @@ export interface CustomerInterviewCardProps {
   targetPlatform?: string | null
   /** OG placeholder URL fallback when `interview.featured_image` is missing. */
   placeholderUrl?: string | null
-  size?: 'default' | 'sm' | 'portrait'
-  /** Portrait density: render the content-type chip. Mixed rails only; single-type rails pass false. Default true. */
-  showTypeBadge?: boolean
+  size?: 'default' | 'sm'
   className?: string
 }
 
-/** `portrait` shares the default skeleton shape (same zone boxes). */
-export function CustomerInterviewCardSkeleton({ size = 'default' }: { size?: 'default' | 'sm' | 'portrait' }) {
+export function CustomerInterviewCardSkeleton({ size = 'default' }: { size?: 'default' | 'sm' }) {
   if (size === 'sm') {
     return (
       <span className={COMPACT_CARD_SKELETON_OUTER}>
@@ -99,7 +98,6 @@ export function CustomerInterviewCard({
   targetPlatform,
   placeholderUrl: placeholderUrlProp,
   size = 'default',
-  showTypeBadge = true,
   className,
 }: CustomerInterviewCardProps) {
   const { target, rel } = useEntityCardLink({
@@ -152,29 +150,6 @@ export function CustomerInterviewCard({
     )
   }
 
-  if (size === 'portrait') {
-    // Rail/strip density — shared <EntityPortraitCard> shell.
-    return (
-      <EntityPortraitCard
-        href={href}
-        target={target}
-        rel={rel}
-        typeLabel={showTypeBadge ? 'Customer Interview' : undefined}
-        imageUrl={interview.featured_image}
-        placeholderUrl={placeholderUrl}
-        imageAlt={interview.title}
-        title={interview.title}
-        person={{
-          name: interview.user?.full_name || 'Customer',
-          avatarUrl: interview.user?.avatar_url,
-          subtitle: interview.msp?.name ?? null,
-          iconOverlayUrl: interview.msp?.icon_url ?? null,
-        }}
-        className={className}
-      />
-    )
-  }
-
   return (
     <a href={href} target={target} rel={rel} className={cn('block h-full', className)}>
       <Card className="bg-ods-card border border-ods-border hover:border-ods-accent transition-colors p-6 flex flex-col gap-6 overflow-hidden">

package/src/components/chat/entity-cards/index.ts

@@ -16,16 +16,6 @@ export {
   type EntityAuthorCardProps,
 } from './entity-author-card'
 export { BlogImagePlaceholder } from './blog-image-placeholder'
-export {
-  EntityPortraitCard,
-  type EntityPortraitCardProps,
-  type EntityPortraitPerson,
-} from './entity-portrait-card'
-export {
-  useCoverImageFallback,
-  hideOnError,
-  type CoverImageFallback,
-} from './use-cover-image-fallback'
 export { AdminContentCard } from './admin-content-card'
 export { WhatIShippedCard, WhatIShippedCardSkeleton } from './what-i-shipped-card'
 export type { WhatIShippedCardData, WhatIShippedCardProps } from './what-i-shipped-card'
@@ -143,11 +133,3 @@ export {
   type ChatCardRenderOptions,
   type ChatCardDispatchExtras,
 } from './dispatch'
-
-// Program author-ref + video-bites profile adapter — re-exported through the
-// PACKAGE-EXPORTED chat barrel so the hub can value-import them (deep paths
-// into chat/types/* are not in the package exports map and 404 at runtime).
-export {
-  programItemToStripProfile,
-  type ProgramAuthorRef,
-} from '../types/entities/program-types'

package/src/components/chat/entity-cards/investor-update-card.tsx

@@ -11,7 +11,6 @@
 import React from 'react'
 import { Calendar } from 'lucide-react'
 import { AdminContentCard } from './admin-content-card'
-import { EntityPortraitCard } from './entity-portrait-card'
 import { formatInvestorUpdatePeriod, type InvestorUpdate } from '../types/entities/investor-update'
 import { useEntityCardLink } from './use-entity-card-link'
 import { useEntityCardPlaceholder } from './use-entity-card-placeholder'
@@ -39,14 +38,11 @@ export interface InvestorUpdateCardProps {
   targetPlatform?: string | null
   /** OG placeholder URL used when `update.featured_image` is missing. */
   placeholderUrl?: string | null
-  size?: 'default' | 'sm' | 'portrait'
-  /** Portrait density: render the content-type chip. Mixed rails only; single-type rails pass false. Default true. */
-  showTypeBadge?: boolean
+  size?: 'default' | 'sm'
   className?: string
 }
 
-/** `portrait` shares the default skeleton shape (same zone boxes). */
-export function InvestorUpdateCardSkeleton({ size = 'default' }: { size?: 'default' | 'sm' | 'portrait' }) {
+export function InvestorUpdateCardSkeleton({ size = 'default' }: { size?: 'default' | 'sm' }) {
   if (size === 'sm') {
     return (
       <span className={COMPACT_CARD_SKELETON_OUTER}>
@@ -87,7 +83,6 @@ export function InvestorUpdateCard({
   targetPlatform,
   placeholderUrl: placeholderUrlProp,
   size = 'default',
-  showTypeBadge = true,
   className,
 }: InvestorUpdateCardProps) {
   const { target, rel } = useEntityCardLink({
@@ -149,27 +144,6 @@ export function InvestorUpdateCard({
     )
   }
 
-  if (size === 'portrait') {
-    // Rail/strip density — shared <EntityPortraitCard> shell. The reporting
-    // period is the meaningful footer line (no fabricated author — no avatar
-    // renders an initial circle).
-    const periodText = formatInvestorUpdatePeriod(update.period_start, update.period_end)
-    return (
-      <EntityPortraitCard
-        href={href}
-        target={target}
-        rel={rel}
-        typeLabel={showTypeBadge ? 'Investor Update' : undefined}
-        imageUrl={update.featured_image}
-        placeholderUrl={placeholderUrl}
-        imageAlt={update.title ?? 'Investor update'}
-        title={update.title || `Update #${update.update_number ?? '?'}`}
-        person={periodText ? { name: periodText } : null}
-        className={className}
-      />
-    )
-  }
-
   return (
     <a href={href} target={target} rel={rel} className={`block h-full ${className ?? ''}`}>
       <AdminContentCard

package/src/components/chat/entity-cards/onboarding-guide-card.tsx

@@ -24,7 +24,6 @@ import { Clock, ExternalLink, GraduationCap, Play } from 'lucide-react'
 import { cn } from '../../../utils/cn'
 import { BlogImagePlaceholder } from './blog-image-placeholder'
 import { EntityAuthorCard } from './entity-author-card'
-import { EntityPortraitCard } from './entity-portrait-card'
 import { formatDurationMMSS } from '../../../utils/format'
 import type { OnboardingGuide } from '../types/entities/onboarding-guide'
 import { useEntityCardLink } from './use-entity-card-link'
@@ -53,10 +52,7 @@ export interface OnboardingGuideCardProps {
   targetPlatform?: string | null
   /** OG placeholder URL used by the catalog + sm variants when no cover. */
   placeholderUrl?: string | null
-  size?: 'catalog' | 'default' | 'sm' | 'portrait'
-  /** Portrait density: render the content-type chip. Mixed rails only; single-type rails pass false. Default true. */
-  showTypeBadge?: boolean
-| 'default' | 'sm' | 'portrait'
+  size?: 'catalog' | 'default' | 'sm'
   className?: string
 }
 
@@ -173,7 +169,6 @@ export function OnboardingGuideCard({
   targetPlatform,
   placeholderUrl: placeholderUrlProp,
   size = 'default',
-  showTypeBadge = true,
   className,
 }: OnboardingGuideCardProps) {
   const { target, rel } = useEntityCardLink({
@@ -188,30 +183,6 @@ export function OnboardingGuideCard({
     aspect: size === 'sm' ? 'square' : 'wide',
   })
 
-  if (size === 'portrait') {
-    // Rail/strip density — shared <EntityPortraitCard> shell. Same cover
-    // chain as the catalog variant.
-    const coverImage =
-      guide.featured_image ||
-      guide.main_video_thumbnail ||
-      guide.og_image_url ||
-      null
-    return (
-      <EntityPortraitCard
-        href={href}
-        target={target}
-        rel={rel}
-        typeLabel={showTypeBadge ? 'Guide' : undefined}
-        imageUrl={coverImage}
-        placeholderUrl={placeholderUrl}
-        imageAlt={guide.title}
-        title={guide.title}
-        person={guide.section ? { name: guide.section } : null}
-        className={className}
-      />
-    )
-  }
-
   if (size === 'catalog') {
     const coverImage =
       guide.featured_image ||

package/src/components/chat/entity-cards/program-card.tsx

@@ -2,18 +2,8 @@
 
 /**
  * ProgramCard (pure presentation). Generic card for podcasts / webinars /
- * events. Three densities — `default` (wide horizontal detail, archive
- * pages), `sm` (compact horizontal for chat-inline), and `portrait`
- * (vertical rail/strip card).
- *
- * `portrait` exists because mixed-content rails MUST share ONE card anatomy
- * (2026 card-UI practice: a rail mixes content types, never card layouts —
- * mixing orientations/aspects in one scroller is the anti-pattern). It
- * renders the SAME three zones as the other portrait entity cards
- * (CaseStudyCard et al.): wide media slot → fixed 72px title zone → fixed
- * 60px person/meta footer, p-6 / gap-6. The program's identity lives in the
- * Azeret Mono title and the date · duration meta line — not in a different
- * layout.
+ * events. Two densities — `default` (vertical detail) and `sm` (compact
+ * horizontal for chat-inline).
  *
  * The card writes NO click logic — callers wrap with their own anchor
  * and pass the resolved detail URL via `href`.
@@ -44,19 +34,16 @@ import {
   COMPACT_CARD_TITLE,
   COMPACT_CARD_TITLE_ROW,
 } from '../utils/compact-card-classes'
-import {
-  programItemToStripProfile,
-  type BaseProgramItem,
-  type ProgramAuthorRef,
-  type ProgramConfig,
-  type ProgramMedia,
-  type ProgramHost,
+import type {
+  BaseProgramItem,
+  ProgramConfig,
+  ProgramMedia,
+  ProgramHost,
 } from '../types/entities/program-types'
-import { EntityPortraitCard } from './entity-portrait-card'
 import { useEntityCardLink } from './use-entity-card-link'
 import { useEntityCardPlaceholder } from './use-entity-card-placeholder'
 
-type CardSize = 'default' | 'sm' | 'portrait'
+type CardSize = 'default' | 'sm'
 
 /**
  * Format a Date with date-fns pinned to UTC. `date-fns` `format()` reads the
@@ -128,8 +115,6 @@ export interface ProgramCardProps<T extends BaseProgramItem> {
   media?: ProgramMedia[]
   renderMeta?: (item: T) => React.ReactNode
   size?: CardSize
-  /** Portrait density: render the content-type chip. Mixed rails only; single-type rails pass false. Default true. */
-  showTypeBadge?: boolean
   /** Detail URL resolved by the caller. */
   href: string
   /** When `_blank`, opens in a new tab. Set by chat dispatch via
@@ -227,7 +212,6 @@ export function ProgramCard<T extends BaseProgramItem>({
   media = [],
   renderMeta,
   size = 'default',
-  showTypeBadge = true,
   href,
   target: targetProp,
   rel: relProp,
@@ -253,60 +237,24 @@ export function ProgramCard<T extends BaseProgramItem>({
   const accentColor = 'var(--color-accent-primary)'
   const isScheduled = 'status' in item && (item as any).status === 'scheduled'
 
-  // Compact per-type meta (duration / location / start time) — shared by the
-  // `sm` and `portrait` densities.
-  const compactTypeMeta = (): string | null => {
+  if (size === 'sm') {
+    const itemDate = (() => {
+      try { return formatUtc(new Date(item.date), 'MMM d, yyyy') } catch { return '' }
+    })()
+    const compactCover = coverImage || placeholderUrl || null
+    let typeMeta: string | null = null
     if (config.type === 'podcast' && 'duration_seconds' in item && !isScheduled) {
       const dur = (item as any).duration_seconds
-      if (typeof dur === 'number' && dur > 0) return formatDurationCompact(dur)
+      if (typeof dur === 'number' && dur > 0) typeMeta = formatDurationCompact(dur)
     } else if (config.type === 'event' && 'location_name' in item) {
       const loc = (item as any).location_name
-      if (typeof loc === 'string' && loc.trim().length > 0) return loc
+      if (typeof loc === 'string' && loc.trim().length > 0) typeMeta = loc
     } else if (config.type === 'webinar' && 'start_at' in item) {
       const w = item as any
       const time = formatTimeWithTimezone(w.start_at, w.timezone ?? null)
       const dur = formatDurationFromRange(w.start_at, w.end_at)
-      return dur ? `${time} · ${dur}` : time
+      typeMeta = dur ? `${time} · ${dur}` : time
     }
-    return null
-  }
-  const compactDate = (() => {
-    try { return formatUtc(new Date(item.date), 'MMM d, yyyy') } catch { return '' }
-  })()
-
-  if (size === 'portrait') {
-    // Rail/strip density — mapped onto the shared <EntityPortraitCard> shell
-    // (media aspect-[1200/630] → h-[72px] title → h-[60px] footer, p-6/gap-6).
-    // Person = author-first via programItemToStripProfile (author → primary
-    // host); the date · duration meta line fills the subtitle when the
-    // profile has no job title.
-    const profile = programItemToStripProfile(item as { author?: ProgramAuthorRef | null; hosts?: ProgramHost[] | null })
-    const dateMeta = [compactDate, compactTypeMeta()].filter(Boolean).join(' · ')
-    return (
-      <EntityPortraitCard
-        href={href}
-        target={target}
-        rel={rel}
-        typeLabel={showTypeBadge ? config.labels.singular : undefined}
-        imageUrl={coverImage}
-        placeholderUrl={placeholderUrl}
-        imageAlt={item.title}
-        title={item.title}
-        titleClassName="font-['Azeret_Mono'] font-semibold text-lg leading-6"
-        person={
-          profile
-            ? { name: profile.name, avatarUrl: profile.avatarUrl, subtitle: profile.subtitle || dateMeta }
-            : { name: config.labels.singular, subtitle: dateMeta }
-        }
-        className={className}
-      />
-    )
-  }
-
-  if (size === 'sm') {
-    const itemDate = compactDate
-    const compactCover = coverImage || placeholderUrl || null
-    const typeMeta = compactTypeMeta()
     const subtitleParts = [itemDate, typeMeta, config.labels?.singular].filter(
       (s): s is string => typeof s === 'string' && s.length > 0,
     )

package/src/components/chat/types/entities/program-types.ts

@@ -17,10 +17,6 @@
  */
 
 import type { ReactNode } from 'react';
-import {
-  toStripProfile,
-  type VideoBiteStripProfile,
-} from '../../../features/video-bites-shared';
 
 // ============================================================================
 // HOST TYPES
@@ -38,36 +34,6 @@ export interface ProgramHost {
   role?: string; // e.g., "Host", "Speaker", "Guest"
 }
 
-/**
- * Client-safe author subset hydrated onto program items from the entity's
- * `author_id → profiles` FK join (podcast episodes / webinars). Deliberately
- * excludes `email` — this shape is serialized into public payloads.
- */
-export interface ProgramAuthorRef {
-  id?: string | null;
-  full_name?: string | null;
-  avatar_url?: string | null;
-  job_title?: string | null;
-}
-
-/**
- * Video-bites overlay profile for a program item: internal author first
- * (`author_id → profiles`), then the provider-synced primary host (Livestorm
- * speakers / Podbean hosts). Host `role` is a raw provider enum (e.g.
- * `team_member`) — never display copy, so it is not used as the subtitle.
- * Routes through `toStripProfile` (the SSoT — null on missing names).
- */
-export function programItemToStripProfile(item: {
-  author?: ProgramAuthorRef | null;
-  hosts?: ProgramHost[] | null;
-}): VideoBiteStripProfile | null {
-  const fromAuthor = toStripProfile(item.author);
-  if (fromAuthor) return fromAuthor;
-  const host = Array.isArray(item.hosts) ? item.hosts[0] : null;
-  if (!host?.name) return null;
-  return toStripProfile({ full_name: host.name, avatar_url: host.avatar_url ?? null });
-}
-
 // ============================================================================
 // DATABASE ROW TYPES
 // ============================================================================