spine-framework 0.3.145 → 0.4.1

package/.framework/src/components/ui/empty.tsx

@@ -1,3 +1,13 @@
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/empty.tsx:module_header:module_header" type="module_header" identity="module_header" parent="~/.framework/src/components/ui/empty.tsx"]
+// CIL[DOC-MACRO purpose="Empty-state UI component module for the design system"]
+// CIL[DOC-RESPONSIBILITY responsibility="Import dependencies and export the empty-state component suite"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="none" outputs="none" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Imports cva and cn, then re-exports six subcomponents for empty states" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-AUDIENCE audience="framework-developer"]
+
 
 
 
@@ -7,38 +17,24 @@
 
 
 
-// CIL[BEGIN chunk_id="empty_module_header_1783844098" type="module_header" identity="imports" parent="none"]
-// CIL[DOC-MACRO purpose="Import dependencies for empty state components"]
-// CIL[DOC-RESPONSIBILITY responsibility="Import styling utilities and variant system"]
-// CIL[DOC-CONTEXT module="empty" layer="ui" related_files="[\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="styling utilities" errors="none" side_effects="none"]
-// CIL[DOC-MICRO logic_summary="Imports cva for variant styling and cn for class merging" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-AUDIENCE audience="developer"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/src/components/ui/dialog.tsx, .framework/src/components/ui/table-primitives.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, \."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
-// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
-// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 import { cva, type VariantProps } from "class-variance-authority"
 import { cn } from "@/lib/utils"
-// CIL[END chunk_id="empty_module_header_1783844098"]
-// CIL[BEGIN chunk_id="empty_empty_1783844098" type="function" identity="Empty" parent="none"]
-// CIL[DOC-MACRO purpose="Main empty state container component"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render empty state layout with centered content"]
-// CIL[DOC-CONTEXT module="empty" layer="ui" related_files="[\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="styled div container" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Creates centered flex container with dashed border for empty states" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, .framework/src/components/ui/table-primitives.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/RolesPage.tsx, \."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="context" content="purpose='Empty-state UI component module for the design system'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/empty.tsx:module_header:module_header"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/empty.tsx:Empty:component" type="component" identity="Empty" parent="~/.framework/src/components/ui/empty.tsx"]
+// CIL[DOC-MACRO purpose="Root empty-state layout container"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render a centered, bordered empty-state wrapper that accepts className"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/empty.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className: optional CSS class, props: remaining div props" outputs="JSX.Element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Spreads props onto a div and merges Tailwind utility classes with cn()" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function Empty({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -51,21 +47,22 @@ function Empty({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-// CIL[END chunk_id="empty_empty_1783844098"]
-// CIL[BEGIN chunk_id="empty_emptyheader_1783844098" type="function" identity="EmptyHeader" parent="none"]
-// CIL[DOC-MACRO purpose="Header container for empty state content"]
-// CIL[DOC-RESPONSIBILITY responsibility="Provide layout container for empty state header elements"]
-// CIL[DOC-CONTEXT module="empty" layer="ui" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/migrations/015_simplify_apps_table.sql\",\".framework/src/components/ui/table-primitives.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="header container div" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Creates flex column container with max-width constraint for headers" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, .framework/migrations/015_simplify_apps_table.sql, .framework/src/components/ui/table-primitives.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, \."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="context" content="purpose='Root empty-state layout container'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/empty.tsx:Empty:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/empty.tsx:EmptyHeader:component" type="component" identity="EmptyHeader" parent="~/.framework/src/components/ui/empty.tsx"]
+// CIL[DOC-MACRO purpose="Header area inside an empty state"]
+// CIL[DOC-RESPONSIBILITY responsibility="Center the icon and title group vertically with a small gap"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/empty.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className: optional CSS class, props: remaining div props" outputs="JSX.Element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Renders a flex column with a max-width and appends className via cn()" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function EmptyHeader({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -75,21 +72,23 @@ function EmptyHeader({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-// CIL[END chunk_id="empty_emptyheader_1783844098"]
-// CIL[BEGIN chunk_id="empty_emptymediavariants_1783844098" type="const" identity="emptyMediaVariants" parent="none"]
-// CIL[DOC-MACRO purpose="Style variants for empty state media component"]
-// CIL[DOC-RESPONSIBILITY responsibility="Define visual variants for media/icons in empty states"]
-// CIL[DOC-CONTEXT module="empty" layer="ui" related_files="[\".framework/src/components/ui/dialog.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="CSS class names" errors="none" side_effects="none"]
-// CIL[DOC-MICRO logic_summary="CVA configuration for default and icon variants with styling" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 1. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/src/components/ui/table-primitives.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, \."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 1. Total affected: 1."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="context" content="purpose='Header area inside an empty state'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/empty.tsx:EmptyHeader:component"]
+
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/empty.tsx:emptyMediaVariants:constant" type="constant" identity="emptyMediaVariants" parent="~/.framework/src/components/ui/empty.tsx"]
+// CIL[DOC-MACRO purpose="Style variants for the empty-state media icon wrapper"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide tailwind class strings for the default and icon media variants"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/empty.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="variant: 'default' | 'icon'" outputs="Tailwind CSS class string for the media wrapper" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="cva() with a default transparent state and an icon variant that adds a muted background" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 const emptyMediaVariants = cva(
   "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
