spine-framework 0.3.145 → 0.4.0

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

@@ -1,45 +1,32 @@
-
-
-
-
-
-
-
-
-
-// CIL[BEGIN chunk_id="card_module_header_1783881474" type="module_header" identity="module_header" parent="none"]
-// CIL[DOC-MACRO purpose="Import React and utility functions for card components"]
-// CIL[DOC-RESPONSIBILITY responsibility="Provide dependencies for card component library"]
-// CIL[DOC-CONTEXT module="ui.card" layer="component" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/functions/_shared/principal.ts\",\"custom/apps/cortex/functions/custom_cil-embeddings.ts\",\".framework/functions/_shared/schema-utils.ts\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="React, cn utility" errors="none" side_effects="none"]
-// CIL[DOC-MICRO logic_summary="Standard React and utility imports for UI components" 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: component. Direct callers: 0. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/functions/_shared/principal.ts, custom/apps/cortex/functions/custom_cil-embeddings.ts, .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="implementation_pattern" content="" status="pending_human_input"]
-// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/card.tsx:module_header:module_header" type="module_header" identity="module_header" parent="~/.framework/src/components/ui/card.tsx"]
+// CIL[DOC-AUDIENCE audience="internal, frontend"]
+// CIL[DOC-MACRO purpose="Provide reusable card UI components and subcomponent exports"]
+// CIL[DOC-RESPONSIBILITY responsibility="Import React and the cn utility for the card module"]
+// CIL[DOC-CONTEXT module=".framework/src/components/ui/card" layer="ui" related_files=".framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React card component module" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Imports React and the cn className merge utility" notable_decisions="none"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stable]
 import * as React from "react"
 
 import { cn } from "@/lib/utils"
