fix: JSX attribute escapes rendered literally, and a stale bar looked live

JSX attribute values are not JavaScript string literals, so the parser never
processed the ’ and … escapes inside them and each reached the DOM
as six literal characters. The same escape inside a {'...'} expression was
always fine, which is why only the attributes broke.

- Use the characters themselves in the two Usage windows notes and in the
  machines search placeholder
- Dim .bv-uw.stale .bar .fill: the stale rule already muted the percentage
  and the row label but never the bar, so a three-day-old reading still drew
  a full-width bar in alarm red, the one part of the row that looked live

Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: reddy-sh

site/src/components/board/enroll.jsx

@@ -623,7 +623,7 @@ export function MachinesPanel({ machines, cloud, onAdd }) {
           </div>
           <input className="mc-search" type="text" value={search}
             onChange={e => setSearch(e.target.value)}
-            placeholder="Search machines\u2026" aria-label="Search machines" />
+            placeholder="Search machines…" aria-label="Search machines" />
         </div>
       )}
 

site/src/components/board/panels.jsx

@@ -103,7 +103,7 @@ export function UsageWindows({ lim }) {
       ? 'Claude Code\u2019s config was mid-write and could not be read this cycle. It will be picked up on the next one.'
       : 'No usage cache found. Claude Code writes one to ~/.claude.json after it talks to the usage endpoint — run /usage in Claude Code once and it will appear here.'
     return (
-      <Card title="Usage windows" note="Your plan\u2019s real limits, as Anthropic last reported them.">
+      <Card title="Usage windows" note="Your plan’s real limits, as Anthropic last reported them.">
         <Empty>{why}</Empty>
         <p className="bv-note" style={{ marginTop: 12 }}>
           The five-hour block is reconstructed from your own request timestamps and does not need this cache.
@@ -121,7 +121,7 @@ export function UsageWindows({ lim }) {
   return (
     <Card
       title="Usage windows"
-      note="Your plan\u2019s real limits, as Anthropic last reported them — not computed here."
+      note="Your plan’s real limits, as Anthropic last reported them — not computed here."
       right={
         <span className={'bv-sub' + (stale ? ' warn' : '')}
           title={stale

site/src/styles.css

@@ -1254,6 +1254,7 @@ a { color: inherit; text-decoration: none; }
 .bv-uw .bar .fill { height: 100%; border-radius: 4px; transition: width 0.4s var(--ease-out); }
 .bv-uw .bar .pct { font-family: var(--font-display); font-weight: 700; font-size: var(--text-sm); width: 3.4em; text-align: right; }
 .bv-uw.stale .bar .pct, .bv-uw.stale tbody th { color: var(--color-ink-2); }
+.bv-uw.stale .bar .fill { opacity: 0.45; }
 
 /* ── feeds ── */
 .bv-feed { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-sm); }