spine-framework 0.3.144 → 0.4.0

package/.framework/src/components/ui/table-primitives.tsx

@@ -8,38 +8,36 @@
 
 
 
-// CIL[BEGIN chunk_id="table-primitives_module_header_1783757774" type="module_header" identity="module_header" parent="none"]
-// CIL[DOC-MACRO purpose="Import dependencies for table primitives"]
-// CIL[DOC-RESPONSIBILITY responsibility="Import React and utility function"]
-// CIL[DOC-CONTEXT module="table-primitives" layer="frontend-component" related_files="[\".framework/migrations/015_simplify_apps_table.sql\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/principal.ts\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="none" errors="none" side_effects="none"]
-// CIL[DOC-MICRO logic_summary="Import React and cn utility function" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table-primitives.tsx:module_header:module_header" type="module_header" identity="module_header" parent=""]
+// CIL[DOC-MACRO purpose="Provides styled React table primitive components for use across the UI"]
+// CIL[DOC-RESPONSIBILITY responsibility="Import dependencies and export the table component set"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Import React and cn utility, then re-export all table subcomponents" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
 // CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-AUDIENCE audience="developer"]
-// CIL[DOC-VECTOR type="context" content="Layer: frontend-component. Direct callers: 0. Direct calls: 0. Related files: .framework/migrations/015_simplify_apps_table.sql, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, .framework/functions/_shared/principal.ts, \."]
-// 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"]
+// CIL[DOC-AUDIENCE audience="ui-developers,framework"]
+
 import * as React from 'react'
 import { cn } from '../../lib/utils'
-// CIL[END chunk_id="table-primitives_module_header_1783757774"]
-// CIL[BEGIN chunk_id="table-primitives_table_1783757774" type="function" identity="Table" parent="none"]
-// CIL[DOC-MACRO purpose="Root table component with overflow handling"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render table with responsive overflow wrapper"]
-// CIL[DOC-CONTEXT module="table-primitives" layer="frontend-component" related_files="[\".framework/src/components/ui/dialog.tsx\",\".framework/migrations/015_simplify_apps_table.sql\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="JSX table wrapper" errors="none" side_effects="renders UI elements"]
-// CIL[DOC-MICRO logic_summary="Wrap table in responsive div with overflow handling" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: frontend-component. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, .framework/migrations/015_simplify_apps_table.sql, 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='Provides styled React table primitive components for use across the UI'; 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/table-primitives.tsx:module_header:module_header"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table-primitives.tsx:table:constant" type="constant" identity="table" parent="module_header"]
+// CIL[DOC-MACRO purpose="Renders a scrollable table wrapper with merged class names"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render the root Table component"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/table-primitives.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className, ...props" outputs="JSX table element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Forward ref to an overflow-auto div containing a styled table" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+
 const Table = React.forwardRef<
   HTMLTableElement,
   React.HTMLAttributes<HTMLTableElement>
@@ -52,44 +50,78 @@ const Table = React.forwardRef<
     />
   </div>
 ))
-Table.displayName = 'Table'
-// CIL[END chunk_id="table-primitives_table_1783757774"]
-// CIL[BEGIN chunk_id="table-primitives_tableheader_1783757774" type="function" identity="TableHeader" parent="none"]
-// CIL[DOC-MACRO purpose="Table header section component"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render table header with bottom border styling"]
-// CIL[DOC-CONTEXT module="table-primitives" layer="frontend-component" related_files="[\".framework/migrations/015_simplify_apps_table.sql\",\".framework/src/components/ui/dialog.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="JSX thead element" errors="none" side_effects="renders UI elements"]
-// CIL[DOC-MICRO logic_summary="Render thead with bottom border on rows" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-VECTOR type="context" content="purpose='Renders a scrollable table wrapper with merged class names'; 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/table-primitives.tsx:table:constant"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table-primitives.tsx:table_display_name:assignment" type="assignment" identity="table_display_name" parent="module_header"]
+// CIL[DOC-MACRO purpose="Assigns a human-readable display name to Table"]
+// CIL[DOC-RESPONSIBILITY responsibility="Set Table.displayName for debugging"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/table-primitives.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="display name string" outputs="Table.displayName assignment" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Assign the PascalCase name to the component's displayName property" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
 // CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: frontend-component. Direct callers: 0. Direct calls: 0. Related files: .framework/migrations/015_simplify_apps_table.sql, .framework/src/components/ui/dialog.tsx, custom/apps/portal/pages/ContentPage.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.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."]
