spine-framework 0.3.124 → 0.3.126

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

@@ -1,10 +1,53 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+// CIL[BEGIN chunk_id="item_module_header_1783796064" type="module_header" identity="module_header" parent="none"]
+// CIL[DOC-MACRO purpose="Import dependencies for item UI components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Import React, CVA, Radix UI, and local utilities"]
+// CIL[DOC-CONTEXT module="item" layer="ui_components" related_files="[\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="imported modules" errors="none" side_effects="module imports"]
+// CIL[DOC-MICRO logic_summary="Imports all necessary dependencies for item component system" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-AUDIENCE audience="developer"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, .framework/src/components/ui/table-primitives.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 import * as React from "react"
 import { cva, type VariantProps } from "class-variance-authority"
 import { Slot } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 import { Separator } from "@/components/ui/separator"
-
+// CIL[END chunk_id="item_module_header_1783796064"]
+// CIL[BEGIN chunk_id="item_itemgroup_1783796064" type="function" identity="ItemGroup" parent="none"]
+// CIL[DOC-MACRO purpose="Render container for grouping multiple items"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create list container for item components"]
+// CIL[DOC-CONTEXT module="item" layer="ui_components" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/principal.ts\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/functions/_shared/schema-utils.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled list container" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates flex container with responsive gap for item grouping" 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: custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, .framework/functions/_shared/principal.ts, custom/apps/cortex/pages/operations/OperationsDashboard.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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function ItemGroup({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -18,7 +61,21 @@ function ItemGroup({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-
+// CIL[END chunk_id="item_itemgroup_1783796064"]
+// CIL[BEGIN chunk_id="item_itemseparator_1783796064" type="function" identity="ItemSeparator" parent="none"]
+// CIL[DOC-MACRO purpose="Render horizontal separator between items"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create styled separator for item lists"]
+// CIL[DOC-CONTEXT module="item" layer="ui_components" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="horizontal separator" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates horizontal separator with margin spacing" 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: custom/apps/portal/pages/ContentPage.tsx, .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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function ItemSeparator({
   className,
   ...props
@@ -32,7 +89,21 @@ function ItemSeparator({
     />
   )
 }
-
+// CIL[END chunk_id="item_itemseparator_1783796064"]
+// CIL[BEGIN chunk_id="item_itemvariants_1783796064" type="cva" identity="itemVariants" parent="none"]
+// CIL[DOC-MACRO purpose="Define style variants for item components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create CVA configuration for item styling"]
+// CIL[DOC-CONTEXT module="item" layer="ui_components" related_files="[\".framework/src/components/ui/dialog.tsx\",\".framework/functions/_shared/principal.ts\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/schema-utils.ts\",\".framework/src/components/ui/table-primitives.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="CVA variant configuration" errors="none" side_effects="defines styling variants"]
+// CIL[DOC-MICRO logic_summary="Defines variant and size options for item component 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: 1. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, .framework/functions/_shared/principal.ts, .framework/src/pages/admin/TypeDetailPage.tsx, .framework/functions/_shared/schema-utils.ts, .framework/src/components/ui/table-primitives.tsx, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 1. Total affected: 1."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 const itemVariants = cva(
   "group/item flex w-full flex-wrap items-center rounded-md border text-xs/relaxed transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted",
   {
@@ -54,7 +125,21 @@ const itemVariants = cva(
     },
   }
 )
-
+// CIL[END chunk_id="item_itemvariants_1783796064"]
+// CIL[BEGIN chunk_id="item_item_1783796064" type="function" identity="Item" parent="none"]
+// CIL[DOC-MACRO purpose="Render main item component with variants"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create flexible item container with styling options"]
+// CIL[DOC-CONTEXT module="item" layer="ui_components" related_files="[\".framework/src/components/ui/table-primitives.tsx\",\".framework/src/components/ui/dialog.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled item element" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates main item component with variant support and asChild pattern" 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/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."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function Item({
   className,
   variant = "default",
@@ -74,7 +159,21 @@ function Item({
     />
   )
 }
-
+// CIL[END chunk_id="item_item_1783796064"]
+// CIL[BEGIN chunk_id="item_itemmediavariants_1783796064" type="cva" identity="itemMediaVariants" parent="none"]
+// CIL[DOC-MACRO purpose="Define style variants for item media components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create CVA configuration for media styling"]
+// CIL[DOC-CONTEXT module="item" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="CVA variant configuration" errors="none" side_effects="defines styling variants"]
+// CIL[DOC-MICRO logic_summary="Defines variant options for item media components (default, icon, image)" 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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 const itemMediaVariants = cva(
   "flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:translate-y-0.5 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none",
   {
@@ -91,7 +190,21 @@ const itemMediaVariants = cva(
     },
   }
 )
