@exxatdesignux/ui 0.2.18 → 0.3.0

package/template/components/onboarding/index.ts

@@ -1,3 +1,12 @@
+export {
+  GettingStarted,
+  GettingStartedProgressCard,
+  GettingStartedVariantView,
+  renderGettingStartedVariant,
+  GETTING_STARTED_STORAGE_KEY,
+} from "./getting-started"
+export type { GettingStartedVariant } from "./getting-started"
+
 export { Onboarding01 } from "./onboarding-01"
 export { Onboarding02 } from "./onboarding-02"
 export { Onboarding03 } from "./onboarding-03"

package/template/components/onboarding/onboarding-01.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { GettingStartedVariantView } from "@/components/getting-started"
+import { GettingStartedVariantView } from "./getting-started"
 
 export function Onboarding01() {
   return <GettingStartedVariantView variant="checklist" />

package/template/components/onboarding/onboarding-02.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { GettingStartedVariantView } from "@/components/getting-started"
+import { GettingStartedVariantView } from "./getting-started"
 
 export function Onboarding02() {
   return <GettingStartedVariantView variant="workspace" />

package/template/components/onboarding/onboarding-03.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { GettingStartedVariantView } from "@/components/getting-started"
+import { GettingStartedVariantView } from "./getting-started"
 
 export function Onboarding03() {
   return <GettingStartedVariantView variant="numbered" />

package/template/components/onboarding/onboarding-04.tsx

@@ -1,6 +1,6 @@
 "use client"
 
-import { GettingStartedVariantView } from "@/components/getting-started"
+import { GettingStartedVariantView } from "./getting-started"
 
 export function Onboarding04() {
   return <GettingStartedVariantView variant="quickstart" />

package/template/components/page-header.tsx

@@ -1,226 +1,8 @@
-"use client"
-
-/**
- * PageHeader — Full-width content area header
- *
- * Sits at the top of a page's main content, BELOW the breadcrumb/topbar.
- * Uses Ivy Presto (Adobe Fonts) for the title via font-heading CSS variable.
- *
- * **Variant `collaboration`** — optional access line + collaborator faces (or **Add collaborator**
- * when the roster is empty) ahead of the primary `actions` slot; **Invite people** stays in **⋯ More**.
- *
- * WCAG 2.1 AA:
- *  ✓ <h1> landmark — one per page (WCAG 1.3.1)
- *  ✓ Sufficient colour contrast ≥ 4.5:1 on title + subtitle (SC 1.4.3)
- *  ✓ Face row: `role="group"` + aggregate `aria-label`; each face has a `Tooltip` name
- */
-
-import * as React from "react"
-import { cn } from "@/lib/utils"
-import {
-  COLLABORATION_HEADER_ADD_LABEL,
-  type CollaboratorAccessRole,
-} from "@/lib/collaborator-access"
-import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
-import { Button } from "@/components/ui/button"
-import { Separator } from "@/components/ui/separator"
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/tooltip"
-
-export type PageHeaderVariant = "default" | "collaboration"
-
-export interface PageHeaderCollaborator {
-  id: string
-  name: string
-  imageUrl?: string | null
-  initials?: string
-  email?: string
-  access?: CollaboratorAccessRole
-  /** Org / directory role tags (e.g. Faculty, Program coordinator). */
-  roles?: string[]
-}
-
-export interface PageHeaderProps {
-  /** Primary page title — rendered as <h1> in Ivy Presto serif */
-  title: string
-  /** Short descriptor or date shown below the title (and below `accessInfo` when set) */
-  subtitle?: React.ReactNode
-  /** Layout preset — `collaboration` enables access line + face row ahead of `actions`. */
-  variant?: PageHeaderVariant
-  /**
-   * Role / access copy or badges — rendered between the title and subtitle when
-   * `variant="collaboration"` (e.g. lock icon + “Editors can modify”).
-   */
-  accessInfo?: React.ReactNode
-  /** People with access — shown as a horizontal row of faces when `variant="collaboration"`. */
-  collaborators?: PageHeaderCollaborator[]
-  /** Max faces before a `+N` chip — default 3 */
-  collaboratorDisplayLimit?: number
-  /** Opens the invite collaborators sheet when a face, overflow chip, or empty-state CTA is activated. */
-  onCollaboratorsOpen?: () => void
-  /** Label for the empty-roster header control — default **Add collaborator**. */
-  addCollaboratorLabel?: string
-  /** Optional slot for right-aligned actions (buttons, selectors, etc.) */
-  actions?: React.ReactNode
-  /** Extra className for the outer wrapper */
-  className?: string
-  /** When false, the title + subtitle are visually hidden (actions remain). */
-  showTitleBlock?: boolean
-}
-
-function PageHeaderCollaborationAccess({
-  people,
-  limit,
-  onOpenCollaborators,
-  addCollaboratorLabel,
-}: {
-  people: PageHeaderCollaborator[]
-  limit: number
-  onOpenCollaborators?: () => void
-  addCollaboratorLabel: string
-}) {
-  if (people.length === 0) {
-    return (
-      <div
-        role="group"
-        aria-label="People with access"
-        className="flex shrink-0 items-center"
-      >
-        <Button
-          type="button"
-          variant="outline"
-          size="lg"
-          onClick={onOpenCollaborators}
-          disabled={!onOpenCollaborators}
-        >
-          <i className="fa-light fa-user-plus" aria-hidden="true" />
-          {addCollaboratorLabel}
-        </Button>
-      </div>
-    )
-  }
-
-  const visible = people.slice(0, limit)
-  const overflow = Math.max(0, people.length - visible.length)
-  const names = people.map(p => p.name).join(", ")
-
-  return (
-    <div
-      role="group"
-      aria-label={names ? `People with access: ${names}` : "People with access"}
-      className="flex shrink-0 items-center gap-2 sm:gap-2.5"
-    >
-      <div className="flex shrink-0 items-center gap-1.5">
-        {visible.map(c => (
-          <Tooltip key={c.id}>
-            <TooltipTrigger asChild>
-              <button
-                type="button"
-                className="relative shrink-0 rounded-full focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background"
-                aria-label={`Open collaborators — ${c.name}`}
-                onClick={onOpenCollaborators}
-                disabled={!onOpenCollaborators}
-              >
-                <Avatar size="sm" shape="circle" className="pointer-events-none">
-                  {c.imageUrl ? (
-                    <AvatarImage src={c.imageUrl} alt="" referrerPolicy="no-referrer" />
-                  ) : null}
-                  <AvatarFallback className="text-xs font-semibold">
-                    {(c.initials ?? c.name.slice(0, 2)).toUpperCase()}
-                  </AvatarFallback>
-                </Avatar>
-              </button>
-            </TooltipTrigger>
-            <TooltipContent side="bottom">{c.name}</TooltipContent>
-          </Tooltip>
-        ))}
-        {overflow > 0 && (
-          <button
-            type="button"
-            className="flex size-6 shrink-0 items-center justify-center rounded-full bg-muted text-[11px] font-semibold tabular-nums text-muted-foreground ring-1 ring-border/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background"
-            aria-label={`Open collaborators — ${overflow} more people with access`}
-            onClick={onOpenCollaborators}
-            disabled={!onOpenCollaborators}
-          >
-            +{overflow}
-          </button>
-        )}
-      </div>
-    </div>
-  )
-}
-
-export function PageHeader({
-  title,
-  subtitle,
-  variant = "default",
-  accessInfo,
-  collaborators,
-  collaboratorDisplayLimit = 3,
-  onCollaboratorsOpen,
-  addCollaboratorLabel = COLLABORATION_HEADER_ADD_LABEL,
-  actions,
-  className,
-  showTitleBlock = true,
-}: PageHeaderProps) {
-  const isCollaboration = variant === "collaboration"
-  const showAccess = Boolean(isCollaboration && accessInfo)
-  const showCollaborationAccess = isCollaboration
-  const showActionsColumn = Boolean(actions) || showCollaborationAccess
-  const showCollaboratorActionsSeparator =
-    showCollaborationAccess && Boolean(actions)
-
-  return (
-    <div
-      className={cn(
-        "flex flex-col gap-1 px-4 pt-2 pb-4 lg:px-6",
-        "sm:flex-row sm:items-end sm:gap-4",
-        showTitleBlock ? "sm:justify-between" : "sm:justify-end",
-        className,
-      )}
-    >
-      {/* Title block — hidden visually when showTitleBlock is false; keep h1 for a11y */}
-      <div className={cn("flex min-w-0 flex-col gap-0.5", !showTitleBlock && "sr-only")}>
-        <h1
-          className="text-2xl font-semibold tracking-tight leading-tight text-foreground"
-          style={{ fontFamily: "var(--font-heading)" }}
-          suppressHydrationWarning
-        >
-          {title}
-        </h1>
-        {showAccess && (
-          <div className="flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1 text-xs leading-snug text-muted-foreground">
-            {accessInfo}
-          </div>
-        )}
-        {subtitle && (
-          <p className="text-sm text-muted-foreground leading-none">{subtitle}</p>
-        )}
-      </div>
-
-      {showActionsColumn && (
-        <div className="flex flex-wrap items-center gap-2 sm:gap-3 shrink-0 sm:ms-auto sm:justify-end">
-          {showCollaborationAccess ? (
-            <PageHeaderCollaborationAccess
-              people={collaborators ?? []}
-              limit={collaboratorDisplayLimit}
-              onOpenCollaborators={onCollaboratorsOpen}
-              addCollaboratorLabel={addCollaboratorLabel}
-            />
-          ) : null}
-          {showCollaboratorActionsSeparator ? (
-            <Separator
-              orientation="vertical"
-              decorative
-              className="h-8 shrink-0"
-            />
-          ) : null}
-          {actions}
-        </div>
-      )}
-    </div>
-  )
-}
+// PageHeader was promoted to `@exxatdesignux/ui` on 2026-05-20 so
+// non-Next consumers (Vite, Remix, docs sites) can compose hub headers
+// without duplicating collaboration variants and face-row a11y wiring.
+//
+// This shim keeps every existing `import … from "@/components/page-header"`
+// site working. Apps/web-specific helpers (label constants, role icon
+// maps) still live in `lib/collaborator-access.ts`.
+export * from "@exxatdesignux/ui/components/page-header"

package/template/components/placement-board-card.tsx

@@ -1,7 +1,8 @@
 "use client"
 
 /**
- * Placement-specific board card — composes shared board primitives with column defs and lifecycle layout rules.
+ * Placement-specific board card — composes shared board primitives with
+ * column defs and shared layout helpers (no lifecycle parameterisation).
  */
 
 import * as React from "react"
@@ -20,11 +21,9 @@ import {
 } from "@/components/data-views/list-page-board-card"
 import type { BoardLineCount } from "@/lib/data-list-display-options"
 import {
-  type BoardCardLifecycleTabId,
   filterColumnsForBoardCard,
   isBoardFieldActive,
   remainingBodyColumns,
-  scheduleKeysForTab,
 } from "@/lib/placement-board-card-layout"
 import { getConditionalRowBackground } from "@/lib/conditional-rule-match"
 import type { ConditionalRule } from "@/components/table-properties/types"
@@ -75,89 +74,79 @@ function boardCellContent(row: Placement, col: ColumnDef<Placement>): React.Reac
 
 function renderScheduleSection(
   row: Placement,
-  tab: BoardCardLifecycleTabId,
   hiddenColKeys: Set<string>,
   boardColumns: ColumnDef<Placement>[],
 ): React.ReactNode {
-  const sk = scheduleKeysForTab(tab)
-  const anyActive = sk.some(k => isBoardFieldActive(k, tab, hiddenColKeys, boardColumns))
-  if (!anyActive) return null
-
-  switch (tab) {
-    case "all": {
-      const aStart = isBoardFieldActive("start", tab, hiddenColKeys, boardColumns)
-      const aDur = isBoardFieldActive("duration", tab, hiddenColKeys, boardColumns)
-      if (!aStart && !aDur) return null
-      return (
-        <BoardCardTwoLineBlock
-          iconClass="fa-calendar-days"
-          line1={aStart ? row.start : "—"}
-          line2={aDur ? row.duration : "—"}
-        />
-      )
-    }
-    case "upcoming": {
-      const aStart = isBoardFieldActive("start", tab, hiddenColKeys, boardColumns)
-      const aDays = isBoardFieldActive("daysUntilStart", tab, hiddenColKeys, boardColumns)
-      if (!aStart && !aDays) return null
-      const line2 =
-        aDays && row.daysUntilStart > 0
-          ? `Starts in ${row.daysUntilStart} days`
-          : aDays && row.daysUntilStart === 0
-            ? "Starts today"
+  const phase = row.placementPhase
+  const aStart = isBoardFieldActive("start", hiddenColKeys, boardColumns)
+  const aDur = isBoardFieldActive("duration", hiddenColKeys, boardColumns)
+  const aDays = isBoardFieldActive("daysUntilStart", hiddenColKeys, boardColumns)
+  const aProg = isBoardFieldActive("progressWeeksDone", hiddenColKeys, boardColumns)
+  const aEnd = isBoardFieldActive("endDate", hiddenColKeys, boardColumns)
+  const aComp = isBoardFieldActive("completionDate", hiddenColKeys, boardColumns)
+  const aFinal = isBoardFieldActive("finalStatus", hiddenColKeys, boardColumns)
+
+  if (phase === "upcoming" && (aStart || aDays)) {
+    const line2 =
+      aDays && row.daysUntilStart > 0
+        ? `Starts in ${row.daysUntilStart} days`
+        : aDays && row.daysUntilStart === 0
+          ? "Starts today"
+          : aDur
+            ? row.duration
             : "—"
-      return (
-        <BoardCardTwoLineBlock
-          iconClass="fa-calendar-days"
-          line1={aStart ? row.start : "—"}
-          line2={line2}
-        />
-      )
-    }
-    case "ongoing": {
-      const aP = isBoardFieldActive("progressWeeksDone", tab, hiddenColKeys, boardColumns)
-      const aEnd = isBoardFieldActive("endDate", tab, hiddenColKeys, boardColumns)
-      if (!aP && !aEnd) return null
-      return (
-        <BoardCardTwoLineBlock
-          iconClass="fa-calendar-days"
-          line1={aP ? `${row.progressWeeksDone} / ${row.progressWeeksTotal} wks` : "—"}
-          line2={aEnd ? row.endDate : "—"}
-        />
-      )
-    }
-    case "completed": {
-      const aComp = isBoardFieldActive("completionDate", tab, hiddenColKeys, boardColumns)
-      const aFinal = isBoardFieldActive("finalStatus", tab, hiddenColKeys, boardColumns)
-      if (!aComp && !aFinal) return null
-      const finalCol = boardColumns.find(c => c.key === "finalStatus")
-      return (
-        <BoardCardTwoLineBlock
-          iconClass="fa-calendar-check"
-          line1={aComp ? row.completionDate : "—"}
-          line2={
-            aFinal && finalCol ? (
-              <span className="inline-flex min-w-0 max-w-full [&_span]:text-xs">
-                {boardCellContent(row, finalCol)}
-              </span>
-            ) : aFinal ? (
-              row.finalStatus
-            ) : (
-              "—"
-            )
-          }
-          line2ClassName={aFinal && finalCol ? "text-xs" : undefined}
-        />
-      )
-    }
-    default:
-      return null
+    return (
+      <BoardCardTwoLineBlock
+        iconClass="fa-calendar-days"
+        line1={aStart ? row.start : "—"}
+        line2={line2}
+      />
+    )
+  }
+  if (phase === "ongoing" && (aProg || aEnd)) {
+    return (
+      <BoardCardTwoLineBlock
+        iconClass="fa-calendar-days"
+        line1={aProg ? `${row.progressWeeksDone} / ${row.progressWeeksTotal} wks` : "—"}
+        line2={aEnd ? row.endDate : "—"}
+      />
+    )
+  }
+  if (phase === "completed" && (aComp || aFinal)) {
+    const finalCol = boardColumns.find(c => c.key === "finalStatus")
+    return (
+      <BoardCardTwoLineBlock
+        iconClass="fa-calendar-check"
+        line1={aComp ? row.completionDate : "—"}
+        line2={
+          aFinal && finalCol ? (
+            <span className="inline-flex min-w-0 max-w-full [&_span]:text-xs">
+              {boardCellContent(row, finalCol)}
+            </span>
+          ) : aFinal ? (
+            row.finalStatus
+          ) : (
+            "—"
+          )
+        }
+        line2ClassName={aFinal && finalCol ? "text-xs" : undefined}
+      />
+    )
+  }
+  if (aStart || aDur) {
+    return (
+      <BoardCardTwoLineBlock
+        iconClass="fa-calendar-days"
+        line1={aStart ? row.start : "—"}
+        line2={aDur ? row.duration : "—"}
+      />
+    )
   }
+  return null
 }
 
 export function BoardPlacementCard({
   row,
-  lifecycleTabId,
   hiddenColKeys,
   lineCount,
   conditionalRules,
@@ -165,7 +154,6 @@ export function BoardPlacementCard({
   onOpen,
 }: {
   row: Placement
-  lifecycleTabId: BoardCardLifecycleTabId
   hiddenColKeys: Set<string>
   lineCount: BoardLineCount
   conditionalRules: ConditionalRule[] | undefined
@@ -177,11 +165,11 @@ export function BoardPlacementCard({
 
   const visibleCols = boardColumns.filter(c => !hiddenColKeys.has(c.key))
   const showStudent = visibleCols.some(c => c.key === "student")
-  const cardCols = filterColumnsForBoardCard(lifecycleTabId, visibleCols)
-  const remainingCols = remainingBodyColumns(lifecycleTabId, cardCols)
+  const cardCols = filterColumnsForBoardCard(visibleCols)
+  const remainingCols = remainingBodyColumns(cardCols)
 
-  const showStatus = isBoardFieldActive("status", lifecycleTabId, hiddenColKeys, boardColumns)
-  const showSite = isBoardFieldActive("site", lifecycleTabId, hiddenColKeys, boardColumns)
+  const showStatus = isBoardFieldActive("status", hiddenColKeys, boardColumns)
+  const showSite = isBoardFieldActive("site", hiddenColKeys, boardColumns)
   const siteCol = boardColumns.find(c => c.key === "site")
 
   const cardShell = (className: string, children: React.ReactNode) => (
@@ -245,7 +233,7 @@ export function BoardPlacementCard({
           </BoardCardIconRow>
         ) : null}
 
-        {renderScheduleSection(row, lifecycleTabId, hiddenColKeys, boardColumns)}
+        {renderScheduleSection(row, hiddenColKeys, boardColumns)}
 
         {remainingCols.length > 0 ? (
           <div className="flex flex-col gap-2">

package/template/components/placements-board-view.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 /**
- * PlacementsBoardView — kanban-style board by lifecycle phase (domain-specific columns).
+ * PlacementsBoardView — kanban-style board by placement phase (domain-specific columns).
  * View chrome labels use `dataListViewLabel` from `@/lib/data-list-view` at the page level;
  * this component focuses on placement phase grouping + shared card primitives.
  */
@@ -23,7 +23,6 @@ import {
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu"
 import { DEFAULT_DATA_LIST_DISPLAY_OPTIONS, type BoardLineCount } from "@/lib/data-list-display-options"
-import { type BoardCardLifecycleTabId } from "@/lib/placement-board-card-layout"
 import type { ConditionalRule } from "@/components/table-properties/types"
 import type { ColumnDef } from "@/components/data-table/types"
 import { Badge } from "@/components/ui/badge"
@@ -76,8 +75,6 @@ export interface BoardDisplaySettings {
 
 export interface PlacementsBoardViewProps {
   placements: Placement[]
-  /** Current lifecycle filter tab — drives helper copy above the board. */
-  lifecycleTabId: BoardCardLifecycleTabId
   /** When set, each phase column header shows the same actions as a DataTable column header. */
   boardColumnMenu?: PlacementsBoardColumnMenu
   /** Board display options (Properties → view display). */
@@ -176,7 +173,7 @@ function BoardPhaseColumnHeader({
                   value={searchValue}
                   onChange={e => onSearchChange(e.target.value)}
                   onKeyDown={e => e.stopPropagation()}
-                  className="h-7 pl-6 text-xs"
+                  className="h-7 ps-6 text-xs"
                 />
                 {searchValue ? (
                   <button
@@ -282,7 +279,6 @@ function BoardPhaseColumnHeader({
 
 export function PlacementsBoardView({
   placements,
-  lifecycleTabId,
   boardColumnMenu,
   boardDisplay: boardDisplayProp,
   hiddenColKeys: hiddenColKeysProp,
@@ -333,9 +329,7 @@ export function PlacementsBoardView({
   return (
     <div className="px-4 pb-8 pt-2 lg:px-6">
       <p className="text-xs text-muted-foreground mb-4">
-        {lifecycleTabId === "all"
-          ? "Rows grouped by phase (same data as Table view and List view)."
-          : `Filtered to ${lifecycleTabId} — cards shown in matching columns only.`}
+        Rows grouped by phase (same data as Table view and List view).
       </p>
       <div className="grid grid-cols-1 gap-4 md:grid-cols-3 min-h-[min(480px,calc(100vh-14rem))]">
         {PHASE_COLUMNS.map(col => {
@@ -385,7 +379,6 @@ export function PlacementsBoardView({
                     <BoardPlacementCard
                       key={row.id}
                       row={row}
-                      lifecycleTabId={lifecycleTabId}
                       hiddenColKeys={hiddenColKeys}
                       lineCount={bd.lineCount}
                       conditionalRules={conditionalRules}

package/template/components/placements-client.tsx

@@ -6,6 +6,10 @@
  * options, show-metrics toggle) and mounts `PlacementsTable` per tab.
  *
  * Uses centralized exports from `@/components/data-views`.
+ *
+ * NOTE: Lifecycle (all/upcoming/ongoing/completed) segments have been removed.
+ * All tabs read the same row bag; users can create their own segments via
+ * "Add view" / filters.
  */
 
 import * as React from "react"
@@ -16,15 +20,9 @@ import {
   type ViewTab,
   PlacementsTable,
   type PlacementsTableHandle,
-  type PlacementLifecycleTabId,
   type DataListViewType,
   dataListViewIcon,
 } from "@/components/data-views"
-import {
-  emptyCopyForPlacementLifecycleTab,
-  getPlacementColumnsForLifecycle,
-  placementLifecycleDrawerLabels,
-} from "@/components/placements-table-columns"
 import { PlacementsPageHeader } from "@/components/placements-page-header"
 import {
   DEFAULT_DATA_LIST_DISPLAY_OPTIONS,
@@ -32,20 +30,12 @@ import {
 } from "@/lib/data-list-display-options"
 import { loadPageFromStorage, schedulePageSave } from "@/lib/data-list-persistence"
 import { KeyMetrics }  from "@/components/key-metrics"
-import { placementsForPhase } from "@/lib/mock/placements"
+import { ALL_PLACEMENTS } from "@/lib/mock/placements"
 import { PLACEMENT_KPI_INSIGHT, PLACEMENT_KPI_METRICS } from "@/lib/mock/placements-kpi"
 import { useAskLeoPageContext } from "@/components/ask-leo-sidebar"
 import { CoachMark } from "@/components/ui/coach-mark"
 import { useCoachMark, type CoachMarkStep } from "@/hooks/use-coach-mark"
 
-/** Maps each view tab's `filterId` to the demo row segment — unknown ids fall back to all rows. */
-function segmentFilterToPhase(id: string): PlacementLifecycleTabId {
-  if (id === "all" || id === "upcoming" || id === "ongoing" || id === "completed") {
-    return id
-  }
-  return "all"
-}
-
 // ─────────────────────────────────────────────────────────────────────────────
 // Coach mark flow — Views & Properties tour
 // ─────────────────────────────────────────────────────────────────────────────
@@ -58,7 +48,7 @@ const VIEWS_TOUR_STEPS: CoachMarkStep[] = [
     align: "start",
     title: "Switch Between Views",
     description:
-      "Use these tabs to move between saved segments — All, Due soon, In progress, or Done. Each tab keeps its own layout and properties.",
+      "Use these tabs to move between saved views. Each tab keeps its own layout, filters, and properties.",
   },
   {
     id: "views-settings",
@@ -112,17 +102,7 @@ const VIEWS_TOUR_STEPS: CoachMarkStep[] = [
 // ─────────────────────────────────────────────────────────────────────────────
 
 const DEFAULT_TABS: ViewTab[] = [
-  { id: "all",       label: "All",        viewType: "table", icon: "fa-table",              filterId: "all"       },
-  { id: "upcoming",  label: "Due soon",   viewType: "table", icon: "fa-calendar-clock",     filterId: "upcoming"  },
-  { id: "ongoing",   label: "In progress", viewType: "table", icon: "fa-circle-half-stroke", filterId: "ongoing"   },
-  { id: "completed", label: "Done",       viewType: "table", icon: "fa-circle-check",       filterId: "completed" },
-]
-
-const LIFECYCLE_OPTIONS = [
-  { id: "all",       label: "All"        },
-  { id: "upcoming",  label: "Due soon"   },
-  { id: "ongoing",   label: "In progress" },
-  { id: "completed", label: "Done" },
+  { id: "all", label: "All", viewType: "table", icon: "fa-table", filterId: "all" },
 ]
 
 // ─────────────────────────────────────────────────────────────────────────────
@@ -146,9 +126,7 @@ export function PlacementsClient() {
   })
 
   const activeTab = tabs.find((t) => t.id === activeTabId)
-  const placementCount = activeTab
-    ? placementsForPhase(activeTab.filterId as PlacementLifecycleTabId).length
-    : 0
+  const placementCount = ALL_PLACEMENTS.length
 
   useAskLeoPageContext(
     React.useMemo(
@@ -222,27 +200,17 @@ export function PlacementsClient() {
       }
       showMetrics={showMetrics}
       defaultTabs={DEFAULT_TABS}
-      filterOptions={LIFECYCLE_OPTIONS}
-      filterLabel="Filter segment"
-      getTabCount={(filterId) => placementsForPhase(segmentFilterToPhase(filterId)).length}
-      renderContent={(tab, updateTab) => {
-        const phase = segmentFilterToPhase(tab.filterId)
-        return (
+      renderContent={(tab, updateTab) => (
         <PlacementsTable
           key={tab.id}
           ref={tableRef}
           view={tab.viewType}
           onViewChange={(v: DataListViewType) => updateTab({ viewType: v, icon: dataListViewIcon(v) })}
-          lifecycleTabId={phase}
-          getColumnsForLifecycle={getPlacementColumnsForLifecycle}
-          emptyTableCopy={emptyCopyForPlacementLifecycleTab(phase)}
-          lifecycleDrawerLabel={placementLifecycleDrawerLabels[phase]}
           displayOptions={displayOptions}
           onDisplayOptionsChange={patch =>
             setDisplayOptions(prev => ({ ...prev, ...patch }))}
         />
-        )
-      }}
+      )}
       exportOpen={exportOpen}
       onExportOpenChange={setExportOpen}
     />