+
+Table.displayName = 'Table'
+// CIL[DOC-VECTOR type="context" content="purpose='Assigns a human-readable display name to Table'; 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/table-primitives.tsx:table_display_name:assignment"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table-primitives.tsx:tableheader:constant" type="constant" identity="tableheader" parent="module_header"]
+// CIL[DOC-MACRO purpose="Renders the table header section with row border styling"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render the TableHeader component"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/table-primitives.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className, ...props" outputs="JSX thead element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Forward ref to a styled thead with bottom border on rows" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+
 const TableHeader = React.forwardRef<
   HTMLTableSectionElement,
   React.HTMLAttributes<HTMLTableSectionElement>
 >(({ className, ...props }, ref) => (
   <thead ref={ref} className={cn('[&_tr]:border-b', className)} {...props} />
 ))
-TableHeader.displayName = 'TableHeader'
-// CIL[END chunk_id="table-primitives_tableheader_1783757774"]
-// CIL[BEGIN chunk_id="table-primitives_tablebody_1783757774" type="function" identity="TableBody" parent="none"]
-// CIL[DOC-MACRO purpose="Table body section component"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render table body with no bottom border on last row"]
-// CIL[DOC-CONTEXT module="table-primitives" layer="frontend-component" related_files="[\".framework/migrations/015_simplify_apps_table.sql\",\".framework/src/components/ui/dialog.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="JSX tbody element" errors="none" side_effects="renders UI elements"]
-// CIL[DOC-MICRO logic_summary="Render tbody with no border on last child row" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-VECTOR type="context" content="purpose='Renders the table header section with row border styling'; 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/table-primitives.tsx:tableheader:constant"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table-primitives.tsx:tableheader_display_name:assignment" type="assignment" identity="tableheader_display_name" parent="module_header"]
+// CIL[DOC-MACRO purpose="Assigns a human-readable display name to TableHeader"]
+// CIL[DOC-RESPONSIBILITY responsibility="Set TableHeader.displayName for debugging"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/table-primitives.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="display name string" outputs="TableHeader.displayName assignment" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Assign the PascalCase name to the component's displayName property" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
 // CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: frontend-component. Direct callers: 0. Direct calls: 0. Related files: .framework/migrations/015_simplify_apps_table.sql, .framework/src/components/ui/dialog.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."]
+
+TableHeader.displayName = 'TableHeader'
+// CIL[DOC-VECTOR type="context" content="purpose='Assigns a human-readable display name to TableHeader'; 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/table-primitives.tsx:tableheader_display_name:assignment"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table-primitives.tsx:tablebody:constant" type="constant" identity="tablebody" parent="module_header"]
+// CIL[DOC-MACRO purpose="Renders the table body with last-row border removal"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render the TableBody component"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/table-primitives.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className, ...props" outputs="JSX tbody element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Forward ref to a styled tbody and remove border from the last row" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+
 const TableBody = React.forwardRef<
   HTMLTableSectionElement,
   React.HTMLAttributes<HTMLTableSectionElement>
@@ -100,22 +132,39 @@ const TableBody = React.forwardRef<
     {...props}
   />
 ))
