spine-framework 0.3.124 → 0.3.126

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

@@ -1,8 +1,44 @@
+
+
+
+
+
+
+
+// CIL[BEGIN chunk_id="alert_module_header_1783883196" type="module_header" identity="module_header" parent="none"]
+// CIL[DOC-MACRO purpose="Import React and styling dependencies for Alert component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide external dependencies for Alert UI components"]
+// CIL[DOC-CONTEXT module="alert" layer="ui" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React, cva, VariantProps, cn" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Imports React, class-variance-authority for styling variants, and utility function" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-AUDIENCE audience="developer"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/src/components/ui/dialog.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"]
 import * as React from "react"
 import { cva, type VariantProps } from "class-variance-authority"
 
 import { cn } from "@/lib/utils"
-
+// CIL[END chunk_id="alert_module_header_1783883196"]
+// CIL[BEGIN chunk_id="alert_alertvariants_1783883196" type="constant" identity="alertVariants" parent="none"]
+// CIL[DOC-MACRO purpose="Define styling variants for Alert component using CVA"]
+// CIL[DOC-RESPONSIBILITY responsibility="Manage Alert visual appearance and responsive behavior"]
+// CIL[DOC-CONTEXT module="alert" layer="ui" related_files="[\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/functions/_shared/principal.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="alertVariants function" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Creates class-variance-authority configuration with default and destructive variants" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 1. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, .framework/src/components/ui/table-primitives.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/functions/_shared/principal.ts, \."]
+// 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 alertVariants = cva(
   "group/alert relative grid w-full gap-0.5 rounded-lg border px-2 py-1.5 text-left text-xs/relaxed has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-1.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-3.5",
   {
@@ -18,7 +54,21 @@ const alertVariants = cva(
     },
   }
 )
-
+// CIL[END chunk_id="alert_alertvariants_1783883196"]
+// CIL[BEGIN chunk_id="alert_alert_1783883196" type="function" identity="Alert" parent="none"]
+// CIL[DOC-MACRO purpose="Main Alert component wrapper with accessibility and styling"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render alert container with proper semantics and variants"]
+// CIL[DOC-CONTEXT module="alert" layer="ui" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX div element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates div with alert role, applies variants via cva, spreads remaining props" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, .framework/src/components/ui/dialog.tsx, .framework/src/components/ui/table-primitives.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 Alert({
   className,
   variant,
@@ -33,7 +83,21 @@ function Alert({
     />
   )
 }
-
+// CIL[END chunk_id="alert_alert_1783883196"]
+// CIL[BEGIN chunk_id="alert_alerttitle_1783883196" type="function" identity="AlertTitle" parent="none"]
+// CIL[DOC-MACRO purpose="Alert title component with typography and layout styling"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render styled title for alert content with proper spacing"]
+// CIL[DOC-CONTEXT module="alert" layer="ui" related_files="[\".framework/src/components/ui/dialog.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX div element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates div with medium font weight, handles icon layout, 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. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/src/components/ui/table-primitives.tsx, .framework/src/pages/admin/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 AlertTitle({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -46,7 +110,21 @@ function AlertTitle({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-
+// CIL[END chunk_id="alert_alerttitle_1783883196"]
+// CIL[BEGIN chunk_id="alert_alertdescription_1783883196" type="function" identity="AlertDescription" parent="none"]
+// CIL[DOC-MACRO purpose="Alert description component with readable text styling"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render styled description text for alert content"]
+// CIL[DOC-CONTEXT module="alert" layer="ui" 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\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX div element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates div with small relaxed text, balanced layout, link and paragraph styling" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 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, \."]
+// 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 AlertDescription({
   className,
   ...props
@@ -62,7 +140,21 @@ function AlertDescription({
     />
   )
 }
