Merge branch 'sprint-32/visual'

client/assets/icons/icon_action_examine.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <!--
+    Interaction prompt: EXAMINE
+    Design: magnifying glass — lens circle (geometric primitive) with diagonal handle.
+    Universally understood. The circle is a geometric primitive, not a decorative curve.
+    D-086: 1px stroke, #c8d0e0 chrome, minimal anchor points.
+  -->
+  <g stroke="#c8d0e0" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <!-- Lens -->
+    <circle cx="7" cy="7" r="4"/>
+    <!-- Handle -->
+    <line x1="10.5" y1="10.5" x2="14" y2="14"/>
+  </g>
+</svg>

client/assets/icons/icon_action_follow.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <!--
+    Interaction prompt: FOLLOW
+    Design: directional arrow right — clean shaft with arrowhead.
+    Communicates: move toward / track. Verb context makes the meaning clear.
+    D-086: 1px stroke, #c8d0e0 chrome, minimal anchor points.
+  -->
+  <g stroke="#c8d0e0" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <!-- Arrow shaft -->
+    <line x1="2" y1="8" x2="13" y2="8"/>
+    <!-- Arrowhead -->
+    <polyline points="10,5 13,8 10,11"/>
+  </g>
+</svg>

client/assets/icons/icon_action_observe.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <!--
+    Interaction prompt: OBSERVE
+    Design: geometric eye — diamond outline with pupil circle.
+    Shares vocabulary with icon_status_perception.svg (reinforces visual system).
+    D-086: 1px stroke, #c8d0e0 chrome, minimal anchor points.
+  -->
+  <g stroke="#c8d0e0" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <!-- Diamond eye -->
+    <polygon points="8,2 15,8 8,14 1,8"/>
+    <!-- Pupil -->
+    <circle cx="8" cy="8" r="2.5"/>
+  </g>
+</svg>

client/assets/icons/icon_action_talk.svg

@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16">
+  <!--
+    Interaction prompt: TALK
+    Design: speech bubble — rectangle body, triangle callout at bottom-left,
+    two content lines suggesting text. Rectangular (not rounded) to match
+    insert UI geometry aesthetic.
+    D-086: 1px stroke, #c8d0e0 chrome, minimal anchor points.
+  -->
+  <g stroke="#c8d0e0" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <!-- Bubble body -->
+    <rect x="2" y="2" width="12" height="8"/>
+    <!-- Callout triangle (bottom-left) -->
+    <polyline points="4,10 4,14 7,10"/>
+    <!-- Implied text content lines -->
+    <line x1="5" y1="5" x2="11" y2="5"/>
+    <line x1="5" y1="7.5" x2="9" y2="7.5"/>
+  </g>
+</svg>

client/assets/icons/icon_item_access_token.svg

@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40">
+  <!--
+    Inventory item: ACCESS TOKEN (hexagonal tag)
+    Design: flat-top hexagon body with a small punch-hole circle near top center
+    (physical tag/credential). Two interior lines suggest encoded markings.
+    D-086: 1px stroke, #c8d0e0 chrome, minimal anchor points, 40×40px.
+  -->
+  <g stroke="#c8d0e0" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <!-- Hexagon (flat-top orientation) -->
+    <polygon points="10,10 20,5 30,10 30,30 20,35 10,30"/>
+    <!-- Punch hole (physical tag indicator) -->
+    <circle cx="20" cy="9" r="2"/>
+    <!-- Encoded marking lines -->
+    <line x1="14" y1="20" x2="26" y2="20"/>
+    <line x1="16" y1="24" x2="24" y2="24"/>
+  </g>
+</svg>

client/assets/icons/icon_item_comm_log.svg

