UI: Builder navigation, form validation, and tests

[AKAbdulHanif]

Adds a Profiles builder page and navigation; client-side validation for UUID and rules; transforms payload keys to kebab-case; unit tests for payload transform and UUID format.

Changes

• Route: name: 'profile:build-props' ( ui/src/router/index.ts:190 )
• Profiles list button: ui/src/views/profile/ProfileList.vue:67
• Sidebar link (Admin → Profiles): ui/src/views/LeftSideNav.vue
• Builder view:
  • Form, UUID validation, non-empty rule validation: ui/src/views/profile/ProfileBuildPropsView.vue:1
  • Kebab-case payload transform: ui/src/composables/axios/index.ts:176
• Config usage: ui/src/stores/config.ts:27 reads public/config.json or VITE_API_URL

Tests

• Vitest unit:
  • Payload transform to kebab-case: ui/src/composables/tests/axios.spec.ts
  • UUID format validation: ui/src/views/profile/tests/ProfileBuildPropsView.spec.ts

Verification

• Ensure API base is correct:
  • curl -s http://localhost:8000/config.json | jq . → {"API_URL":"http://localhost:8080"}
• Open the builder:
  • Profiles → “Build Profile by Props”
  • Or http://localhost:8000/profiles/build-props
• Build example (Any):
  • Catalog UUID: a valid 36-char UUID
  • Rules: name blank, operator contains , value technical
• After build:
  • Matched control IDs displayed
  • Profile Controls UI shows one imported catalog and included controls

Acceptance Criteria

• Builder route accessible via button and sidebar
• Invalid UUID or empty rule set prevented client-side
• Successful build shows matched IDs and correct imports on the profile view

Rollout

• Build UI image for localdev ( ccf-ui:feat-profile-prop-matching ) and swap
• Validate on 8000 and 3000 dev environment