or run

npx @tessl/cli init
Log in

Version

Files

docs

api-services.mdbase-classes.mdcomposables.mdconfiguration.mdindex.mdutilities.md
tile.json

rubric.jsonevals/scenario-5/

{
  "context": "Evaluates whether MediaIntakePanel relies on PrimeVue's file and media components to deliver drag-and-drop uploads with validation, progress, cancellation, and preview behaviors. Scoring rewards correct FileUpload configuration and event handling plus use of PrimeVue media display for previews.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "FileUpload config",
      "description": "Uses PrimeVue FileUpload in advanced/drag-drop mode with multiple selection enabled, image-only accept filters, and maxFileSize set to the 2 MB limit described in the spec.",
      "max_score": 30
    },
    {
      "name": "Validation feedback",
      "description": "Leverages FileUpload validation hooks (accept/maxFileSize plus invalid/ select error callbacks) to reject non-image or oversize files and surface inline error messaging instead of custom manual checks.",
      "max_score": 20
    },
    {
      "name": "Upload lifecycle",
      "description": "Implements uploading through FileUpload's customUpload/uploadHandler pipeline (or onBeforeUpload/onUpload/onError/onCancel events) to drive per-file progress, cancellation, and status updates rather than hand-rolled upload logic.",
      "max_score": 25
    },
    {
      "name": "Preview overlay",
      "description": "Renders uploaded images with PrimeVue media components (e.g., Image with preview or Galleria) to show thumbnails that open an enlarged view when selected.",
      "max_score": 15
    },
    {
      "name": "Clear sync",
      "description": "Keeps queue and preview state in sync by invoking FileUpload's clear/reset handlers and responding to onClear/onRemove to drop thumbnails when the upload list is cleared.",
      "max_score": 10
    }
  ]
}