spine-framework 0.3.124 → 0.3.126

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

@@ -1,9 +1,47 @@
+
+
+
+
+
+
+
+
+
+// CIL[BEGIN chunk_id="breadcrumb_module_header_1783881474" type="module_header" identity="module_header" parent="none"]
+// CIL[DOC-MACRO purpose="Breadcrumb navigation component library with Radix integration"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide breadcrumb infrastructure and navigation utilities"]
+// CIL[DOC-CONTEXT module="ui.breadcrumb" layer="component" related_files="[\".framework/src/components/layout/Sidebar.tsx\",\".framework/src/pages/admin/IntegrationsPage.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="React, Slot, utils, navigation icons" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Imports React, Radix Slot, utility functions, and navigation icons" notable_decisions="['radix-ui integration', 'lucide icon usage', 'navigation pattern']"]
+// 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: .framework/src/components/layout/Sidebar.tsx, .framework/src/pages/admin/IntegrationsPage.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"]
 import * as React from "react"
 import { Slot } from "radix-ui"
 
 import { cn } from "@/lib/utils"
 import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react"
-
+// CIL[END chunk_id="breadcrumb_module_header_1783881474"]
+// CIL[BEGIN chunk_id="breadcrumb_breadcrumb_1783881474" type="function" identity="Breadcrumb" parent="none"]
+// CIL[DOC-MACRO purpose="Main breadcrumb navigation container with accessibility"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide semantic breadcrumb navigation wrapper"]
+// CIL[DOC-CONTEXT module="ui.breadcrumb" layer="component" related_files="[\".framework/src/components/layout/Sidebar.tsx\",\".framework/functions/_shared/schema-utils.ts\",\".framework/src/components/ui/dialog.tsx\",\".framework/functions/_shared/principal.ts\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="semantic nav element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps nav element with proper ARIA label and slot attribution" notable_decisions="['semantic HTML', 'accessibility attributes', 'slot 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/src/components/layout/Sidebar.tsx, .framework/functions/_shared/schema-utils.ts, .framework/src/components/ui/dialog.tsx, .framework/functions/_shared/principal.ts, .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 Breadcrumb({ className, ...props }: React.ComponentProps<"nav">) {
   return (
     <nav
@@ -14,7 +52,21 @@ function Breadcrumb({ className, ...props }: React.ComponentProps<"nav">) {
     />
   )
 }
-
+// CIL[END chunk_id="breadcrumb_breadcrumb_1783881474"]
+// CIL[BEGIN chunk_id="breadcrumb_breadcrumblist_1783881474" type="function" identity="BreadcrumbList" parent="none"]
+// CIL[DOC-MACRO purpose="Breadcrumb list container with responsive layout"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide styled ordered list for breadcrumb items"]
+// CIL[DOC-CONTEXT module="ui.breadcrumb" layer="component" related_files="[\".framework/src/components/layout/Sidebar.tsx\",\".framework/functions/_shared/schema-utils.ts\",\".framework/src/components/ui/dialog.tsx\",\".framework/functions/_shared/principal.ts\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled ol element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Applies flex layout with responsive wrapping and text styling" notable_decisions="['flex layout', 'responsive design', 'text handling']"]
+// 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: 1. Direct calls: 0. Related files: .framework/src/components/layout/Sidebar.tsx, .framework/functions/_shared/schema-utils.ts, .framework/src/components/ui/dialog.tsx, .framework/functions/_shared/principal.ts, .framework/src/pages/admin/TypeDetailPage.tsx, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 1. 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 BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">) {
   return (
     <ol
@@ -27,7 +79,21 @@ function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">) {
     />
   )
 }
