spine-framework 0.3.144 → 0.4.0

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

@@ -1,46 +1,31 @@
-
-
-
-
-
-
-
-
-
-
-// CIL[BEGIN chunk_id="table_module_header_1783750525" type="module_header" identity="imports" parent="none"]
-// CIL[DOC-MACRO purpose="Import dependencies for table UI components"]
-// CIL[DOC-RESPONSIBILITY responsibility="Import React and utility functions for table implementation"]
-// CIL[DOC-CONTEXT module="table-ui" layer="ui-components" related_files="[\".framework/src/components/ui/table-primitives.tsx\",\".framework/migrations/015_simplify_apps_table.sql\",\".framework/src/components/ui/dialog.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="React, cn" errors="none" side_effects="none"]
-// CIL[DOC-MICRO logic_summary="Imports required libraries and utilities for table components" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table.tsx:module_header:module_header" type="module_header" identity="module_header" parent="~/.framework/src/components/ui/table.tsx"]
+// CIL[DOC-MACRO purpose="Module imports and setup for the table UI components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Import React and the cn utility used by table subcomponents"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="" outputs="React and cn imports available to the module" errors="" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Imports React and the cn className merge utility from @/lib/utils. No runtime logic." 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: ui-components. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/table-primitives.tsx, .framework/migrations/015_simplify_apps_table.sql, .framework/src/components/ui/dialog.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."]
-// 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"]
 import * as React from "react"
 
 import { cn } from "@/lib/utils"
-// CIL[END chunk_id="table_module_header_1783750525"]
-// CIL[BEGIN chunk_id="table_table_1783750525" type="function" identity="Table" parent="none"]
-// CIL[DOC-MACRO purpose="Root table container with scrollable wrapper"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render table with horizontal scroll container and styling"]
-// CIL[DOC-CONTEXT module="table-ui" layer="ui-components" related_files="[\".framework/migrations/015_simplify_apps_table.sql\",\".framework/src/components/ui/table-primitives.tsx\",\".framework/functions/_shared/schema-utils.ts\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="JSX element" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Wraps table in scrollable div with responsive 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-components. Direct callers: 0. Direct calls: 0. Related files: .framework/migrations/015_simplify_apps_table.sql, .framework/src/components/ui/table-primitives.tsx, .framework/functions/_shared/schema-utils.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="context" content="purpose='Module imports and setup for the table UI 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.tsx:module_header:module_header"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table.tsx:Table:component" type="component" identity="Table" parent="~/.framework/src/components/ui/table.tsx"]
+// CIL[DOC-MACRO purpose="Renders a table wrapped in a responsive overflow container"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render an accessible table element inside a scrollable container with base typography"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/table.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className: optional string, props: remaining table element props" outputs="JSX table container" errors="" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Uses cn to merge default w-full, caption-bottom, and text-xs classes with className and spreads remaining table props." notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function Table({ className, ...props }: React.ComponentProps<"table">) {
   return (
     <div
@@ -55,21 +40,22 @@ function Table({ className, ...props }: React.ComponentProps<"table">) {
     </div>
   )
 }
-// CIL[END chunk_id="table_table_1783750525"]
-// CIL[BEGIN chunk_id="table_tableheader_1783750525" type="function" identity="TableHeader" parent="none"]
-// CIL[DOC-MACRO purpose="Table header container with bottom border styling"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render thead with bottom border on rows"]
-// CIL[DOC-CONTEXT module="table-ui" layer="ui-components" related_files="[\".framework/src/components/ui/table-primitives.tsx\",\".framework/migrations/015_simplify_apps_table.sql\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="JSX element" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Wraps thead with bottom border styling for header rows" 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-components. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/table-primitives.tsx, .framework/migrations/015_simplify_apps_table.sql, 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."]
+// CIL[DOC-VECTOR type="context" content="purpose='Renders a table wrapped in a responsive overflow 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/table.tsx:Table:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table.tsx:TableHeader:component" type="component" identity="TableHeader" parent="~/.framework/src/components/ui/table.tsx"]
+// CIL[DOC-MACRO purpose="Renders the table header section with row border styling"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render the thead element with bottom borders on child rows"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/table.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className: optional string, props: remaining thead element props" outputs="JSX thead element" errors="" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Applies the default [&_tr]:border-b class plus any custom className and spreads remaining thead props." notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function TableHeader({ className, ...props }: React.ComponentProps<"thead">) {
   return (
     <thead
@@ -79,21 +65,22 @@ function TableHeader({ className, ...props }: React.ComponentProps<"thead">) {
     />
   )
 }
