spine-framework 0.3.124 → 0.3.126

package/.framework/src/components/runtime/SchemaDetailForm.tsx

@@ -1,44 +1,23 @@
-/**
- * @module src/components/runtime/SchemaDetailForm
- * @audience installer
- * @layer frontend-component
- * @stability stable
- *
- * Renders a `DetailView`'s sections as a schema-driven form. Each
- * `DetailViewSection` becomes a white card containing a `SchemaFields`
- * grid. Field definitions come from `DesignSchema.fields`; display widget
- * overrides come from the view's per-field `ViewFieldConfig.display_type`.
- *
- * **Field source resolution:**
- * - Field schema (`data_type`, `required`, `validation`, etc.) →
- *   `schema.fields[fieldName]`
- * - Display widget override → `view.sections[n].fields[fieldName].display_type`
- * - `system` fields read from `record[fieldName]`; custom fields read
- *   from `record.data[fieldName]` (split handled upstream by `DataDetailPage`)
- *
- * **Read vs edit rendering:** passes `readonly={!isEditing}` to `SchemaFields`
- * so all field components switch between display and input mode.
- *
- * @seeAlso src/components/shared/SchemaFields.tsx
- * @seeAlso src/types/types.ts (DesignSchema, DetailView)
- * @seeAlso src/components/runtime/DataDetailPage.tsx (parent, owns form state)
- */
 
+
+// CIL[BEGIN chunk_id="SchemaDetailForm_module_header_1783929048" type="module_header" identity="imports_and_types" parent="none"]
+// CIL[DOC-MACRO purpose="Import dependencies and define schema form component types"]
+// CIL[DOC-RESPONSIBILITY responsibility="Manage imports and interface for schema form"]
+// CIL[DOC-CONTEXT module="runtime" layer="frontend-component" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/functions/_shared/schema-utils.ts\",\".framework/src/components/ui/dialog.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="types" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Imports schema types and SchemaFields 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: frontend-component. Direct callers: 0. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, .framework/functions/_shared/schema-utils.ts, .framework/src/components/ui/dialog.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/src/components/ui/table-primitives.tsx, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
 import { DesignSchema, DetailView, DetailViewSection, FieldDefinition } from '../../types/types'
 import { SchemaFields } from '../shared/SchemaFields'
 
