spine-framework 0.3.125 → 0.3.126

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

@@ -1,3 +1,28 @@
+
+
+
+
+
+
+
+
+
+
+// CIL[BEGIN chunk_id="input_group_module_header_1783796064" type="module_header" identity="imports" parent="none"]
+// CIL[DOC-MACRO purpose="Import dependencies for input group components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Import React, CVA, utilities, and UI components"]
+// CIL[DOC-CONTEXT module="input-group" layer="ui_components" related_files="[\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/components/ui/dialog.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/principal.ts\",\".framework/functions/_shared/schema-utils.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="imported modules" errors="none" side_effects="module imports"]
+// CIL[DOC-MICRO logic_summary="Imports all dependencies for input group component system" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-AUDIENCE audience="developer"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/src/components/ui/dialog.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, .framework/functions/_shared/principal.ts, .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"]
 import * as React from "react"
 import { cva, type VariantProps } from "class-variance-authority"
 
@@ -5,7 +30,21 @@ import { cn } from "@/lib/utils"
 import { Button } from "@/components/ui/button"
 import { Input } from "@/components/ui/input"
 import { Textarea } from "@/components/ui/textarea"
-
+// CIL[END chunk_id="input_group_module_header_1783796064"]
+// CIL[BEGIN chunk_id="input_group_inputgroup_1783796064" type="function" identity="inputgroup" parent="none"]
+// CIL[DOC-MACRO purpose="Render main input group container"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create styled container for input group elements"]
+// CIL[DOC-CONTEXT module="input-group" 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 group container" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates flex container with comprehensive styling for 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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function InputGroup({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -19,7 +58,21 @@ function InputGroup({ className, ...props }: React.ComponentProps<"div">) {
     />
   )
 }
-
+// CIL[END chunk_id="input_group_inputgroup_1783796064"]
+// CIL[BEGIN chunk_id="input_group_inputgroupaddonvariants_1783796064" type="cva" identity="inputgroupaddonvariants" parent="none"]
+// CIL[DOC-MACRO purpose="Define style variants for input group addons"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create CVA configuration for addon positioning"]
+// CIL[DOC-CONTEXT module="input-group" layer="ui_components" related_files="[\".framework/functions/_shared/principal.ts\",\".framework/functions/_shared/schema-utils.ts\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/src/pages/admin/IntegrationsPage.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="CVA variant configuration" errors="none" side_effects="defines styling variants"]
+// CIL[DOC-MICRO logic_summary="Defines alignment variants for input group addon positioning" 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/functions/_shared/principal.ts, .framework/functions/_shared/schema-utils.ts, .framework/src/pages/admin/TypeDetailPage.tsx, .framework/src/pages/admin/IntegrationsPage.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"]
 const inputGroupAddonVariants = cva(
   "flex h-auto cursor-text items-center justify-center gap-1 py-2 text-xs/relaxed font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 **:data-[slot=kbd]:rounded-[calc(var(--radius-sm)-2px)] **:data-[slot=kbd]:bg-muted-foreground/10 **:data-[slot=kbd]:px-1 **:data-[slot=kbd]:text-[0.625rem] [&>svg:not([class*='size-'])]:size-3.5",
   {
@@ -40,7 +93,21 @@ const inputGroupAddonVariants = cva(
     },
   }
 )
-
+// CIL[END chunk_id="input_group_inputgroupaddonvariants_1783796064"]
+// CIL[BEGIN chunk_id="input_group_inputgroupaddon_1783796064" type="function" identity="inputgroupaddon" parent="none"]
+// CIL[DOC-MACRO purpose="Render addon container for input groups"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create addon wrapper with positioning and focus handling"]
+// CIL[DOC-CONTEXT module="input-group" layer="ui_components" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/principal.ts\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/functions/_shared/schema-utils.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled addon container" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates addon container with auto-focus on click and alignment" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/TypeDetailPage.tsx, .framework/functions/_shared/principal.ts, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/functions/_shared/schema-utils.ts, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function InputGroupAddon({
   className,
   align = "inline-start",
@@ -62,7 +129,21 @@ function InputGroupAddon({
     />
   )
 }