-TableBody.displayName = 'TableBody'
-// CIL[END chunk_id="table-primitives_tablebody_1783757774"]
-// CIL[BEGIN chunk_id="table-primitives_tablefooter_1783757774" type="function" identity="TableFooter" parent="none"]
-// CIL[DOC-MACRO purpose="Table footer section component"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render table footer with top border and muted background"]
-// CIL[DOC-CONTEXT module="table-primitives" layer="frontend-component" related_files="[\".framework/migrations/015_simplify_apps_table.sql\",\".framework/src/components/ui/dialog.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="JSX tfoot element" errors="none" side_effects="renders UI elements"]
-// CIL[DOC-MICRO logic_summary="Render tfoot with top border, muted background, and no border on last row" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-VECTOR type="context" content="purpose='Renders the table body with last-row border removal'; 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/table-primitives.tsx:tablebody:constant"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table-primitives.tsx:tablebody_display_name:assignment" type="assignment" identity="tablebody_display_name" parent="module_header"]
+// CIL[DOC-MACRO purpose="Assigns a human-readable display name to TableBody"]
+// CIL[DOC-RESPONSIBILITY responsibility="Set TableBody.displayName for debugging"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/table-primitives.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="display name string" outputs="TableBody.displayName assignment" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Assign the PascalCase name to the component's displayName property" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
 // CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: frontend-component. Direct callers: 0. Direct calls: 0. Related files: .framework/migrations/015_simplify_apps_table.sql, .framework/src/components/ui/dialog.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."]
+
+TableBody.displayName = 'TableBody'
+// CIL[DOC-VECTOR type="context" content="purpose='Assigns a human-readable display name to TableBody'; 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/table-primitives.tsx:tablebody_display_name:assignment"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table-primitives.tsx:tablefooter:constant" type="constant" identity="tablefooter" parent="module_header"]
+// CIL[DOC-MACRO purpose="Renders the table footer with top border and muted background"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render the TableFooter component"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/table-primitives.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className, ...props" outputs="JSX tfoot element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Forward ref to a styled tfoot with top border and muted background" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+
 const TableFooter = React.forwardRef<
   HTMLTableSectionElement,
   React.HTMLAttributes<HTMLTableSectionElement>
@@ -129,22 +178,39 @@ const TableFooter = React.forwardRef<
     {...props}
   />
 ))
-TableFooter.displayName = 'TableFooter'
-// CIL[END chunk_id="table-primitives_tablefooter_1783757774"]
-// CIL[BEGIN chunk_id="table-primitives_tablerow_1783757774" type="function" identity="TableRow" parent="none"]
-// CIL[DOC-MACRO purpose="Table row component with hover and selection states"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render table row with interactive styling"]
-// CIL[DOC-CONTEXT module="table-primitives" layer="frontend-component" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="JSX tr element" errors="none" side_effects="renders UI elements"]
-// CIL[DOC-MICRO logic_summary="Render tr with border, hover effect, and selection state styling" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-VECTOR type="context" content="purpose='Renders the table footer with top border and muted background'; 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/table-primitives.tsx:tablefooter:constant"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table-primitives.tsx:tablefooter_display_name:assignment" type="assignment" identity="tablefooter_display_name" parent="module_header"]
+// CIL[DOC-MACRO purpose="Assigns a human-readable display name to TableFooter"]
+// CIL[DOC-RESPONSIBILITY responsibility="Set TableFooter.displayName for debugging"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/table-primitives.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="display name string" outputs="TableFooter.displayName assignment" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Assign the PascalCase name to the component's displayName property" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
 // CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: frontend-component. 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."]
+
+TableFooter.displayName = 'TableFooter'
+// CIL[DOC-VECTOR type="context" content="purpose='Assigns a human-readable display name to TableFooter'; 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/table-primitives.tsx:tablefooter_display_name:assignment"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table-primitives.tsx:tablerow:constant" type="constant" identity="tablerow" parent="module_header"]
+// CIL[DOC-MACRO purpose="Renders a table row with hover and selected states"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render the TableRow component"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/table-primitives.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className, ...props" outputs="JSX tr element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Forward ref to a styled tr with hover and data-selected states" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+
 const TableRow = React.forwardRef<
   HTMLTableRowElement,
   React.HTMLAttributes<HTMLTableRowElement>
@@ -158,22 +224,39 @@ const TableRow = React.forwardRef<
     {...props}
   />
 ))
