@flamingo-stack/openframe-frontend-core 0.0.553 → 0.0.554-snapshot.20260818101820

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flamingo-stack/openframe-frontend-core",
-  "version": "0.0.553",
+  "version": "0.0.554-snapshot.20260818101820",
   "description": "Shared design system and components for all Flamingo platforms",
   "type": "module",
   "main": "./dist/index.js",

package/src/components/chat/__tests__/ticket-event.test.ts

@@ -161,6 +161,58 @@ describe('accumulator — hydrate/catch-up overlap', () => {
     )
     expect(events(segments)).toHaveLength(2)
   })
+
+  it('renders a payload-identical REPEATED event whose first occurrence is seq-less', () => {
+    // The observed swallow: resolve -> reopen -> resolve by the SAME actor
+    // with no reason. The first resolve hydrated from history without a seq,
+    // so payload equality matched it against the NEW resolve and the final
+    // card never rendered. Only the LATEST ticket event may payload-match.
+    const accumulator = new MessageSegmentAccumulator()
+    accumulator.addTicketEvent({ kind: 'RESOLVED', actorId: 'u-1', actorName: 'Yevhenii', actorType: 'TECHNICIAN' })
+    accumulator.addTicketEvent(
+      { kind: 'REOPENED', actorId: 'u-1', actorName: 'Yevhenii', actorType: 'TECHNICIAN', targetStatusKind: 'TECH_REQUIRED' },
+      79,
+    )
+    const segments = accumulator.addTicketEvent(
+      { kind: 'RESOLVED', actorId: 'u-1', actorName: 'Yevhenii', actorType: 'TECHNICIAN' },
+      80,
+    )
+    const rendered = events(segments)
+    expect(rendered).toHaveLength(3)
+    expect(rendered[2].data.kind).toBe('RESOLVED')
+  })
+
+  it('renders an entirely seq-less repeated cycle (no sequences anywhere)', () => {
+    const accumulator = new MessageSegmentAccumulator()
+    accumulator.addTicketEvent({ kind: 'RESOLVED', actorName: 'Fae', actorType: 'AI' })
+    accumulator.addTicketEvent({ kind: 'REOPENED', actorName: 'Fae', actorType: 'AI' })
+    const segments = accumulator.addTicketEvent({ kind: 'RESOLVED', actorName: 'Fae', actorType: 'AI' })
+    expect(events(segments)).toHaveLength(3)
+  })
+})
+
+describe('chat stream reducer — onTicketEvent effect', () => {
+  it('emits the event payload so hosts can move ticket state with the card', () => {
+    const seen: unknown[] = []
+    const reducer = createChatStreamReducer({
+      transport: 'nats',
+      onEffect: (effect) => {
+        if (effect.name === 'onTicketEvent') seen.push(effect.args[0])
+      },
+    })
+    const event = decodeNatsChunk({
+      type: 'TICKET_EVENT',
+      kind: 'REOPENED',
+      actorId: 'u-1',
+      actorName: 'Yevhenii',
+      actorType: 'TECHNICIAN',
+      targetStatusKind: 'TECH_REQUIRED',
+      streamSeq: 5,
+    })
+    if (event) reducer.apply(event)
+    expect(seen).toHaveLength(1)
+    expect(seen[0]).toMatchObject({ kind: 'REOPENED', targetStatusKind: 'TECH_REQUIRED' })
+  })
 })
 
 describe('processHistoricalMessages — ticket event', () => {

package/src/components/chat/hooks/use-chat-card-item.ts

@@ -10,9 +10,9 @@
  * `/case-studies`, `/podcasts`, `/roadmap`, etc.
  *
  * Batching: every compact card with the same `(type, id)` shares one
- * TanStack-Query entry; multiple refs of the same type in the same
- * chat message produce ONE network request (TanStack dedups by
- * queryKey). 5-minute staleTime matches `RelatedContentSection`.
+ * TanStack-Query entry; CONCURRENT refs of the same type in the same
+ * chat message produce ONE network request (TanStack dedups in-flight
+ * fetches by queryKey). Data is always stale — see the query options.
  *
  * URL builder is read from `runtime.endpoints.buildListUrl` so the
  * embedded app can supply a per-type URL builder against the reverse
@@ -68,19 +68,15 @@ export function useChatCardItem<T = unknown>(
       return (match ?? null) as T | null
     },
     enabled: !!url && id.length > 0,
-    // Don't refetch on window focus inside the chat — the chat panel
-    // is opened and closed frequently, and re-fetching every time the
-    // user toggles back to the tab is wasteful (the row's id-keyed
-    // payload is effectively immutable).
-    refetchOnWindowFocus: false,
-    // The id-keyed payload is effectively immutable, and a fetch-mode card
+    // ALWAYS FRESH — no freshness window. Card entities are mutable
+    // (tickets, tasks change status), so a cached row is a lie waiting to
+    // render: a 5-min staleTime shipped a "NEW" badge on a ticket the
+    // receipt right above it said was just CLOSED (2026-08-18). Every
+    // mount refetches. `gcTime` is kept ONLY as render continuity: a card
     // inside a STREAMING assistant message re-mounts on every chunk as the
-    // surrounding markdown re-parses. Without a staleTime that meant a fresh
-    // network fetch + loading-skeleton flash on every single chunk. Treat the
-    // row as fresh for 5 min (matches the public pages) and keep it cached
-    // long after unmount so remounts resolve synchronously from cache — no
-    // refetch, no skeleton flash.
-    staleTime: 5 * 60 * 1000,
+    // surrounding markdown re-parses, and the previous data renders while
+    // the refetch is in flight — no skeleton flash, never stale-forever.
+    staleTime: 0,
     gcTime: 30 * 60 * 1000,
   })
   return {

package/src/components/chat/stream/chat-stream-reducer.ts

@@ -209,6 +209,7 @@ export interface ChatReducerEffect {
     | 'onToolExecuted'
     | 'onAgentBusy'
     | 'onDialogClosed'
+    | 'onTicketEvent'
     | 'segments-after-approval-result'
   args: unknown[]
 }
@@ -1369,18 +1370,21 @@ export function createChatStreamReducer(
         // `ticket-escalated`. `seq` rides onto the segment: it is the event's
         // dedupe identity (see `addTicketEvent`).
         const before = accumulator.getSegments().length
-        const segments = accumulator.addTicketEvent(
-          {
-            kind: event.kind,
-            actorId: event.actorId,
-            actorName: event.actorName,
-            actorType: event.actorType,
-            reason: event.reason,
-            targetStatusKind: event.targetStatusKind,
-          },
-          seq,
-        )
+        const data = {
+          kind: event.kind,
+          actorId: event.actorId,
+          actorName: event.actorName,
+          actorType: event.actorType,
+          reason: event.reason,
+          targetStatusKind: event.targetStatusKind,
+        }
+        const segments = accumulator.addTicketEvent(data, seq)
         applyAccumulated(before, segments)
+        // The card alone is not enough for a host that also tracks the
+        // ticket's state: a RESOLVED/REOPENED arriving live must move the
+        // composer lock/status chip on the same render as the card, not on
+        // the next status poll. Hosts that don't wire it lose nothing.
+        emit('onTicketEvent', data)
         break
       }
 

package/src/components/chat/utils/message-segment-accumulator.ts

@@ -540,13 +540,15 @@ export class MessageSegmentAccumulator {
   /**
    * Add a ticket lifecycle receipt (resolved / reopened / unknown kind).
    *
-   * Upsert identity is the chunk's stream sequence when BOTH sides know it;
-   * otherwise full payload equality. History-hydrated segments come back
+   * Upsert identity is the chunk's stream sequence when BOTH sides know it.
+   * The payload fallback exists for one overlap only: history hydration is
    * seq-less (the persisted row's seq lives on the message, not the
    * `messageData`), so a JetStream catch-up redelivery of the same event must
-   * still match its hydrated twin — payload equality is what catches that.
-   * Two genuinely distinct events (resolve → reopen → resolve) differ in seq
-   * or payload and both render.
+   * still match its hydrated twin. That twin is necessarily the LATEST ticket
+   * event, so the fallback may consider only that one — scanning older
+   * segments swallowed a genuinely REPEATED event: resolve → reopen → resolve
+   * by the same actor is payload-identical to the first resolve, and matching
+   * the old card meant the final one never rendered.
    */
   addTicketEvent(data: TicketEventData, streamSeq?: number): MessageSegment[] {
     const segment: TicketEventSegment = {
@@ -554,18 +556,30 @@ export class MessageSegmentAccumulator {
       data,
       ...(streamSeq !== undefined ? { streamSeq } : {}),
     }
-    const existingIndex = this.segments.findIndex((s) => {
-      if (s.type !== 'ticket_event') return false
-      if (s.streamSeq !== undefined && streamSeq !== undefined) return s.streamSeq === streamSeq
-      return (
-        s.data.kind === data.kind &&
-        s.data.actorId === data.actorId &&
-        s.data.actorName === data.actorName &&
-        s.data.actorType === data.actorType &&
-        s.data.reason === data.reason &&
-        s.data.targetStatusKind === data.targetStatusKind
-      )
-    })
+    let existingIndex =
+      streamSeq !== undefined
+        ? this.segments.findIndex((s) => s.type === 'ticket_event' && s.streamSeq === streamSeq)
+        : -1
+    if (existingIndex === -1) {
+      for (let i = this.segments.length - 1; i >= 0; i--) {
+        const s = this.segments[i]
+        if (s.type !== 'ticket_event') continue
+        // Both seqs known and unequal: proven distinct, never payload-match.
+        const seqsDistinguish = s.streamSeq !== undefined && streamSeq !== undefined
+        if (
+          !seqsDistinguish &&
+          s.data.kind === data.kind &&
+          s.data.actorId === data.actorId &&
+          s.data.actorName === data.actorName &&
+          s.data.actorType === data.actorType &&
+          s.data.reason === data.reason &&
+          s.data.targetStatusKind === data.targetStatusKind
+        ) {
+          existingIndex = i
+        }
+        break
+      }
+    }
     if (existingIndex !== -1) {
       this.segments[existingIndex] = segment
       return this.getSegments()

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

@@ -21,6 +21,7 @@ import { SearchInput } from '../../ui';
 import { StatusFilterComponent } from '../../features';
 import {
   OPENFRAME_DEV_SECTIONS,
+  type OpenframeDevSection,
   type OpenframeDevSectionKey,
 } from '../../../utils/dev-sections/openframe-dev-sections';
 
@@ -65,7 +66,11 @@ export function DevSectionView({ sectionKey, hero, preControls, children, showHe
   const pathname = usePathname();
   const searchParams = useSearchParams();
 
-  const search = section.search;
+  // Widen from the registry's per-section literal types to the interface —
+  // optional fields (`clearParamKeys`) exist on the interface but not on
+  // every section's inferred literal. Sound: the registry `satisfies`
+  // `Record<string, OpenframeDevSection>`.
+  const search: OpenframeDevSection['search'] = section.search;
   const filter = section.filter;
 
   const currentSearch = search ? searchParams.get(search.paramKey) || '' : '';
@@ -73,8 +78,11 @@ export function DevSectionView({ sectionKey, hero, preControls, children, showHe
     ? searchParams.get(filter.paramKey) || filter.defaultValue
     : '';
 
-  // Controlled search-input state — input commits to the URL only on
-  // Enter (not on every keystroke), preserving the legacy behavior.
+  // Controlled search-input state — TYPING commits to the URL only on
+  // Enter (not on every keystroke), but CLEARING commits immediately:
+  // an emptied input must not keep filtering the list (the URL param —
+  // and any linked `clearParamKeys` companion like the tickets
+  // `?ticket=` drawer param — previously survived until Enter).
   // Lazy init from URL avoids a brief flash of stale value on first
   // paint after URL-driven re-render (e.g. tab switch).
   const [searchValue, setSearchValue] = useState(() => currentSearch);
@@ -85,9 +93,21 @@ export function DevSectionView({ sectionKey, hero, preControls, children, showHe
   const handleSearchSubmit = (value: string) => {
     if (!search) return;
     const params = new URLSearchParams(searchParams.toString());
-    if (value.trim()) params.set(search.paramKey, value.trim());
-    else params.delete(search.paramKey);
-    router.replace(`${pathname}?${params.toString()}`, { scroll: false });
+    if (value.trim()) {
+      params.set(search.paramKey, value.trim());
+    } else {
+      params.delete(search.paramKey);
+      // Empty commit tears down the search's linked companion params too
+      // (deep links set them TOGETHER — see the config field docs).
+      for (const key of search.clearParamKeys ?? []) params.delete(key);
+    }
+    const qs = params.toString();
+    router.replace(qs ? `${pathname}?${qs}` : pathname, { scroll: false });
+  };
+
+  const handleSearchChange = (value: string) => {
+    setSearchValue(value);
+    if (value === '' && currentSearch !== '') handleSearchSubmit('');
   };
 
   const handleFilterChange = (value: string) => {
@@ -129,7 +149,7 @@ export function DevSectionView({ sectionKey, hero, preControls, children, showHe
               showDropdown={false}
               placeholder={search.placeholder}
               value={searchValue}
-              onChange={setSearchValue}
+              onChange={handleSearchChange}
               onSubmit={handleSearchSubmit}
             />
           )}

package/src/utils/dev-sections/openframe-dev-sections.ts

@@ -30,7 +30,7 @@
 
 import { Map as MapIcon, Wrench, Rocket, GraduationCap, LifeBuoy, type LucideIcon } from 'lucide-react'
 import { releaseStatusOptions } from '../../types'
-import { DEV_SECTION_PARAM_KEYS } from './dev-section-param-keys'
+import { DEV_SECTION_PARAM_KEYS, TICKET_OPEN_PARAM } from './dev-section-param-keys'
 
 // Roadmap status options — `as const` preserves readonly tuple typing
 // across the registry boundary.
@@ -78,6 +78,12 @@ export interface OpenframeDevSection {
     placeholder: string
     /** URL search param the input writes on submit and the list reads on fetch. */
     paramKey: string
+    /** Companion URL params torn down whenever the search commits EMPTY.
+     *  For params that deep-links set TOGETHER with the search (e.g. the
+     *  tickets `?ticket=<id>&search=<id>` pair from chat cards) — clearing
+     *  the search must clear the whole linked context, not leave a stale
+     *  companion param filtering the view. */
+    clearParamKeys?: readonly string[]
   } | null
   /** Filter pill row configuration. `null` when the section has no filter (e.g. onboarding-guides). */
   filter: {
@@ -173,7 +179,14 @@ export const OPENFRAME_DEV_SECTIONS = {
       description:
         'Open new tickets, follow up on existing ones, and track responses from the team — all in one place.',
     },
-    search: { placeholder: 'Search your tickets...', paramKey: DEV_SECTION_PARAM_KEYS.search },
+    search: {
+      placeholder: 'Search your tickets...',
+      paramKey: DEV_SECTION_PARAM_KEYS.search,
+      // Chat-card deep links arrive as `?ticket=<id>&search=<id>`
+      // (buildTicketOpenHref) — clearing the search resets the whole
+      // linked context, drawer param included.
+      clearParamKeys: [TICKET_OPEN_PARAM],
+    },
     filter: {
       label: 'Status',
       paramKey: DEV_SECTION_PARAM_KEYS.status,

package/dist/chunk-N22NG622.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/shared/dev-section/dev-section-view.tsx","../src/components/shared/dev-section/dev-section-page.tsx","../src/components/shared/dev-section/dev-card-row.tsx","../src/components/shared/delivery/delivery-row.tsx"],"sourcesContent":["'use client';\n\n/**\n * DevSectionView — the canonical chrome for ANY dev-center section\n * (Roadmap / Delivery / Releases). One component, used in BOTH:\n *\n *   - tabbed `/roadmap-and-releases` (compact title mode, no `hero`)\n *   - full-page `/roadmap`, `/bug-fixes-and-enhancements`, `/releases`\n *     (hero mode with icon + description + back link)\n *\n * Owns: title rendering, the inline search input, the filter pill row,\n * and the URL-param wiring that connects both. The list `children`\n * receive a clean URL contract — they read `?<paramKey>=...` via\n * `useSearchParams()` and refetch on change. No duplicated controls.\n */\n\nimport type { ReactNode } from 'react';\nimport { useState, useEffect } from 'react';\nimport { useRouter, useSearchParams, usePathname } from '../../../embed-shims';\nimport { SearchInput } from '../../ui';\nimport { StatusFilterComponent } from '../../features';\nimport {\n  OPENFRAME_DEV_SECTIONS,\n  type OpenframeDevSectionKey,\n} from '../../../utils/dev-sections/openframe-dev-sections';\n\nexport interface DevSectionViewProps {\n  /** Which section to render — drives title, search, and filter\n   *  config via the `OPENFRAME_DEV_SECTIONS` registry. */\n  sectionKey: OpenframeDevSectionKey;\n  /** When set, renders the rich page-level hero (icon + h1 + description).\n   *  Omit for the compact tab-context heading. */\n  hero?: {\n    /** Pre-rendered icon JSX. Server components render the icon themselves\n     *  and pass the element here — function references can't cross the\n     *  server→client boundary, but React elements can. */\n    icon: ReactNode;\n    /** Hero title. Falls back to `OPENFRAME_DEV_SECTIONS[sectionKey].hero.title`\n     *  when omitted, so embedders can override the (OpenFrame-specific) default\n     *  copy without forking the registry. */\n    title?: string;\n    description: string;\n  };\n  /** Optional slot rendered BETWEEN the hero and the search/filter\n   *  controls. Use this for an entry-action surface that should sit\n   *  above the list (e.g. the Help Center's \"Open a new ticket\" form).\n   *  The slot is wrapped in the same `gap-10` flex column so spacing\n   *  matches the surrounding chrome — callers should NOT add their\n   *  own top/bottom margin. Renders `null` (no DOM) when omitted. */\n  preControls?: ReactNode;\n  /** The page-specific list body. Reads URL params written by this\n   *  component (search input + filter pills). */\n  children: ReactNode;\n  /** Render this component's own title heading (hero or compact `h2`). Default\n   *  `true` — the tab context renders the compact heading itself. Pass `false`\n   *  when the host already renders the title elsewhere (e.g. `DevSectionPage`\n   *  routes it through the unified `PageLayout` `TitleBlock`): then only the\n   *  search + filter controls + list render, with no duplicate heading. */\n  showHeading?: boolean;\n}\n\nexport function DevSectionView({ sectionKey, hero, preControls, children, showHeading = true }: DevSectionViewProps) {\n  const section = OPENFRAME_DEV_SECTIONS[sectionKey];\n  const router = useRouter();\n  const pathname = usePathname();\n  const searchParams = useSearchParams();\n\n  const search = section.search;\n  const filter = section.filter;\n\n  const currentSearch = search ? searchParams.get(search.paramKey) || '' : '';\n  const currentFilterValue = filter\n    ? searchParams.get(filter.paramKey) || filter.defaultValue\n    : '';\n\n  // Controlled search-input state — input commits to the URL only on\n  // Enter (not on every keystroke), preserving the legacy behavior.\n  // Lazy init from URL avoids a brief flash of stale value on first\n  // paint after URL-driven re-render (e.g. tab switch).\n  const [searchValue, setSearchValue] = useState(() => currentSearch);\n  useEffect(() => {\n    setSearchValue(currentSearch);\n  }, [currentSearch]);\n\n  const handleSearchSubmit = (value: string) => {\n    if (!search) return;\n    const params = new URLSearchParams(searchParams.toString());\n    if (value.trim()) params.set(search.paramKey, value.trim());\n    else params.delete(search.paramKey);\n    router.replace(`${pathname}?${params.toString()}`, { scroll: false });\n  };\n\n  const handleFilterChange = (value: string) => {\n    if (!filter) return;\n    const params = new URLSearchParams(searchParams.toString());\n    if (value === filter.defaultValue) params.delete(filter.paramKey);\n    else params.set(filter.paramKey, value);\n    router.replace(`${pathname}?${params.toString()}`, { scroll: false });\n  };\n\n  return (\n    <div className=\"w-full flex flex-col gap-10\">\n      {showHeading &&\n        (hero ? (\n          <div className=\"space-y-4\">\n            <h1 className=\"text-h1 tracking-[-1.12px] text-ods-text-primary flex items-center gap-3\">\n              {hero.icon}\n              {hero.title ?? section.hero.title}\n            </h1>\n            <p className=\"text-h4 text-ods-text-secondary max-w-3xl\">\n              {hero.description}\n            </p>\n          </div>\n        ) : (\n          <div className=\"flex items-center justify-between w-full\">\n            <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]\">\n              {section.hero.title}\n              <span className=\"text-ods-accent\">:</span>\n            </h2>\n          </div>\n        ))}\n\n      {preControls}\n\n      {(search || filter) && (\n        <div className=\"space-y-4\">\n          {search && (\n            <SearchInput\n              showDropdown={false}\n              placeholder={search.placeholder}\n              value={searchValue}\n              onChange={setSearchValue}\n              onSubmit={handleSearchSubmit}\n            />\n          )}\n          {filter && (\n            <StatusFilterComponent\n              selectedStatus={currentFilterValue}\n              onStatusChange={handleFilterChange}\n              statusOptions={[...filter.options]}\n            />\n          )}\n        </div>\n      )}\n\n      {children}\n    </div>\n  );\n}\n","'use client';\n\n/**\n * DevSectionPage — full-page wrapper for a dev-center section\n * (`/roadmap`, `/bug-fixes-and-enhancements`, `/releases`).\n *\n * Mounts the lib's canonical `PageLayout` directly (no in-app wrapper)\n * so the back-button affordance stays in lockstep with whatever the\n * design system ships — any future lib change to BackButton / TitleBlock\n * propagates automatically.\n *\n * Composition: `PageShell` → `PageLayout` (back-to-home wired) →\n * `DevSectionView` (icon hero + search + filter pills) → list body.\n *\n * Adding a new section is one entry in `OPENFRAME_DEV_SECTIONS` plus a\n * single-line page file mounting this factory with the new key.\n */\n\nimport type { ReactNode } from 'react';\nimport { useRouter } from '../../../embed-shims/next-navigation';\nimport { PageShell, PageLayout } from '../../ui';\nimport { DevSectionView } from './dev-section-view';\nimport {\n  OPENFRAME_DEV_SECTIONS,\n  type OpenframeDevSectionKey,\n} from '../../../utils/dev-sections/openframe-dev-sections';\n\nexport interface DevSectionPageProps {\n  sectionKey: OpenframeDevSectionKey;\n  /** The page-specific list body (e.g. `<RoadmapList />`). */\n  children: ReactNode;\n  /** Optional slot rendered BETWEEN the hero and search/filter — see\n   *  `DevSectionView.preControls`. Used by surfaces that want an entry\n   *  action (e.g. Help Center's \"Open a new ticket\" form) above the\n   *  controls instead of below them. */\n  preControls?: ReactNode;\n  /** Back-button config — same shape as `LegalDocumentPage` /\n   *  `ReleaseDetailPage`. Pass `false` to hide entirely. Default\n   *  `{ label: 'Back to home', href: '/' }` — embedders whose \"home\" isn't `/`\n   *  should override `href`, or pass `false` if the embed has no home page. */\n  backButton?: { label?: string; href?: string } | false;\n  /** Override the hero title. Defaults to the (OpenFrame-specific) copy in\n   *  `OPENFRAME_DEV_SECTIONS[sectionKey].hero.title`. Set this to brand the\n   *  section for a non-OpenFrame embed. */\n  title?: string;\n  /** Override the hero subtitle/description. Defaults to\n   *  `OPENFRAME_DEV_SECTIONS[sectionKey].hero.description`. */\n  subtitle?: string;\n  /** Render the standalone `<PageShell>` (own `<main>` + bg + max-width). Default\n   *  `true` — the contract for marketing/hub surfaces with no app shell. Pass\n   *  `false` when the host layout already provides the page container (e.g.\n   *  openframe-frontend's `AppLayout` `<main>`): then only the\n   *  `page-shell-content` padding box is rendered, avoiding a nested `<main>`. */\n  shell?: boolean;\n}\n\nexport function DevSectionPage({\n  sectionKey,\n  children,\n  preControls,\n  backButton,\n  title,\n  subtitle,\n  shell = true,\n}: DevSectionPageProps) {\n  const router = useRouter();\n  const section = OPENFRAME_DEV_SECTIONS[sectionKey];\n\n  // Back-button config — mirrors LegalDocumentPage / ReleaseDetailPage.\n  // Default: { label: 'Back to home', href: '/' }. Pass `false` to hide.\n  // After `backButton &&` narrowing, inner type is `{ label?, href? } |\n  // undefined`; don't re-compare to `false` (TS2367).\n  const backCfg =\n    backButton === false\n      ? undefined\n      : {\n          label: (backButton ? backButton.label : undefined) ?? 'Back to home',\n          onClick: () => router.push((backButton ? backButton.href : undefined) ?? '/'),\n        };\n\n  const inner = (\n    // Unified header: title/description route through the canonical (frozen)\n    // `PageLayout` `TitleBlock` (text-h2) — same as FAQ / Legal / detail pages —\n    // so every help-center surface shares one header. `DevSectionView` then\n    // renders ONLY its search + filter controls (`showHeading={false}`), no\n    // duplicate title. (The hero icon is intentionally dropped: TitleBlock is\n    // frozen and renders title-only.)\n    <PageLayout\n      title={title ?? section.hero.title}\n      subtitle={subtitle ?? section.hero.description}\n      titleSize=\"h1\"\n      titleWrap\n      backButton={backCfg}\n    >\n      <DevSectionView sectionKey={sectionKey} showHeading={false} preControls={preControls}>\n        {children}\n      </DevSectionView>\n    </PageLayout>\n  );\n\n  // `shell` true → standalone `<PageShell>` (own <main> + bg + max-width).\n  // false → padding-only box (no nested <main>) for hosts whose layout already\n  // provides the container; both consume the host's `--page-shell-*` vars.\n  return shell ? <PageShell>{inner}</PageShell> : <div className=\"page-shell-content\">{inner}</div>;\n}\n","'use client';\n\n/**\n * Shared row chrome for any `DevSectionPage` list (delivery, tickets,\n * future sections). One source of truth for the layout that every\n * dev-section card row uses:\n *   left column  → title (h3) / subtitle (h5 uppercase) / description\n *                  (h4 line-clamp-3), each in a fixed min-height block\n *                  so rows align across the grid\n *   right column → caller-supplied stacked badges\n *\n * Surface stays small on purpose — `rightBadges` is a `ReactNode` so\n * the caller decides how many badges (delivery: 2, tickets: 1-2,\n * future: anything). No behavior baked in: the caller wraps the row\n * in a `<div>` (static, like delivery) or `<button>` (clickable, like\n * tickets) and renders the row content via this component.\n *\n * Pair with `DevCardRowSkeletonList` for the loading state — the\n * skeleton mirrors the same min-heights so the in-flight UI doesn't\n * shift the layout when real data lands.\n *\n * NOTE: the ticket conversation row is NOT here — it renders the shared\n * `<ChatMessageRow>` (`components/chat/chat-message-row.tsx`), the SAME\n * component the OpenMSP Slack-community feed uses, so the two surfaces stay\n * pixel-identical by construction.\n */\n\nimport type { ReactNode } from 'react';\n\nexport interface DevCardRowContentProps {\n  title: string;\n  /** Single-line uppercase metadata (e.g. \"UPDATED today, #4271, Code review\"). */\n  subtitle: string;\n  /** 3-line description block. Empty string renders the fallback. */\n  description: string;\n  /** Fallback copy when `description` is empty. Defaults to a generic\n   *  string; ticket / delivery surfaces override. */\n  emptyDescription?: string;\n  /** Right column — caller renders its own stacked badges. */\n  rightBadges: ReactNode;\n}\n\nexport function DevCardRowContent({\n  title,\n  subtitle,\n  description,\n  emptyDescription = 'No description provided',\n  rightBadges,\n}: DevCardRowContentProps) {\n  return (\n    <div className=\"flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full\">\n      <div className=\"flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]\">\n        <div className=\"min-h-[24px] flex items-center\">\n          <h3 className=\"text-h3 text-ods-text-primary tracking-[-0.36px] flex-1 line-clamp-2 md:truncate break-words\">\n            {title}\n          </h3>\n        </div>\n        <div className=\"min-h-[20px] flex items-center\">\n          <p className=\"text-h5 text-ods-text-secondary uppercase tracking-[-0.28px] truncate\">\n            {subtitle}\n          </p>\n        </div>\n        <div className=\"min-h-[72px] flex items-center\">\n          <p className=\"text-h4 text-ods-text-secondary line-clamp-3 break-words\">\n            {description || emptyDescription}\n          </p>\n        </div>\n      </div>\n      <div className=\"flex-shrink-0 self-start flex flex-col gap-2\">\n        {rightBadges}\n      </div>\n    </div>\n  );\n}\n\n/**\n * Skeleton rendering for a single row — the bars mirror the same\n * min-heights as `DevCardRowContent` so the loading→loaded swap\n * doesn't reflow.\n */\nexport function DevCardRowSkeleton() {\n  return (\n    <div className=\"border-b border-ods-border last:border-b-0 p-[12px] md:p-[16px]\">\n      <div className=\"flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full\">\n        <div className=\"flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]\">\n          <div className=\"min-h-[24px] flex items-center\">\n            <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-full\" />\n          </div>\n          <div className=\"min-h-[20px] flex items-center\">\n            <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-1/2\" />\n          </div>\n          <div className=\"min-h-[72px] flex items-center\">\n            <div className=\"flex-1 space-y-1\">\n              <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-full\" />\n              <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-full\" />\n              <div className=\"h-[20px] bg-ods-border rounded animate-pulse w-2/3\" />\n            </div>\n          </div>\n        </div>\n        <div className=\"flex-shrink-0 self-start flex flex-col gap-2\">\n          <div className=\"h-[32px] w-[100px] bg-ods-border rounded animate-pulse\" />\n          <div className=\"h-[32px] w-[120px] bg-ods-border rounded animate-pulse\" />\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * The standard \"5 skeleton rows inside a bordered card\" loading state\n * used by every list shell. Both delivery (`delivery-table.tsx`) and\n * tickets (`tickets-list.tsx`) mount this directly.\n */\nexport function DevCardRowSkeletonList({ rows = 5 }: { rows?: number }) {\n  return (\n    <div className=\"bg-ods-card border border-ods-border rounded-[6px] overflow-hidden w-full\">\n      {Array.from({ length: rows }, (_, i) => (\n        <DevCardRowSkeleton key={i} />\n      ))}\n    </div>\n  );\n}\n","'use client'\n\n/**\n * `<DeliveryRow />` — canonical single-row presentation for a ClickUp\n * delivery item.\n *\n * Single source of truth: both the `/bug-fixes-and-enhancements` page\n * (via `DeliveryTable`) AND the linked-delivery card on a HubSpot ticket\n * (via `TicketLinkedDeliveryCard`) compose this primitive. Visual parity\n * across those two surfaces is the design goal — the user reads the\n * card on their ticket and recognises it as a row from the public\n * delivery list.\n *\n * Behaviors:\n *   - `href` set → outer element is an `<a>`, the whole row becomes\n *     clickable (used by the linked-card surface to deep-link into\n *     `/bug-fixes-and-enhancements?focus=<id>`).\n *   - `id` set → outer element gets that DOM id so the consuming page\n *     can `scrollIntoView` to it when the URL carries `?focus=<id>`.\n *   - `highlighted` true → brief accent border + background pulse\n *     (`animate-flash-focus` keyframe defined in `tailwind.config.ts`).\n *   - `caption` set → small uppercase label rendered above the title\n *     (\"LINKED DELIVERY\" on the ticket-side variant). Omitted on the\n *     standard list rendering.\n */\n\nimport * as React from 'react'\nimport Link from '../../../embed-shims/next-link'\nimport { StatusBadge } from '../../ui/status-badge'\nimport { AvatarStack } from '../../ui/avatar-stack'\nimport { getStatusColorScheme } from '../../../utils'\nimport {\n  type DeliveryItem,\n  TASK_TYPE_LABELS,\n  TASK_TYPE_TEXT_COLORS,\n} from '../../../types/delivery'\nimport { cn } from '../../../utils/cn'\n\n/** Same heuristic as DeliveryTable's local helper. Inlined so the row\n *  primitive owns its complete rendering contract. */\nfunction getRelativeTime(timestamp: number): string {\n  const now = Date.now()\n  const diff = now - timestamp\n  const days = Math.floor(diff / (1000 * 60 * 60 * 24))\n  const weeks = Math.floor(days / 7)\n  const months = Math.floor(days / 30)\n  if (months > 0) return months === 1 ? 'last month' : `${months} months ago`\n  if (weeks > 0) return weeks === 1 ? 'last week' : `${weeks} weeks ago`\n  if (days > 0) return days === 1 ? 'yesterday' : `${days} days ago`\n  return 'today'\n}\n\nexport interface DeliveryRowProps {\n  item: DeliveryItem\n  /** When set, the row becomes a clickable anchor. The ticket-side\n   *  linked-card composes this from `buildDevSectionUrl('delivery', id)`\n   *  which carries `?search=<id>` — the delivery list filters to that\n   *  exact task on landing (canonical deep-link mechanism, same one\n   *  the chat-inline delivery card uses). */\n  href?: string\n  /** Small uppercase caption rendered above the title. Used by the\n   *  linked-delivery card variant (\"LINKED DELIVERY\"). */\n  caption?: string\n  /** DOM `id` applied to the row's outer element. `DeliveryTable`\n   *  always sets `delivery-<external_id>` so chat-card deep-links\n   *  (`?search=<id>#delivery-<id>`) and the ticket linked-card path\n   *  both have a target for `useScrollToHash` to scroll to. Always\n   *  paired with `scroll-mt-24` on the outer element so the row lands\n   *  BELOW the sticky chrome after the scroll. */\n  id?: string\n  className?: string\n}\n\nexport function DeliveryRow({\n  item,\n  href,\n  caption,\n  id,\n  className,\n}: DeliveryRowProps) {\n  const taskType = item.taskType as keyof typeof TASK_TYPE_LABELS\n  const typeBadgeLabel = TASK_TYPE_LABELS[taskType] || 'TASK'\n  const typeBadgeTextColor = TASK_TYPE_TEXT_COLORS[taskType] || ''\n  const statusBadgeScheme = getStatusColorScheme(item.status)\n  const relativeTime = getRelativeTime(item.dateUpdated)\n  const subtitle = `ACTIVE ${relativeTime}${item.listNames.length > 0 ? `, ${item.listNames.join(', ')}` : ''}, ${item.id}`\n\n  const inner = (\n    <div className=\"flex flex-col md:flex-row items-start justify-between gap-[12px] md:gap-[16px] w-full\">\n      {/* Left: caption (optional) + title + subtitle + description */}\n      <div className=\"flex-1 min-w-0 w-full md:w-auto flex flex-col gap-[12px] md:gap-[16px]\">\n        {caption && (\n          <p className=\"text-h5 text-ods-text-secondary\">\n            {caption}\n          </p>\n        )}\n        <div className=\"min-h-[24px] md:min-h-[24px] flex items-center\">\n          <h3 className=\"text-h3 text-ods-text-primary tracking-[-0.36px] flex-1 line-clamp-2 md:truncate break-words\">\n            {item.title}\n          </h3>\n        </div>\n        <div className=\"min-h-[20px] flex items-center\">\n          <p className=\"text-h5 text-ods-text-secondary uppercase tracking-[-0.28px] truncate\">\n            {subtitle}\n          </p>\n        </div>\n        <div className=\"min-h-[72px] flex items-center\">\n          <p className=\"text-h4 text-ods-text-secondary line-clamp-3 break-words\">\n            {item.description || 'No description provided'}\n          </p>\n        </div>\n      </div>\n\n      {/* Right (desktop): badges + assignee stack in a right-aligned\n          column. Mobile: ONE horizontal footer row — badges lead,\n          avatars anchor the right edge (kanban-card convention: the\n          assignee owns the trailing slot of the meta row; a column of\n          right-aligned orphans under the description reads as clutter\n          on small screens). */}\n      <div className=\"flex-shrink-0 self-stretch md:self-start w-full md:w-auto flex flex-row md:flex-col items-center md:items-end gap-2\">\n        <StatusBadge\n          text={item.status.toUpperCase()}\n          colorScheme={statusBadgeScheme}\n          variant=\"card\"\n          className=\"border border-ods-border\"\n        />\n        <StatusBadge\n          text={typeBadgeLabel}\n          variant=\"card\"\n          className={`border border-ods-border ${typeBadgeTextColor}`}\n        />\n        {item.assignees && item.assignees.length > 0 ? (\n          <AvatarStack\n            size=\"xs\"\n            className=\"ml-auto md:ml-0\"\n            people={item.assignees.map((a) => ({\n              key: a.id,\n              name: a.name ?? 'Unknown',\n              avatarUrl: a.avatarUrl,\n            }))}\n          />\n        ) : null}\n      </div>\n    </div>\n  )\n\n  const baseClass = cn(\n    'block p-[12px] md:p-[16px] no-underline text-inherit transition-colors duration-150',\n    // `scroll-mt-24` is paid for whether `id` is set or not (it's a\n    // single Tailwind utility, no runtime cost). Keeping it\n    // unconditional means a future caller adding `id` doesn't also\n    // have to remember to ask for the offset.\n    'scroll-mt-24',\n    href && 'hover:bg-ods-bg-hover cursor-pointer',\n    className,\n  )\n\n  if (href) {\n    // `Link` is the env-aware embed-shim — delegates to `next/link` on\n    // a Next.js host (soft RSC nav, back-button restores the previous\n    // page's React state intact), falls back to a plain `<a>` on\n    // non-Next embedders. A raw `<a href>` was hard-navigating +\n    // losing TanStack-Query state on back, leaving /tickets stuck on\n    // its skeleton.\n    return (\n      <Link href={href} id={id} className={baseClass} prefetch={false}>\n        {inner}\n      </Link>\n    )\n  }\n\n  return <div id={id} className={baseClass}>{inner}</div>\n}\n"],"mappings":"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","names":["jsx","jsx","jsxs","jsx","jsxs"]}