-
+// CIL[END chunk_id="breadcrumb_breadcrumblist_1783881474"]
+// CIL[BEGIN chunk_id="breadcrumb_breadcrumbitem_1783881474" type="function" identity="BreadcrumbItem" parent="none"]
+// CIL[DOC-MACRO purpose="Individual breadcrumb item with inline layout"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide styled list item for breadcrumb navigation"]
+// CIL[DOC-CONTEXT module="ui.breadcrumb" layer="component" related_files="[\".framework/src/components/layout/Sidebar.tsx\",\".framework/functions/_shared/schema-utils.ts\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/src/components/ui/dialog.tsx\",\".framework/functions/_shared/principal.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled li element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Applies inline flex layout with consistent spacing for items" notable_decisions="['inline layout', 'consistent spacing 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: 1. Direct calls: 0. Related files: .framework/src/components/layout/Sidebar.tsx, .framework/functions/_shared/schema-utils.ts, .framework/src/pages/admin/TypeDetailPage.tsx, .framework/src/components/ui/dialog.tsx, .framework/functions/_shared/principal.ts, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 1. 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 BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">) {
   return (
     <li
@@ -37,7 +103,21 @@ function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">) {
     />
   )
 }
-
+// CIL[END chunk_id="breadcrumb_breadcrumbitem_1783881474"]
+// CIL[BEGIN chunk_id="breadcrumb_breadcrumblink_1783881474" type="function" identity="BreadcrumbLink" parent="none"]
+// CIL[DOC-MACRO purpose="Breadcrumb link with composition support and hover styling"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide styled navigation link with asChild pattern"]
+// CIL[DOC-CONTEXT module="ui.breadcrumb" layer="component" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled link or Slot component" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Uses Radix Slot for composition, applies hover color transitions" notable_decisions="['composition pattern', 'hover state styling', 'slot integration']"]
+// 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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function BreadcrumbLink({
   asChild,
   className,
@@ -55,7 +135,21 @@ function BreadcrumbLink({
     />
   )
 }
-
+// CIL[END chunk_id="breadcrumb_breadcrumblink_1783881474"]
+// CIL[BEGIN chunk_id="breadcrumb_breadcrumbpage_1783881474" type="function" identity="BreadcrumbPage" parent="none"]
+// CIL[DOC-MACRO purpose="Current page indicator with semantic styling"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide styled span for current breadcrumb page"]
+// CIL[DOC-CONTEXT module="ui.breadcrumb" layer="component" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled span element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Applies semantic attributes and foreground color for current page" notable_decisions="['semantic HTML', 'accessibility attributes', 'visual 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: 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 BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">) {
   return (
     <span
@@ -68,7 +162,21 @@ function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">) {
     />
   )
 }
-
+// CIL[END chunk_id="breadcrumb_breadcrumbpage_1783881474"]
+// CIL[BEGIN chunk_id="breadcrumb_breadcrumbseparator_1783881474" type="function" identity="BreadcrumbSeparator" parent="none"]
+// CIL[DOC-MACRO purpose="Breadcrumb separator with default chevron icon"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide visual separator between breadcrumb items"]
+// CIL[DOC-CONTEXT module="ui.breadcrumb" layer="component" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="separator li element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Uses semantic presentation role with customizable icon fallback" notable_decisions="['semantic HTML', 'icon fallback pattern', 'accessibility attributes']"]
+// 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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function BreadcrumbSeparator({
   children,
   className,
@@ -88,7 +196,21 @@ function BreadcrumbSeparator({
     </li>
   )
 }
-
+// CIL[END chunk_id="breadcrumb_breadcrumbseparator_1783881474"]
+// CIL[BEGIN chunk_id="breadcrumb_breadcrumbellipsis_1783881474" type="function" identity="BreadcrumbEllipsis" parent="none"]
+// CIL[DOC-MACRO purpose="Breadcrumb ellipsis indicator with accessibility support"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide visual indicator for collapsed breadcrumb items"]
+// CIL[DOC-CONTEXT module="ui.breadcrumb" layer="component" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="ellipsis span element" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Uses semantic presentation role with icon and screen reader text" notable_decisions="['semantic HTML', 'accessibility support', 'icon integration']"]
+// 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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function BreadcrumbEllipsis({
   className,
   ...props
@@ -110,7 +232,21 @@ function BreadcrumbEllipsis({
     </span>
   )
 }