@@ -104,21 +103,23 @@ const emptyMediaVariants = cva(
     },
   }
 )
-// CIL[END chunk_id="empty_emptymediavariants_1783844098"]
-// CIL[BEGIN chunk_id="empty_emptymedia_1783844098" type="function" identity="EmptyMedia" parent="none"]
-// CIL[DOC-MACRO purpose="Media/icon container for empty states"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render styled container for icons or media in empty states"]
-// CIL[DOC-CONTEXT module="empty" layer="ui" related_files="[\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/principal.ts\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/functions/_shared/schema-utils.ts\",\"custom/apps/portal/pages/ContentPage.tsx\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="styled media div" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Applies variant styling for media container with icon support" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: .framework/src/pages/admin/TypeDetailPage.tsx, .framework/functions/_shared/principal.ts, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/functions/_shared/schema-utils.ts, custom/apps/portal/pages/ContentPage.tsx, \."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="context" content="purpose='Style variants for the empty-state media icon wrapper'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/empty.tsx:emptyMediaVariants:constant"]
+
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/empty.tsx:EmptyMedia:component" type="component" identity="EmptyMedia" parent="~/.framework/src/components/ui/empty.tsx"]
+// CIL[DOC-MACRO purpose="Icon or media area for an empty state"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render a media container styled by emptyMediaVariants based on the selected variant"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/empty.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className: optional CSS class, variant: visual style, props: remaining div props" outputs="JSX.Element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Selects the icon variant and merges the resulting cva() class with className using cn()" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function EmptyMedia({
   className,
   variant = "default",
@@ -133,21 +134,23 @@ function EmptyMedia({
     />
   )
 }
