spine-framework 0.3.145 → 0.4.0

package/.framework/src/components/ui/input-otp.tsx

@@ -1,47 +1,50 @@
-
-
-
-
-// CIL[END chunk_id="input_otp_inputotpseparator_1783796064"]
-
-
-// CIL[BEGIN chunk_id="input_otp_module_header_1783796064" type="module_header" identity="imports" parent="none"]
-// CIL[DOC-MACRO purpose="Import dependencies for OTP input components"]
-// CIL[DOC-RESPONSIBILITY responsibility="Import React, OTP library, utilities, and icons"]
-// CIL[DOC-CONTEXT module="input-otp" layer="ui_components" 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="imported modules" errors="none" side_effects="module imports"]
-// CIL[DOC-MICRO logic_summary="Imports all dependencies for OTP input component system" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/input-otp.tsx:use_client:directive" type="directive" identity="use_client" parent="module"]
+// CIL[DOC-MACRO purpose="Marks the module for client-side execution in Next.js"]
+// CIL[DOC-RESPONSIBILITY responsibility="Indicates that this file should only run in the browser"]
+// CIL[DOC-CONTEXT module="components/ui" layer="presentation" related_files=".framework/src/components/ui/input-otp.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="N/A" outputs="N/A" errors="N/A" side_effects="Changes module runtime context to client"]
+// CIL[DOC-MICRO logic_summary="Directive indicating client-side rendering" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
 // CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-AUDIENCE audience="developer"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: 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."]
+"use client"
+// CIL[DOC-VECTOR type="context" content="purpose='Marks the module for client-side execution in Next.js'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
-"use client"
+// CIL[END stable_id="~/.framework/src/components/ui/input-otp.tsx:use_client:directive"]
 
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/input-otp.tsx:module_header:module_header" type="module_header" identity="module_header" parent="module"]
+// CIL[DOC-MACRO purpose="Imports and dependencies for the input-otp UI components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide the external libraries and utilities used by the component exports"]
+// CIL[DOC-CONTEXT module="components/ui" layer="presentation" related_files=".framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="N/A" outputs="Imported symbols available to downstream chunks" errors="N/A" side_effects="Loads React, input-otp, utils, and icons into module scope"]
+// CIL[DOC-MICRO logic_summary="Imports React, OTPInput/OTPInputContext, className utility, and MinusIcon" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-AUDIENCE audience="developers and UI component consumers"]
 import * as React from "react"
 import { OTPInput, OTPInputContext } from "input-otp"
 
 import { cn } from "@/lib/utils"
 import { MinusIcon } from "lucide-react"
-// CIL[END chunk_id="input_otp_module_header_1783796064"]
-// CIL[BEGIN chunk_id="input_otp_inputotp_1783796064" type="function" identity="inputotp" parent="none"]
-// CIL[DOC-MACRO purpose="Render main OTP input container"]
-// CIL[DOC-RESPONSIBILITY responsibility="Create styled OTP input root element"]
-// CIL[DOC-CONTEXT module="input-otp" layer="ui_components" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"custom/apps/cortex/functions/custom_cil-embeddings.ts\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="styled OTP container" errors="none" side_effects="renders DOM element"]
-// CIL[DOC-MICRO logic_summary="Creates OTP input container with flex layout and disabled states" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/RolesPage.tsx, custom/apps/cortex/functions/custom_cil-embeddings.ts, \."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="context" content="purpose='Imports and dependencies for the input-otp UI components'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/input-otp.tsx:module_header:module_header"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/input-otp.tsx:inputotp:function" type="function" identity="InputOTP" parent="module"]
+// CIL[DOC-MACRO purpose="Render a styled one-time password input wrapper around OTPInput"]
+// CIL[DOC-RESPONSIBILITY responsibility="Wrap the external OTPInput component with project-specific styling and container className"]
+// CIL[DOC-CONTEXT module="components/ui" layer="presentation" related_files=".framework/src/components/ui/input-otp.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className, containerClassName, ...props" outputs="Rendered OTPInput element with merged styles" errors="N/A" side_effects="Renders DOM via React"]
+// CIL[DOC-MICRO logic_summary="Merges className and containerClassName with default styles and renders OTPInput" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function InputOTP({
   className,
   containerClassName,