@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40">
+  <!--
+    Inventory item: PERSONAL COMM LOG (communication device)
+    Design: rectangular handheld device body, screen inset, antenna stub,
+    two diagonal signal-propagation lines (polylines, not curves).
+    D-086: 1px stroke, #c8d0e0 chrome, minimal anchor points, 40×40px.
+  -->
+  <g stroke="#c8d0e0" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <!-- Device body -->
+    <rect x="11" y="12" width="16" height="24"/>
+    <!-- Screen inset -->
+    <rect x="14" y="15" width="10" height="9"/>
+    <!-- Antenna stub -->
+    <line x1="21" y1="12" x2="23" y2="7"/>
+    <!-- Signal propagation lines (angled, not arcs) -->
+    <polyline points="25,9 27,10 28,12"/>
+    <polyline points="25,7 29,9 30,12"/>
+    <!-- Control button -->
+    <line x1="16" y1="31" x2="22" y2="31"/>
+  </g>
+</svg>

client/assets/icons/icon_item_manifest.svg

@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40">
+  <!--
+    Inventory item: MANIFEST (document)
+    Design: document body with top-right folded corner (classic document indicator),
+    three text-content lines inside suggesting information density.
+    D-086: 1px stroke, #c8d0e0 chrome, minimal anchor points, 40×40px.
+  -->
+  <g stroke="#c8d0e0" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <!-- Document body with folded corner (pentagon path) -->
+    <path d="M8,4 L22,4 L28,10 L28,34 L8,34 Z"/>
+    <!-- Fold crease lines (complete the corner triangle) -->
+    <polyline points="22,4 22,10 28,10"/>
+    <!-- Content text lines -->
+    <line x1="12" y1="17" x2="24" y2="17"/>
+    <line x1="12" y1="21" x2="24" y2="21"/>
+    <line x1="12" y1="25" x2="19" y2="25"/>
+  </g>
+</svg>

client/assets/icons/icon_stance_careful.svg

@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20">
+  <!--
+    Stance: CAREFUL
+    Design: arms spread horizontally at full width (shoulder-height lateral awareness),
+    legs narrow and close together (deliberate, controlled foot placement).
+    Silhouette reads as a wide T with narrow base — unmistakably different from
+    WALK's diagonal arm-swing and wide stride at 20px.
+    Differentiator vs WALK: arms point sideways (not fore/aft), legs almost together
+    (not striding). The wide-arm / narrow-leg ratio inverts WALK's geometry.
+    D-086: 1px stroke, #c8d0e0 chrome, minimal anchor points.
+  -->
+  <g stroke="#c8d0e0" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <!-- Head -->
+    <circle cx="10" cy="4" r="2.5"/>
+    <!-- Torso (upright) -->
+    <line x1="10" y1="6.5" x2="10" y2="13"/>
+    <!-- Arms horizontal at shoulder height — full-width spread (T-shape) -->
+    <line x1="10" y1="9" x2="3" y2="9"/>
+    <line x1="10" y1="9" x2="17" y2="9"/>
+    <!-- Legs narrow — deliberate, almost no stride (controlled placement) -->
+    <line x1="10" y1="13" x2="8" y2="19"/>
+    <line x1="10" y1="13" x2="12" y2="19"/>
+  </g>
+</svg>

client/assets/icons/icon_stance_crouch.svg

@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20">
+  <!--
+    Stance: CROUCH
+    Design: head lowered, torso bent forward, knees visibly bent via polyline angles.
+    Differentiator vs all others: compressed vertical range, bent-knee polylines.
+    D-086: 1px stroke, #c8d0e0 chrome, minimal anchor points.
+  -->
+  <g stroke="#c8d0e0" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <!-- Head (lowered, compressed stance) -->
+    <circle cx="9" cy="6" r="2.5"/>
+    <!-- Torso (bent at waist, angled forward) -->
+    <line x1="9" y1="8.5" x2="10" y2="13"/>
+    <!-- Left arm (braced forward) -->
+    <line x1="9.5" y1="10.5" x2="5" y2="12"/>
+    <!-- Right arm (rearward) -->
+    <line x1="9.5" y1="10.5" x2="13" y2="11"/>
+    <!-- Left leg (bent knee) -->
+    <polyline points="10,13 6,16 5,19"/>
+    <!-- Right leg (bent knee) -->
+    <polyline points="10,13 14,15 15,19"/>
+  </g>
+</svg>

