AI-Diff (Änderungs-Ansicht) — component.ai-diff
Zeilenweise Änderungs-Ansicht (hinzugefügt/entfernt/Kontext) mit Datei-Kopf und Zähler — der Konsument liefert annotierte Zeilen, das Framework rechnet keine Diffs
Componentv1.0.0AIweb.documentweb.applicationdesktop.shell
Beispiele
Vorgeschlagene Änderung
config/mail.php+2−1
return [
'driver' => 'smtp',
'port' => 25,
'port' => 587,
'encryption' => 'tls',
];
XSS in Zeile → escaped
test.html+1−0
<script>alert(1)</script>
Eigenschaften
| Prop | Typ | Default |
|---|---|---|
file | string | "" |
lines * | array | — |
Stellschrauben (Komponenten-Tokens)
| Token | Default |
|---|---|
--ai-diff-add-surface | var(--color-status-success-surface) |
--ai-diff-add-fg | var(--color-status-success) |
--ai-diff-remove-surface | var(--color-status-danger-surface) |
--ai-diff-remove-fg | var(--color-status-danger) |
Genutzte Design-Tokens
border.hairline color.border.default color.border.subtle color.status.danger color.status.danger-surface color.status.success color.status.success-surface color.surface.default color.surface.sunken color.text.default color.text.muted font.family.default font.family.mono radius.control size.1 size.2 size.3 size.4 text.xs weight.semibold