| 1 | <svg xmlns="http://www.w3.org/2000/svg" width="1280" height="720" viewBox="0 0 1280 720" role="img" aria-labelledby="title desc"> |
| 2 | <title id="title">Feishu bot approval interaction</title> |
| 3 | <desc id="desc">A synthetic Feishu chat showing a Reasonix bot approval card with allow and deny buttons.</desc> |
| 4 | <defs> |
| 5 | <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%"> |
| 6 | <feDropShadow dx="0" dy="14" stdDeviation="18" flood-color="#111827" flood-opacity="0.14"/> |
| 7 | </filter> |
| 8 | <linearGradient id="blue" x1="0" x2="1" y1="0" y2="1"> |
| 9 | <stop offset="0" stop-color="#4f7cff"/> |
| 10 | <stop offset="1" stop-color="#2f6bff"/> |
| 11 | </linearGradient> |
| 12 | </defs> |
| 13 | <rect width="1280" height="720" rx="0" fill="#f6f4ef"/> |
| 14 | <text x="72" y="82" fill="#15171a" font-family="Inter, Arial, sans-serif" font-size="34" font-weight="750">Feishu approval card</text> |
| 15 | <text x="72" y="118" fill="#69707d" font-family="Inter, Arial, sans-serif" font-size="18">When a sensitive tool needs permission, Reasonix sends a card with clear actions.</text> |
| 16 | |
| 17 | <rect x="72" y="160" width="736" height="480" rx="24" fill="#ffffff" filter="url(#shadow)"/> |
| 18 | <rect x="72" y="160" width="736" height="58" rx="24" fill="#f4f7ff"/> |
| 19 | <circle cx="112" cy="189" r="15" fill="#3370ff"/> |
| 20 | <text x="140" y="197" fill="#20242b" font-family="Inter, Arial, sans-serif" font-size="20" font-weight="700">Feishu chat</text> |
| 21 | |
| 22 | <rect x="548" y="252" width="202" height="62" rx="18" fill="#e8f1ff"/> |
| 23 | <text x="579" y="290" fill="#1f2a44" font-family="Inter, Arial, sans-serif" font-size="19">Run the tests</text> |
| 24 | |
| 25 | <circle cx="126" cy="388" r="22" fill="url(#blue)"/> |
| 26 | <text x="117" y="397" fill="#ffffff" font-family="Inter, Arial, sans-serif" font-size="22" font-weight="760">R</text> |
| 27 | <rect x="164" y="334" width="500" height="220" rx="18" fill="#f4f5f7" stroke="#e1e4ea"/> |
| 28 | <text x="196" y="376" fill="#101418" font-family="Inter, Arial, sans-serif" font-size="24" font-weight="760">Approval required</text> |
| 29 | <text x="196" y="416" fill="#4f5663" font-family="Inter, Arial, sans-serif" font-size="18">Tool: bash</text> |
| 30 | <text x="196" y="448" fill="#4f5663" font-family="Inter, Arial, sans-serif" font-size="18">Action: go test ./...</text> |
| 31 | <rect x="196" y="470" width="96" height="30" rx="9" fill="#ffffff" stroke="#d7dbe3"/> |
| 32 | <text x="214" y="491" fill="#313844" font-family="Menlo, Consolas, monospace" font-size="15">ID: 42</text> |
| 33 | <rect x="196" y="516" width="142" height="42" rx="12" fill="#2f6bff"/> |
| 34 | <text x="222" y="543" fill="#ffffff" font-family="Inter, Arial, sans-serif" font-size="17" font-weight="700">Allow once</text> |
| 35 | <rect x="354" y="516" width="108" height="42" rx="12" fill="#ffffff" stroke="#ff4d4f" stroke-width="2"/> |
| 36 | <text x="389" y="543" fill="#d92d2b" font-family="Inter, Arial, sans-serif" font-size="17" font-weight="700">Deny</text> |
| 37 | |
| 38 | <rect x="852" y="202" width="356" height="398" rx="24" fill="#15171a"/> |
| 39 | <text x="890" y="258" fill="#ffffff" font-family="Inter, Arial, sans-serif" font-size="26" font-weight="750">What the user does</text> |
| 40 | <circle cx="902" cy="314" r="6" fill="#52c41a"/> |
| 41 | <text x="922" y="322" fill="#e9eef8" font-family="Inter, Arial, sans-serif" font-size="18">Tap Allow once to continue this tool call.</text> |
| 42 | <circle cx="902" cy="374" r="6" fill="#ff4d4f"/> |
| 43 | <text x="922" y="382" fill="#e9eef8" font-family="Inter, Arial, sans-serif" font-size="18">Tap Deny to stop this operation.</text> |
| 44 | <circle cx="902" cy="434" r="6" fill="#ffaa33"/> |
| 45 | <text x="922" y="442" fill="#e9eef8" font-family="Inter, Arial, sans-serif" font-size="18">If the card expires, send the text command.</text> |
| 46 | <rect x="890" y="492" width="278" height="52" rx="14" fill="#242933"/> |
| 47 | <text x="914" y="525" fill="#ffffff" font-family="Menlo, Consolas, monospace" font-size="18">/approve 42</text> |
| 48 | </svg> |
| 49 |