-TableRow.displayName = 'TableRow'
-// CIL[END chunk_id="table-primitives_tablerow_1783757774"]
-// CIL[BEGIN chunk_id="table-primitives_tablehead_1783757774" type="function" identity="TableHead" parent="none"]
-// CIL[DOC-MACRO purpose="Table header cell component"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render table header cell with proper styling and checkbox handling"]
-// CIL[DOC-CONTEXT module="table-primitives" layer="frontend-component" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="JSX th element" errors="none" side_effects="renders UI elements"]
-// CIL[DOC-MICRO logic_summary="Render th with height, padding, alignment, and checkbox column handling" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-VECTOR type="context" content="purpose='Renders a table row with hover and selected states'; 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/table-primitives.tsx:tablerow:constant"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table-primitives.tsx:tablerow_display_name:assignment" type="assignment" identity="tablerow_display_name" parent="module_header"]
+// CIL[DOC-MACRO purpose="Assigns a human-readable display name to TableRow"]
+// CIL[DOC-RESPONSIBILITY responsibility="Set TableRow.displayName for debugging"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/table-primitives.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="display name string" outputs="TableRow.displayName assignment" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Assign the PascalCase name to the component's displayName property" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
 // CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: frontend-component. 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."]
+
+TableRow.displayName = 'TableRow'
+// CIL[DOC-VECTOR type="context" content="purpose='Assigns a human-readable display name to TableRow'; 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/table-primitives.tsx:tablerow_display_name:assignment"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table-primitives.tsx:tablehead:constant" type="constant" identity="tablehead" parent="module_header"]
+// CIL[DOC-MACRO purpose="Renders a styled table header cell with checkbox padding handling"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render the TableHead component"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/table-primitives.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className, ...props" outputs="JSX th element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Forward ref to a styled th with reduced padding for checkboxes" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+
 const TableHead = React.forwardRef<
   HTMLTableCellElement,
   React.ThHTMLAttributes<HTMLTableCellElement>
@@ -187,22 +270,39 @@ const TableHead = React.forwardRef<
     {...props}
   />
 ))
-TableHead.displayName = 'TableHead'
-// CIL[END chunk_id="table-primitives_tablehead_1783757774"]
-// CIL[BEGIN chunk_id="table-primitives_tablecell_1783757774" type="function" identity="TableCell" parent="none"]
-// CIL[DOC-MACRO purpose="Table data cell component"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render table data cell with proper styling and checkbox handling"]
-// CIL[DOC-CONTEXT module="table-primitives" layer="frontend-component" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="JSX td element" errors="none" side_effects="renders UI elements"]
-// CIL[DOC-MICRO logic_summary="Render td with padding, alignment, and checkbox column handling" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-VECTOR type="context" content="purpose='Renders a styled table header cell with checkbox padding handling'; 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/table-primitives.tsx:tablehead:constant"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table-primitives.tsx:tablehead_display_name:assignment" type="assignment" identity="tablehead_display_name" parent="module_header"]
+// CIL[DOC-MACRO purpose="Assigns a human-readable display name to TableHead"]
+// CIL[DOC-RESPONSIBILITY responsibility="Set TableHead.displayName for debugging"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/table-primitives.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="display name string" outputs="TableHead.displayName assignment" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Assign the PascalCase name to the component's displayName property" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
 // CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: frontend-component. 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."]
+
+TableHead.displayName = 'TableHead'
+// CIL[DOC-VECTOR type="context" content="purpose='Assigns a human-readable display name to TableHead'; 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/table-primitives.tsx:tablehead_display_name:assignment"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table-primitives.tsx:tablecell:constant" type="constant" identity="tablecell" parent="module_header"]
+// CIL[DOC-MACRO purpose="Renders a styled table data cell with checkbox padding handling"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render the TableCell component"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/table-primitives.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className, ...props" outputs="JSX td element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Forward ref to a styled td with reduced padding for checkboxes" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+
 const TableCell = React.forwardRef<
   HTMLTableCellElement,
   React.TdHTMLAttributes<HTMLTableCellElement>
@@ -213,22 +313,39 @@ const TableCell = React.forwardRef<
     {...props}
   />
 ))