-
+// CIL[END chunk_id="input_group_inputgroupaddon_1783796064"]
+// CIL[BEGIN chunk_id="input_group_inputgroupbuttonvariants_1783796064" type="cva" identity="inputgroupbuttonvariants" parent="none"]
+// CIL[DOC-MACRO purpose="Define style variants for input group buttons"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create CVA configuration for button sizing"]
+// CIL[DOC-CONTEXT module="input-group" layer="ui_components" related_files="[\".framework/functions/_shared/principal.ts\",\".framework/functions/_shared/schema-utils.ts\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/src/pages/admin/IntegrationsPage.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="CVA variant configuration" errors="none" side_effects="defines styling variants"]
+// CIL[DOC-MICRO logic_summary="Defines size variants for input group button components" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: .framework/functions/_shared/principal.ts, .framework/functions/_shared/schema-utils.ts, .framework/src/pages/admin/TypeDetailPage.tsx, .framework/src/pages/admin/IntegrationsPage.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"]
 const inputGroupButtonVariants = cva(
   "flex items-center gap-2 rounded-md text-xs/relaxed shadow-none",
   {
@@ -77,9 +158,23 @@ const inputGroupButtonVariants = cva(
     defaultVariants: {
       size: "xs",
     },
-  }
+ 
 )
-
+// CIL[END chunk_id="input_group_inputgroupbuttonvariants_1783796064"]
+// CIL[BEGIN chunk_id="input_group_inputgroupbutton_1783796064" type="function" identity="inputgroupbutton" parent="none"]
+// CIL[DOC-MACRO purpose="Render button for input groups"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create styled button component for input group actions"]
+// CIL[DOC-CONTEXT module="input-group" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled button" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates button with custom sizing for input group integration" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function InputGroupButton({
   className,
   type = "button",
@@ -98,7 +193,21 @@ function InputGroupButton({
     />
   )
 }
-
+// CIL[END chunk_id="input_group_inputgroupbutton_1783796064"]
+// CIL[BEGIN chunk_id="input_group_inputgrouptext_1783796064" type="function" identity="inputgrouptext" parent="none"]
+// CIL[DOC-MACRO purpose="Render text element for input groups"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create styled text component for input group labels"]
+// CIL[DOC-CONTEXT module="input-group" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled text element" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates muted text element with icon support for 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: 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 InputGroupText({ className, ...props }: React.ComponentProps<"span">) {
   return (
     <span
@@ -110,7 +219,21 @@ function InputGroupText({ className, ...props }: React.ComponentProps<"span">) {
     />
   )
 }
-
+// CIL[END chunk_id="input_group_inputgrouptext_1783796064"]
+// CIL[BEGIN chunk_id="input_group_inputgroupinput_1783796064" type="function" identity="inputgroupinput" parent="none"]
+// CIL[DOC-MACRO purpose="Render input element for input groups"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create styled input component for input group integration"]
+// CIL[DOC-CONTEXT module="input-group" layer="ui_components" related_files="[]"]
+// 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 group-specific styling and borders" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function InputGroupInput({
   className,
   ...props
@@ -126,7 +249,21 @@ function InputGroupInput({
     />
   )
 }
-
+// CIL[END chunk_id="input_group_inputgroupinput_1783796064"]
+// CIL[BEGIN chunk_id="input_group_inputgrouptextarea_1783796064" type="function" identity="inputgrouptextarea" parent="none"]
+// CIL[DOC-MACRO purpose="Render textarea element for input groups"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create styled textarea component for input group integration"]
+// CIL[DOC-CONTEXT module="input-group" layer="ui_components" related_files="[]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="styled textarea element" errors="none" side_effects="renders DOM element"]
+// CIL[DOC-MICRO logic_summary="Creates textarea element with group-specific styling and borders" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function InputGroupTextarea({
   className,
   ...props
@@ -142,7 +279,21 @@ function InputGroupTextarea({
     />
   )
 }
-
+// CIL[END chunk_id="input_group_inputgrouptextarea_1783796064"]
+// CIL[BEGIN chunk_id="input_group_exports_1783796064" type="exports" identity="exports" parent="none"]
+// CIL[DOC-MACRO purpose="Export input group components for public use"]
+// CIL[DOC-RESPONSIBILITY responsibility="Export all input group-related components"]
+// CIL[DOC-CONTEXT module="input-group" 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 input group component system for consumption" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: none."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 export {
   InputGroup,
   InputGroupAddon,
@@ -151,3 +302,4 @@ export {
   InputGroupInput,
   InputGroupTextarea,
 }
+// CIL[END chunk_id="input_group_exports_1783796064"]

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

@@ -1,3 +1,25 @@
+
+
+
+
+// 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[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."]
+// 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"
@@ -5,7 +27,21 @@ 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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function InputOTP({
   className,
   containerClassName,
@@ -26,7 +62,21 @@ 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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function InputOTPGroup({ className, ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -39,7 +89,21 @@ 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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function InputOTPSlot({
   index,
   className,
@@ -69,7 +133,21 @@ 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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function InputOTPSeparator({ ...props }: React.ComponentProps<"div">) {
   return (
     <div
@@ -83,5 +161,20 @@ 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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }
+// CIL[END chunk_id="input_otp_exports_1783796064"]

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

@@ -1,7 +1,39 @@
+
+
+
+// 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-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui_components. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, .framework/src/components/ui/table-primitives.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/RolesPage.tsx, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 function Input({ className, type, ...props }: React.ComponentProps<"input">) {
   return (
     <input
@@ -15,5 +47,20 @@ 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="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 export { Input }
+// CIL[END chunk_id="input_exports_1783796064"]