GeneralBots/botbook
2
2
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix arrows in autotask-architecture.svg with visible triangular arrowheads

Browse source
This commit is contained in:
Rodrigo Rodriguez (Pragmatismo) 2025-12-27 17:15:46 -03:00
parent 9d25ecbb12
commit b6a137bfd4
1 changed files with 31 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
src/assets/chapter-17/autotask-architecture.svg
View file

@ -37,14 +37,6 @@
<pattern id="dots" patternUnits="userSpaceOnUse" width="20" height="20">
<circle cx="10" cy="10" r="1" fill="#6366F1" opacity="0.08"/>
</pattern>
<marker id="arrowPurple" markerWidth="10" markerHeight="10" refX="9" refY="3" orient="auto" markerUnits="strokeWidth">
<path d="M0,0 L0,6 L9,3 z" fill="#8B5CF6"/>
</marker>
<marker id="arrowDown" markerWidth="10" markerHeight="10" refX="3" refY="9" orient="auto" markerUnits="strokeWidth">
<path d="M0,0 L6,0 L3,9 z" fill="#8B5CF6"/>
</marker>
</defs>
<style>
@ -76,8 +68,9 @@
<text x="100" y="30" text-anchor="middle" font-size="14" font-weight="600" class="white-text">USER</text>
</g>
<!-- Arrow down from User -->
<line x1="450" y1="130" x2="450" y2="160" stroke="#8B5CF6" stroke-width="2" marker-end="url(#arrowDown)"/>
<!-- Arrow down from User to Intent Classifier -->
<line x1="450" y1="125" x2="450" y2="155" stroke="#8B5CF6" stroke-width="2"/>
<polygon points="450,165 443,152 457,152" fill="#8B5CF6"/>
<!-- Intent Classifier -->
<g transform="translate(250, 165)">
@ -88,17 +81,36 @@
<text x="200" y="50" text-anchor="middle" font-size="10" class="secondary-text">LLM classifies user request into intent type</text>
</g>
<!-- Branching arrows -->
<line x1="450" y1="230" x2="450" y2="260" stroke="#8B5CF6" stroke-width="2"/>
<!-- Main vertical line from Intent Classifier -->
<line x1="450" y1="225" x2="450" y2="260" stroke="#8B5CF6" stroke-width="2"/>
<!-- Horizontal distribution line -->
<line x1="100" y1="260" x2="800" y2="260" stroke="#8B5CF6" stroke-width="2"/>
<!-- Vertical drops to intent types -->
<line x1="100" y1="260" x2="100" y2="290" stroke="#8B5CF6" stroke-width="2" marker-end="url(#arrowDown)"/>
<line x1="240" y1="260" x2="240" y2="290" stroke="#8B5CF6" stroke-width="2" marker-end="url(#arrowDown)"/>
<line x1="380" y1="260" x2="380" y2="290" stroke="#8B5CF6" stroke-width="2" marker-end="url(#arrowDown)"/>
<line x1="520" y1="260" x2="520" y2="290" stroke="#8B5CF6" stroke-width="2" marker-end="url(#arrowDown)"/>
<line x1="660" y1="260" x2="660" y2="290" stroke="#8B5CF6" stroke-width="2" marker-end="url(#arrowDown)"/>
<line x1="800" y1="260" x2="800" y2="290" stroke="#8B5CF6" stroke-width="2" marker-end="url(#arrowDown)"/>
<!-- Vertical drops with arrow triangles to intent types -->
<!-- Arrow to APP CREATE -->
<line x1="100" y1="260" x2="100" y2="285" stroke="#8B5CF6" stroke-width="2"/>
<polygon points="100,295 93,282 107,282" fill="#8B5CF6"/>
<!-- Arrow to TODO -->
<line x1="240" y1="260" x2="240" y2="285" stroke="#8B5CF6" stroke-width="2"/>
<polygon points="240,295 233,282 247,282" fill="#8B5CF6"/>
<!-- Arrow to MONITOR -->
<line x1="380" y1="260" x2="380" y2="285" stroke="#8B5CF6" stroke-width="2"/>
<polygon points="380,295 373,282 387,282" fill="#8B5CF6"/>
<!-- Arrow to ACTION -->
<line x1="520" y1="260" x2="520" y2="285" stroke="#8B5CF6" stroke-width="2"/>
<polygon points="520,295 513,282 527,282" fill="#8B5CF6"/>
<!-- Arrow to SCHEDULE -->
<line x1="660" y1="260" x2="660" y2="285" stroke="#8B5CF6" stroke-width="2"/>
<polygon points="660,295 653,282 667,282" fill="#8B5CF6"/>
<!-- Arrow to GOAL -->
<line x1="800" y1="260" x2="800" y2="285" stroke="#8B5CF6" stroke-width="2"/>
<polygon points="800,295 793,282 807,282" fill="#8B5CF6"/>
<!-- Intent Type 1: APP CREATE -->
<g transform="translate(40, 295)">

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB