spine-framework 0.3.124 → 0.3.126

package/.framework/src/pages/admin/PromptConfigDetailPage.tsx

@@ -1,23 +1,29 @@
-/**
- * @module src/pages/admin/PromptConfigDetailPage
- * @audience installer
- * @layer frontend-page
- * @stability stable
- *
- * Create / view / edit page for a single LLM prompt configuration.
- * Route param: `id` (UUID). Exposes `system_prompt`, `model`,
- * `temperature`, `max_tokens`, `prompt_type`, `category`, and
- * `is_default` as editable fields.
- *
- * @seeAlso src/pages/admin/PromptConfigsPage.tsx
- */
 
+
+
+
+
+
+// CIL[BEGIN chunk_id="promptconfigdetailpage_module_header_1783666257" type="module_header" identity="imports" parent="none"]
+// CIL[DOC-MACRO purpose="Import React dependencies and UI components"]
+// CIL[DOC-RESPONSIBILITY responsibility="Import all required modules for PromptConfigDetailPage component"]
+// CIL[DOC-CONTEXT module="PromptConfigDetailPage" layer="ui" related_files="[\"custom/apps/portal/pages/ContentPage.tsx\",\"custom/apps/cortex/pages/operations/OperationsDashboard.tsx\",\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\"\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="React hooks, UI components, utilities" errors="Import errors" side_effects="Module loading"]
+// CIL[DOC-MICRO logic_summary="Imports React, router, UI components, icons, and utility functions" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-AUDIENCE audience="developer"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: custom/apps/portal/pages/ContentPage.tsx, custom/apps/cortex/pages/operations/OperationsDashboard.tsx, .framework/src/components/ui/dialog.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 { useState, useEffect } from 'react'
 import { useParams, useNavigate } from 'react-router-dom'
 import { Button } from '../../components/ui/button'
 import { Input } from '../../components/ui/input'
 import { Textarea } from '../../components/ui/textarea'
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../../components/ui/select'
 import { Checkbox } from '../../components/ui/checkbox'
 import { Label } from '../../components/ui/label'
 import { Card, CardContent, CardHeader, CardTitle } from '../../components/ui/card'
@@ -27,31 +33,66 @@ import { ArrowLeft, FileText, AlertCircle } from 'lucide-react'
 import { useApi } from '../../hooks/useApi'
 import { apiFetch } from '../../lib/api'
 import { formatDateTime } from '../../lib/utils'
-
+import { PageInstructions } from '../../components/admin/PageInstructions'
+// CIL[END chunk_id="promptconfigdetailpage_module_header_1783666257"]
+// CIL[BEGIN chunk_id="promptconfigdetailpage_interfaces_1783666257" type="interfaces" identity="PromptConfig" parent="none"]
+// CIL[DOC-MACRO purpose="Define prompt configuration data structure"]
+// CIL[DOC-RESPONSIBILITY responsibility="Type definition for prompt configuration entities"]
+// CIL[DOC-CONTEXT module="PromptConfigDetailPage" layer="types" related_files="[\".framework/src/pages/admin/IntegrationsPage.tsx\",\".framework/functions/_shared/schema-utils.ts\",\".framework/functions/_shared/principal.ts\",\"custom/apps/cortex/functions/custom_cil-embeddings.ts\",\"\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="PromptConfig interface, constants" errors="Type errors" side_effects="Type system"]
+// CIL[DOC-MICRO logic_summary="Defines interface for prompt configs and prompt type options" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: types. Direct callers: 0. Direct calls: 0. Related files: .framework/src/pages/admin/IntegrationsPage.tsx, .framework/functions/_shared/schema-utils.ts, .framework/functions/_shared/principal.ts, 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"]
 interface PromptConfig {
   id: string
   name: string
-  description?: string
-  prompt_type: string
-  category: string
-  template: string
-  variables: string[]
-  model_config: Record<string, any>
-  is_default: boolean
+  slug: string
+  description?: string | null
+  app_id?: string | null
+  account_id?: string
+  type_id?: string | null
+  system_prompt?: string | null
+  context_template?: string | null
+  model: string
+  temperature: number
+  max_tokens: number
+  is_multi_turn: boolean
+  max_history_messages: number
+  confidence_threshold?: number | null
+  escalation_action?: string | null
+  escalation_target?: string | null
+  output_mode?: string | null
+  output_field?: string | null
+  requires_review: boolean
+  knowledge_sources: any[]
+  available_tools: any[]
+  tool_constraints: Record<string, any>
+  metadata: Record<string, any>
   is_active: boolean
-  metadata?: Record<string, any>
   created_at: string
   updated_at: string
 }