-/**
- * Props for `SchemaDetailForm`.
- *
- * @prop schema - Full `DesignSchema` for field definitions and permissions
- * @prop view - The `default_detail` `DetailView` from the schema
- * @prop record - Raw fetched record (used in read-only mode)
- * @prop isEditing - If true, renders input fields; false = read-only display
- * @prop isCreating - If true, skips reading from `record` (no record yet)
- * @prop permissions - Per-field `{ read, write }` map from `useEntityRecord`
- * @prop formData - Controlled values for all fields (owned by `DataDetailPage`)
- * @prop onFieldChange - Callback to update a single field value
- */
 interface SchemaDetailFormProps {
   schema: DesignSchema
   view: DetailView
@@ -49,14 +28,21 @@ interface SchemaDetailFormProps {
   formData: Record<string, any>
   onFieldChange: (key: string, value: any) => void
 }
-
-/**
- * Renders a schema-defined `DetailView` as a sectioned form.
- *
- * @param props - `SchemaDetailFormProps`
- * @returns One card per `DetailViewSection`, or an empty-state message
- * @sideEffects none (pure rendering)
- */
+// CIL[END chunk_id="SchemaDetailForm_module_header_1783929048"]
+// CIL[BEGIN chunk_id="SchemaDetailForm_schemadetailform_1783929048" type="function" identity="SchemaDetailForm" parent="none"]
+// CIL[DOC-MACRO purpose="Render all form sections in vertical layout"]
+// CIL[DOC-RESPONSIBILITY responsibility="Display complete form with all sections"]
+// CIL[DOC-CONTEXT module="runtime" layer="frontend-component" related_files="[\".framework/migrations/015_simplify_apps_table.sql\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/principal.ts\",\".framework/src/pages/admin/IntegrationsPage.tsx\",\"custom/apps/cortex/functions/custom_cil-embeddings.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX form sections" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Map view sections to renderSection calls in space-y layout" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: frontend-component. Direct callers: 0. Direct calls: 0. Related files: .framework/migrations/015_simplify_apps_table.sql, .framework/src/pages/admin/TypeDetailPage.tsx, .framework/functions/_shared/principal.ts, .framework/src/pages/admin/IntegrationsPage.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"]
 export function SchemaDetailForm({
   schema,
   view,
@@ -67,7 +53,20 @@ export function SchemaDetailForm({
   formData,
   onFieldChange
 }: SchemaDetailFormProps) {
-  
+  // CIL[BEGIN chunk_id="SchemaDetailForm_rendersection_1783929048" type="function" identity="renderSection" parent="SchemaDetailForm_schemadetailform_1783929048"]
+// CIL[DOC-MACRO purpose="Render individual form section with fields"]
+// CIL[DOC-RESPONSIBILITY responsibility="Handle renderSection"]
+// CIL[DOC-CONTEXT module="runtime" layer="frontend-component" related_files="[\".framework/src/components/ui/table-primitives.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/functions/_shared/schema-utils.ts\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX section|null" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Map section fields to FieldDefinitions, build display types" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: frontend-component. Direct callers: 2. Direct calls: 0. Related files: .framework/src/components/ui/table-primitives.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/functions/_shared/schema-utils.ts, .framework/src/pages/admin/TypeDetailPage.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"]
   const renderSection = (section: DetailViewSection, sectionIndex: number) => {
     const fieldNames = Array.isArray(section.fields) ? section.fields : Object.keys(section.fields || {})
     const sectionFields = fieldNames.map((fieldName: string) => {
@@ -115,7 +114,22 @@ export function SchemaDetailForm({
       </div>
     )
   }
+  // CIL[END chunk_id="SchemaDetailForm_rendersection_1783929048"]
 
+  // CIL[BEGIN chunk_id="SchemaDetailForm_emptystate_1783929048" type="render_block" identity="emptyState" parent="SchemaDetailForm_schemadetailform_1783929048"]
+// CIL[DOC-MACRO purpose="Render empty state when no sections configured"]
+// CIL[DOC-RESPONSIBILITY responsibility="Handle emptyState"]
+// CIL[DOC-CONTEXT module="runtime" layer="frontend-component" related_files="[\".framework/functions/_shared/principal.ts\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/migrations/015_simplify_apps_table.sql\",\".framework/src/components/ui/table-primitives.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX empty state" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Show centered message when no fields are configured" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: frontend-component. Direct callers: 0. Direct calls: 0. Related files: .framework/functions/_shared/principal.ts, custom/apps/portal/pages/ContentPage.tsx, .framework/migrations/015_simplify_apps_table.sql, .framework/src/components/ui/table-primitives.tsx, \."]
+// CIL[DOC-VECTOR type="blast_radius" content="Direct callers: 0. Total affected: 0."]
+// CIL[DOC-VECTOR type="configuration" content="No configuration dependencies."]
+// CIL[DOC-VECTOR type="constraint" content="No test paths identified."]
+// CIL[DOC-VECTOR type="implementation_pattern" content="" status="pending_human_input"]
+// CIL[DOC-VECTOR type="user_journey" content="" status="pending_human_input"]
   if (!view.sections || view.sections.length === 0) {
     return (
       <div className="bg-white shadow rounded-lg p-6">
@@ -125,10 +139,27 @@ export function SchemaDetailForm({
       </div>
     )
   }
+  // CIL[END chunk_id="SchemaDetailForm_emptystate_1783929048"]
 
+  // CIL[BEGIN chunk_id="SchemaDetailForm_mainrender_1783929048" type="render_block" identity="mainRender" parent="SchemaDetailForm_schemadetailform_1783929048"]
+// CIL[DOC-MACRO purpose="Render all form sections in vertical layout"]
+// CIL[DOC-RESPONSIBILITY responsibility="Handle mainRender"]
+// CIL[DOC-CONTEXT module="runtime" layer="frontend-component" related_files="[\".framework/migrations/015_simplify_apps_table.sql\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\".framework/functions/_shared/principal.ts\",\".framework/src/pages/admin/IntegrationsPage.tsx\",\"custom/apps/cortex/functions/custom_cil-embeddings.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX form sections" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Map view sections to renderSection calls in space-y layout" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: frontend-component. Direct callers: 0. Direct calls: 0. Related files: .framework/migrations/015_simplify_apps_table.sql, .framework/src/pages/admin/TypeDetailPage.tsx, .framework/functions/_shared/principal.ts, .framework/src/pages/admin/IntegrationsPage.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"]
   return (
     <div className="space-y-6">
       {view.sections.map((section, index) => renderSection(section, index))}
     </div>
   )
+  // CIL[END chunk_id="SchemaDetailForm_mainrender_1783929048"]
 }
+// CIL[END chunk_id="SchemaDetailForm_schemadetailform_1783929048"]

package/.framework/src/components/runtime/index.ts

@@ -1,13 +1,19 @@
-/**
- * @module src/components/runtime
- * @audience installer
- * @layer frontend-component
- * @stability stable
- *
- * Barrel export for all schema-driven runtime page components.
- * Import from this module to get type-safe access to all runtime UI primitives.
- */
 
+// CIL[BEGIN chunk_id="index_module_header_1783927912" type="module_header" identity="module_header" parent="none"]
+// CIL[DOC-MACRO purpose="Barrel export for runtime page components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Re-export schema-driven UI components"]
+// CIL[DOC-CONTEXT module="runtime-index" layer="frontend-component" related_files="[\".framework/src/pages/admin/TypeDetailPage.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/components/layout/Sidebar.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Exported runtime components" errors="none" side_effects="Module exports"]
+// CIL[DOC-MICRO logic_summary="Aggregates and exports all runtime page components" 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: frontend-component. Direct callers: 0. Direct calls: 0. Related files: .framework/src/pages/admin/TypeDetailPage.tsx, custom/apps/portal/pages/ContentPage.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.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 { DataListPage } from './DataListPage'
 export { DataDetailPage } from './DataDetailPage'
 export { DataHeader } from './DataHeader'
@@ -16,3 +22,4 @@ export { DataFilters } from './DataFilters'
 export { DataTable } from './DataTable'
 export { DataDetailHeader } from './DataDetailHeader'
 export { SchemaDetailForm } from './SchemaDetailForm'
+// CIL[END chunk_id="index_module_header_1783927912"]

package/.framework/src/components/search-form.tsx

@@ -1,3 +1,20 @@
+
+
+// CIL[BEGIN chunk_id="search-form_module_header_1783927912" type="module_header" identity="module_header" parent="none"]
+// CIL[DOC-MACRO purpose="Import dependencies for search form component"]
+// CIL[DOC-RESPONSIBILITY responsibility="Manage UI component imports and client directive"]
+// CIL[DOC-CONTEXT module="search-form" layer="frontend-component" related_files="[\".framework/src/components/layout/Sidebar.tsx\",\".framework/src/components/ui/dialog.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Imported modules" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Imports UI components and icons for search form" 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: frontend-component. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/layout/Sidebar.tsx, .framework/src/components/ui/dialog.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.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"]
 "use client"
 
 import { Label } from "./ui/label"
@@ -7,7 +24,21 @@ import {
   SidebarInput,
 } from "./ui/sidebar"
 import { SearchIcon } from "lucide-react"
-
+// CIL[END chunk_id="search-form_module_header_1783927912"]
+// CIL[BEGIN chunk_id="search-form_searchform_1783927912" type="function" identity="SearchForm" parent="none"]
+// CIL[DOC-MACRO purpose="Render search input form with sidebar styling"]
+// CIL[DOC-RESPONSIBILITY responsibility="Create search form UI with icon and placeholder"]
+// CIL[DOC-CONTEXT module="search-form" layer="frontend-component" related_files="[\".framework/src/components/layout/Sidebar.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/functions/_shared/schema-utils.ts\",\".framework/src/pages/admin/TypeDetailPage.tsx\",\"custom/apps/cortex/functions/custom_cil-embeddings.ts\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Styled search form component" errors="none" side_effects="Renders UI"]
+// CIL[DOC-MICRO logic_summary="Wraps form in sidebar components with search icon" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: frontend-component. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/layout/Sidebar.tsx, custom/apps/portal/pages/ContentPage.tsx, .framework/functions/_shared/schema-utils.ts, .framework/src/pages/admin/TypeDetailPage.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"]
 export function SearchForm({ ...props }: React.ComponentProps<"form">) {
   return (
     <form {...props}>
@@ -27,3 +58,4 @@ export function SearchForm({ ...props }: React.ComponentProps<"form">) {
     </form>
   )
 }
+// CIL[END chunk_id="search-form_searchform_1783927912"]

package/.framework/src/components/shared/AgentView.tsx

@@ -1,53 +1,47 @@
-/**
- * @component AgentView
- * @audience installer
- * @layer component
- * @stability stable
- *
- * Agent View toggle component for exposing raw API data and code examples.
- * Provides agents (and developers) with:
- * - Raw JSON of current record/page data
- * - Copy-pasteable API calls (curl/fetch)
- * - Equivalent CLI commands
- *
- * **Usage:**
- * ```tsx
- * <AgentView
- *   data={recordData}
- *   endpoint="/.netlify/functions/items"
- *   method="GET"
- *   query={{ id: recordId }}
- * />
- * ```
- *
- * **Features:**
- * - Collapsible panel (closed by default)
- * - Copy to clipboard buttons
- * - Syntax highlighting for JSON
- * - Responsive layout
- *
- * @seeAlso hooks/useApi.ts (API call logging)
- * @seeAlso pages/admin/* (admin pages using this component)
- */
 
+
+
+// CIL[BEGIN chunk_id="AgentView_module_header_1783927912" type="module_header" identity="module_header" parent="none"]
+// CIL[DOC-MACRO purpose="Import dependencies and define AgentView component interface"]
+// CIL[DOC-RESPONSIBILITY responsibility="Manage React imports and component prop types"]
+// CIL[DOC-CONTEXT module="agent-view" layer="frontend-component" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/components/ui/dialog.tsx\",\".framework/functions/_shared/schema-utils.ts\",\".framework/src/pages/admin/IntegrationsPage.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Imported modules and interface" errors="none" side_effects="none"]
+// CIL[DOC-MICRO logic_summary="Imports React hooks and icons, defines AgentViewProps interface" 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: frontend-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/functions/_shared/schema-utils.ts, .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"]
 import React, { useState, useEffect } from 'react'
 import { Code, Terminal, Copy, Check, ChevronDown, ChevronUp } from 'lucide-react'
 
 interface AgentViewProps {
-  /** The raw data object to display */
   data: any
-  /** API endpoint path */
   endpoint: string
-  /** HTTP method */
   method?: 'GET' | 'POST' | 'PATCH' | 'DELETE'
-  /** Query parameters used */
   query?: Record<string, any>
-  /** Request body (for POST/PATCH) */
   body?: any
-  /** Optional title override */
   title?: string
 }
-
+// CIL[END chunk_id="AgentView_module_header_1783927912"]
+// CIL[BEGIN chunk_id="AgentView_agentview_1783927912" type="function" identity="AgentView" parent="none"]
+// CIL[DOC-MACRO purpose="Render collapsible developer panel with API data and code examples"]
+// CIL[DOC-RESPONSIBILITY responsibility="Display raw JSON, curl/fetch commands, and CLI examples for agents"]
+// CIL[DOC-CONTEXT module="agent-view" layer="frontend-component" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\".framework/src/pages/admin/IntegrationsPage.tsx\",\".framework/functions/_shared/schema-utils.ts\",\".framework/src/pages/admin/RolesPage.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Interactive developer panel" errors="none" side_effects="Renders UI, clipboard operations"]
+// CIL[DOC-MICRO logic_summary="Generates code examples from API data, manages copy state, renders collapsible panel" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: frontend-component. Direct callers: 0. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, .framework/src/pages/admin/IntegrationsPage.tsx, .framework/functions/_shared/schema-utils.ts, .framework/src/pages/admin/RolesPage.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 function AgentView({
   data,
   endpoint,
@@ -59,17 +53,14 @@ export function AgentView({
   const [isOpen, setIsOpen] = useState(false)
   const [copied, setCopied] = useState<string | null>(null)
 
-  // Build API URL
   const baseUrl = window.location.origin
   const fullUrl = `${baseUrl}${endpoint}${query ? '?' + new URLSearchParams(query).toString() : ''}`
 
-  // Generate curl command
   const curlCmd = `curl -X ${method} \\
   ${method !== 'GET' ? `-H "Content-Type: application/json" \\
   ` : ''}${baseUrl}${endpoint}${query ? '?' + new URLSearchParams(query).toString() : ''}${method !== 'GET' && body ? ` \\
   -d '${JSON.stringify(body, null, 2)}'` : ''}`
 
-  // Generate fetch code
   const fetchCode = `fetch('${baseUrl}${endpoint}${query ? '?' + new URLSearchParams(query).toString() : ''}', {
   method: '${method}',${method !== 'GET' ? `
   headers: { 'Content-Type': 'application/json' },` : ''}${method !== 'GET' && body ? `
@@ -78,7 +69,6 @@ export function AgentView({
   .then(r => r.json())
   .then(data => console.log(data))`
 
-  // Generate CLI command
   const cliCmd = `spine ${endpoint.replace('/.netlify/functions/', '').replace(/\//g, ' ')} ${query?.id || query?.slug || ''}${method === 'POST' && body ? ` --data '${JSON.stringify(body)}'` : ''}${method === 'PATCH' && body ? ` --update '${JSON.stringify(body)}'` : ''}${method === 'DELETE' ? ' --delete' : ''}`
 
   const handleCopy = (text: string, key: string) => {
@@ -89,7 +79,6 @@ export function AgentView({
 
   return (
     <div className="mt-6 border border-gray-200 rounded-lg bg-gray-50">
-      {/* Header */}
       <button
         onClick={() => setIsOpen(!isOpen)}
         className="w-full flex items-center justify-between px-4 py-3 text-left hover:bg-gray-100 transition-colors"
@@ -106,10 +95,8 @@ export function AgentView({
         )}
       </button>
 
-      {/* Content */}
       {isOpen && (
         <div className="border-t border-gray-200">
-          {/* API Info */}
           <div className="px-4 py-3 bg-blue-50 border-b border-blue-100">
             <div className="flex items-center gap-2 text-sm text-blue-800">
               <span className="font-mono font-bold">{method}</span>
@@ -123,7 +110,6 @@ export function AgentView({
           </div>
 
           <div className="p-4 space-y-4">
-            {/* Raw JSON */}
             <div>
               <div className="flex items-center justify-between mb-2">
                 <div className="flex items-center gap-2 text-sm font-medium text-gray-700">
@@ -147,9 +133,7 @@ export function AgentView({
               </pre>
             </div>
 
-            {/* Code Examples */}
             <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
-              {/* cURL */}
               <div>
                 <div className="flex items-center justify-between mb-2">
                   <div className="text-sm font-medium text-gray-700">cURL</div>
@@ -166,7 +150,6 @@ export function AgentView({
                 </pre>
               </div>
 
-              {/* Fetch */}
               <div>
                 <div className="flex items-center justify-between mb-2">
                   <div className="text-sm font-medium text-gray-700">JavaScript Fetch</div>
@@ -184,7 +167,6 @@ export function AgentView({
               </div>
             </div>
 
-            {/* CLI Command */}
             <div>
               <div className="flex items-center justify-between mb-2">
                 <div className="flex items-center gap-2 text-sm font-medium text-gray-700">
@@ -209,5 +191,20 @@ export function AgentView({
     </div>
   )
 }
-
+// CIL[END chunk_id="AgentView_agentview_1783927912"]
+// CIL[BEGIN chunk_id="AgentView_export_1783927912" type="export" identity="default_export" parent="none"]
+// CIL[DOC-MACRO purpose="Export AgentView component as default"]
+// CIL[DOC-RESPONSIBILITY responsibility="Provide default export for component module"]
+// CIL[DOC-CONTEXT module="agent-view" layer="frontend-component" related_files="[\".framework/src/components/ui/dialog.tsx\",\".framework/src/pages/admin/RolesPage.tsx\",\"custom/apps/portal/pages/ContentPage.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\"\\\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="Default export" errors="none" side_effects="Module export"]
+// CIL[DOC-MICRO logic_summary="Export AgentView component for import by other modules" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: frontend-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, 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 default AgentView
+// CIL[END chunk_id="AgentView_export_1783927912"]