fix(dashboard): icon pass — Tabler sprites for the hosted-chrome tool/permission badges (DES-04)

[schubydoo]

#433 DES-04 — the hosted live-view transcript used structural Unicode emoji as iconography (🔧 tool badge, ✓/✕ permission decision), breaking the Tabler sprite-icon system the rest of the UI uses.

Changes

• Added ic-tool / ic-check / ic-x Tabler outline symbols to _tabler_sprite.html (from tabler/tabler-icons, the source you shared).
• Swapped 🔧 → <use href="#ic-tool">, and the resolved permission decision ✓ allowed / ✕ denied → ic-check/ic-x sprites (interrupted / answered stay text).

Verification

Dev-verified the new sprites render at the .ico 15×15 size (valid paths). Render-test guards the symbols are present. DES-03's broader prose ⚠ / status glyphs are intentionally left as-is.

Refs #433 (DES-03/04).

🤖 Generated with Claude Code

[greptile-apps]

Greptile Summary

This PR replaces structural Unicode emoji (🔧, ✓, ✕) in the hosted live-view transcript with Tabler SVG sprite icons, aligning the hosted-chrome badges with the sprite system used elsewhere in the dashboard.

• Three new <symbol> entries (ic-tool, ic-check, ic-x) are appended to _tabler_sprite.html; paths match the Tabler outline set and follow the same attribute pattern as existing symbols.
• dashboard.html swaps the emoji in the tool badge and the resolved-permission span for <svg><use href="#..."/></svg> elements; interrupted and answered states remain text-only as stated in the PR description.
• A new render-test asserts all three sprite IDs are present in the served page.

Confidence Score: 5/5

Safe to merge — the change is purely presentational, swapping Unicode emoji for inline SVG sprites with no logic changes.

All four decision states are handled correctly by the x-show guards and the x-text ternary. The new sprite symbols are consistent with the existing sprite sheet. The test guards sprite presence at render time, and no existing behaviour is altered.

No files require special attention.

Important Files Changed

Filename	Overview
src/clauster/templates/_tabler_sprite.html	Adds ic-tool, ic-check, and ic-x symbols; paths and attributes are consistent with the existing sprite definitions.
src/clauster/templates/dashboard.html	Tool badge and resolved-permission spans updated to use sprite icons; x-show guards are logically correct for all four decision values.
tests/test_app.py	New test validates sprite symbol presence in the rendered page; follows the same TestClient pattern as adjacent GET-only tests.
.changeset/433-icon-pass-hosted-chrome.md	Patch-level changeset entry correctly describing the visual badge change.

Flowchart

%%{init: {'theme': 'neutral'}}%%
flowchart TD
    A["it.resolved === true\n(x-if renders span)"] --> B{it.decision}
    B -->|allow| C["ic-check visible\nx-show=true\n+ 'allowed' text"]
    B -->|deny| D["ic-x visible\nx-show=true\n+ 'denied' text"]
    B -->|interrupted| E["both SVGs hidden\n(display:none)\n+ '— session ended' text"]
    B -->|answered| F["both SVGs hidden\n(display:none)\n+ 'answered' text"]

Loading

%%{init: {'theme': 'base', 'themeVariables': {"darkMode": true, "background": "#0d1117", "primaryColor": "#21262d", "primaryTextColor": "#e6edf3", "primaryBorderColor": "#8b949e", "lineColor": "#8b949e", "textColor": "#e6edf3", "edgeLabelBackground": "#161b22", "actorBkg": "#21262d", "actorBorder": "#8b949e", "actorTextColor": "#e6edf3", "actorLineColor": "#8b949e", "signalColor": "#8b949e", "signalTextColor": "#e6edf3", "noteBkgColor": "#373320", "noteBorderColor": "#d4a72c", "noteTextColor": "#f0e6c0", "labelBoxBkgColor": "#21262d", "labelBoxBorderColor": "#8b949e", "labelTextColor": "#e6edf3", "loopTextColor": "#e6edf3", "activationBkgColor": "#30363d", "activationBorderColor": "#8b949e"}}}%%
flowchart TD
    A["it.resolved === true\n(x-if renders span)"] --> B{it.decision}
    B -->|allow| C["ic-check visible\nx-show=true\n+ 'allowed' text"]
    B -->|deny| D["ic-x visible\nx-show=true\n+ 'denied' text"]
    B -->|interrupted| E["both SVGs hidden\n(display:none)\n+ '— session ended' text"]
    B -->|answered| F["both SVGs hidden\n(display:none)\n+ 'answered' text"]

Loading

_{Reviews (3): Last reviewed commit: "fix(dashboard): drop redundant x-cloak o..." | Re-trigger Greptile}