feat(agent-config): save preview with diff rows and safety tags [13/21] - #334
gusfcarvalho wants to merge 1 commit into
Conversation
|
Warning Review limit reachedYou've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository. Next included review available in 59 minutes. View limit detailsLimit details: You’ve used the included review currently available. Review configuration: ⚙️ Run configuration
📒 Files selected for processing (4)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
There was a problem hiding this comment.
Copilot review overview
🟡 Changes recommended
One or more issues must be addressed before approval.
Review effort: Balanced
Findings: 4
Open (4)
Element-level policy_data diffs can share a path: changing ['a', 'b', 'c'] to ['x', 'y', 'a', 'c']… · New These cells render strings without quotes, so policy_data type changes such as 42 → '42' or false →… · New A save-time 422 can include an instance absent from the earlier preview, for example one that… · New A multiline policy_data string can be replaced with a number, boolean, object or array, but this… · New
What changed in this PR
Adds reusable save-preview components for agent configuration overlays, ahead of later Configuration-tab integration.
Changes:
- Adds per-instance diffs, validation feedback, and save controls.
- Introduces diff rows and safety badges.
- Adds save-preview component tests.
| File | Description |
|---|---|
| src/components/agents/config/editor/SavePreviewPanel.vue | Updated as part of this pull request. |
| src/components/agents/config/editor/SafetyTag.vue | Updated as part of this pull request. |
| src/components/agents/config/editor/DiffRows.vue | Updated as part of this pull request. |
| src/components/agents/config/__tests__/SavePreviewPanel.spec.ts | Updated as part of this pull request. |
💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.
| </tr> | ||
| <tr | ||
| v-for="row in rows" | ||
| :key="row.path" |
| const t = truncate(p.value); | ||
| const full = truncate(p.value, Number.MAX_SAFE_INTEGER).text; |
| const topErrors = computed<FieldError[]>(() => [ | ||
| ...props.preview.overlayErrors, | ||
| ...(props.saveErrors?.overlay ?? []), | ||
| ]); |
| diffOriginal.value = typeof row.before === 'string' ? row.before : ''; | ||
| diffModified.value = typeof row.after === 'string' ? row.after : ''; |
Layer 13 of 21 in the stacked split of #318. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
961f200 to
d1578a9
Compare

Part 13 of 21 of the stacked split of #318 (agent remote configuration). Every layer adds the final version of its files from #318, and only imports from layers below it, so each layer passes
make reviewableon its own. Nothing is reachable in the app until layer 20 wires the Configuration tab in.What
The save preview: review rows, safety tags, diff rows and
SavePreviewPanel(YAML and merge diff of the overlay against the effective config).Tests
SavePreviewPanel.spec.ts.🤖 Generated with Claude Code