spine-framework 0.3.124 → 0.3.126

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

@@ -1,42 +1,138 @@
-"use client"
 
+
+
+
+
+
+
+
+
+
+
+
+// CIL[BEGIN chunk_id="dialog_module_header_1783844098" type="module_header" identity="imports" parent="none"]
+// CIL[DOC-MACRO purpose="Import dependencies for dialog components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Import React, Radix UI primitives and utilities"]
+// CIL[DOC-CONTEXT module="dialog" layer="ui" related_files="[\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React, Radix primitives, utilities" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Imports React, Radix Dialog primitives, styling utilities and icons" 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/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"]
+"use client"
 import * as React from "react"
 import { Dialog as DialogPrimitive } from "radix-ui"
-
 import { cn } from "@/lib/utils"
 import { Button } from "@/components/ui/button"
 import { XIcon } from "lucide-react"
-
+// CIL[END chunk_id="dialog_module_header_1783844098"]
+// CIL[BEGIN chunk_id="dialog_dialog_1783844098" type="function" identity="Dialog" parent="none"]
+// CIL[DOC-MACRO purpose="Root dialog component wrapper"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide Radix Dialog root with data slot"]
+// CIL[DOC-CONTEXT module="dialog" layer="ui" related_files="[\".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="Dialog root component" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps Radix Dialog.Root with data-slot attribute" 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/table-primitives.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/RolesPage.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 Dialog({
   ...props
 }: React.ComponentProps<typeof DialogPrimitive.Root>) {
   return <DialogPrimitive.Root data-slot="dialog" {...props} />
 }
-
+// CIL[END chunk_id="dialog_dialog_1783844098"]
+// CIL[BEGIN chunk_id="dialog_dialogtrigger_1783844098" type="function" identity="DialogTrigger" parent="none"]
+// CIL[DOC-MACRO purpose="Dialog trigger component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide trigger element for opening dialogs"]
+// CIL[DOC-CONTEXT module="dialog" layer="ui" related_files="[\".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="Dialog trigger" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps Radix Dialog.Trigger with data-slot attribute" 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/table-primitives.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/RolesPage.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"]
 function DialogTrigger({
   ...props
 }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
   return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />
 }
-
+// CIL[END chunk_id="dialog_dialogtrigger_1783844098"]
+// CIL[BEGIN chunk_id="dialog_dialogportal_1783844098" type="function" identity="DialogPortal" parent="none"]
+// CIL[DOC-MACRO purpose="Dialog portal component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide portal for rendering dialog outside DOM tree"]
+// CIL[DOC-CONTEXT module="dialog" layer="ui" related_files="[\"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="Dialog portal" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps Radix Dialog.Portal with data-slot attribute" 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: 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: 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 DialogPortal({
   ...props
 }: React.ComponentProps<typeof DialogPrimitive.Portal>) {
   return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />
 }
-
+// CIL[END chunk_id="dialog_dialogportal_1783844098"]
+// CIL[BEGIN chunk_id="dialog_dialogclose_1783844098" type="function" identity="DialogClose" parent="none"]
+// CIL[DOC-MACRO purpose="Dialog close component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide close trigger for dialogs"]
+// CIL[DOC-CONTEXT module="dialog" layer="ui" related_files="[\".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="Dialog close" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps Radix Dialog.Close with data-slot attribute" 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/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 DialogClose({
   ...props
 }: React.ComponentProps<typeof DialogPrimitive.Close>) {
   return <DialogPrimitive.Close data-slot="dialog-close" {...props} />
 }