-
+// CIL[END chunk_id="item_itemmediavariants_1783796064"]
+// CIL[BEGIN chunk_id="item_itemmedia_1783796064" type="function" identity="ItemMedia" parent="none"]
+// CIL[DOC-MACRO purpose="Render media container for items"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create container for item media (icons, images)"]
+// CIL[DOC-CONTEXT module="item" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled media container" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates media container with variant support for icons and images" 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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function ItemMedia({
   className,
   variant = "default",
@@ -106,7 +219,21 @@ function ItemMedia({
     />
   )
 }
-
+// CIL[END chunk_id="item_itemmedia_1783796064"]
+// CIL[BEGIN chunk_id="item_itemcontent_1783796064" type="function" identity="ItemContent" parent="none"]
+// CIL[DOC-MACRO purpose="Render content container for items"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create flexible content area for item text and elements"]
+// CIL[DOC-CONTEXT module="item" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled content container" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates flex container for item content with responsive sizing" 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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function ItemContent({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -119,7 +246,21 @@ function ItemContent({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-
+// CIL[END chunk_id="item_itemcontent_1783796064"]
+// CIL[BEGIN chunk_id="item_itemtitle_1783796064" type="function" identity="ItemTitle" parent="none"]
+// CIL[DOC-MACRO purpose="Render title text for items"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create styled title component for item headers"]
+// CIL[DOC-CONTEXT module="item" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled title element" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates title element with truncation and underline 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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function ItemTitle({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -132,7 +273,21 @@ function ItemTitle({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-
+// CIL[END chunk_id="item_itemtitle_1783796064"]
+// CIL[BEGIN chunk_id="item_itemdescription_1783796064" type="function" identity="ItemDescription" parent="none"]
+// CIL[DOC-MACRO purpose="Render description text for items"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create styled description component for item content"]
+// CIL[DOC-CONTEXT module="item" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled description element" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates description element with truncation and link 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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function ItemDescription({ className, ...props }: React.ComponentProps<"p">) {
   return (
     <p
@@ -145,7 +300,21 @@ function ItemDescription({ className, ...props }: React.ComponentProps<"p">) {
     />
   )
 }
-
+// CIL[END chunk_id="item_itemdescription_1783796064"]
+// CIL[BEGIN chunk_id="item_itemactions_1783796064" type="function" identity="ItemActions" parent="none"]
+// CIL[DOC-MACRO purpose="Render actions container for items"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create container for item action buttons and controls"]
+// CIL[DOC-CONTEXT module="item" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled actions container" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates flex container for item actions with gap spacing" 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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function ItemActions({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -155,7 +324,21 @@ function ItemActions({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-
+// CIL[END chunk_id="item_itemactions_1783796064"]
+// CIL[BEGIN chunk_id="item_itemheader_1783796064" type="function" identity="ItemHeader" parent="none"]
+// CIL[DOC-MACRO purpose="Render header container for items"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create header area for item top content"]
+// CIL[DOC-CONTEXT module="item" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled header container" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates full-width header container with justify-between layout" 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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function ItemHeader({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -168,7 +351,21 @@ function ItemHeader({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-
+// CIL[END chunk_id="item_itemheader_1783796064"]
+// CIL[BEGIN chunk_id="item_itemfooter_1783796064" type="function" identity="ItemFooter" parent="none"]
+// CIL[DOC-MACRO purpose="Render footer container for items"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create footer area for item bottom content"]
+// CIL[DOC-CONTEXT module="item" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled footer container" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates full-width footer container with justify-between layout" 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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function ItemFooter({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -181,7 +378,21 @@ function ItemFooter({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-
+// CIL[END chunk_id="item_itemfooter_1783796064"]
+// CIL[BEGIN chunk_id="item_exports_1783796064" type="exports" identity="exports" parent="none"]
+// CIL[DOC-MACRO purpose="Export item components for public use"]
+// CIL[DOC-RESPONSIBILITY responsibility="Export all item-related components"]
+// CIL[DOC-CONTEXT module="item" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="exported components" errors="none" side_effects="module exports"]
+// CIL[DOC-MICRO logic_summary="Exports comprehensive item component system for consumption" 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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 export {
   Item,
   ItemMedia,
@@ -194,3 +405,4 @@ export {
   ItemHeader,
   ItemFooter,
 }
+// CIL[END chunk_id="item_exports_1783796064"]

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

@@ -1,5 +1,38 @@
-import { cn } from "@/lib/utils"
 