-
-const PROMPT_TYPES = [
-  { value: 'system', label: 'System' },
-  { value: 'user', label: 'User' },
-  { value: 'assistant', label: 'Assistant' },
-  { value: 'function', label: 'Function' },
-  { value: 'general', label: 'General' }
-]
-
+// CIL[END chunk_id="promptconfigdetailpage_interfaces_1783666257"]
+// CIL[BEGIN chunk_id="promptconfigdetailpage_function_promptconfigdetailpage_1783666257" type="function" identity="PromptConfigDetailPage" parent="none"]
+// CIL[DOC-MACRO purpose="Main PromptConfigDetailPage component function"]
+// CIL[DOC-RESPONSIBILITY responsibility="Render prompt configuration creation/editing interface"]
+// CIL[DOC-CONTEXT module="PromptConfigDetailPage" layer="ui" related_files="[\".framework/src/components/ui/dialog.tsx\",\".framework/src/components/ui/table-primitives.tsx\",\"custom/apps/cortex/functions/custom_cil-embeddings.ts\",\"custom/apps/portal/pages/ContentPage.tsx\",\"\"]"]
+// CIL[DOC-CONTRACT inputs="none" outputs="JSX element" errors="Render errors" side_effects="API calls, navigation"]
+// CIL[DOC-MICRO logic_summary="Main component that handles prompt config CRUD operations and form management" notable_decisions="[]"]
+// CIL[DOC-CONFIDENCE pass="second" score="0.95" flags="none"]
+// CIL[DOC-STABILITY stability="stable"]
+// CIL[DOC-VECTOR type="context" content="Layer: ui. Direct callers: 0. Direct calls: 0. Related files: .framework/src/components/ui/dialog.tsx, .framework/src/components/ui/table-primitives.tsx, custom/apps/cortex/functions/custom_cil-embeddings.ts, 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"]
 export function PromptConfigDetailPage() {
   const { id } = useParams<{ id: string }>()
   const navigate = useNavigate()
@@ -59,13 +100,26 @@ export function PromptConfigDetailPage() {
 
   const [formData, setFormData] = useState({
     name: '',
+    slug: '',
     description: '',
-    prompt_type: 'general',
-    category: 'general',
-    template: '',
-    variables: '',
-    model_config: '{}',
-    is_default: false,
+    app_id: '',
+    system_prompt: '',
+    context_template: '',
+    model: 'gpt-4o',
+    temperature: 0.7,
+    max_tokens: 4000,
+    is_multi_turn: true,
+    max_history_messages: 20,
+    confidence_threshold: '' as number | string,
+    escalation_action: '',
+    escalation_target: '',
+    output_mode: '',
+    output_field: '',
+    requires_review: false,
+    knowledge_sources: JSON.stringify([], null, 2),
+    available_tools: JSON.stringify([], null, 2),
+    tool_constraints: JSON.stringify({}, null, 2),
+    metadata: JSON.stringify({}, null, 2),
     is_active: true
   })
   const [isSubmitting, setIsSubmitting] = useState(false)
@@ -85,14 +139,27 @@ export function PromptConfigDetailPage() {
     if (config) {
       setFormData({
         name: config.name || '',
+        slug: config.slug || '',
         description: config.description || '',
-        prompt_type: config.prompt_type || 'general',
-        category: config.category || 'general',
-        template: config.template || '',
-        variables: (config.variables || []).join(', '),
-        model_config: JSON.stringify(config.model_config || {}, null, 2),
-        is_default: config.is_default || false,
-        is_active: config.is_active
+        app_id: config.app_id || '',
+        system_prompt: config.system_prompt || '',
+        context_template: config.context_template || '',
+        model: config.model || 'gpt-4o',
+        temperature: config.temperature ?? 0.7,
+        max_tokens: config.max_tokens ?? 4000,
+        is_multi_turn: config.is_multi_turn ?? true,
+        max_history_messages: config.max_history_messages ?? 20,
+        confidence_threshold: config.confidence_threshold ?? '',
+        escalation_action: config.escalation_action || '',
+        escalation_target: config.escalation_target || '',
+        output_mode: config.output_mode || '',
+        output_field: config.output_field || '',
+        requires_review: config.requires_review ?? false,
+        knowledge_sources: JSON.stringify(config.knowledge_sources || [], null, 2),
+        available_tools: JSON.stringify(config.available_tools || [], null, 2),
+        tool_constraints: JSON.stringify(config.tool_constraints || {}, null, 2),
+        metadata: JSON.stringify(config.metadata || {}, null, 2),
+        is_active: config.is_active ?? true
       })
     }
   }, [config])
@@ -101,11 +168,44 @@ export function PromptConfigDetailPage() {
     e.preventDefault()
     setIsSubmitting(true)
     try {
-      const body = {
-        ...formData,
-        variables: formData.variables.split(',').map(v => v.trim()).filter(Boolean),
-        model_config: JSON.parse(formData.model_config)
+      let parsedKnowledgeSources: any[]
+      let parsedAvailableTools: any[]
+      let parsedToolConstraints: Record<string, any>
+      let parsedMetadata: Record<string, any>
+      try {
+        parsedKnowledgeSources = JSON.parse(formData.knowledge_sources)
+        parsedAvailableTools = JSON.parse(formData.available_tools)
+        parsedToolConstraints = JSON.parse(formData.tool_constraints)
+        parsedMetadata = JSON.parse(formData.metadata)
+      } catch (err: any) {
+        throw new Error('Invalid JSON in one of the JSON fields: ' + err.message)
+      }
+
+      const body: Record<string, any> = {
+        name: formData.name,
+        slug: formData.slug,
+        description: formData.description || undefined,
+        app_id: formData.app_id || undefined,
+        system_prompt: formData.system_prompt || undefined,
+        context_template: formData.context_template || undefined,
+        model: formData.model || 'gpt-4o',
+        temperature: formData.temperature,
+        max_tokens: formData.max_tokens,
+        is_multi_turn: formData.is_multi_turn,
+        max_history_messages: formData.max_history_messages,
+        confidence_threshold: formData.confidence_threshold === '' ? undefined : Number(formData.confidence_threshold),
+        escalation_action: formData.escalation_action || undefined,
+        escalation_target: formData.escalation_target || undefined,
+        output_mode: formData.output_mode || undefined,
+        output_field: formData.output_field || undefined,
+        requires_review: formData.requires_review,
+        knowledge_sources: parsedKnowledgeSources,
+        available_tools: parsedAvailableTools,
+        tool_constraints: parsedToolConstraints,
+        metadata: parsedMetadata,
+        is_active: formData.is_active
       }
+
       const url = isCreateMode ? '/api/prompt-configs' : `/api/prompt-configs?id=${id}`
       const response = await apiFetch(url, {
         method: isCreateMode ? 'POST' : 'PATCH',
@@ -159,6 +259,56 @@ export function PromptConfigDetailPage() {
         </h1>
       </div>
 
+      <PageInstructions
+        description="Create and manage prompt configurations that define LLM behavior."
+        sections={[
+          { title: 'What this prompt config controls', content: 'A prompt config stores the prompt body, model settings, escalation rules, knowledge sources, available tools, tool constraints, and metadata that AI agents and chat interfaces use at runtime.' },
+          { title: 'Fields explained', content: <ul className="list-disc pl-4 space-y-1">
+            <li><strong>Name *</strong> — string, required. The display and lookup name.</li>
+            <li><strong>Slug *</strong> — string, required. The unique key callers use to select this config.</li>
+            <li><strong>Description</strong> — string, optional. Human-readable purpose.</li>
+            <li><strong>App ID</strong> — uuid, optional. Links this config to a specific app; editable only when creating.</li>
+            <li><strong>System Prompt</strong> — text. Optional base system instructions.</li>
+            <li><strong>Context Template</strong> — text. The prompt body; may include variable placeholders.</li>
+            <li><strong>Model</strong> — string, default gpt-4o. The model to use for this prompt.</li>
+            <li><strong>Temperature</strong> — number, default 0.7. Sampling temperature.</li>
+            <li><strong>Max Tokens</strong> — number, default 4000. Token limit for the response.</li>
+            <li><strong>Is Multi Turn</strong> — checkbox, default true. Whether the prompt supports conversation history.</li>
+            <li><strong>Max History Messages</strong> — number, default 20. Number of prior messages to include.</li>
+            <li><strong>Confidence Threshold</strong> — number, optional. Minimum confidence before taking action.</li>
+            <li><strong>Escalation Action / Target</strong> — strings, optional. Where to route low-confidence results.</li>
+            <li><strong>Output Mode / Field</strong> — strings, optional. How and where to emit the model output.</li>
+            <li><strong>Requires Review</strong> — checkbox, default false. Whether outputs need human review.</li>
+            <li><strong>Knowledge Sources</strong> — JSON array, default []. Data sources the prompt can draw from.</li>
+            <li><strong>Available Tools</strong> — JSON array, default []. Tool definitions the prompt can invoke.</li>
+            <li><strong>Tool Constraints</strong> — JSON object, default {}. Rules restricting tool use.</li>
+            <li><strong>Metadata</strong> — JSON object, default {}. Extra structured data attached to the config.</li>
+            <li><strong>Active</strong> — checkbox, default true. Inactive configs are not returned as candidates.</li>
+          </ul> },
+          { title: 'Options and values', content: <ul className="list-disc pl-4 space-y-1">
+            <li><strong>Model</strong> defaults to <em>gpt-4o</em> if left blank.</li>
+            <li><strong>Temperature</strong> can be any number; 0 is deterministic, higher values produce more random output.</li>
+            <li><strong>JSON fields</strong> must contain valid JSON. Arrays are expected for <em>Knowledge Sources</em> and <em>Available Tools</em>; objects are expected for <em>Tool Constraints</em> and <em>Metadata</em>.</li>
+            <li><strong>Active</strong>: when checked, callers can select this config by slug or default lookup.</li>
+          </ul> },
+          { title: 'Downstream impact', content: <ul className="list-disc pl-4 space-y-1">
+            <li>AI agents and pipelines look up prompts by slug. Missing or inactive configs break those calls.</li>
+            <li>Context Template variables must be supplied by callers; unresolved placeholders remain literal in the rendered text.</li>
+            <li>Malformed JSON in the JSON fields will prevent save and may break runtime callers expecting arrays or objects.</li>
+          </ul> },
+          { title: 'How to create, save, and validate', content: <ol className="list-decimal pl-4 space-y-1">
+            <li>In create mode, enter the required <em>Name</em> and <em>Slug</em>. Optionally set <em>App ID</em>.</li>
+            <li>Fill the <em>Context Template</em> prompt body, model defaults, and any optional escalation/output fields.</li>
+            <li>Paste valid JSON into the four JSON textareas. Click <strong>Create</strong> or <strong>Update</strong> to save.</li>
+          </ol> },
+          { title: 'Common mistakes', content: <ul className="list-disc pl-4 space-y-1">
+            <li>Leaving <em>Slug</em> empty or duplicating an existing slug.</li>
+            <li>Entering JSON arrays as a string or leaving a JSON field completely blank.</li>
+            <li>Setting <em>Max Tokens</em> or <em>Max History Messages</em> to 0 or non-numeric values.</li>
+          </ul> },
+        ]}
+      />
+
       <form onSubmit={handleSubmit} className="space-y-6">
         <Card>
           <CardHeader>
@@ -178,29 +328,29 @@ export function PromptConfigDetailPage() {
                 />
               </div>
               <div className="space-y-2">
-                <Label>Type</Label>
-                <Select value={formData.prompt_type} onValueChange={(v) => setFormData({ ...formData, prompt_type: v })}>
-                  <SelectTrigger>
-                    <SelectValue />
-                  </SelectTrigger>
-                  <SelectContent>
-                    {PROMPT_TYPES.map(opt => <SelectItem key={opt.value} value={opt.value}>{opt.label}</SelectItem>)}
-                  </SelectContent>
-                </Select>
-              </div>
-              <div className="space-y-2">
-                <Label>Category</Label>
+                <Label>Slug *</Label>
                 <Input
-                  value={formData.category}
-                  onChange={(e) => setFormData({ ...formData, category: e.target.value })}
+                  value={formData.slug}
+                  onChange={(e) => setFormData({ ...formData, slug: e.target.value })}
+                  required
                 />
               </div>
+              {isCreateMode && (
+                <div className="space-y-2">
+                  <Label>App ID</Label>
+                  <Input
+                    value={formData.app_id}
+                    onChange={(e) => setFormData({ ...formData, app_id: e.target.value })}
+                    placeholder="00000000-0000-0000-0000-000000000000"
+                  />
+                </div>
+              )}
               <div className="space-y-2">
-                <Label>Variables</Label>
+                <Label>Model</Label>
                 <Input
-                  value={formData.variables}
-                  onChange={(e) => setFormData({ ...formData, variables: e.target.value })}
-                  placeholder="var1, var2, var3"
+                  value={formData.model}
+                  onChange={(e) => setFormData({ ...formData, model: e.target.value })}
+                  placeholder="gpt-4o"
                 />
               </div>
               <div className="md:col-span-2 space-y-2">
@@ -217,31 +367,158 @@ export function PromptConfigDetailPage() {
 
         <Card>
           <CardHeader>
-            <CardTitle>Template</CardTitle>
+            <CardTitle>Prompting</CardTitle>
+          </CardHeader>
+          <CardContent className="space-y-4">
+            <div className="space-y-2">
+              <Label>System Prompt</Label>
+              <Textarea
+                value={formData.system_prompt}
+                onChange={(e) => setFormData({ ...formData, system_prompt: e.target.value })}
+                className="font-mono text-sm"
+                rows={6}
+                placeholder="Enter optional system instructions"
+              />
+            </div>
+            <div className="space-y-2">
+              <Label>Context Template</Label>
+              <Textarea
+                value={formData.context_template}
+                onChange={(e) => setFormData({ ...formData, context_template: e.target.value })}
+                className="font-mono text-sm"
+                rows={10}
+                placeholder="Enter the prompt body with {{variable}} placeholders"
+              />
+            </div>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader>
+            <CardTitle>Model Settings</CardTitle>
           </CardHeader>
           <CardContent>
-            <Textarea
-              value={formData.template}
-              onChange={(e) => setFormData({ ...formData, template: e.target.value })}
-              className="font-mono text-sm"
-              rows={10}
-              placeholder="Enter prompt template with {{variables}}"
-              required
-            />
+            <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+              <div className="space-y-2">
+                <Label>Temperature</Label>
+                <Input
+                  type="number"
+                  step="0.1"
+                  value={formData.temperature}
+                  onChange={(e) => setFormData({ ...formData, temperature: Number(e.target.value) })}
+                />
+              </div>
+              <div className="space-y-2">
+                <Label>Max Tokens</Label>
+                <Input
+                  type="number"
+                  value={formData.max_tokens}
+                  onChange={(e) => setFormData({ ...formData, max_tokens: Number(e.target.value) })}
+                />
+              </div>
+              <div className="space-y-2">
+                <Label>Confidence Threshold</Label>
+                <Input
+                  type="number"
+                  step="0.1"
+                  value={formData.confidence_threshold}
+                  onChange={(e) => {
+                    const v = e.target.value
+                    setFormData({ ...formData, confidence_threshold: v === '' ? '' : Number(v) })
+                  }}
+                />
+              </div>
+            </div>
           </CardContent>
         </Card>
 
         <Card>
           <CardHeader>
-            <CardTitle>Model Config (JSON)</CardTitle>
+            <CardTitle>Conversation &amp; Escalation</CardTitle>
           </CardHeader>
           <CardContent>
-            <Textarea
-              value={formData.model_config}
-              onChange={(e) => setFormData({ ...formData, model_config: e.target.value })}
-              className="font-mono text-sm"
-              rows={6}
-            />
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+              <div className="space-y-2">
+                <Label>Max History Messages</Label>
+                <Input
+                  type="number"
+                  value={formData.max_history_messages}
+                  onChange={(e) => setFormData({ ...formData, max_history_messages: Number(e.target.value) })}
+                />
+              </div>
+              <div className="space-y-2">
+                <Label>Escalation Action</Label>
+                <Input
+                  value={formData.escalation_action}
+                  onChange={(e) => setFormData({ ...formData, escalation_action: e.target.value })}
+                />
+              </div>
+              <div className="space-y-2">
+                <Label>Escalation Target</Label>
+                <Input
+                  value={formData.escalation_target}
+                  onChange={(e) => setFormData({ ...formData, escalation_target: e.target.value })}
+                />
+              </div>
+              <div className="space-y-2">
+                <Label>Output Mode</Label>
+                <Input
+                  value={formData.output_mode}
+                  onChange={(e) => setFormData({ ...formData, output_mode: e.target.value })}
+                />
+              </div>
+              <div className="space-y-2">
+                <Label>Output Field</Label>
+                <Input
+                  value={formData.output_field}
+                  onChange={(e) => setFormData({ ...formData, output_field: e.target.value })}
+                />
+              </div>
+            </div>
+          </CardContent>
+        </Card>
+
+        <Card>
+          <CardHeader>
+            <CardTitle>JSON Fields</CardTitle>
+          </CardHeader>
+          <CardContent className="space-y-4">
+            <div className="space-y-2">
+              <Label>Knowledge Sources (JSON array)</Label>
+              <Textarea
+                value={formData.knowledge_sources}
+                onChange={(e) => setFormData({ ...formData, knowledge_sources: e.target.value })}
+                className="font-mono text-sm"
+                rows={4}
+              />
+            </div>
+            <div className="space-y-2">
+              <Label>Available Tools (JSON array)</Label>
+              <Textarea
+                value={formData.available_tools}
+                onChange={(e) => setFormData({ ...formData, available_tools: e.target.value })}
+                className="font-mono text-sm"
+                rows={4}
+              />
+            </div>
+            <div className="space-y-2">
+              <Label>Tool Constraints (JSON object)</Label>
+              <Textarea
+                value={formData.tool_constraints}
+                onChange={(e) => setFormData({ ...formData, tool_constraints: e.target.value })}
+                className="font-mono text-sm"
+                rows={4}
+              />
+            </div>
+            <div className="space-y-2">
+              <Label>Metadata (JSON object)</Label>
+              <Textarea
+                value={formData.metadata}
+                onChange={(e) => setFormData({ ...formData, metadata: e.target.value })}
+                className="font-mono text-sm"
+                rows={4}
+              />
+            </div>
           </CardContent>
         </Card>
 
@@ -253,11 +530,19 @@ export function PromptConfigDetailPage() {
             <div className="space-y-3">
               <div className="flex items-center gap-2">
                 <Checkbox
-                  id="is_default"
-                  checked={formData.is_default}
-                  onCheckedChange={(checked) => setFormData({ ...formData, is_default: checked === true })}
+                  id="is_multi_turn"
+                  checked={formData.is_multi_turn}
+                  onCheckedChange={(checked) => setFormData({ ...formData, is_multi_turn: checked === true })}
+                />
+                <Label htmlFor="is_multi_turn" className="text-sm">Is Multi Turn</Label>
+              </div>
+              <div className="flex items-center gap-2">
+                <Checkbox
+                  id="requires_review"
+                  checked={formData.requires_review}
+                  onCheckedChange={(checked) => setFormData({ ...formData, requires_review: checked === true })}
                 />
-                <Label htmlFor="is_default" className="text-sm">Default for type</Label>
+                <Label htmlFor="requires_review" className="text-sm">Requires Review</Label>
               </div>
               <div className="flex items-center gap-2">
                 <Checkbox
@@ -277,7 +562,11 @@ export function PromptConfigDetailPage() {
               <CardTitle>Info</CardTitle>
             </CardHeader>
             <CardContent>
-              <dl className="grid grid-cols-2 gap-4 text-sm">
+              <dl className="grid grid-cols-2 md:grid-cols-3 gap-4 text-sm">
+                <div><dt className="text-muted-foreground">ID</dt><dd className="break-all">{config.id}</dd></div>
+                <div><dt className="text-muted-foreground">App ID</dt><dd className="break-all">{config.app_id || '-'}</dd></div>
+                <div><dt className="text-muted-foreground">Account ID</dt><dd className="break-all">{config.account_id || '-'}</dd></div>
+                <div><dt className="text-muted-foreground">Type ID</dt><dd className="break-all">{config.type_id || '-'}</dd></div>
                 <div><dt className="text-muted-foreground">Created</dt><dd>{formatDateTime(config.created_at)}</dd></div>
                 <div><dt className="text-muted-foreground">Updated</dt><dd>{formatDateTime(config.updated_at)}</dd></div>
               </dl>
@@ -297,3 +586,4 @@ export function PromptConfigDetailPage() {
     </div>
   )
 }
+// CIL[END chunk_id="promptconfigdetailpage_function_promptconfigdetailpage_1783666257"]