feat: Adding schema coverage

Signed-off-by: Ilya Buziuk <ibuziuk@redhat.com>

Author: ibuziuk

SCHEMA_COVERAGE.md

@@ -0,0 +1,80 @@
+# Devfile 2.3.0 Schema Coverage
+
+This document tracks what's implemented vs what's missing from the devfile 2.3.0 schema.
+
+## ✅ Currently Implemented
+
+### Metadata
+- ✅ name (required)
+- ✅ version
+- ✅ displayName
+- ✅ description
+- ✅ language
+- ✅ projectType
+- ✅ provider
+- ✅ tags
+- ✅ website
+- ✅ supportUrl
+
+### Projects
+- ✅ name (required)
+- ✅ clonePath
+- ✅ git.remotes
+- ✅ git.checkoutFrom.revision
+- ✅ git.checkoutFrom.remote
+- ✅ zip.location
+- ❌ attributes
+
+### Components
+- ✅ container (basic)
+  - ✅ name (required)
+  - ✅ image (required)
+  - ✅ mountSources
+  - ✅ memoryLimit
+  - ✅ cpuLimit
+  - ❌ env
+  - ❌ volumeMounts
+  - ❌ endpoints
+  - ❌ sourceMapping
+  - ❌ dedicatedPod
+  - ❌ deployByDefault
+  - ❌ args
+  - ❌ commands
+- ✅ volume (basic)
+  - ✅ name (required)
+  - ✅ size
+  - ❌ ephemeral
+- ❌ kubernetes component type
+- ❌ openshift component type
+- ❌ image component type
+
+### Commands
+- ✅ exec (basic)
+  - ✅ id (required)
+  - ✅ component (required)
+  - ✅ commandLine (required)
+  - ✅ workingDir
+  - ❌ env
+  - ❌ group
+  - ❌ label
+  - ❌ hotReloadCapable
+- ❌ apply command type
+- ❌ composite command type
+
+### Events
+- ✅ preStart
+- ✅ postStart
+- ✅ preStop
+- ✅ postStop
+
+### Variables
+- ✅ Basic key-value pairs
+
+### Other
+- ❌ starterProjects (not implemented)
+- ❌ parent (not implemented)
+- ❌ top-level attributes (in state but no UI)
+
+## 🔄 In Progress
+
+See TODO list for current implementation status.

src/components/forms/KeyValueArrayManager.jsx

@@ -0,0 +1,82 @@
+import { useState } from 'react'
+import Button from '../common/Button'
+import FormInput from './FormInput'
+
+export default function KeyValueArrayManager({
+  items = [],
+  onUpdate,
+  keyLabel = 'Key',
+  valueLabel = 'Value',
+  keyPlaceholder = 'key',
+  valuePlaceholder = 'value',
+  addButtonText = 'Add Item',
+  emptyMessage = 'No items added yet.'
+}) {
+  const handleAdd = () => {
+    const newItems = [...items, { name: '', value: '' }]
+    onUpdate(newItems)
+  }
+
+  const handleRemove = (index) => {
+    const newItems = items.filter((_, i) => i !== index)
+    onUpdate(newItems)
+  }
+
+  const handleUpdate = (index, field, value) => {
+    const newItems = items.map((item, i) =>
+      i === index ? { ...item, [field]: value } : item
+    )
+    onUpdate(newItems)
+  }
+
+  return (
+    <div className="space-y-3">
+      {items.length === 0 ? (
+        <div className="text-center py-4 bg-gray-50 rounded-lg border border-dashed border-gray-300">
+          <p className="text-sm text-gray-500">{emptyMessage}</p>
+        </div>
+      ) : (
+        <div className="space-y-3">
+          {items.map((item, index) => (
+            <div key={index} className="flex gap-3 items-start">
+              <div className="flex-1">
+                <FormInput
+                  name={`key-${index}`}
+                  label={keyLabel}
+                  value={item.name || ''}
+                  onChange={(e) => handleUpdate(index, 'name', e.target.value)}
+                  placeholder={keyPlaceholder}
+                />
+              </div>
+              <div className="flex-1">
+                <FormInput
+                  name={`value-${index}`}
+                  label={valueLabel}
+                  value={item.value || ''}
+                  onChange={(e) => handleUpdate(index, 'value', e.target.value)}
+                  placeholder={valuePlaceholder}
+                />
+              </div>
+              <div className="pt-7">
+                <Button
+                  variant="danger"
+                  onClick={() => handleRemove(index)}
+                  className="text-xs px-2 py-1"
+                >
+                  Remove
+                </Button>
+              </div>
+            </div>
+          ))}
+        </div>
+      )}
+      <Button
+        variant="outline"
+        onClick={handleAdd}
+        className="w-full text-sm"
+      >
+        {addButtonText}
+      </Button>
+    </div>
+  )
+}

src/components/steps/ComponentsStep.jsx

@@ -1,9 +1,12 @@
 import { useWizard } from '../../hooks/useWizardState'
-import { COMPONENT_TYPES } from '../../utils/constants'
+import { COMPONENT_TYPES, ENDPOINT_PROTOCOLS } from '../../utils/constants'
 import FormInput from '../forms/FormInput'
 import FormSelect from '../forms/FormSelect'
 import FormCheckbox from '../forms/FormCheckbox'
+import FormTextarea from '../forms/FormTextarea'
+import FormSection from '../forms/FormSection'
 import ArrayFieldManager from '../forms/ArrayFieldManager'
+import KeyValueArrayManager from '../forms/KeyValueArrayManager'
 import WizardNavigation from '../wizard/WizardNavigation'
 
 export default function ComponentsStep() {