-// CIL[END chunk_id="table_tableheader_1783750525"]
-// CIL[BEGIN chunk_id="table_tablebody_1783750525" type="function" identity="TableBody" parent="none"]
-// CIL[DOC-MACRO purpose="Table body container with last-row border removal"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render tbody without border on last row"]
-// CIL[DOC-CONTEXT module="table-ui" layer="ui-components" related_files="[\".framework/src/components/ui/table-primitives.tsx\",\".framework/migrations/015_simplify_apps_table.sql\",\".framework/functions/_shared/schema-utils.ts\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="JSX element" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Wraps tbody with styling to remove border from last row" 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-components. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/table-primitives.tsx, .framework/migrations/015_simplify_apps_table.sql, .framework/functions/_shared/schema-utils.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="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.tsx:TableHeader:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table.tsx:TableBody:component" type="component" identity="TableBody" parent="~/.framework/src/components/ui/table.tsx"]
+// CIL[DOC-MACRO purpose="Renders the table body and removes the last row border"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render the tbody element while ensuring the final row has no bottom border"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/table.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className: optional string, props: remaining tbody element props" outputs="JSX tbody element" errors="" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Uses the last-child selector to remove the bottom border from the final tr and merges any custom className." notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function TableBody({ className, ...props }: React.ComponentProps<"tbody">) {
   return (
     <tbody
@@ -103,21 +90,22 @@ function TableBody({ className, ...props }: React.ComponentProps<"tbody">) {
     />
   )
 }
-// CIL[END chunk_id="table_tablebody_1783750525"]
-// CIL[BEGIN chunk_id="table_tablefooter_1783750525" type="function" identity="TableFooter" parent="none"]
-// CIL[DOC-MACRO purpose="Table footer with top border and muted background"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render tfoot with styling for footer rows"]
-// CIL[DOC-CONTEXT module="table-ui" layer="ui-components" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="JSX element" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Wraps tfoot with top border, muted background, and last-row border removal" 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-components. 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='Renders the table body and removes the last row border'; 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.tsx:TableBody:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table.tsx:TableFooter:component" type="component" identity="TableFooter" parent="~/.framework/src/components/ui/table.tsx"]
+// CIL[DOC-MACRO purpose="Renders the table footer with muted background and row border reset"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render the tfoot element with muted styling and last-row border removal"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/table.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className: optional string, props: remaining tfoot element props" outputs="JSX tfoot element" errors="" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Combines border-t, bg-muted/50, font-medium, and a last-child border reset, then merges className." notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">) {
   return (
     <tfoot
@@ -130,21 +118,22 @@ function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">) {
     />
   )
 }
-// CIL[END chunk_id="table_tablefooter_1783750525"]
-// CIL[BEGIN chunk_id="table_tablerow_1783750525" type="function" identity="TableRow" parent="none"]
-// CIL[DOC-MACRO purpose="Table row with hover and selection states"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render tr with interactive styling and transitions"]
-// CIL[DOC-CONTEXT module="table-ui" layer="ui-components" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="JSX element" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Wraps tr with border, hover effects, and selection state 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-components. 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='Renders the table footer with muted background and row border reset'; 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.tsx:TableFooter:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table.tsx:TableRow:component" type="component" identity="TableRow" parent="~/.framework/src/components/ui/table.tsx"]
+// CIL[DOC-MACRO purpose="Renders a table row with hover, selected, and expanded state styles"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render a tr element that responds to hover, selection, and expansion states"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/table.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className: optional string, props: remaining tr element props" outputs="JSX tr element" errors="" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Combines border-b, hover background, has-aria-expanded, and data-[state=selected] styles using cn." notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
   return (
     <tr
@@ -157,21 +146,22 @@ function TableRow({ className, ...props }: React.ComponentProps<"tr">) {
     />
   )
 }