client/assets/icons/icon_stance_sprint.svg

@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20">
+  <!--
+    Stance: SPRINT
+    Design: head shifted forward, torso angled aggressively, wide asymmetric stride.
+    Differentiator vs WALK: clear forward lean of both head and torso,
+    arms in pump position (one high, one low), wider leg spread.
+    D-086: 1px stroke, #c8d0e0 chrome, minimal anchor points.
+  -->
+  <g stroke="#c8d0e0" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <!-- Head (shifted forward, momentum lean) -->
+    <circle cx="12" cy="4" r="2.5"/>
+    <!-- Torso (strongly angled forward) -->
+    <line x1="12" y1="6.5" x2="9" y2="13"/>
+    <!-- Left arm (drive forward and up) -->
+    <line x1="11" y1="9" x2="14" y2="13"/>
+    <!-- Right arm (pull back) -->
+    <line x1="11" y1="9" x2="6" y2="11"/>
+    <!-- Left leg (long lead stride) -->
+    <line x1="9" y1="13" x2="5" y2="19"/>
+    <!-- Right leg (push-off, trailing high) -->
+    <line x1="9" y1="13" x2="15" y2="17"/>
+  </g>
+</svg>

client/assets/icons/icon_stance_walk.svg

@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20">
+  <!--
+    Stance: WALK
+    Design: upright figure, bilateral stride, arms in natural walking swing.
+    Differentiator vs CAREFUL: arms follow natural walk arc, not spread wide.
+    D-086: 1px stroke, #c8d0e0 chrome, minimal anchor points.
+  -->
+  <g stroke="#c8d0e0" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <!-- Head -->
+    <circle cx="10" cy="4" r="2.5"/>
+    <!-- Torso -->
+    <line x1="10" y1="6.5" x2="10" y2="13"/>
+    <!-- Left arm (forward swing) -->
+    <line x1="10" y1="9" x2="6" y2="12"/>
+    <!-- Right arm (back swing) -->
+    <line x1="10" y1="9" x2="14" y2="11"/>
+    <!-- Left leg (forward step) -->
+    <line x1="10" y1="13" x2="6" y2="19"/>
+    <!-- Right leg (trailing step) -->
+    <line x1="10" y1="13" x2="14" y2="18"/>
+  </g>
+</svg>

client/assets/icons/icon_status_health.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20">
+  <!--
+    Status badge: HEALTH
+    Design: medical cross — single polygon path tracing the outer edge of the plus shape.
+    Solid fill: no internal crossing lines, reads clearly at 20px.
+    D-086: fill=#c8d0e0 (explicit solid element), no stroke required.
+    Runtime recolor: shader replaces fill color via tint_color parameter.
+  -->
+  <path
+    d="M8.5,3 L11.5,3 L11.5,8.5 L17,8.5 L17,11.5 L11.5,11.5 L11.5,17 L8.5,17 L8.5,11.5 L3,11.5 L3,8.5 L8.5,8.5 Z"
+    fill="#c8d0e0"
+    stroke="none"/>
+</svg>

client/assets/icons/icon_status_perception.svg

@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20">
+  <!--
+    Status badge: PERCEPTION MODE
+    Design: geometric eye — diamond outline (4 straight lines) with centered circle pupil.
+    Diamond shape reinforces the insert/lattice aesthetic; no curves in the outer form.
+    Communicates: vision, awareness, active perception layer.
+    Deferred: mode-specific variants (thermal, camera feed) await #315 specs.
+    D-086: 1px stroke, #c8d0e0 chrome, minimal anchor points.
+  -->
+  <g stroke="#c8d0e0" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="none">
+    <!-- Diamond eye outline (4 straight edges) -->
+    <polygon points="10,3 18,10 10,17 2,10"/>
+    <!-- Pupil circle -->
+    <circle cx="10" cy="10" r="3"/>
+  </g>
+</svg>