@@ -62,21 +65,22 @@ function InputOTP({
     />
   )
 }
-// CIL[END chunk_id="input_otp_inputotp_1783796064"]
-// CIL[BEGIN chunk_id="input_otp_inputotpgroup_1783796064" type="function" identity="inputotpgroup" parent="none"]
-// CIL[DOC-MACRO purpose="Render OTP input group container"]
-// CIL[DOC-RESPONSIBILITY responsibility="Create container for grouping OTP input slots"]
-// CIL[DOC-CONTEXT module="input-otp" layer="ui_components" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"custom/apps/cortex/functions/custom_cil-embeddings.ts\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="styled group container" errors="none" side_effects="renders DOM element"]
-// CIL[DOC-MICRO logic_summary="Creates flex container for OTP input slots with error states" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/RolesPage.tsx, custom/apps/cortex/functions/custom_cil-embeddings.ts, \."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="context" content="purpose='Render a styled one-time password input wrapper around OTPInput'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/input-otp.tsx:inputotp:function"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/input-otp.tsx:inputotpgroup:function" type="function" identity="InputOTPGroup" parent="module"]
+// CIL[DOC-MACRO purpose="Render a group container for OTP input slots"]
+// CIL[DOC-RESPONSIBILITY responsibility="Apply flex and validation styling to a group of OTP slots"]
+// CIL[DOC-CONTEXT module="components/ui" layer="presentation" related_files=".framework/src/components/ui/input-otp.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className, ...props" outputs="Styled flex div for grouping slots" errors="N/A" side_effects="Renders DOM"]
+// CIL[DOC-MICRO logic_summary="Renders a flex div with rounded, invalid-state, and ring styles" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function InputOTPGroup({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -89,21 +93,22 @@ function InputOTPGroup({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-// CIL[END chunk_id="input_otp_inputotpgroup_1783796064"]
-// CIL[BEGIN chunk_id="input_otp_inputotpslot_1783796064" type="function" identity="inputotpslot" parent="none"]
-// CIL[DOC-MACRO purpose="Render individual OTP input slot"]
-// CIL[DOC-RESPONSIBILITY responsibility="Create single character input slot with caret"]
-// CIL[DOC-CONTEXT module="input-otp" layer="ui_components" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"custom/apps/cortex/functions/custom_cil-embeddings.ts\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="styled input slot" errors="none" side_effects="renders DOM element"]
-// CIL[DOC-MICRO logic_summary="Creates individual OTP slot with character display and animated caret" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/RolesPage.tsx, custom/apps/cortex/functions/custom_cil-embeddings.ts, \."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="context" content="purpose='Render a group container for OTP input slots'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/input-otp.tsx:inputotpgroup:function"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/input-otp.tsx:inputotpslot:function" type="function" identity="InputOTPSlot" parent="module"]
+// CIL[DOC-MACRO purpose="Render an individual OTP digit slot"]
+// CIL[DOC-RESPONSIBILITY responsibility="Display the digit, caret, and active state for a single OTP character position"]
+// CIL[DOC-CONTEXT module="components/ui" layer="presentation" related_files=".framework/src/components/ui/input-otp.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="index, className, ...props; consumes OTPInputContext" outputs="Styled slot div with char and optional fake caret" errors="N/A" side_effects="Renders DOM and subscribes to OTPInputContext"]
+// CIL[DOC-MICRO logic_summary="Consumes OTPInputContext to obtain slot state and renders a styled div for one character" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function InputOTPSlot({
   index,
   className,
@@ -133,21 +138,22 @@ function InputOTPSlot({
     </div>
   )
 }
