claude-dev-env 8.57.0 → 8.58.0

package/.agents/skills/correction/SKILL.md

@@ -0,0 +1,25 @@
+---
+name: correction
+description: Turn a correction the user just made into a short handoff brief they paste into a corrections intake. Use when the user types /correction followed by what the agent got wrong.
+argument-hint: "<what the agent got wrong, in the user's words>"
+---
+
+# /correction
+
+The user corrected an agent and wants the fix to stick. Write one brief they can paste into the place that turns corrections into lasting fixes.
+
+`$ARGUMENTS` is the user's statement of the correction. Fill the other fields from this session: the transcript, the files and pull requests it touched, and the messages it sent. When the session does not settle a field, write `unknown` there.
+
+Print the brief as one fenced `text` block, and nothing after it:
+
+```text
+Correction: <$ARGUMENTS, word for word>
+Asked: <what the user asked for, quoted where a message carries it>
+Agent did: <what the agent did, with the reply, file, or command that shows it>
+Corrected to: <what the user wanted instead, or the fix already made>
+Where: <repository, branch or pull request, files, tool, or thread>
+Evidence: <file:line, log line, or quoted message that shows the miss>
+Repeat: <yes, with the earlier time it happened | no | unknown>
+```
+
+Keep each field to one or two lines. Leave out the layer and the fix design; the intake decides those.

package/bin/ever-shipped-skills.mjs

@@ -21,6 +21,7 @@ export const EVER_SHIPPED_SKILL_NAMES = new Set([
     'context7-mcp',
     'copilot-finding-triage',
     'copilot-review',
+    'correction',
     'deep-research',
     'descriptions',
     'e-code-review',

package/bin/ever-shipped-skills.test.mjs

@@ -41,6 +41,10 @@ test('EVER_SHIPPED_SKILL_NAMES includes the pull request lifecycle skill', () =>
     assert.equal(EVER_SHIPPED_SKILL_NAMES.has('pr-lifecycle'), true);
 });
 
+test('EVER_SHIPPED_SKILL_NAMES includes the correction skill', () => {
+    assert.equal(EVER_SHIPPED_SKILL_NAMES.has('correction'), true);
+});
+
 test('EVER_SHIPPED_SKILL_NAMES includes the windows scheduled task skill', () => {
     assert.equal(EVER_SHIPPED_SKILL_NAMES.has('windows-scheduled-task'), true);
 });

package/docs/templates/artifact-page/README.md

@@ -16,7 +16,7 @@
 | Readable text | Text is 16px or larger and uses the full text color. Gray stays on lines and borders only. Text holds a 7:1 contrast ratio against its background. |
 | Touch targets | Buttons and chips are 40px or taller, with a visible focus ring. |
 | Copy fallback | The copy button uses the clipboard API and falls back to a hidden text area, then says when the copy is blocked. |
-| Review rounds | Parts changed since the viewer's last look carry a thin bar on their left edge, and changed cards a "Changed" label. [review-rounds.md](review-rounds.md) holds the data fields and behavior. |
+| Review rounds | Only the parts changed since the viewer's last look carry a thin bar and a "Changed" label. [review-rounds.md](review-rounds.md) holds the data fields and behavior. |
 
 ## House rules for a page built from it
 
@@ -24,3 +24,13 @@
 - A page that needs extra files publishes them beside the page through the Artifact `files` field, and links them by relative path.
 - A page that needs live data or saved answers declares the matching runtime capability. `localStorage` holds only per-viewer conveniences.
 - Render the page at 400px in light and dark, and exercise every control, before publishing.
+
+## Convert an existing page
+
+Ask an agent: "convert <artifact link> to our format."
+
+1. Read the published page with the Artifact tool's `read` action, and keep its data and every working control.
+2. Map each part to its piece in `template.html`: status groups to board lanes, records to picture cards, filters to tabs and chips, and the data to the JSON data block.
+3. Apply the house rules above and the template's color tokens.
+4. Check that text is 16px or larger, text contrast is 7:1 or better, and the page has no horizontal scroll at 390px, in light and dark.
+5. Publish to the same link as a new version, so the reviewer keeps one URL.

package/docs/templates/artifact-page/review-rounds.md

@@ -1,6 +1,6 @@
 # Marking what changed between review rounds
 
-A page that a reviewer reads more than once shows what changed since their last look. The template marks each changed card and each changed part with a thin bar on its left edge, gives each changed card a small "Changed" label, and gives each changed board chip a dot in the same color. There is no diff and no list of changes.
+A page that a reviewer reads more than once shows what changed since their last look. The template marks only the parts that changed: each one gets a thin bar on its left edge and a small "Changed" label at its start. The card around them stays as it is, and its board chip gets a dot in the same color. There is no diff and no list of changes.
 
 ## Data
 
@@ -8,7 +8,7 @@ A page that a reviewer reads more than once shows what changed since their last
 |---|---|---|
 | `round` | top of the data block | The review round this revision answers. Add one each time the page is republished after feedback. |
 | `changed_round` | an item | The round in which this item last changed. |
-| `changed_parts` | an item, optional | The parts that changed: `title`, `next`, `summary`, `steps`, `links`. With no list, only the card is marked. |
+| `changed_parts` | an item | The parts that changed: `title`, `next`, `summary`, `steps`, `links`. An item with no list gets no mark. |
 
 When a revision answers feedback, set `round` to the new number and stamp each item it changed with that number and the parts it touched. Leave older stamps in place; they stop showing once the reviewer has seen their round.
 
@@ -21,6 +21,6 @@ When a revision answers feedback, set `round` to the new number and stamp each i
 
 ## Other pages
 
-Any element with `data-changed-round="N"` takes the bar. An element that holds a `data-change-slot` child gets the "Changed" label in that child; other elements get a screen reader label.
+Stamp the smallest element that changed with `data-changed-round="N"`; it takes the bar and the "Changed" label, and a `<details>` element takes the label in its summary. Never stamp a whole card or section. An element with `data-change-mark="dot"` takes the dot and a screen reader label in place of the bar and label.
 
 The `--change` and `--change-ink` tokens hold the mark colors in light and dark. Keep the label text at 7:1 or better against `--change`, and the bar at 3:1 or better against `--surface` and `--bg`.

package/docs/templates/artifact-page/template.html

@@ -100,12 +100,9 @@ details.what[open] summary::before { content: "▾" }
 .step .num { flex: none; width: 30px; height: 30px; border-radius: 50%; background: var(--warn); color: var(--surface); display: grid; place-items: center; font-weight: 800 }
 .lchip.changed::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--change); flex: none }
 .changed { box-shadow: inset 4px 0 0 var(--change); padding-left: 12px; border-radius: 4px }