-
+// CIL[END chunk_id="breadcrumb_breadcrumbellipsis_1783881474"]
+// CIL[BEGIN chunk_id="breadcrumb_exports_1783881474" type="exports" identity="exports" parent="none"]
+// CIL[DOC-MACRO purpose="Export breadcrumb components for public API"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide public interface for breadcrumb component library"]
+// CIL[DOC-CONTEXT module="ui.breadcrumb" layer="component" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="all breadcrumb components" errors="none" side_effects="module exports"]
+// CIL[DOC-MICRO logic_summary="Exports comprehensive breadcrumb component set for navigation" notable_decisions="['comprehensive export strategy', 'navigation component library']"]
+// 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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 export {
   Breadcrumb,
   BreadcrumbList,
@@ -120,3 +256,4 @@ export {
   BreadcrumbSeparator,
   BreadcrumbEllipsis,
 }
+// CIL[END chunk_id="breadcrumb_exports_1783881474"]

package/.framework/src/components/ui/button-group.tsx

@@ -1,3 +1,23 @@
+
+
+
+
+
+// CIL[BEGIN chunk_id="button-group_module_header_1783881474" type="module_header" identity="module_header" parent="none"]
+// CIL[DOC-MACRO purpose="Button group component with orientation-aware styling using CVA"]
+// CIL[DOC-RESPONSIBILITY responsibility="Define button group variants and component infrastructure"]
+// CIL[DOC-CONTEXT module="ui.button-group" layer="component" related_files="[\".framework/src/components/ui/dialog.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/functions/_shared/schema-utils.ts\",\".framework/functions/_shared/principal.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="buttonGroupVariants, CVA, Slot, Separator" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Creates orientation-aware button group variant system with complex border management" notable_decisions="['class-variance-authority pattern', 'complex CSS selector system', 'orientation-aware styling']"]
+// 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: .framework/src/components/ui/dialog.tsx, .framework/src/pages/admin/RolesPage.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/functions/_shared/schema-utils.ts, .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 { cva, type VariantProps } from "class-variance-authority"
 import { Slot } from "radix-ui"
 
@@ -20,7 +40,21 @@ const buttonGroupVariants = cva(
     },
   }
 )
-
+// CIL[END chunk_id="button-group_module_header_1783881474"]
+// CIL[BEGIN chunk_id="button-group_buttongroup_1783881474" type="function" identity="ButtonGroup" parent="none"]
+// CIL[DOC-MACRO purpose="Main button group container with orientation support"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render styled button group with semantic grouping and orientation"]
+// CIL[DOC-CONTEXT module="ui.button-group" layer="component" related_files="[\".framework/functions/_shared/schema-utils.ts\",\".framework/src/components/ui/dialog.tsx\",\".framework/functions/_shared/principal.ts\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/src/pages/admin/IntegrationsPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled button group container" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Applies CVA variants, sets semantic group role, handles orientation" notable_decisions="['semantic HTML', 'CVA integration', 'orientation handling']"]
+// 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/src/pages/admin/TypeDetailPage.tsx, .framework/src/pages/admin/IntegrationsPage.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 ButtonGroup({
   className,
   orientation,
@@ -36,7 +70,21 @@ function ButtonGroup({
     />
   )
 }
-
+// CIL[END chunk_id="button-group_buttongroup_1783881474"]
+// CIL[BEGIN chunk_id="button-group_buttongrouptext_1783881474" type="function" identity="ButtonGroupText" parent="none"]
+// CIL[DOC-MACRO purpose="Button group text with composition support and styling"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide styled text content with asChild pattern for button groups"]
+// CIL[DOC-CONTEXT module="ui.button-group" layer="component" related_files="[\".framework/functions/_shared/schema-utils.ts\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/components/ui/dialog.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled text or Slot component" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Uses Radix Slot for composition, applies muted styling with icon handling" notable_decisions="['composition pattern', 'muted styling', 'icon integration']"]
+// 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, custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/RolesPage.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function ButtonGroupText({
   className,
   asChild = false,
@@ -56,7 +104,21 @@ function ButtonGroupText({
     />
   )
 }