-// CIL[END chunk_id="input_otp_inputotpslot_1783796064"]
-// CIL[BEGIN chunk_id="input_otp_inputotpseparator_1783796064" type="function" identity="InputOTPSeparator" parent="none"]
-// CIL[DOC-MACRO purpose="Render separator between OTP input slots"]
-// CIL[DOC-RESPONSIBILITY responsibility="Create visual separator for OTP input groups"]
-// CIL[DOC-CONTEXT module="input-otp" layer="ui_components" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"custom/apps/cortex/functions/custom_cil-embeddings.ts\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="styled separator" errors="none" side_effects="renders DOM element"]
-// CIL[DOC-MICRO logic_summary="Creates separator with minus icon between OTP input groups" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/RolesPage.tsx, custom/apps/cortex/functions/custom_cil-embeddings.ts, \."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="context" content="purpose='Render an individual OTP digit slot'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/input-otp.tsx:inputotpslot:function"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/input-otp.tsx:inputotpseparator:function" type="function" identity="InputOTPSeparator" parent="module"]
+// CIL[DOC-MACRO purpose="Render a visual separator between OTP input groups"]
+// CIL[DOC-RESPONSIBILITY responsibility="Display a minus icon to visually separate OTP groups"]
+// CIL[DOC-CONTEXT module="components/ui" layer="presentation" related_files=".framework/src/components/ui/input-otp.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="...props" outputs="Styled div containing a MinusIcon" errors="N/A" side_effects="Renders DOM"]
+// CIL[DOC-MICRO logic_summary="Renders a div with flex alignment and a MinusIcon" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 function InputOTPSeparator({ ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -161,20 +167,27 @@ function InputOTPSeparator({ ...props }: React.ComponentProps<"div">) {
     </div>
   )
 }
-// CIL[END chunk_id="input_otp_inputotpseparator_1783796064"]
-// CIL[BEGIN chunk_id="input_otp_exports_1783796064" type="exports" identity="exports" parent="none"]
-// CIL[DOC-MACRO purpose="Export OTP input components for public use"]
-// CIL[DOC-RESPONSIBILITY responsibility="Export all OTP input-related components"]
-// CIL[DOC-CONTEXT module="input-otp" layer="ui_components" related_files="[]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="exported components" errors="none" side_effects="module exports"]
-// CIL[DOC-MICRO logic_summary="Exports comprehensive OTP input component system for consumption" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: none."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="context" content="purpose='Render a visual separator between OTP input groups'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/input-otp.tsx:inputotpseparator:function"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/input-otp.tsx:module_exports:module_exports" type="module_exports" identity="module_exports" parent="module"]
+// CIL[DOC-MACRO purpose="Export the public API of the input-otp UI components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Make InputOTP, InputOTPGroup, InputOTPSlot, and InputOTPSeparator available to other modules"]
+// CIL[DOC-CONTEXT module="components/ui" layer="presentation" related_files=".framework/src/components/ui/input-otp.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="N/A" outputs="Named exports of all OTP components" errors="N/A" side_effects="Defines the module's external interface"]
+// CIL[DOC-MICRO logic_summary="Named export list for InputOTP, InputOTPGroup, InputOTPSlot, and InputOTPSeparator" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
 export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }
-// CIL[END chunk_id="input_otp_exports_1783796064"]
+// CIL[DOC-VECTOR type="context" content="purpose='Export the public API of the input-otp UI components'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/input-otp.tsx:module_exports:module_exports"]

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

@@ -1,39 +1,34 @@
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/input.tsx:module_header:module_header" type="module_header" identity="module_header" parent="~/.framework/src/components/ui/input.tsx"]
+
 
 
 
-// CIL[BEGIN chunk_id="input_module_header_1783796064" type="module_header" identity="module_header" parent="none"]
-// CIL[DOC-MACRO purpose="Import dependencies for input component"]
-// CIL[DOC-RESPONSIBILITY responsibility="Import React and utility functions"]
-// CIL[DOC-CONTEXT module="input" layer="ui_components" related_files="[\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="imported modules" errors="none" side_effects="module imports"]
-// CIL[DOC-MICRO logic_summary="Imports React and cn utility for input component" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-AUDIENCE audience="developer"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, .framework/src/components/ui/table-primitives.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, custom/apps/portal/pages/ContentPage.tsx, \."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
-// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
-// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 import * as React from "react"
 
 import { cn } from "@/lib/utils"