-.card.changed { box-shadow: inset 6px 0 0 var(--change); padding-left: 0; border-radius: 16px }
-.card.changed .band, .card.changed > .body { padding-left: 18px }
-.card.changed .body .changed { padding-left: 12px }
 .next.changed { border-radius: 12px }
 .lchip.changed { box-shadow: none; border-radius: 999px; padding-left: 10px; border-color: var(--change); display: inline-flex; align-items: center; gap: 6px }
-.pill-changed { display: inline-flex; align-items: center; min-height: 28px; padding: 0 10px; border-radius: 999px; background: var(--change); color: var(--change-ink); font-size: 16px; font-weight: 800 }
+.pill-changed { display: inline-flex; align-items: center; min-height: 28px; padding: 0 10px; border-radius: 999px; background: var(--change); color: var(--change-ink); font-size: 16px; font-weight: 800; margin-right: 8px; vertical-align: middle; flex: none; white-space: nowrap }
 .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap }
 .empty { background: var(--surface); border: 2px dashed var(--edge); border-radius: 14px; padding: 20px; font-weight: 600 }
 @media (hover: hover) { .lchip:hover, .fchip:hover, .tab:hover, .copy:hover { border-color: var(--accent) } }
@@ -336,17 +333,16 @@ function changeBaseline() {
   return baseline;
 }
 function stampChange(node, it, part) {
-  if (it.changed_round && (!part || [].concat(it.changed_parts || []).includes(part))) node.dataset.changedRound = it.changed_round;
+  const parts = [].concat(it.changed_parts || []);
+  if (it.changed_round && (part ? parts.includes(part) : parts.length)) node.dataset.changedRound = it.changed_round;
   return node;
 }
 function markChanges() {
   for (const node of document.querySelectorAll("[data-changed-round]")) {
     if (Number(node.dataset.changedRound) <= CHANGE_BASELINE || node.classList.contains("changed")) continue;
     node.classList.add("changed");
-    const slot = node.querySelector("[data-change-slot]");
-    if (slot) { slot.prepend(el("span", "pill-changed", "Changed")); continue; }
     const label = node.querySelector(":scope > summary") || node;
-    label.prepend(el("span", "sr", "Changed. "));
+    label.prepend(node.dataset.changeMark === "dot" ? el("span", "sr", "Changed. ") : el("span", "pill-changed", "Changed"));
   }
 }
 function save() { try { localStorage.setItem("work-tracker-view", JSON.stringify({ tab: state.tab, owner: state.owner })); } catch (e) {} }
@@ -379,6 +375,7 @@ function renderBoard(items) {
       const chips = el("div", "lchips");
       for (const it of mine) {
         const b = stampChange(el("button", "lchip", it.title), it);
+        b.dataset.changeMark = "dot";
         b.setAttribute("aria-label", "Go to " + it.title);
         b.onclick = () => jumpTo(it);
         chips.append(b);
@@ -438,10 +435,9 @@ function copyButton(it) {
 }
 function itemCard(it) {
   const key = stageOf(it), s = STAGE_BY_KEY[key], owner = ownerByKey[it.owner] || { name: it.owner };
-  const card = stampChange(el("article", "card " + key), it);
+  const card = el("article", "card " + key);
   card.id = slug(it);
   const band = el("div", "band " + key);
-  band.dataset.changeSlot = "";
   band.append(el("span", null, s.icon), el("span", null, s.label));
   const proj = el("span", "proj");
   proj.append(el("span", null, (owner.icon || "📁")), el("span", null, owner.name));

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "claude-dev-env",
-    "version": "8.57.0",
+    "version": "8.58.0",
     "description": "Claude Code development standards — rules, hooks, agents, commands, and skills",
     "type": "module",
     "bin": {