-
+// CIL[END chunk_id="button-group_buttongrouptext_1783881474"]
+// CIL[BEGIN chunk_id="button-group_buttongroupseparator_1783881474" type="function" identity="ButtonGroupSeparator" parent="none"]
+// CIL[DOC-MACRO purpose="Button group separator with orientation-aware styling"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide styled separator for button groups with orientation support"]
+// CIL[DOC-CONTEXT module="ui.button-group" layer="component" related_files="[\".framework/functions/_shared/schema-utils.ts\",\".framework/src/components/ui/dialog.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\".framework/functions/_shared/principal.ts\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled separator component" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps Separator with orientation-specific styling and data attributes" notable_decisions="['separator wrapper pattern', 'orientation-aware styling', 'data attributes']"]
+// 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/src/pages/admin/RolesPage.tsx, .framework/functions/_shared/principal.ts, .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 ButtonGroupSeparator({
   className,
   orientation = "vertical",
@@ -74,10 +136,25 @@ function ButtonGroupSeparator({
     />
   )
 }
-
+// CIL[END chunk_id="button-group_buttongroupseparator_1783881474"]
+// CIL[BEGIN chunk_id="button-group_exports_1783881474" type="exports" identity="exports" parent="none"]
+// CIL[DOC-MACRO purpose="Export button group components and variants for public API"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide public interface for button group component library"]
+// CIL[DOC-CONTEXT module="ui.button-group" layer="component" 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/TypeDetailPage.tsx\",\".framework/functions/_shared/principal.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="button group components and variants" errors="none" side_effects="module exports"]
+// CIL[DOC-MICRO logic_summary="Exports all button group components and variants for customization" notable_decisions="['export variants for customization', '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: custom/apps/portal/pages/ContentPage.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/src/components/ui/dialog.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 {
   ButtonGroup,
   ButtonGroupSeparator,
   ButtonGroupText,
   buttonGroupVariants,
 }
+// CIL[END chunk_id="button-group_exports_1783881474"]

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

@@ -1,3 +1,21 @@
+
+
+
+// CIL[BEGIN chunk_id="button_module_header_1783881474" type="module_header" identity="module_header" parent="none"]
+// CIL[DOC-MACRO purpose="Button component with comprehensive variant system using CVA"]
+// CIL[DOC-RESPONSIBILITY responsibility="Define button styling variants and component infrastructure"]
+// CIL[DOC-CONTEXT module="ui.button" layer="component" related_files="[\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="buttonVariants, React, CVA, Slot" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Creates comprehensive button variant system with theme support and accessibility" notable_decisions="['class-variance-authority pattern', 'extensive variant system', 'icon-aware sizing']"]
+// 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: .framework/src/components/ui/dialog.tsx, .framework/src/components/ui/table-primitives.tsx, .framework/src/pages/admin/RolesPage.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 { cva, type VariantProps } from "class-variance-authority"
 import { Slot } from "radix-ui"
@@ -38,7 +56,21 @@ const buttonVariants = cva(
     },
   }
 )
-
+// CIL[END chunk_id="button_module_header_1783881474"]
+// CIL[BEGIN chunk_id="button_button_1783881474" type="function" identity="Button" parent="none"]
+// CIL[DOC-MACRO purpose="Main button component with variant support and asChild pattern"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render styled button with flexible composition via Radix Slot"]
+// CIL[DOC-CONTEXT module="ui.button" layer="component" 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="styled button or Slot component" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Uses Radix Slot for composition, applies CVA variants, sets data attributes" notable_decisions="['composition pattern', 'CVA integration', 'data attributes for 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: 2. 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: 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 Button({
   className,
   variant = "default",
@@ -61,5 +93,20 @@ function Button({
     />
   )
 }
-
+// CIL[END chunk_id="button_button_1783881474"]
+// CIL[BEGIN chunk_id="button_exports_1783881474" type="exports" identity="exports" parent="none"]
+// CIL[DOC-MACRO purpose="Export button component and variants for public API"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide public interface for button component library"]
+// CIL[DOC-CONTEXT module="ui.button" layer="component" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Button component and buttonVariants" errors="none" side_effects="module exports"]
+// CIL[DOC-MICRO logic_summary="Exports main Button component and buttonVariants for customization" notable_decisions="['export variants for customization', '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: custom/apps/portal/pages/ContentPage.tsx, .framework/src/components/ui/dialog.tsx, .framework/src/components/ui/table-primitives.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"]
 export { Button, buttonVariants }