-// CIL[END chunk_id="empty_emptymedia_1783844098"]
-// CIL[BEGIN chunk_id="empty_emptytitle_1783844098" type="function" identity="EmptyTitle" parent="none"]
-// CIL[DOC-MACRO purpose="Title component for empty state"]
-// CIL[DOC-RESPONSIBILITY responsibility="Display styled title text in empty states"]
-// CIL[DOC-CONTEXT module="empty" layer="ui" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="styled title div" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Creates heading-styled text with font and spacing for titles" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: none."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="context" content="purpose='Icon or media area for an empty state'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/empty.tsx:EmptyMedia:component"]
+
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/empty.tsx:EmptyTitle:component" type="component" identity="EmptyTitle" parent="~/.framework/src/components/ui/empty.tsx"]
+// CIL[DOC-MACRO purpose="Title text for an empty state"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render a small, medium-weight heading for empty-state messaging"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/empty.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className: optional CSS class, props: remaining div props" outputs="JSX.Element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Applies a font-heading text-sm style and appends className through cn()" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -160,21 +163,22 @@ function EmptyTitle({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-// CIL[END chunk_id="empty_emptytitle_1783844098"]
-// CIL[BEGIN chunk_id="empty_emptydescription_1783844098" type="function" identity="EmptyDescription" parent="none"]
-// CIL[DOC-MACRO purpose="Description text component for empty state"]
-// CIL[DOC-RESPONSIBILITY responsibility="Display styled description text in empty states"]
-// CIL[DOC-CONTEXT module="empty" layer="ui" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="styled description div" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Creates muted text styling with link support for descriptions" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: none."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="context" content="purpose='Title text for an empty state'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/empty.tsx:EmptyTitle:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/empty.tsx:EmptyDescription:component" type="component" identity="EmptyDescription" parent="~/.framework/src/components/ui/empty.tsx"]
+// CIL[DOC-MACRO purpose="Description text for an empty state"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render muted, small body text with link styling for empty-state help"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/empty.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className: optional CSS class, props: remaining paragraph props" outputs="JSX.Element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Uses text-muted-foreground with relaxed line height and underline rules for nested links" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
   return (
     <div
@@ -187,21 +191,22 @@ function EmptyDescription({ className, ...props }: React.ComponentProps<"p">) {
     />
   )
 }
-// CIL[END chunk_id="empty_emptydescription_1783844098"]
-// CIL[BEGIN chunk_id="empty_emptycontent_1783844098" type="function" identity="EmptyContent" parent="none"]
-// CIL[DOC-MACRO purpose="Content container for empty state details"]
-// CIL[DOC-RESPONSIBILITY responsibility="Provide layout container for additional empty state content"]
-// CIL[DOC-CONTEXT module="empty" layer="ui" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="styled content div" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Creates flex column container with text styling for content" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: none."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="context" content="purpose='Description text for an empty state'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/empty.tsx:EmptyDescription:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/empty.tsx:EmptyContent:component" type="component" identity="EmptyContent" parent="~/.framework/src/components/ui/empty.tsx"]
+// CIL[DOC-MACRO purpose="Body content area for an empty state"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render a centered, bounded text container for custom empty-state children"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/empty.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className: optional CSS class, props: remaining div props" outputs="JSX.Element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Creates a max-w-sm flex column with text-balance and appends className via cn()" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function EmptyContent({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -214,21 +219,21 @@ function EmptyContent({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-// CIL[END chunk_id="empty_emptycontent_1783844098"]
-// CIL[BEGIN chunk_id="empty_exports_1783844098" type="exports" identity="exports" parent="none"]
-// CIL[DOC-MACRO purpose="Export empty state components"]
-// CIL[DOC-RESPONSIBILITY responsibility="Make all empty state components available for import"]
-// CIL[DOC-CONTEXT module="empty" layer="ui" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="component exports" errors="none" side_effects="module exports"]
-// CIL[DOC-MICRO logic_summary="Exports all empty state components for external usage" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: none."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="context" content="purpose='Body content area for an empty state'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/empty.tsx:EmptyContent:component"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/empty.tsx:exports:variable" type="variable" identity="exports" parent="~/.framework/src/components/ui/empty.tsx"]
+// CIL[DOC-MACRO purpose="Public API export for the empty-state component set"]
+// CIL[DOC-RESPONSIBILITY responsibility="Expose all named empty-state subcomponents for consumers"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/empty.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="none" outputs="named exports: Empty, EmptyHeader, EmptyTitle, EmptyDescription, EmptyContent, EmptyMedia" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Re-exports the six component symbols from this module" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 export {
   Empty,
   EmptyHeader,
@@ -237,4 +242,10 @@ export {
   EmptyContent,
   EmptyMedia,
 }
-// CIL[END chunk_id="empty_exports_1783844098"]
+// CIL[DOC-VECTOR type="context" content="purpose='Public API export for the empty-state component set'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/empty.tsx:exports:variable"]