-// CIL[END chunk_id="card_module_header_1783881474"]
-// CIL[BEGIN chunk_id="card_card_1783881474" type="function" identity="Card" parent="none"]
-// CIL[DOC-MACRO purpose="Main card container component with responsive sizing"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render card container with styling and size variants"]
-// CIL[DOC-CONTEXT module="ui.card" layer="component" 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 element" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Applies conditional styling based on size prop using cn utility" notable_decisions="['data attributes for styling', 'responsive design patterns']"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: component. Direct callers: 2. 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: 2. Total affected: 2."]
-// 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='Provide reusable card UI components and subcomponent exports'; 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/card.tsx:module_header:module_header"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/card.tsx:Card:component" type="component" identity="Card" parent="~/.framework/src/components/ui/card.tsx"]
+// CIL[DOC-AUDIENCE audience="internal, frontend"]
+// CIL[DOC-MACRO purpose="Render a styled card container with optional size variants"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render the root card wrapper with merged classes and data attributes"]
+// CIL[DOC-CONTEXT module=".framework/src/components/ui/card" layer="ui" related_files=".framework/src/components/ui/card.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className: string, size: 'default' | 'sm', ...props" outputs="JSX div" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Merges utility classes with the card className and renders a div with data-slot and data-size attributes" notable_decisions="Supports size variants and image-specific rounding via Tailwind CSS"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stable]
 function Card({
   className,
   size = "default",
@@ -57,21 +44,23 @@ function Card({
     />
   )
 }
-// CIL[END chunk_id="card_card_1783881474"]
-// CIL[BEGIN chunk_id="card_cardheader_1783881474" type="function" identity="CardHeader" parent="none"]
-// CIL[DOC-MACRO purpose="Card header section with responsive grid layout"]
-// CIL[DOC-RESPONSIBILITY responsibility="Provide styled header container for card content"]
-// CIL[DOC-CONTEXT module="ui.card" layer="component" related_files="[\".framework/src/components/ui/table-primitives.tsx\",\".framework/migrations/015_simplify_apps_table.sql\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/functions/_shared/schema-utils.ts\",\".framework/src/components/ui/dialog.tsx\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="header div element" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Implements responsive grid with conditional styling for actions/descriptions" notable_decisions="['grid layout system', 'container queries']"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: component. 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, .framework/functions/_shared/schema-utils.ts, .framework/src/components/ui/dialog.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='Render a styled card container with optional size variants'; 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/card.tsx:Card:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/card.tsx:CardHeader:component" type="component" identity="CardHeader" parent="~/.framework/src/components/ui/card.tsx"]
+// CIL[DOC-AUDIENCE audience="internal, frontend"]
+// CIL[DOC-MACRO purpose="Render a card header container"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render the header area for the card"]
+// CIL[DOC-CONTEXT module=".framework/src/components/ui/card" layer="ui" related_files=".framework/src/components/ui/card.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className, ...props" outputs="JSX div" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Renders a header container for the card" notable_decisions="Uses @container and grid layout with action/description conditional rows"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stable]
 function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -84,21 +73,23 @@ function CardHeader({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-// CIL[END chunk_id="card_cardheader_1783881474"]
-// CIL[BEGIN chunk_id="card_cardtitle_1783881474" type="function" identity="CardTitle" parent="none"]
-// CIL[DOC-MACRO purpose="Card title with heading typography styling"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render styled title text for card headers"]
-// CIL[DOC-CONTEXT module="ui.card" layer="component" related_files="[\".framework/src/components/ui/dialog.tsx\",\".framework/functions/_shared/schema-utils.ts\",\".framework/src/pages/admin/RolesPage.tsx\",\".framework/functions/_shared/principal.ts\",\".framework/functions/_shared/db.ts\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="title div element" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Applies heading font styles and medium weight to title text" notable_decisions="['semantic heading styles', 'font weight consistency']"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: component. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, .framework/functions/_shared/schema-utils.ts, .framework/src/pages/admin/RolesPage.tsx, .framework/functions/_shared/principal.ts, .framework/functions/_shared/db.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='Render a card header 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/card.tsx:CardHeader:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/card.tsx:CardTitle:component" type="component" identity="CardTitle" parent="~/.framework/src/components/ui/card.tsx"]
+// CIL[DOC-AUDIENCE audience="internal, frontend"]
+// CIL[DOC-MACRO purpose="Render a card title element"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render the title text with consistent heading styles"]
+// CIL[DOC-CONTEXT module=".framework/src/components/ui/card" layer="ui" related_files=".framework/src/components/ui/card.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className, ...props" outputs="JSX div" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Renders a styled card title element" notable_decisions="Uses font-heading for consistent typography"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stable]
 function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -108,21 +99,23 @@ function CardTitle({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-// CIL[END chunk_id="card_cardtitle_1783881474"]
-// CIL[BEGIN chunk_id="card_carddescription_1783881474" type="function" identity="CardDescription" parent="none"]
-// CIL[DOC-MACRO purpose="Card description with muted text styling"]
-// CIL[DOC-RESPONSIBILITY responsibility="Render styled description text for card content"]
-// CIL[DOC-CONTEXT module="ui.card" layer="component" related_files="[\".framework/functions/_shared/schema-utils.ts\",\".framework/src/components/ui/table-primitives.tsx\",\".framework/src/components/ui/dialog.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\".framework/functions/_shared/principal.ts\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="description div element" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Applies muted foreground color and relaxed line height" notable_decisions="['accessibility-focused styling', 'text hierarchy']"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: component. Direct callers: 0. Direct calls: 0. Related files: .framework/functions/_shared/schema-utils.ts, .framework/src/components/ui/table-primitives.tsx, .framework/src/components/ui/dialog.tsx, .framework/src/pages/admin/RolesPage.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="context" content="purpose='Render a card title element'; 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/card.tsx:CardTitle:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/card.tsx:CardDescription:component" type="component" identity="CardDescription" parent="~/.framework/src/components/ui/card.tsx"]
+// CIL[DOC-AUDIENCE audience="internal, frontend"]
+// CIL[DOC-MACRO purpose="Render a card description element"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render muted description text inside the card"]
+// CIL[DOC-CONTEXT module=".framework/src/components/ui/card" layer="ui" related_files=".framework/src/components/ui/card.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className, ...props" outputs="JSX div" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Renders muted description text" notable_decisions="none"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stable]
 function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -132,21 +125,23 @@ function CardDescription({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-// CIL[END chunk_id="card_carddescription_1783881474"]
-// CIL[BEGIN chunk_id="card_cardaction_1783881474" type="function" identity="CardAction" parent="none"]
-// CIL[DOC-MACRO purpose="Card action area with grid positioning"]
-// CIL[DOC-RESPONSIBILITY responsibility="Provide positioned container for card actions/buttons"]
-// CIL[DOC-CONTEXT module="ui.card" layer="component" related_files="[\".framework/functions/_shared/schema-utils.ts\",\".framework/src/components/ui/dialog.tsx\",\".framework/functions/_shared/principal.ts\",\".framework/functions/_shared/db.ts\",\".framework/src/components/ui/table-primitives.tsx\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="action div element" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Uses CSS Grid to position actions in top-right of card header" notable_decisions="['grid positioning strategy', 'self-alignment']"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: component. Direct callers: 0. Direct calls: 0. Related files: .framework/functions/_shared/schema-utils.ts, .framework/src/components/ui/dialog.tsx, .framework/functions/_shared/principal.ts, .framework/functions/_shared/db.ts, .framework/src/components/ui/table-primitives.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='Render a card description element'; 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/card.tsx:CardDescription:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/card.tsx:CardAction:component" type="component" identity="CardAction" parent="~/.framework/src/components/ui/card.tsx"]
+// CIL[DOC-AUDIENCE audience="internal, frontend"]
+// CIL[DOC-MACRO purpose="Render a card action slot"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render an action element positioned in the card header"]
+// CIL[DOC-CONTEXT module=".framework/src/components/ui/card" layer="ui" related_files=".framework/src/components/ui/card.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className, ...props" outputs="JSX div" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Positions an action element in the card header grid" notable_decisions="Spans rows and self-aligns to the end"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stable]
 function CardAction({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -159,21 +154,23 @@ function CardAction({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-// CIL[END chunk_id="card_cardaction_1783881474"]
-// CIL[BEGIN chunk_id="card_cardcontent_1783881474" type="function" identity="CardContent" parent="none"]
-// CIL[DOC-MACRO purpose="Card content area with responsive padding"]
-// CIL[DOC-RESPONSIBILITY responsibility="Provide main content container for card body"]
-// CIL[DOC-CONTEXT module="ui.card" layer="component" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="content div element" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Applies responsive horizontal padding based on card size" notable_decisions="['responsive padding', 'size-aware styling']"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: 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."]
+// CIL[DOC-VECTOR type="context" content="purpose='Render a card action slot'; 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/card.tsx:CardAction:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/card.tsx:CardContent:component" type="component" identity="CardContent" parent="~/.framework/src/components/ui/card.tsx"]
+// CIL[DOC-AUDIENCE audience="internal, frontend"]
+// CIL[DOC-MACRO purpose="Render a card content area"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render the main content area with horizontal padding"]
+// CIL[DOC-CONTEXT module=".framework/src/components/ui/card" layer="ui" related_files=".framework/src/components/ui/card.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className, ...props" outputs="JSX div" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Renders the main content area with horizontal padding" notable_decisions="Adjusts padding for small card size"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stable]
 function CardContent({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -183,21 +180,23 @@ function CardContent({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-// CIL[END chunk_id="card_cardcontent_1783881474"]
-// CIL[BEGIN chunk_id="card_cardfooter_1783881474" type="function" identity="CardFooter" parent="none"]
-// CIL[DOC-MACRO purpose="Card footer with responsive styling and border handling"]
-// CIL[DOC-RESPONSIBILITY responsibility="Provide styled footer container for card bottom section"]
-// CIL[DOC-CONTEXT module="ui.card" layer="component" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\"custom/apps/cortex/functions/custom_cil-embeddings.ts\",\".framework/src/components/ui/dialog.tsx\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="footer div element" errors="none" side_effects="renders DOM"]
-// CIL[DOC-MICRO logic_summary="Applies flex layout, responsive padding, and conditional border styling" notable_decisions="['border conditional styling', 'flex layout for alignment']"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: component. Direct callers: 0. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, custom/apps/cortex/functions/custom_cil-embeddings.ts, .framework/src/components/ui/dialog.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='Render a card content area'; 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/card.tsx:CardContent:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/card.tsx:CardFooter:component" type="component" identity="CardFooter" parent="~/.framework/src/components/ui/card.tsx"]
+// CIL[DOC-AUDIENCE audience="internal, frontend"]
+// CIL[DOC-MACRO purpose="Render a card footer area"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render the footer area with rounded bottom corners"]
+// CIL[DOC-CONTEXT module=".framework/src/components/ui/card" layer="ui" related_files=".framework/src/components/ui/card.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className, ...props" outputs="JSX div" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Renders the card footer area" notable_decisions="Rounds bottom corners and adjusts top border spacing"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stable]
 function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -210,21 +209,23 @@ function CardFooter({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-// CIL[END chunk_id="card_cardfooter_1783881474"]
-// CIL[BEGIN chunk_id="card_exports_1783881474" type="exports" identity="exports" parent="none"]
-// CIL[DOC-MACRO purpose="Export all card components for public API"]
-// CIL[DOC-RESPONSIBILITY responsibility="Provide public interface for card component library"]
-// CIL[DOC-CONTEXT module="ui.card" layer="component" related_files="[\".framework/migrations/015_simplify_apps_table.sql\",\".framework/src/components/ui/table-primitives.tsx\",\".framework/src/components/ui/dialog.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="named exports of card components" errors="none" side_effects="module exports"]
-// CIL[DOC-MICRO logic_summary="Exports all card components as named exports for consumption" notable_decisions="['comprehensive export strategy', 'named exports pattern']"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: component. Direct callers: 0. Direct calls: 0. Related files: .framework/migrations/015_simplify_apps_table.sql, .framework/src/components/ui/table-primitives.tsx, .framework/src/components/ui/dialog.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='Render a card footer area'; 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/card.tsx:CardFooter:component"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/card.tsx:exports:variable" type="variable" identity="exports" parent="~/.framework/src/components/ui/card.tsx"]
+// CIL[DOC-AUDIENCE audience="internal, frontend"]
+// CIL[DOC-MACRO purpose="Re-export card subcomponents as named exports"]
+// CIL[DOC-RESPONSIBILITY responsibility="Re-export card subcomponents for module consumers"]
+// CIL[DOC-CONTEXT module=".framework/src/components/ui/card" layer="ui" related_files=".framework/src/components/ui/card.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Named component exports" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Named export of all card subcomponents" notable_decisions="none"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stable]
 export {
   Card,
   CardHeader,
@@ -234,4 +235,10 @@ export {
   CardDescription,
   CardContent,
 }
-// CIL[END chunk_id="card_exports_1783881474"]
+// CIL[DOC-VECTOR type="context" content="purpose='Re-export card subcomponents as named exports'; 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/card.tsx:exports:variable"]