+// CIL[END chunk_id="button_exports_1783881474"]

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

@@ -1,3 +1,22 @@
+
+
+
+
+// CIL[BEGIN chunk_id="calendar_module_header_1783881474" type="module_header" identity="module_header" parent="none"]
+// CIL[DOC-MACRO purpose="Calendar component with react-day-picker integration"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide calendar infrastructure and dependencies"]
+// CIL[DOC-CONTEXT module="ui.calendar" layer="component" related_files="[\".framework/src/pages/admin/IntegrationsPage.tsx\",\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/layout/Sidebar.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React, DayPicker, Button, icons" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Imports calendar library dependencies and UI components for calendar implementation" notable_decisions="['react-day-picker integration', 'custom button integration', 'lucide icons']"]
+// 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: .framework/src/pages/admin/IntegrationsPage.tsx, .framework/src/components/ui/dialog.tsx, .framework/src/components/layout/Sidebar.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"]
 "use client"
 
 import * as React from "react"
@@ -11,7 +30,21 @@ import {
 import { cn } from "@/lib/utils"
 import { Button, buttonVariants } from "@/components/ui/button"
 import { ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon } from "lucide-react"
-
+// CIL[END chunk_id="calendar_module_header_1783881474"]
+// CIL[BEGIN chunk_id="calendar_calendar_1783881474" type="function" identity="Calendar" parent="none"]
+// CIL[DOC-MACRO purpose="Main calendar component with extensive customization options"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render customizable calendar with theme integration and custom components"]
+// CIL[DOC-CONTEXT module="ui.calendar" layer="component" related_files="[\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/layout/Sidebar.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\".framework/functions/_shared/schema-utils.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled calendar component" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Configures DayPicker with custom styling, components, and comprehensive class name overrides" notable_decisions="['extensive customization system', 'custom component injection', 'theme-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: .framework/src/components/ui/dialog.tsx, .framework/src/components/layout/Sidebar.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/RolesPage.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 Calendar({
   className,
   classNames,
@@ -179,7 +212,21 @@ function Calendar({
     />
   )
 }
-
+// CIL[END chunk_id="calendar_calendar_1783881474"]
+// CIL[BEGIN chunk_id="calendar_calendardaybutton_1783881474" type="function" identity="CalendarDayButton" parent="none"]
+// CIL[DOC-MACRO purpose="Custom calendar day button with focus management and range selection"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render styled day button with accessibility and selection states"]
+// CIL[DOC-CONTEXT module="ui.calendar" layer="component" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\"custom/apps/cortex/functions/custom_cil-embeddings.ts\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled button component" errors="none" side_effects="renders DOM, manages focus"]
+// CIL[DOC-MICRO logic_summary="Handles focus management, applies complex selection styling with data attributes" notable_decisions="['focus management', 'complex selection states', 'data attribute 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: 0. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, custom/apps/cortex/functions/custom_cil-embeddings.ts, custom/apps/cortex/pages/operations/OperationsDashboard.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 CalendarDayButton({
   className,
   day,
@@ -218,5 +265,20 @@ function CalendarDayButton({
     />
   )
 }
-
+// CIL[END chunk_id="calendar_calendardaybutton_1783881474"]
+// CIL[BEGIN chunk_id="calendar_exports_1783881474" type="exports" identity="exports" parent="none"]
+// CIL[DOC-MACRO purpose="Export calendar components for public API"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide public interface for calendar component library"]
+// CIL[DOC-CONTEXT module="ui.calendar" layer="component" related_files="[\".framework/src/components/layout/Sidebar.tsx\",\".framework/src/components/ui/dialog.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/principal.ts\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Calendar and CalendarDayButton components" errors="none" side_effects="module exports"]
+// CIL[DOC-MICRO logic_summary="Exports main calendar components for consumption" notable_decisions="['named exports pattern', 'component library interface']"]
+// 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/layout/Sidebar.tsx, .framework/src/components/ui/dialog.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, .framework/functions/_shared/principal.ts, 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"]
 export { Calendar, CalendarDayButton }
+// CIL[END chunk_id="calendar_exports_1783881474"]