-// CIL[END chunk_id="table_tablerow_1783750525"]
-// CIL[BEGIN chunk_id="table_tablehead_1783750525" type="function" identity="TableHead" parent="none"]
-// CIL[DOC-MACRO purpose="Table header cell with fixed height and alignment"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render th with header styling and checkbox handling"]
-// CIL[DOC-CONTEXT module="table-ui" layer="ui-components" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="JSX element" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Wraps th with height, padding, alignment, and checkbox-aware 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-components. 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='Renders a table row with hover, selected, and expanded state styles'; 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.tsx:TableRow:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table.tsx:TableHead:component" type="component" identity="TableHead" parent="~/.framework/src/components/ui/table.tsx"]
+// CIL[DOC-MACRO purpose="Renders a table header cell with padding, alignment, and checkbox spacing"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render a th element with consistent header cell styling"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/table.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className: optional string, props: remaining th element props" outputs="JSX th element" errors="" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Applies h-10, text-left, align-middle, and removes right padding when a checkbox child is present." notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function TableHead({ className, ...props }: React.ComponentProps<"th">) {
   return (
     <th
@@ -184,21 +174,22 @@ function TableHead({ className, ...props }: React.ComponentProps<"th">) {
     />
   )
 }
-// CIL[END chunk_id="table_tablehead_1783750525"]
-// CIL[BEGIN chunk_id="table_tablecell_1783750525" type="function" identity="TableCell" parent="none"]
-// CIL[DOC-MACRO purpose="Table data cell with padding and checkbox handling"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render td with standard cell styling and checkbox support"]
-// CIL[DOC-CONTEXT module="table-ui" layer="ui-components" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="JSX element" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Wraps td with padding, alignment, and checkbox-aware 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-components. 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='Renders a table header cell with padding, alignment, and checkbox spacing'; 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.tsx:TableHead:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table.tsx:TableCell:component" type="component" identity="TableCell" parent="~/.framework/src/components/ui/table.tsx"]
+// CIL[DOC-MACRO purpose="Renders a table data cell with padding, alignment, and checkbox spacing"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render a td element with consistent body cell styling"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/table.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className: optional string, props: remaining td element props" outputs="JSX td element" errors="" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Applies p-2, align-middle, and removes right padding when a checkbox child is present." notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function TableCell({ className, ...props }: React.ComponentProps<"td">) {
   return (
     <td
@@ -211,21 +202,22 @@ function TableCell({ className, ...props }: React.ComponentProps<"td">) {
     />
   )
 }
-// CIL[END chunk_id="table_tablecell_1783750525"]
-// CIL[BEGIN chunk_id="table_tablecaption_1783750525" type="function" identity="TableCaption" parent="none"]
-// CIL[DOC-MACRO purpose="Table caption with muted styling"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render caption with top margin and muted text color"]
-// CIL[DOC-CONTEXT module="table-ui" layer="ui-components" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="JSX element" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Wraps caption with margin and muted text 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-components. 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='Renders a table data cell with padding, alignment, and checkbox spacing'; 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.tsx:TableCell:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table.tsx:TableCaption:component" type="component" identity="TableCaption" parent="~/.framework/src/components/ui/table.tsx"]
+// CIL[DOC-MACRO purpose="Renders a table caption with muted small text"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render a caption element for the table with muted foreground styling"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/table.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className: optional string, props: remaining caption element props" outputs="JSX caption element" errors="" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Displays the caption below the table with mt-4, text-xs, and text-muted-foreground styling." notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function TableCaption({
   className,
   ...props
@@ -238,21 +230,21 @@ function TableCaption({
     />
   )
 }
-// CIL[END chunk_id="table_tablecaption_1783750525"]
-// CIL[BEGIN chunk_id="table_export_1783750525" type="export" identity="export" parent="none"]
-// CIL[DOC-MACRO purpose="Export all table components"]
-// CIL[DOC-RESPONSIBILITY responsibility="Make table components available for import"]
-// CIL[DOC-CONTEXT module="table-ui" layer="ui-components" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="named exports" errors="none" side_effects="module exports"]
-// CIL[DOC-MICRO logic_summary="Exports all table components for external use" 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-components. 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='Renders a table caption with muted small text'; 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.tsx:TableCaption:component"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/table.tsx:exports:variable" type="variable" identity="exports" parent="~/.framework/src/components/ui/table.tsx"]
+// CIL[DOC-MACRO purpose="Named exports for the table component set"]
+// CIL[DOC-RESPONSIBILITY responsibility="Expose Table and its related subcomponents to consumers"]
+// CIL[DOC-CONTEXT module="components/ui" layer="ui" related_files=".framework/src/components/ui/table.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="n/a" outputs="Named exports of Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, and TableCaption" errors="" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Re-exports all table component functions from the module for external import." notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 export {
   Table,
   TableHeader,
@@ -263,4 +255,10 @@ export {
   TableCell,
   TableCaption,
 }
-// CIL[END chunk_id="table_export_1783750525"]
+// CIL[DOC-VECTOR type="context" content="purpose='Named exports for the table 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/table.tsx:exports:variable"]