-
+// CIL[END chunk_id="alert_alertdescription_1783883196"]
+// CIL[BEGIN chunk_id="alert_alertaction_1783883196" type="function" identity="AlertAction" parent="none"]
+// CIL[DOC-MACRO purpose="Alert action component for buttons or interactive elements"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render positioned container for alert actions/controls"]
+// CIL[DOC-CONTEXT module="alert" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX div element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates absolutely positioned div in top-right corner of alert" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function AlertAction({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -72,5 +164,20 @@ function AlertAction({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-
+// CIL[END chunk_id="alert_alertaction_1783883196"]
+// CIL[BEGIN chunk_id="alert_exports_1783883196" type="exports" identity="exports" parent="none"]
+// CIL[DOC-MACRO purpose="Export all Alert components for external use"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide public API for Alert component library"]
+// CIL[DOC-CONTEXT module="alert" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="exported components" errors="none" side_effects="module exports"]
+// CIL[DOC-MICRO logic_summary="Exports Alert, AlertTitle, AlertDescription, AlertAction components" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 export { Alert, AlertTitle, AlertDescription, AlertAction }
+// CIL[END chunk_id="alert_exports_1783883196"]

package/.framework/src/components/ui/aspect-ratio.tsx

@@ -1,11 +1,58 @@
+
+
+
+// CIL[BEGIN chunk_id="aspect-ratio_module_header_1783883196" type="module_header" identity="module_header" parent="none"]
+// CIL[DOC-MACRO purpose="Import Radix UI AspectRatio and client directive"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide external dependencies for AspectRatio component"]
+// CIL[DOC-CONTEXT module="aspect-ratio" layer="ui" related_files="[\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/components/ui/dialog.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="AspectRatioPrimitive, client directive" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Imports Radix UI AspectRatio primitive and client directive" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-AUDIENCE audience="developer"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: custom/apps/cortex/pages/operations/OperationsDashboard.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/src/components/ui/dialog.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"]
 "use client"
 
 import { AspectRatio as AspectRatioPrimitive } from "radix-ui"
-
+// CIL[END chunk_id="aspect-ratio_module_header_1783883196"]
+// CIL[BEGIN chunk_id="aspect-ratio_aspectratio_1783883196" type="function" identity="AspectRatio" parent="none"]
+// CIL[DOC-MACRO purpose="Main AspectRatio component wrapper"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render AspectRatio primitive with data slot"]
+// CIL[DOC-CONTEXT module="aspect-ratio" layer="ui" related_files="[\".framework/src/components/ui/dialog.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX AspectRatioPrimitive.Root with data-slot" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Simple wrapper around Radix AspectRatio Root primitive, adds data-slot attribute for styling hooks" notable_decisions="[\"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, 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 AspectRatio({
   ...props
 }: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {
   return <AspectRatioPrimitive.Root data-slot="aspect-ratio" {...props} />
 }
-
+// CIL[END chunk_id="aspect-ratio_aspectratio_1783883196"]
+// CIL[BEGIN chunk_id="aspect-ratio_exports_1783883196" type="exports" identity="exports" parent="none"]
+// CIL[DOC-MACRO purpose="Export AspectRatio component for external use"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide public API for AspectRatio component"]
+// CIL[DOC-CONTEXT module="aspect-ratio" layer="ui" related_files="[\".framework/src/components/ui/dialog.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\".framework/functions/_shared/principal.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="exported AspectRatio" errors="none" side_effects="module exports"]
+// CIL[DOC-MICRO logic_summary="Named export of AspectRatio component for consumption by other modules" notable_decisions="[\"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/TypeDetailPage.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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 export { AspectRatio }
+// CIL[END chunk_id="aspect-ratio_exports_1783883196"]

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

@@ -1,8 +1,45 @@
+
+
+
+
+
+
+
+
+// CIL[BEGIN chunk_id="avatar_module_header_1783883196" type="module_header" identity="module_header" parent="none"]
+// CIL[DOC-MACRO purpose="Import React and Radix UI Avatar dependencies"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide external dependencies for Avatar component system"]
+// CIL[DOC-CONTEXT module="avatar" layer="ui" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React, AvatarPrimitive, cn" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Imports React, Radix UI Avatar primitives, and utility function" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-AUDIENCE audience="developer"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/src/components/ui/dialog.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"]
 import * as React from "react"
 import { Avatar as AvatarPrimitive } from "radix-ui"
 
 import { cn } from "@/lib/utils"
-
+// CIL[END chunk_id="avatar_module_header_1783883196"]
+// CIL[BEGIN chunk_id="avatar_avatar_1783883196" type="function" identity="Avatar" parent="none"]
+// CIL[DOC-MACRO purpose="Main Avatar container with size variants and styling"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render avatar root with responsive sizing and visual effects"]
+// CIL[DOC-CONTEXT module="avatar" layer="ui" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/components/ui/dialog.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\".framework/functions/_shared/principal.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX AvatarPrimitive.Root" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates avatar root with size variants, overlay effects, and 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. Direct callers: 0. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function Avatar({
   className,
   size = "default",
