PR 9091 issue interaction card header before/after

issue-interaction-card-after.svg

issue-interaction-card-before.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" width="1180" height="430" viewBox="0 0 1180 430" role="img" aria-label="Before issue interaction card header">
  <defs>
    <filter id="shadow" x="-5%" y="-5%" width="110%" height="115%">
      <feDropShadow dx="0" dy="1" stdDeviation="1.2" flood-color="#12110f" flood-opacity="0.08"/>
    </filter>
  </defs>
  <rect width="1180" height="430" fill="#f6f4ee"/>
  <text x="58" y="48" font-family="Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="18" font-weight="700" fill="#24211d">Before</text>
  <text x="58" y="75" font-family="Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" font-size="13" fill="#69645b">Suggested task interaction card header with the continuation wake-policy badge.</text>
  <g filter="url(#shadow)" transform="translate(58 108)">
    <rect width="990" height="250" rx="5" fill="#fffdf8" stroke="#d8d4cb"/>
    <g transform="translate(30 28)" font-family="Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif">
      <g>
        <rect width="270" height="34" rx="4" fill="#f9f5ec" stroke="#d9c7a8"/>
        <circle cx="19" cy="17" r="6" fill="none" stroke="#8a6936" stroke-width="2"/>
        <path d="M19 10.5v6.5l4.5 2.8" fill="none" stroke="#8a6936" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"/>
        <text x="35" y="22" font-size="13" font-weight="700" letter-spacing="1.6" fill="#6d532b">SUGGESTED TASKS / PENDING</text>
        
        <g transform="translate(330 80)">
          <rect width="236" height="34" rx="4" fill="#ffffff" stroke="#d8d4cb"/>
          <path d="M14 11.5h8M14 17h8M14 22.5h8M9.5 11.5l1.4 1.4 2.5-2.8M9.5 17l1.4 1.4 2.5-2.8M9.5 22.5l1.4 1.4 2.5-2.8" fill="none" stroke="#5f5b53" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/>
          <text x="34" y="22" font-size="13" font-weight="600" letter-spacing="1.5" fill="#5f5b53">WAKES RESPONSIBLE</text>
        </g>
      </g>
      <text x="0" y="88" font-size="23" font-weight="750" fill="#211f1b">Suggested task tree</text>
      <text x="0" y="122" font-size="15" fill="#5d584f">Create the implementation tasks from this approved plan.</text>
      <rect x="0" y="153" width="930" height="1" fill="#e4ded3"/>
      <g transform="translate(0 178)">
        <rect width="310" height="38" rx="4" fill="#f4f1ea" stroke="#ddd7cc"/>
        <text x="15" y="25" font-size="14" font-weight="650" fill="#2b2823">Implement interaction card polish</text>
        <rect x="330" width="238" height="38" rx="4" fill="#f4f1ea" stroke="#ddd7cc"/>
        <text x="345" y="25" font-size="14" font-weight="650" fill="#2b2823">Update focused tests</text>
      </g>
    </g>
  </g>
</svg>