Composant · Données

ConfigItemCard

Stable

Carte d'item de configuration (agents, workflows, gabarits de vue) : affiche un nom, une clé, une description et un badge de provenance (Système / Personnalisé). Les actions disponibles, Copier, Éditer, Réinitialiser, Supprimer, dépendent de la provenance de l'item.

Exemples

Trois provenances : un défaut système (Copier uniquement), une copie personnalisée (Éditer + Réinitialiser), et un item créé par l'utilisateur (Éditer + Supprimer).

Items de configuration

triage-agent

Classe les demandes entrantes par priorité.

triage-agent

Variante personnalisée d'un défaut système.

custom-workflow

Créé par l'utilisateur, modifiable et supprimable.

Voir le code (Svelte)

<div class="card-demo-stack">
  <ConfigItemCard
    item={{"id":"1","name":"Agent de tri","key":"triage-agent","description":"Classe les demandes entrantes par priorité.","sourceLevel":"code","parentId":null}}
    onCopy={undefined}
  />
  <ConfigItemCard
    item={{"id":"2","name":"Agent de tri (copie)","key":"triage-agent","description":"Variante personnalisée d'un défaut système.","sourceLevel":"user","parentId":"1"}}
    onEdit={undefined}
    onReset={undefined}
  />
  <ConfigItemCard
    item={{"id":"3","name":"Workflow maison","key":"custom-workflow","description":"Créé par l'utilisateur, modifiable et supprimable.","sourceLevel":"user","parentId":null}}
    onEdit={undefined}
    onDelete={undefined}
  />
</div>

API du composant

Prop	Type	Défaut	Description
`item`	`ConfigItem`	requis	L'item décrit (id, name, key, description, sourceLevel, parentId).
`hasCopy`	`boolean`	`false`	Si une copie existe déjà, masque l'action Copier.
`onCopy`	`(id: string) => void`	–	Action Copier (items système uniquement).
`onEdit`	`(id: string) => void`	–	Action Éditer (items copiés ou créés).
`onReset`	`(id: string) => void`	–	Action Réinitialiser (items copiés uniquement).
`onDelete`	`(id: string) => void`	–	Action Supprimer (items créés uniquement).
`disabled`	`boolean`	`false`	Désactive toutes les actions.

Tokens CSS

Variable CSS	Description
`--st-component-card-background`	Fond de la carte (défaut : surface-raised).
`--st-component-card-border`	Couleur de la bordure (défaut : border-subtle).
`--st-semantic-feedback-info`	Fond du badge Personnalisé.
`--st-semantic-feedback-warning / -error`	Survol des actions Réinitialiser / Supprimer.