@@ -22,7 +59,21 @@ function Avatar({
     />
   )
 }
-
+// CIL[END chunk_id="avatar_avatar_1783883196"]
+// CIL[BEGIN chunk_id="avatar_avatarimage_1783883196" type="function" identity="AvatarImage" parent="none"]
+// CIL[DOC-MACRO purpose="Avatar image component with proper aspect ratio and sizing"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render avatar image with circular cropping and cover fit"]
+// CIL[DOC-CONTEXT module="avatar" layer="ui" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/IntegrationsPage.tsx\",\".framework/src/components/ui/dialog.tsx\",\".framework/migrations/015_simplify_apps_table.sql\",\".framework/src/components/ui/table-primitives.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX AvatarPrimitive.Image" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates circular image with aspect-square, full size, rounded corners, object-cover" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/IntegrationsPage.tsx, .framework/src/components/ui/dialog.tsx, .framework/migrations/015_simplify_apps_table.sql, .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 AvatarImage({
   className,
   ...props
@@ -38,7 +89,21 @@ function AvatarImage({
     />
   )
 }
-
+// CIL[END chunk_id="avatar_avatarimage_1783883196"]
+// CIL[BEGIN chunk_id="avatar_avatarfallback_1783883196" type="function" identity="AvatarFallback" parent="none"]
+// CIL[DOC-MACRO purpose="Avatar fallback component for when image fails to load"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render styled fallback content with responsive text sizing"]
+// CIL[DOC-CONTEXT module="avatar" layer="ui" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\".framework/src/components/ui/dialog.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX AvatarPrimitive.Fallback" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates circular fallback with centered content, muted styling, size-responsive text" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, .framework/src/components/ui/table-primitives.tsx, .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"]
 function AvatarFallback({
   className,
   ...props
@@ -54,7 +119,21 @@ function AvatarFallback({
     />
   )
 }
-
+// CIL[END chunk_id="avatar_avatarfallback_1783883196"]
+// CIL[BEGIN chunk_id="avatar_avatarbadge_1783883196" type="function" identity="AvatarBadge" parent="none"]
+// CIL[DOC-MACRO purpose="Avatar badge component for status indicators or overlays"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render positioned badge with size-responsive styling"]
+// CIL[DOC-CONTEXT module="avatar" layer="ui" related_files="[\".framework/src/pages/admin/RolesPage.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX span element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates positioned badge with size variants, ring styling, icon handling" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: .framework/src/pages/admin/RolesPage.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/src/components/ui/table-primitives.tsx, .framework/src/pages/admin/TypeDetailPage.tsx."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 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 AvatarBadge({ className, ...props }: React.ComponentProps<"span">) {
   return (
     <span
@@ -70,7 +149,21 @@ function AvatarBadge({ className, ...props }: React.ComponentProps<"span">) {
     />
   )
 }
-
+// CIL[END chunk_id="avatar_avatarbadge_1783883196"]
+// CIL[BEGIN chunk_id="avatar_avatargroup_1783883196" type="function" identity="AvatarGroup" parent="none"]
+// CIL[DOC-MACRO purpose="Avatar group container for stacking multiple avatars"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render container with overlapping avatar layout"]
+// CIL[DOC-CONTEXT module="avatar" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX div element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates flex container with negative space-x for overlapping avatars with ring styling" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 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 AvatarGroup({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -83,7 +176,21 @@ function AvatarGroup({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-
+// CIL[END chunk_id="avatar_avatargroup_1783883196"]
+// CIL[BEGIN chunk_id="avatar_avatargroupcount_1783883196" type="function" identity="AvatarGroupCount" parent="none"]
+// CIL[DOC-MACRO purpose="Avatar group count indicator for showing remaining items"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render count badge with responsive sizing and group awareness"]
+// CIL[DOC-CONTEXT module="avatar" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX div element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates count indicator with size responsiveness, group styling, icon handling" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function AvatarGroupCount({
   className,
   ...props
@@ -99,7 +206,21 @@ function AvatarGroupCount({
     />
   )
 }
-
+// CIL[END chunk_id="avatar_avatargroupcount_1783883196"]
+// CIL[BEGIN chunk_id="avatar_exports_1783883196" type="exports" identity="exports" parent="none"]
+// CIL[DOC-MACRO purpose="Export all Avatar components for external use"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide public API for Avatar component library"]
+// CIL[DOC-CONTEXT module="avatar" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="exported components" errors="none" side_effects="module exports"]
+// CIL[DOC-MICRO logic_summary="Exports Avatar, AvatarImage, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarBadge" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 export {
   Avatar,
   AvatarImage,
@@ -108,3 +229,4 @@ export {
   AvatarGroupCount,
   AvatarBadge,
 }
+// CIL[END chunk_id="avatar_exports_1783883196"]

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

@@ -1,9 +1,42 @@
+
+
+
+
+// CIL[BEGIN chunk_id="badge_module_header_1783883196" type="module_header" identity="module_header" parent="none"]
+// CIL[DOC-MACRO purpose="Import React, styling, and composition dependencies for Badge"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide external dependencies for Badge UI component"]
+// CIL[DOC-CONTEXT module="badge" layer="ui" related_files="[\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/principal.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React, cva, VariantProps, Slot, cn" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Imports React, class-variance-authority, Radix Slot for composition, utility function" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-AUDIENCE audience="developer"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/src/pages/admin/RolesPage.tsx, custom/apps/portal/pages/ContentPage.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"]
 import * as React from "react"
 import { cva, type VariantProps } from "class-variance-authority"
 import { Slot } from "radix-ui"
 
 import { cn } from "@/lib/utils"
-
+// CIL[END chunk_id="badge_module_header_1783883196"]
+// CIL[BEGIN chunk_id="badge_badgevariants_1783883196" type="constant" identity="badgeVariants" parent="none"]
+// CIL[DOC-MACRO purpose="Define comprehensive styling variants for Badge component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Manage Badge visual appearance with multiple variant options"]
+// CIL[DOC-CONTEXT module="badge" layer="ui" related_files="[\".framework/src/pages/admin/RolesPage.tsx\",\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="badgeVariants function" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Creates CVA config with default, secondary, destructive, outline, ghost, link variants" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 1. Direct calls: 0. Related files: .framework/src/pages/admin/RolesPage.tsx, .framework/src/components/ui/dialog.tsx, .framework/src/components/ui/table-primitives.tsx, custom/apps/portal/pages/ContentPage.tsx, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 1. Total affected: 3."]
+// 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 badgeVariants = cva(
   "group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-full border border-transparent px-2 py-0.5 text-[0.625rem] font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-2.5!",
   {
@@ -26,7 +59,21 @@ const badgeVariants = cva(
     },
   }
 )
-
+// CIL[END chunk_id="badge_badgevariants_1783883196"]
+// CIL[BEGIN chunk_id="badge_badge_1783883196" type="function" identity="Badge" parent="none"]
+// CIL[DOC-MACRO purpose="Main Badge component with composition support and variants"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render styled badge with optional element composition via asChild"]
+// CIL[DOC-CONTEXT module="badge" layer="ui" related_files="[\".framework/src/pages/admin/RolesPage.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates badge with Radix Slot composition, applies variants, spreads props" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 2. Direct calls: 0. Related files: .framework/src/pages/admin/RolesPage.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/src/components/ui/dialog.tsx, .framework/src/components/ui/table-primitives.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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function Badge({
   className,
   variant = "default",
@@ -45,5 +92,20 @@ function Badge({
     />
   )
 }
-
+// CIL[END chunk_id="badge_badge_1783883196"]
+// CIL[BEGIN chunk_id="badge_exports_1783883196" type="exports" identity="exports" parent="none"]
+// CIL[DOC-MACRO purpose="Export Badge component and variants for external use"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide public API for Badge component library"]
+// CIL[DOC-CONTEXT module="badge" layer="ui" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="exported Badge, badgeVariants" errors="none" side_effects="module exports"]
+// CIL[DOC-MICRO logic_summary="Exports Badge component and badgeVariants styling function" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/RolesPage.tsx, .framework/src/components/ui/dialog.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"]
 export { Badge, badgeVariants }
+// CIL[END chunk_id="badge_exports_1783883196"]