-TableCell.displayName = 'TableCell'
-// CIL[END chunk_id="table-primitives_tablecell_1783757774"]
-// CIL[BEGIN chunk_id="table-primitives_tablecaption_1783757774" type="function" identity="TableCaption" parent="none"]
-// CIL[DOC-MACRO purpose="Table caption component"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render table caption with muted styling"]
-// CIL[DOC-CONTEXT module="table-primitives" layer="frontend-component" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="JSX caption element" errors="none" side_effects="renders UI elements"]
-// CIL[DOC-MICRO logic_summary="Render caption with top margin, small text, and muted color" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-VECTOR type="context" content="purpose='Renders a styled table data cell with checkbox padding handling'; 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/table-primitives.tsx:tablecell:constant"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table-primitives.tsx:tablecell_display_name:assignment" type="assignment" identity="tablecell_display_name" parent="module_header"]
+// CIL[DOC-MACRO purpose="Assigns a human-readable display name to TableCell"]
+// CIL[DOC-RESPONSIBILITY responsibility="Set TableCell.displayName for debugging"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/table-primitives.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="display name string" outputs="TableCell.displayName assignment" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Assign the PascalCase name to the component's displayName property" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
 // CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: frontend-component. 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."]
+
+TableCell.displayName = 'TableCell'
+// CIL[DOC-VECTOR type="context" content="purpose='Assigns a human-readable display name to TableCell'; 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/table-primitives.tsx:tablecell_display_name:assignment"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table-primitives.tsx:tablecaption:constant" type="constant" identity="tablecaption" parent="module_header"]
+// CIL[DOC-MACRO purpose="Renders a styled table caption with muted foreground"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render the TableCaption component"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/table-primitives.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className, ...props" outputs="JSX caption element" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Forward ref to a styled caption with top margin and muted text" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+
 const TableCaption = React.forwardRef<
   HTMLTableCaptionElement,
   React.HTMLAttributes<HTMLTableCaptionElement>
@@ -239,22 +356,39 @@ const TableCaption = React.forwardRef<
     {...props}
   />
 ))
-TableCaption.displayName = 'TableCaption'
-// CIL[END chunk_id="table-primitives_tablecaption_1783757774"]
-// CIL[BEGIN chunk_id="table-primitives_export_1783757774" type="export" identity="export" parent="none"]
-// CIL[DOC-MACRO purpose="Export all table primitive components"]
-// CIL[DOC-RESPONSIBILITY responsibility="Make all table components available for import"]
-// CIL[DOC-CONTEXT module="table-primitives" layer="frontend-component" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="All table component exports" errors="none" side_effects="module export"]
-// CIL[DOC-MICRO logic_summary="Export all table primitive components for external use" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-VECTOR type="context" content="purpose='Renders a styled table caption with muted foreground'; 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/table-primitives.tsx:tablecaption:constant"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table-primitives.tsx:tablecaption_display_name:assignment" type="assignment" identity="tablecaption_display_name" parent="module_header"]
+// CIL[DOC-MACRO purpose="Assigns a human-readable display name to TableCaption"]
+// CIL[DOC-RESPONSIBILITY responsibility="Set TableCaption.displayName for debugging"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/table-primitives.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="display name string" outputs="TableCaption.displayName assignment" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Assign the PascalCase name to the component's displayName property" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
 // CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: frontend-component. 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."]
+
+TableCaption.displayName = 'TableCaption'
+// CIL[DOC-VECTOR type="context" content="purpose='Assigns a human-readable display name to TableCaption'; 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/table-primitives.tsx:tablecaption_display_name:assignment"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table-primitives.tsx:module_exports:module_exports" type="module_exports" identity="module_exports" parent="module_header"]
+// CIL[DOC-MACRO purpose="Re-exports all table primitive components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Expose the table subcomponents for consumers"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/table-primitives.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="none" outputs="named exports of table primitives" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Named export block listing every table primitive component" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+
 export {
   Table,
   TableHeader,
@@ -265,4 +399,10 @@ export {
   TableCell,
   TableCaption,
 }
-// CIL[END chunk_id="table-primitives_export_1783757774"]
+// CIL[DOC-VECTOR type="context" content="purpose='Re-exports all table primitive components'; 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/table-primitives.tsx:module_exports:module_exports"]