+
+
+
+// CIL[BEGIN chunk_id="kbd_module_header_1783796064" type="module_header" identity="module_header" parent="none"]
+// CIL[DOC-MACRO purpose="Import utility function for className merging"]
+// CIL[DOC-RESPONSIBILITY responsibility="Import cn utility from utils library"]
+// CIL[DOC-CONTEXT module="kbd" layer="ui_components" related_files="[\".framework/functions/_shared/principal.ts\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\"custom/apps/cortex/functions/custom_cil-embeddings.ts\",\".framework/functions/_shared/schema-utils.ts\",\".framework/functions/_shared/db.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="cn utility function" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Imports cn utility for conditional className merging" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-AUDIENCE audience="developer"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: .framework/functions/_shared/principal.ts, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, custom/apps/cortex/functions/custom_cil-embeddings.ts, .framework/functions/_shared/schema-utils.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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+import { cn } from "@/lib/utils"
+// CIL[END chunk_id="kbd_module_header_1783796064"]
+// CIL[BEGIN chunk_id="kbd_kbd_1783796064" type="function" identity="Kbd" parent="none"]
+// CIL[DOC-MACRO purpose="Render keyboard key component with styling"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create styled kbd element with default classes"]
+// CIL[DOC-CONTEXT module="kbd" layer="ui_components" related_files="[\".framework/src/components/ui/table-primitives.tsx\",\".framework/src/components/ui/dialog.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled kbd element" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates kbd element with comprehensive styling for keyboard keys" 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/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."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function Kbd({ className, ...props }: React.ComponentProps<"kbd">) {
   return (
     <kbd
@@ -12,7 +45,21 @@ function Kbd({ className, ...props }: React.ComponentProps<"kbd">) {
     />
   )
 }
-
+// CIL[END chunk_id="kbd_kbd_1783796064"]
+// CIL[BEGIN chunk_id="kbd_kbdgroup_1783796064" type="function" identity="KbdGroup" parent="none"]
+// CIL[DOC-MACRO purpose="Render keyboard key group container"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create container for grouping multiple kbd elements"]
+// CIL[DOC-CONTEXT module="kbd" layer="ui_components" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled kbd group container" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates flex container for grouping keyboard keys with gap" 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: custom/apps/portal/pages/ContentPage.tsx, .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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function KbdGroup({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <kbd
@@ -22,5 +69,20 @@ function KbdGroup({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-
+// CIL[END chunk_id="kbd_kbdgroup_1783796064"]
+// CIL[BEGIN chunk_id="kbd_exports_1783796064" type="exports" identity="exports" parent="none"]
+// CIL[DOC-MACRO purpose="Export keyboard components for public use"]
+// CIL[DOC-RESPONSIBILITY responsibility="Export Kbd and KbdGroup components"]
+// CIL[DOC-CONTEXT module="kbd" layer="ui_components" related_files="[\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/principal.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="exported components" errors="none" side_effects="module exports"]
+// CIL[DOC-MICRO logic_summary="Exports keyboard UI components for consumption" 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/dialog.tsx, .framework/src/components/ui/table-primitives.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"]
 export { Kbd, KbdGroup }
+// CIL[END chunk_id="kbd_exports_1783796064"]

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

@@ -1,8 +1,40 @@
+
+
+
+// CIL[BEGIN chunk_id="label_module_header_1783796064" type="module_header" identity="module_header" parent="none"]
+// CIL[DOC-MACRO purpose="Import dependencies for label component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Import React, Radix UI Label, and utility functions"]
+// CIL[DOC-CONTEXT module="label" layer="ui_components" related_files="[\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="imported modules" errors="none" side_effects="module imports"]
+// CIL[DOC-MICRO logic_summary="Imports React, Radix Label primitive, and cn utility" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-AUDIENCE audience="developer"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, .framework/src/components/ui/table-primitives.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, custom/apps/portal/pages/ContentPage.tsx, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 import * as React from "react"
 import { Label as LabelPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
-
+// CIL[END chunk_id="label_module_header_1783796064"]
+// CIL[BEGIN chunk_id="label_label_1783796064" type="function" identity="Label" parent="none"]
+// CIL[DOC-MACRO purpose="Render styled label component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create accessible label element with Radix UI"]
+// CIL[DOC-CONTEXT module="label" layer="ui_components" 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 label element" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates accessible label with disabled states and 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/src/components/ui/dialog.tsx, .framework/src/components/ui/table-primitives.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/RolesPage.tsx, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function Label({
   className,
   ...props
@@ -18,5 +50,20 @@ function Label({
     />
   )
 }
-
+// CIL[END chunk_id="label_label_1783796064"]
+// CIL[BEGIN chunk_id="label_exports_1783796064" type="exports" identity="exports" parent="none"]
+// CIL[DOC-MACRO purpose="Export label component for public use"]
+// CIL[DOC-RESPONSIBILITY responsibility="Export Label component"]
+// CIL[DOC-CONTEXT module="label" layer="ui_components" 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/TypeDetailPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="exported component" errors="none" side_effects="module exports"]
+// CIL[DOC-MICRO logic_summary="Exports accessible label component for consumption" 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/dialog.tsx, .framework/src/components/ui/table-primitives.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 export { Label }
+// CIL[END chunk_id="label_exports_1783796064"]