-
-function DialogOverlay({
-  className,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {
+// CIL[END chunk_id="dialog_dialogclose_1783844098"]
+// CIL[BEGIN chunk_id="dialog_dialogoverlay_1783844098" type="function" identity="DialogOverlay" parent="none"]
+// CIL[DOC-MACRO purpose="Dialog overlay background component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render styled backdrop for dialog modal"]
+// CIL[DOC-CONTEXT module="dialog" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled overlay" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates semi-transparent backdrop with blur and animations" 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"]
+const DialogOverlay = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
+>(({ className, ...props }, ref) => {
   return (
     <DialogPrimitive.Overlay
+      ref={ref}
       data-slot="dialog-overlay"
       className={cn(
         "fixed inset-0 isolate z-50 bg-black/80 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
@@ -45,20 +141,34 @@ function DialogOverlay({
       {...props}
     />
   )
-}
-
-function DialogContent({
-  className,
-  children,
-  showCloseButton = true,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Content> & {
-  showCloseButton?: boolean
-}) {
+})
+DialogOverlay.displayName = "DialogOverlay"
+// CIL[END chunk_id="dialog_dialogoverlay_1783844098"]
+// CIL[BEGIN chunk_id="dialog_dialogcontent_1783844098" type="function" identity="DialogContent" parent="none"]
+// CIL[DOC-MACRO purpose="Main dialog content container"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render dialog content with overlay and optional close button"]
+// CIL[DOC-CONTEXT module="dialog" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="dialog content" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates modal dialog with overlay, animations and optional close button" 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"]
+const DialogContent = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean
+  }
+>(({ className, children, showCloseButton = true, ...props }, ref) => {
   return (
     <DialogPortal>
       <DialogOverlay />
       <DialogPrimitive.Content
+        ref={ref}
         data-slot="dialog-content"
         className={cn(
           "fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-xs/relaxed text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
@@ -83,8 +193,23 @@ function DialogContent({
       </DialogPrimitive.Content>
     </DialogPortal>
   )
-}
-
+})
+DialogContent.displayName = "DialogContent"
+// CIL[END chunk_id="dialog_dialogcontent_1783844098"]
+// CIL[BEGIN chunk_id="dialog_dialogheader_1783844098" type="function" identity="DialogHeader" parent="none"]
+// CIL[DOC-MACRO purpose="Dialog header container"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide layout container for dialog header content"]
+// CIL[DOC-CONTEXT module="dialog" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled header div" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates flex column container with gap spacing for header" 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 DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -94,7 +219,21 @@ function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-
+// CIL[END chunk_id="dialog_dialogheader_1783844098"]
+// CIL[BEGIN chunk_id="dialog_dialogfooter_1783844098" type="function" identity="DialogFooter" parent="none"]
+// CIL[DOC-MACRO purpose="Dialog footer container"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide layout container for dialog footer with optional close button"]
+// CIL[DOC-CONTEXT module="dialog" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled footer div" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates responsive footer layout with optional close button" 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 DialogFooter({
   className,
   showCloseButton = false,
@@ -121,7 +260,21 @@ function DialogFooter({
     </div>
   )
 }
-
+// CIL[END chunk_id="dialog_dialogfooter_1783844098"]
+// CIL[BEGIN chunk_id="dialog_dialogtitle_1783844098" type="function" identity="DialogTitle" parent="none"]
+// CIL[DOC-MACRO purpose="Dialog title component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render styled title for dialog headers"]
+// CIL[DOC-CONTEXT module="dialog" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled title" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates heading-styled title with font and 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. 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 DialogTitle({
   className,
   ...props
@@ -134,7 +287,21 @@ function DialogTitle({
     />
   )
 }
-
+// CIL[END chunk_id="dialog_dialogtitle_1783844098"]
+// CIL[BEGIN chunk_id="dialog_dialogdescription_1783844098" type="function" identity="DialogDescription" parent="none"]
+// CIL[DOC-MACRO purpose="Dialog description component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render styled description text for dialog content"]
+// CIL[DOC-CONTEXT module="dialog" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled description" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Creates muted text styling with link support for descriptions" 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 DialogDescription({
   className,
   ...props
@@ -150,7 +317,21 @@ function DialogDescription({
     />
   )
 }
-
+// CIL[END chunk_id="dialog_dialogdescription_1783844098"]
+// CIL[BEGIN chunk_id="dialog_exports_1783844098" type="exports" identity="exports" parent="none"]
+// CIL[DOC-MACRO purpose="Export dialog components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Make all dialog components available for import"]
+// CIL[DOC-CONTEXT module="dialog" layer="ui" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="component exports" errors="none" side_effects="module exports"]
+// CIL[DOC-MICRO logic_summary="Exports all dialog components for external usage" 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 {
   Dialog,
   DialogClose,
@@ -163,3 +344,4 @@ export {
   DialogTitle,
   DialogTrigger,
 }
+// CIL[END chunk_id="dialog_exports_1783844098"]

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

@@ -1,8 +1,39 @@
-"use client"
 
+
+
+// CIL[BEGIN chunk_id="direction_module_header_1783844098" type="module_header" identity="imports" parent="none"]
+// CIL[DOC-MACRO purpose="Import dependencies for direction components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Import React and Radix UI Direction primitives"]
+// CIL[DOC-CONTEXT module="direction" layer="ui" related_files="[\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/components/layout/Sidebar.tsx\",\".framework/src/components/ui/dialog.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/principal.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React, Radix Direction primitives" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Imports React and Radix UI Direction for text direction handling" 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/components/layout/Sidebar.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"]
+"use client"
 import * as React from "react"
 import { Direction } from "radix-ui"
-
+// CIL[END chunk_id="direction_module_header_1783844098"]
+// CIL[BEGIN chunk_id="direction_directionprovider_1783844098" type="function" identity="DirectionProvider" parent="none"]
+// CIL[DOC-MACRO purpose="Text direction provider for RTL/LTR support"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide context for text direction across component tree"]
+// CIL[DOC-CONTEXT module="direction" layer="ui" related_files="[\".framework/functions/_shared/schema-utils.ts\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/principal.ts\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/components/layout/Sidebar.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="direction context" errors="none" side_effects="renders DOM"]
+// CIL[DOC-MICRO logic_summary="Wraps Radix DirectionProvider with flexible direction prop 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/functions/_shared/schema-utils.ts, .framework/src/pages/admin/TypeDetailPage.tsx, .framework/functions/_shared/principal.ts, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/src/components/layout/Sidebar.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 DirectionProvider({
   dir,
   direction,
@@ -16,7 +47,36 @@ function DirectionProvider({
     </Direction.DirectionProvider>
   )
 }
-
+// CIL[END chunk_id="direction_directionprovider_1783844098"]
+// CIL[BEGIN chunk_id="direction_usedirection_1783844098" type="const" identity="useDirection" parent="none"]
+// CIL[DOC-MACRO purpose="Hook for accessing text direction context"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide hook to consume direction context values"]
+// CIL[DOC-CONTEXT module="direction" layer="ui" related_files="[\".framework/functions/_shared/schema-utils.ts\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/principal.ts\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/components/layout/Sidebar.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="direction hook" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Direct alias to Radix UI useDirection hook" 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/pages/admin/TypeDetailPage.tsx, .framework/functions/_shared/principal.ts, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/src/components/layout/Sidebar.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"]
 const useDirection = Direction.useDirection
-
+// CIL[END chunk_id="direction_usedirection_1783844098"]
+// CIL[BEGIN chunk_id="direction_exports_1783844098" type="exports" identity="exports" parent="none"]
+// CIL[DOC-MACRO purpose="Export direction components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Make direction components available for import"]
+// CIL[DOC-CONTEXT module="direction" layer="ui" related_files="[\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/layout/Sidebar.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="component exports" errors="none" side_effects="module exports"]
+// CIL[DOC-MICRO logic_summary="Exports DirectionProvider and useDirection hook for external usage" 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, .framework/src/components/layout/Sidebar.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"]
 export { DirectionProvider, useDirection }
+// CIL[END chunk_id="direction_exports_1783844098"]