-// CIL[END chunk_id="input_module_header_1783796064"]
-// CIL[BEGIN chunk_id="input_input_1783796064" type="function" identity="Input" parent="none"]
-// CIL[DOC-MACRO purpose="Render styled input component"]
-// CIL[DOC-RESPONSIBILITY responsibility="Create flexible input element with comprehensive styling"]
-// CIL[DOC-CONTEXT module="input" layer="ui_components" related_files="[\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="styled input element" errors="none" side_effects="renders DOM element"]
-// CIL[DOC-MICRO logic_summary="Creates input element with extensive styling for forms and UI" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-MACRO purpose="Shadcn/UI form input component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Expose a styled, accessible Input component for the design system"]
+// CIL[DOC-CONTEXT module="components/ui" layer="component" related_files=".framework/src/lib/utils.ts"]
 // CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, .framework/src/components/ui/table-primitives.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/RolesPage.tsx, \."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-AUDIENCE audience="framework"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-VECTOR type="context" content="purpose='Shadcn/UI form input component'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/input.tsx:module_header:module_header"]
+
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/input.tsx:Input:component" type="component" identity="Input" parent="~/.framework/src/components/ui/input.tsx"]
+// CIL[DOC-MACRO purpose="Render a styled HTML input with forwarded props and optional className"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render an accessible input element with merged Tailwind classes"]
+// CIL[DOC-CONTEXT module="components/ui" layer="component" related_files=".framework/src/components/ui/input.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="className?: string, type?: string, props: React.ComponentProps<'input'>" outputs="JSX input element" errors="[]" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Destructure className and type, spread remaining props onto a styled input with data-slot and cn()" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-AUDIENCE audience="framework"]
 function Input({ className, type, ...props }: React.ComponentProps<"input">) {
   return (
     <input
@@ -47,20 +42,27 @@ function Input({ className, type, ...props }: React.ComponentProps<"input">) {
     />
   )
 }
-// CIL[END chunk_id="input_input_1783796064"]
-// CIL[BEGIN chunk_id="input_exports_1783796064" type="exports" identity="exports" parent="none"]
-// CIL[DOC-MACRO purpose="Export input component for public use"]
-// CIL[DOC-RESPONSIBILITY responsibility="Export Input component"]
-// CIL[DOC-CONTEXT module="input" layer="ui_components" related_files="[\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\"\\\"]"]
-// CIL[DOC-CONTRACT inputs="none" outputs="exported component" errors="none" side_effects="module exports"]
-// CIL[DOC-MICRO logic_summary="Exports input component for consumption" notable_decisions="[]"]
-// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
-// CIL[DOC-STABILITY stability="stable"]
-// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, .framework/src/components/ui/table-primitives.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, \."]
-// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
-// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
-// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="context" content="purpose='Render a styled HTML input with forwarded props and optional className'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
 // CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
 // CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/input.tsx:Input:component"]
+// CIL[BEGIN stable_id="~/.framework/src/components/ui/input.tsx:exports:variable" type="variable" identity="exports" parent="~/.framework/src/components/ui/input.tsx"]
+// CIL[DOC-MACRO purpose="Named export for the Input component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Re-export Input for consumers"]
+// CIL[DOC-CONTEXT module="components/ui" layer="component" related_files=".framework/src/components/ui/input.tsx,.framework/src/lib/utils.ts"]
+// CIL[DOC-CONTRACT inputs="none" outputs="named export { Input }" errors="[]" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Exports the local Input function for use in other modules" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.90" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-AUDIENCE audience="framework"]
 export { Input }
-// CIL[END chunk_id="input_exports_1783796064"]
+// CIL[DOC-VECTOR type="context" content="purpose='Named export for the Input component'; No verified external callers; imports: .framework/src/lib/utils.ts"]
+// CIL[DOC-VECTOR type="blast_radius" content="No direct caller data from CIL graph; local impact only"]
+// CIL[DOC-VECTOR type="configuration" content="No environment or build configuration dependencies identified"]
+// CIL[DOC-VECTOR type="constraint" content="Standard runtime; no special invariants documented"]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
+// CIL[END stable_id="~/.framework/src/components/ui/input.tsx:exports:variable"]