diff --git a/pipeline/core/builder.py b/pipeline/core/builder.py
index f7488e399..08becb850 100644
--- a/pipeline/core/builder.py
+++ b/pipeline/core/builder.py
@@ -51,6 +51,7 @@ def __init__(self, src_dir: Path, build_dir: Path) -> None:
             ".yaml",
             ".css",
             ".js",
+            ".html",
         }
 
         # Mapping of language codes to full names for URLs
@@ -156,8 +157,8 @@ def rewrite_link(match: re.Match) -> str:
             url = match.group(2)  # The URL
             post = match.group(3)  # Everything after the URL
 
-            # Only rewrite absolute /oss/ paths that don't contain 'images'
-            if url.startswith("/oss/") and "images" not in url:
+            # Only rewrite absolute /oss/ paths that don't contain 'images' or 'plugins'
+            if url.startswith("/oss/") and "images" not in url and "plugins" not in url:
                 parts = url.split("/")
                 # Insert full language name after "oss"
                 parts.insert(2, self.language_url_names[target_language])
@@ -743,8 +744,11 @@ def is_shared_file(self, file_path: Path) -> bool:
         if "snippets" in relative_path.parts:
             return True
 
+        if "plugins" in relative_path.parts:
+            return True
+
         # JavaScript and CSS files should be shared (used for custom scripts/styles)
-        return file_path.suffix.lower() in {".js", ".css"}
+        return file_path.suffix.lower() in {".js", ".css", ".html", ".json"}
 
     def _copy_shared_files(self) -> None:
         """Copy files that should be shared between versions."""
diff --git a/pyproject.toml b/pyproject.toml
index 4231dbe5f..b9abdd8cf 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -70,7 +70,8 @@ asyncio_default_fixture_loop_scope = "function"
 line-length = 88
 extend-exclude = [
     "scripts/update_mdx.py",
-    "pipeline/tools/notebook/convert.py"
+    "pipeline/tools/notebook/convert.py",
+    "src/plugins/middleware_visualization/generate_middleware_diagrams.py"
 ]
 
 
@@ -133,3 +134,9 @@ ignore = [
 
 [tool.ruff.lint.pydocstyle]
 convention = "google"
+
+
+[tool.mypy]
+exclude = [
+    "src/plugins/middleware_visualization/generate_middleware_diagrams.py",
+]
diff --git a/src/oss/images/0000.svg b/src/oss/images/0000.svg
deleted file mode 100644
index c6ac7fdfc..000000000
--- a/src/oss/images/0000.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="mermaid-svg" xmlns="http://www.w3.org/2000/svg" class="flowchart" style="max-width: 100%; background-color: white;" viewBox="0 0 106.265625 233.5625" role="graphics-document document" aria-roledescription="flowchart-v2" height="500px" xmlns:xlink="http://www.w3.org/1999/xlink"><style xmlns="http://www.w3.org/1999/xhtml">@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");</style><style>#mermaid-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg .error-icon{fill:#552222;}#mermaid-svg .error-text{fill:#552222;stroke:#552222;}#mermaid-svg .edge-thickness-normal{stroke-width:1px;}#mermaid-svg .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg .marker{fill:#333333;stroke:#333333;}#mermaid-svg .marker.cross{stroke:#333333;}#mermaid-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg p{margin:0;}#mermaid-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg .cluster-label text{fill:#333;}#mermaid-svg .cluster-label span{color:#333;}#mermaid-svg .cluster-label span p{background-color:transparent;}#mermaid-svg .label text,#mermaid-svg span{fill:#333;color:#333;}#mermaid-svg .node rect,#mermaid-svg .node circle,#mermaid-svg .node ellipse,#mermaid-svg .node polygon,#mermaid-svg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg .rough-node .label text,#mermaid-svg .node .label text,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-anchor:middle;}#mermaid-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg .rough-node .label,#mermaid-svg .node .label,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-align:center;}#mermaid-svg .node.clickable{cursor:pointer;}#mermaid-svg .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg .arrowheadPath{fill:#333333;}#mermaid-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg .cluster text{fill:#333;}#mermaid-svg .cluster span{color:#333;}#mermaid-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg rect.text{fill:none;stroke-width:0;}#mermaid-svg .icon-shape,#mermaid-svg .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .icon-shape p,#mermaid-svg .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg .icon-shape rect,#mermaid-svg .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#mermaid-svg .default&gt;*{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .default span{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .first&gt;*{fill-opacity:0!important;}#mermaid-svg .first span{fill-opacity:0!important;}#mermaid-svg .last&gt;*{fill:#bfb6fc!important;}#mermaid-svg .last span{fill:#bfb6fc!important;}</style><g><marker id="mermaid-svg_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"><path d="M53.133,42.188L53.133,67.188L53.133,88.188" id="L___start___agent_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M53.133,141.375L53.133,166.375L53.133,187.375" id="L_agent___end___0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default first " id="flowchart-__start__-0" transform="translate(53.1328125, 25.09375)"><rect class="basic label-container" style="fill:#f2f0ff !important;fill-opacity:0 !important" rx="17.09375" ry="17.09375" x="-45.1328125" y="-17.09375" width="90.265625" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-33.359375, -9.59375)"><rect/><foreignObject width="66.71875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__start__</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-agent-1" transform="translate(53.1328125, 116.78125)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-35.0234375" y="-24.59375" width="70.046875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-20.0234375, -9.59375)"><rect/><foreignObject width="40.046875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>agent</p></span></div></foreignObject></g></g><g class="node default last " id="flowchart-__end__-2" transform="translate(53.1328125, 208.46875)"><rect class="basic label-container" style="fill:#bfb6fc !important" rx="17.09375" ry="17.09375" x="-42.921875" y="-17.09375" width="85.84375" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-31.1484375, -9.59375)"><rect/><foreignObject width="62.296875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__end__</p></span></div></foreignObject></g></g></g></g></g></svg>
diff --git a/src/oss/images/0001.svg b/src/oss/images/0001.svg
deleted file mode 100644
index 79d79403f..000000000
--- a/src/oss/images/0001.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="mermaid-svg" xmlns="http://www.w3.org/2000/svg" class="flowchart" style="max-width: 100%; background-color: white;" viewBox="0 0 215.640625 248.5625" role="graphics-document document" aria-roledescription="flowchart-v2" height="500px" xmlns:xlink="http://www.w3.org/1999/xlink"><style xmlns="http://www.w3.org/1999/xhtml">@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");</style><style>#mermaid-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg .error-icon{fill:#552222;}#mermaid-svg .error-text{fill:#552222;stroke:#552222;}#mermaid-svg .edge-thickness-normal{stroke-width:1px;}#mermaid-svg .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg .marker{fill:#333333;stroke:#333333;}#mermaid-svg .marker.cross{stroke:#333333;}#mermaid-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg p{margin:0;}#mermaid-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg .cluster-label text{fill:#333;}#mermaid-svg .cluster-label span{color:#333;}#mermaid-svg .cluster-label span p{background-color:transparent;}#mermaid-svg .label text,#mermaid-svg span{fill:#333;color:#333;}#mermaid-svg .node rect,#mermaid-svg .node circle,#mermaid-svg .node ellipse,#mermaid-svg .node polygon,#mermaid-svg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg .rough-node .label text,#mermaid-svg .node .label text,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-anchor:middle;}#mermaid-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg .rough-node .label,#mermaid-svg .node .label,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-align:center;}#mermaid-svg .node.clickable{cursor:pointer;}#mermaid-svg .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg .arrowheadPath{fill:#333333;}#mermaid-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg .cluster text{fill:#333;}#mermaid-svg .cluster span{color:#333;}#mermaid-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg rect.text{fill:none;stroke-width:0;}#mermaid-svg .icon-shape,#mermaid-svg .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .icon-shape p,#mermaid-svg .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg .icon-shape rect,#mermaid-svg .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#mermaid-svg .default&gt;*{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .default span{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .first&gt;*{fill-opacity:0!important;}#mermaid-svg .first span{fill-opacity:0!important;}#mermaid-svg .last&gt;*{fill:#bfb6fc!important;}#mermaid-svg .last span{fill:#bfb6fc!important;}</style><g><marker id="mermaid-svg_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"><path d="M123.332,42.188L123.332,67.188L123.332,88.188" id="L___start___agent_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M88.309,140.769L50.922,166.375L50.922,194.875" id="L_agent___end___0" class=" edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M123.332,141.375L123.332,166.375L146.846,188.626" id="L_agent_tools_0" class=" edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M180.701,191.375L185.742,166.375L157.413,143.864" id="L_tools_agent_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default first " id="flowchart-__start__-0" transform="translate(123.33203125, 25.09375)"><rect class="basic label-container" style="fill:#f2f0ff !important;fill-opacity:0 !important" rx="17.09375" ry="17.09375" x="-45.1328125" y="-17.09375" width="90.265625" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-33.359375, -9.59375)"><rect/><foreignObject width="66.71875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__start__</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-agent-1" transform="translate(123.33203125, 116.78125)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-35.0234375" y="-24.59375" width="70.046875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-20.0234375, -9.59375)"><rect/><foreignObject width="40.046875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>agent</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-tools-2" transform="translate(175.7421875, 215.96875)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-31.8984375" y="-24.59375" width="63.796875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-16.8984375, -9.59375)"><rect/><foreignObject width="33.796875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>tools</p></span></div></foreignObject></g></g><g class="node default last " id="flowchart-__end__-3" transform="translate(50.921875, 215.96875)"><rect class="basic label-container" style="fill:#bfb6fc !important" rx="17.09375" ry="17.09375" x="-42.921875" y="-17.09375" width="85.84375" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-31.1484375, -9.59375)"><rect/><foreignObject width="62.296875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__end__</p></span></div></foreignObject></g></g></g></g></g></svg>
diff --git a/src/oss/images/0010.svg b/src/oss/images/0010.svg
deleted file mode 100644
index b6ecf5516..000000000
--- a/src/oss/images/0010.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="mermaid-svg" xmlns="http://www.w3.org/2000/svg" class="flowchart" style="max-width: 100%; background-color: white;" viewBox="0 0 165.203125 332.75" role="graphics-document document" aria-roledescription="flowchart-v2" height="500px" xmlns:xlink="http://www.w3.org/1999/xlink"><style xmlns="http://www.w3.org/1999/xhtml">@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");</style><style>#mermaid-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg .error-icon{fill:#552222;}#mermaid-svg .error-text{fill:#552222;stroke:#552222;}#mermaid-svg .edge-thickness-normal{stroke-width:1px;}#mermaid-svg .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg .marker{fill:#333333;stroke:#333333;}#mermaid-svg .marker.cross{stroke:#333333;}#mermaid-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg p{margin:0;}#mermaid-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg .cluster-label text{fill:#333;}#mermaid-svg .cluster-label span{color:#333;}#mermaid-svg .cluster-label span p{background-color:transparent;}#mermaid-svg .label text,#mermaid-svg span{fill:#333;color:#333;}#mermaid-svg .node rect,#mermaid-svg .node circle,#mermaid-svg .node ellipse,#mermaid-svg .node polygon,#mermaid-svg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg .rough-node .label text,#mermaid-svg .node .label text,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-anchor:middle;}#mermaid-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg .rough-node .label,#mermaid-svg .node .label,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-align:center;}#mermaid-svg .node.clickable{cursor:pointer;}#mermaid-svg .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg .arrowheadPath{fill:#333333;}#mermaid-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg .cluster text{fill:#333;}#mermaid-svg .cluster span{color:#333;}#mermaid-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg rect.text{fill:none;stroke-width:0;}#mermaid-svg .icon-shape,#mermaid-svg .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .icon-shape p,#mermaid-svg .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg .icon-shape rect,#mermaid-svg .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#mermaid-svg .default&gt;*{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .default span{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .first&gt;*{fill-opacity:0!important;}#mermaid-svg .first span{fill-opacity:0!important;}#mermaid-svg .last&gt;*{fill:#bfb6fc!important;}#mermaid-svg .last span{fill:#bfb6fc!important;}</style><g><marker id="mermaid-svg_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"><path d="M82.602,42.188L82.602,67.188L82.602,88.188" id="L___start___pre_model_hook_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M82.602,141.375L82.602,166.375L82.602,187.375" id="L_pre_model_hook_agent_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M82.602,240.563L82.602,265.563L82.602,286.563" id="L_agent___end___0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default first " id="flowchart-__start__-0" transform="translate(82.6015625, 25.09375)"><rect class="basic label-container" style="fill:#f2f0ff !important;fill-opacity:0 !important" rx="17.09375" ry="17.09375" x="-45.1328125" y="-17.09375" width="90.265625" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-33.359375, -9.59375)"><rect/><foreignObject width="66.71875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__start__</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-agent-1" transform="translate(82.6015625, 215.96875)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-35.0234375" y="-24.59375" width="70.046875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-20.0234375, -9.59375)"><rect/><foreignObject width="40.046875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>agent</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-pre_model_hook-2" transform="translate(82.6015625, 116.78125)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-74.6015625" y="-24.59375" width="149.203125" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-59.6015625, -9.59375)"><rect/><foreignObject width="119.203125" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>pre_model_hook</p></span></div></foreignObject></g></g><g class="node default last " id="flowchart-__end__-3" transform="translate(82.6015625, 307.65625)"><rect class="basic label-container" style="fill:#bfb6fc !important" rx="17.09375" ry="17.09375" x="-42.921875" y="-17.09375" width="85.84375" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-31.1484375, -9.59375)"><rect/><foreignObject width="62.296875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__end__</p></span></div></foreignObject></g></g></g></g></g></svg>
diff --git a/src/oss/images/0011.svg b/src/oss/images/0011.svg
deleted file mode 100644
index 1f218281b..000000000
--- a/src/oss/images/0011.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="mermaid-svg" xmlns="http://www.w3.org/2000/svg" class="flowchart" style="max-width: 100%; background-color: white;" viewBox="0 0 215.640625 347.75" role="graphics-document document" aria-roledescription="flowchart-v2" height="500px" xmlns:xlink="http://www.w3.org/1999/xlink"><style xmlns="http://www.w3.org/1999/xhtml">@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");</style><style>#mermaid-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg .error-icon{fill:#552222;}#mermaid-svg .error-text{fill:#552222;stroke:#552222;}#mermaid-svg .edge-thickness-normal{stroke-width:1px;}#mermaid-svg .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg .marker{fill:#333333;stroke:#333333;}#mermaid-svg .marker.cross{stroke:#333333;}#mermaid-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg p{margin:0;}#mermaid-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg .cluster-label text{fill:#333;}#mermaid-svg .cluster-label span{color:#333;}#mermaid-svg .cluster-label span p{background-color:transparent;}#mermaid-svg .label text,#mermaid-svg span{fill:#333;color:#333;}#mermaid-svg .node rect,#mermaid-svg .node circle,#mermaid-svg .node ellipse,#mermaid-svg .node polygon,#mermaid-svg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg .rough-node .label text,#mermaid-svg .node .label text,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-anchor:middle;}#mermaid-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg .rough-node .label,#mermaid-svg .node .label,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-align:center;}#mermaid-svg .node.clickable{cursor:pointer;}#mermaid-svg .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg .arrowheadPath{fill:#333333;}#mermaid-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg .cluster text{fill:#333;}#mermaid-svg .cluster span{color:#333;}#mermaid-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg rect.text{fill:none;stroke-width:0;}#mermaid-svg .icon-shape,#mermaid-svg .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .icon-shape p,#mermaid-svg .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg .icon-shape rect,#mermaid-svg .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#mermaid-svg .default&gt;*{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .default span{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .first&gt;*{fill-opacity:0!important;}#mermaid-svg .first span{fill-opacity:0!important;}#mermaid-svg .last&gt;*{fill:#bfb6fc!important;}#mermaid-svg .last span{fill:#bfb6fc!important;}</style><g><marker id="mermaid-svg_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"><path d="M113.332,42.188L113.332,67.188L113.332,88.188" id="L___start___pre_model_hook_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M55.963,240.563L50.922,265.563L50.922,294.063" id="L_agent___end___0" class=" edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M91.871,240.563L123.332,265.563L146.846,287.813" id="L_agent_tools_0" class=" edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M87.342,141.375L60.922,166.375L60.922,187.375" id="L_pre_model_hook_agent_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M180.701,290.563L185.742,265.563L185.742,215.969L185.742,166.375L152.541,143.635" id="L_tools_pre_model_hook_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default first " id="flowchart-__start__-0" transform="translate(113.33203125, 25.09375)"><rect class="basic label-container" style="fill:#f2f0ff !important;fill-opacity:0 !important" rx="17.09375" ry="17.09375" x="-45.1328125" y="-17.09375" width="90.265625" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-33.359375, -9.59375)"><rect/><foreignObject width="66.71875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__start__</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-agent-1" transform="translate(60.921875, 215.96875)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-35.0234375" y="-24.59375" width="70.046875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-20.0234375, -9.59375)"><rect/><foreignObject width="40.046875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>agent</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-tools-2" transform="translate(175.7421875, 315.15625)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-31.8984375" y="-24.59375" width="63.796875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-16.8984375, -9.59375)"><rect/><foreignObject width="33.796875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>tools</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-pre_model_hook-3" transform="translate(113.33203125, 116.78125)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-74.6015625" y="-24.59375" width="149.203125" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-59.6015625, -9.59375)"><rect/><foreignObject width="119.203125" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>pre_model_hook</p></span></div></foreignObject></g></g><g class="node default last " id="flowchart-__end__-4" transform="translate(50.921875, 315.15625)"><rect class="basic label-container" style="fill:#bfb6fc !important" rx="17.09375" ry="17.09375" x="-42.921875" y="-17.09375" width="85.84375" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-31.1484375, -9.59375)"><rect/><foreignObject width="62.296875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__end__</p></span></div></foreignObject></g></g></g></g></g></svg>
diff --git a/src/oss/images/0100.svg b/src/oss/images/0100.svg
deleted file mode 100644
index 8fa789f7a..000000000
--- a/src/oss/images/0100.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="mermaid-svg" xmlns="http://www.w3.org/2000/svg" class="flowchart" style="max-width: 100%; background-color: white;" viewBox="0 0 172.3125 332.75" role="graphics-document document" aria-roledescription="flowchart-v2" height="500px" xmlns:xlink="http://www.w3.org/1999/xlink"><style xmlns="http://www.w3.org/1999/xhtml">@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");</style><style>#mermaid-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg .error-icon{fill:#552222;}#mermaid-svg .error-text{fill:#552222;stroke:#552222;}#mermaid-svg .edge-thickness-normal{stroke-width:1px;}#mermaid-svg .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg .marker{fill:#333333;stroke:#333333;}#mermaid-svg .marker.cross{stroke:#333333;}#mermaid-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg p{margin:0;}#mermaid-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg .cluster-label text{fill:#333;}#mermaid-svg .cluster-label span{color:#333;}#mermaid-svg .cluster-label span p{background-color:transparent;}#mermaid-svg .label text,#mermaid-svg span{fill:#333;color:#333;}#mermaid-svg .node rect,#mermaid-svg .node circle,#mermaid-svg .node ellipse,#mermaid-svg .node polygon,#mermaid-svg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg .rough-node .label text,#mermaid-svg .node .label text,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-anchor:middle;}#mermaid-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg .rough-node .label,#mermaid-svg .node .label,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-align:center;}#mermaid-svg .node.clickable{cursor:pointer;}#mermaid-svg .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg .arrowheadPath{fill:#333333;}#mermaid-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg .cluster text{fill:#333;}#mermaid-svg .cluster span{color:#333;}#mermaid-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg rect.text{fill:none;stroke-width:0;}#mermaid-svg .icon-shape,#mermaid-svg .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .icon-shape p,#mermaid-svg .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg .icon-shape rect,#mermaid-svg .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#mermaid-svg .default&gt;*{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .default span{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .first&gt;*{fill-opacity:0!important;}#mermaid-svg .first span{fill-opacity:0!important;}#mermaid-svg .last&gt;*{fill:#bfb6fc!important;}#mermaid-svg .last span{fill:#bfb6fc!important;}</style><g><marker id="mermaid-svg_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"><path d="M86.156,42.188L86.156,67.188L86.156,88.188" id="L___start___agent_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M86.156,141.375L86.156,166.375L86.156,187.375" id="L_agent_post_model_hook_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M86.156,240.563L86.156,265.563L86.156,286.563" id="L_post_model_hook___end___0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default first " id="flowchart-__start__-0" transform="translate(86.15625, 25.09375)"><rect class="basic label-container" style="fill:#f2f0ff !important;fill-opacity:0 !important" rx="17.09375" ry="17.09375" x="-45.1328125" y="-17.09375" width="90.265625" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-33.359375, -9.59375)"><rect/><foreignObject width="66.71875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__start__</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-agent-1" transform="translate(86.15625, 116.78125)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-35.0234375" y="-24.59375" width="70.046875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-20.0234375, -9.59375)"><rect/><foreignObject width="40.046875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>agent</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-post_model_hook-2" transform="translate(86.15625, 215.96875)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-78.15625" y="-24.59375" width="156.3125" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-63.15625, -9.59375)"><rect/><foreignObject width="126.3125" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>post_model_hook</p></span></div></foreignObject></g></g><g class="node default last " id="flowchart-__end__-3" transform="translate(86.15625, 307.65625)"><rect class="basic label-container" style="fill:#bfb6fc !important" rx="17.09375" ry="17.09375" x="-42.921875" y="-17.09375" width="85.84375" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-31.1484375, -9.59375)"><rect/><foreignObject width="62.296875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__end__</p></span></div></foreignObject></g></g></g></g></g></svg>
diff --git a/src/oss/images/0101.svg b/src/oss/images/0101.svg
deleted file mode 100644
index e746496fd..000000000
--- a/src/oss/images/0101.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="mermaid-svg" xmlns="http://www.w3.org/2000/svg" class="flowchart" style="max-width: 100%; background-color: white;" viewBox="0 0 245.04296875 347.75" role="graphics-document document" aria-roledescription="flowchart-v2" height="500px" xmlns:xlink="http://www.w3.org/1999/xlink"><style xmlns="http://www.w3.org/1999/xhtml">@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");</style><style>#mermaid-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg .error-icon{fill:#552222;}#mermaid-svg .error-text{fill:#552222;stroke:#552222;}#mermaid-svg .edge-thickness-normal{stroke-width:1px;}#mermaid-svg .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg .marker{fill:#333333;stroke:#333333;}#mermaid-svg .marker.cross{stroke:#333333;}#mermaid-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg p{margin:0;}#mermaid-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg .cluster-label text{fill:#333;}#mermaid-svg .cluster-label span{color:#333;}#mermaid-svg .cluster-label span p{background-color:transparent;}#mermaid-svg .label text,#mermaid-svg span{fill:#333;color:#333;}#mermaid-svg .node rect,#mermaid-svg .node circle,#mermaid-svg .node ellipse,#mermaid-svg .node polygon,#mermaid-svg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg .rough-node .label text,#mermaid-svg .node .label text,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-anchor:middle;}#mermaid-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg .rough-node .label,#mermaid-svg .node .label,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-align:center;}#mermaid-svg .node.clickable{cursor:pointer;}#mermaid-svg .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg .arrowheadPath{fill:#333333;}#mermaid-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg .cluster text{fill:#333;}#mermaid-svg .cluster span{color:#333;}#mermaid-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg rect.text{fill:none;stroke-width:0;}#mermaid-svg .icon-shape,#mermaid-svg .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .icon-shape p,#mermaid-svg .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg .icon-shape rect,#mermaid-svg .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#mermaid-svg .default&gt;*{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .default span{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .first&gt;*{fill-opacity:0!important;}#mermaid-svg .first span{fill-opacity:0!important;}#mermaid-svg .last&gt;*{fill:#bfb6fc!important;}#mermaid-svg .last span{fill:#bfb6fc!important;}</style><g><marker id="mermaid-svg_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"><path d="M148.566,42.188L148.566,67.188L148.566,88.188" id="L___start___agent_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M113.543,140.769L76.156,166.375L80.407,187.454" id="L_agent_post_model_hook_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M81.197,240.563L76.156,265.563L76.156,294.063" id="L_post_model_hook___end___0" class=" edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M117.106,191.375L148.566,166.375L148.566,145.375" id="L_post_model_hook_agent_0" class=" edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M117.106,240.563L148.566,265.563L174.079,287.926" id="L_post_model_hook_tools_0" class=" edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M210.104,290.563L215.145,265.563L215.145,215.969L215.145,166.375L184.791,143.765" id="L_tools_agent_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default first " id="flowchart-__start__-0" transform="translate(148.56640625, 25.09375)"><rect class="basic label-container" style="fill:#f2f0ff !important;fill-opacity:0 !important" rx="17.09375" ry="17.09375" x="-45.1328125" y="-17.09375" width="90.265625" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-33.359375, -9.59375)"><rect/><foreignObject width="66.71875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__start__</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-agent-1" transform="translate(148.56640625, 116.78125)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-35.0234375" y="-24.59375" width="70.046875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-20.0234375, -9.59375)"><rect/><foreignObject width="40.046875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>agent</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-tools-2" transform="translate(205.14453125, 315.15625)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-31.8984375" y="-24.59375" width="63.796875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-16.8984375, -9.59375)"><rect/><foreignObject width="33.796875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>tools</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-post_model_hook-3" transform="translate(86.15625, 215.96875)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-78.15625" y="-24.59375" width="156.3125" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-63.15625, -9.59375)"><rect/><foreignObject width="126.3125" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>post_model_hook</p></span></div></foreignObject></g></g><g class="node default last " id="flowchart-__end__-4" transform="translate(76.15625, 315.15625)"><rect class="basic label-container" style="fill:#bfb6fc !important" rx="17.09375" ry="17.09375" x="-42.921875" y="-17.09375" width="85.84375" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-31.1484375, -9.59375)"><rect/><foreignObject width="62.296875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__end__</p></span></div></foreignObject></g></g></g></g></g></svg>
diff --git a/src/oss/images/0110.svg b/src/oss/images/0110.svg
deleted file mode 100644
index 34f2ee59e..000000000
--- a/src/oss/images/0110.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="mermaid-svg" xmlns="http://www.w3.org/2000/svg" class="flowchart" style="max-width: 100%; background-color: white;" viewBox="0 0 172.3125 431.9375" role="graphics-document document" aria-roledescription="flowchart-v2" height="500px" xmlns:xlink="http://www.w3.org/1999/xlink"><style xmlns="http://www.w3.org/1999/xhtml">@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");</style><style>#mermaid-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg .error-icon{fill:#552222;}#mermaid-svg .error-text{fill:#552222;stroke:#552222;}#mermaid-svg .edge-thickness-normal{stroke-width:1px;}#mermaid-svg .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg .marker{fill:#333333;stroke:#333333;}#mermaid-svg .marker.cross{stroke:#333333;}#mermaid-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg p{margin:0;}#mermaid-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg .cluster-label text{fill:#333;}#mermaid-svg .cluster-label span{color:#333;}#mermaid-svg .cluster-label span p{background-color:transparent;}#mermaid-svg .label text,#mermaid-svg span{fill:#333;color:#333;}#mermaid-svg .node rect,#mermaid-svg .node circle,#mermaid-svg .node ellipse,#mermaid-svg .node polygon,#mermaid-svg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg .rough-node .label text,#mermaid-svg .node .label text,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-anchor:middle;}#mermaid-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg .rough-node .label,#mermaid-svg .node .label,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-align:center;}#mermaid-svg .node.clickable{cursor:pointer;}#mermaid-svg .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg .arrowheadPath{fill:#333333;}#mermaid-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg .cluster text{fill:#333;}#mermaid-svg .cluster span{color:#333;}#mermaid-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg rect.text{fill:none;stroke-width:0;}#mermaid-svg .icon-shape,#mermaid-svg .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .icon-shape p,#mermaid-svg .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg .icon-shape rect,#mermaid-svg .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#mermaid-svg .default&gt;*{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .default span{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .first&gt;*{fill-opacity:0!important;}#mermaid-svg .first span{fill-opacity:0!important;}#mermaid-svg .last&gt;*{fill:#bfb6fc!important;}#mermaid-svg .last span{fill:#bfb6fc!important;}</style><g><marker id="mermaid-svg_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"><path d="M86.156,42.188L86.156,67.188L86.156,88.188" id="L___start___pre_model_hook_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M86.156,240.563L86.156,265.563L86.156,286.563" id="L_agent_post_model_hook_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M86.156,141.375L86.156,166.375L86.156,187.375" id="L_pre_model_hook_agent_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M86.156,339.75L86.156,364.75L86.156,385.75" id="L_post_model_hook___end___0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default first " id="flowchart-__start__-0" transform="translate(86.15625, 25.09375)"><rect class="basic label-container" style="fill:#f2f0ff !important;fill-opacity:0 !important" rx="17.09375" ry="17.09375" x="-45.1328125" y="-17.09375" width="90.265625" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-33.359375, -9.59375)"><rect/><foreignObject width="66.71875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__start__</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-agent-1" transform="translate(86.15625, 215.96875)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-35.0234375" y="-24.59375" width="70.046875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-20.0234375, -9.59375)"><rect/><foreignObject width="40.046875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>agent</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-pre_model_hook-2" transform="translate(86.15625, 116.78125)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-74.6015625" y="-24.59375" width="149.203125" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-59.6015625, -9.59375)"><rect/><foreignObject width="119.203125" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>pre_model_hook</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-post_model_hook-3" transform="translate(86.15625, 315.15625)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-78.15625" y="-24.59375" width="156.3125" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-63.15625, -9.59375)"><rect/><foreignObject width="126.3125" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>post_model_hook</p></span></div></foreignObject></g></g><g class="node default last " id="flowchart-__end__-4" transform="translate(86.15625, 406.84375)"><rect class="basic label-container" style="fill:#bfb6fc !important" rx="17.09375" ry="17.09375" x="-42.921875" y="-17.09375" width="85.84375" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-31.1484375, -9.59375)"><rect/><foreignObject width="62.296875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__end__</p></span></div></foreignObject></g></g></g></g></g></svg>
diff --git a/src/oss/images/0111.svg b/src/oss/images/0111.svg
deleted file mode 100644
index 4a8f5c77e..000000000
--- a/src/oss/images/0111.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="mermaid-svg" xmlns="http://www.w3.org/2000/svg" class="flowchart" style="max-width: 100%; background-color: white;" viewBox="0 0 245.04296875 446.9375" role="graphics-document document" aria-roledescription="flowchart-v2" height="500px" xmlns:xlink="http://www.w3.org/1999/xlink"><style xmlns="http://www.w3.org/1999/xhtml">@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");</style><style>#mermaid-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg .error-icon{fill:#552222;}#mermaid-svg .error-text{fill:#552222;stroke:#552222;}#mermaid-svg .edge-thickness-normal{stroke-width:1px;}#mermaid-svg .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg .marker{fill:#333333;stroke:#333333;}#mermaid-svg .marker.cross{stroke:#333333;}#mermaid-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg p{margin:0;}#mermaid-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg .cluster-label text{fill:#333;}#mermaid-svg .cluster-label span{color:#333;}#mermaid-svg .cluster-label span p{background-color:transparent;}#mermaid-svg .label text,#mermaid-svg span{fill:#333;color:#333;}#mermaid-svg .node rect,#mermaid-svg .node circle,#mermaid-svg .node ellipse,#mermaid-svg .node polygon,#mermaid-svg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg .rough-node .label text,#mermaid-svg .node .label text,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-anchor:middle;}#mermaid-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg .rough-node .label,#mermaid-svg .node .label,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-align:center;}#mermaid-svg .node.clickable{cursor:pointer;}#mermaid-svg .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg .arrowheadPath{fill:#333333;}#mermaid-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg .cluster text{fill:#333;}#mermaid-svg .cluster span{color:#333;}#mermaid-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg rect.text{fill:none;stroke-width:0;}#mermaid-svg .icon-shape,#mermaid-svg .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .icon-shape p,#mermaid-svg .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg .icon-shape rect,#mermaid-svg .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#mermaid-svg .default&gt;*{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .default span{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .first&gt;*{fill-opacity:0!important;}#mermaid-svg .first span{fill-opacity:0!important;}#mermaid-svg .last&gt;*{fill:#bfb6fc!important;}#mermaid-svg .last span{fill:#bfb6fc!important;}</style><g><marker id="mermaid-svg_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"><path d="M148.566,42.188L148.566,67.188L148.566,88.188" id="L___start___pre_model_hook_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M51.145,240.563L51.145,265.563L66.487,287.295" id="L_agent_post_model_hook_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M81.197,339.75L76.156,364.75L76.156,393.25" id="L_post_model_hook___end___0" class=" edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M117.106,290.563L148.566,265.563L148.566,215.969L148.566,166.375L148.566,145.375" id="L_post_model_hook_pre_model_hook_0" class=" edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M117.106,339.75L148.566,364.75L174.079,387.113" id="L_post_model_hook_tools_0" class=" edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M100.254,141.375L51.145,166.375L51.145,187.375" id="L_pre_model_hook_agent_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M210.104,389.75L215.145,364.75L215.145,315.156L215.145,265.563L215.145,215.969L215.145,166.375L184.791,143.765" id="L_tools_pre_model_hook_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default first " id="flowchart-__start__-0" transform="translate(148.56640625, 25.09375)"><rect class="basic label-container" style="fill:#f2f0ff !important;fill-opacity:0 !important" rx="17.09375" ry="17.09375" x="-45.1328125" y="-17.09375" width="90.265625" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-33.359375, -9.59375)"><rect/><foreignObject width="66.71875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__start__</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-agent-1" transform="translate(51.14453125, 215.96875)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-35.0234375" y="-24.59375" width="70.046875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-20.0234375, -9.59375)"><rect/><foreignObject width="40.046875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>agent</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-tools-2" transform="translate(205.14453125, 414.34375)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-31.8984375" y="-24.59375" width="63.796875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-16.8984375, -9.59375)"><rect/><foreignObject width="33.796875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>tools</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-pre_model_hook-3" transform="translate(148.56640625, 116.78125)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-74.6015625" y="-24.59375" width="149.203125" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-59.6015625, -9.59375)"><rect/><foreignObject width="119.203125" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>pre_model_hook</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-post_model_hook-4" transform="translate(86.15625, 315.15625)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-78.15625" y="-24.59375" width="156.3125" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-63.15625, -9.59375)"><rect/><foreignObject width="126.3125" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>post_model_hook</p></span></div></foreignObject></g></g><g class="node default last " id="flowchart-__end__-5" transform="translate(76.15625, 414.34375)"><rect class="basic label-container" style="fill:#bfb6fc !important" rx="17.09375" ry="17.09375" x="-42.921875" y="-17.09375" width="85.84375" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-31.1484375, -9.59375)"><rect/><foreignObject width="62.296875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__end__</p></span></div></foreignObject></g></g></g></g></g></svg>
diff --git a/src/oss/images/1000.svg b/src/oss/images/1000.svg
deleted file mode 100644
index 84d439aba..000000000
--- a/src/oss/images/1000.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="mermaid-svg" xmlns="http://www.w3.org/2000/svg" class="flowchart" style="max-width: 100%; background-color: white;" viewBox="0 0 263.921875 332.75" role="graphics-document document" aria-roledescription="flowchart-v2" height="500px" xmlns:xlink="http://www.w3.org/1999/xlink"><style xmlns="http://www.w3.org/1999/xhtml">@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");</style><style>#mermaid-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg .error-icon{fill:#552222;}#mermaid-svg .error-text{fill:#552222;stroke:#552222;}#mermaid-svg .edge-thickness-normal{stroke-width:1px;}#mermaid-svg .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg .marker{fill:#333333;stroke:#333333;}#mermaid-svg .marker.cross{stroke:#333333;}#mermaid-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg p{margin:0;}#mermaid-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg .cluster-label text{fill:#333;}#mermaid-svg .cluster-label span{color:#333;}#mermaid-svg .cluster-label span p{background-color:transparent;}#mermaid-svg .label text,#mermaid-svg span{fill:#333;color:#333;}#mermaid-svg .node rect,#mermaid-svg .node circle,#mermaid-svg .node ellipse,#mermaid-svg .node polygon,#mermaid-svg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg .rough-node .label text,#mermaid-svg .node .label text,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-anchor:middle;}#mermaid-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg .rough-node .label,#mermaid-svg .node .label,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-align:center;}#mermaid-svg .node.clickable{cursor:pointer;}#mermaid-svg .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg .arrowheadPath{fill:#333333;}#mermaid-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg .cluster text{fill:#333;}#mermaid-svg .cluster span{color:#333;}#mermaid-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg rect.text{fill:none;stroke-width:0;}#mermaid-svg .icon-shape,#mermaid-svg .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .icon-shape p,#mermaid-svg .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg .icon-shape rect,#mermaid-svg .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#mermaid-svg .default&gt;*{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .default span{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .first&gt;*{fill-opacity:0!important;}#mermaid-svg .first span{fill-opacity:0!important;}#mermaid-svg .last&gt;*{fill:#bfb6fc!important;}#mermaid-svg .last span{fill:#bfb6fc!important;}</style><g><marker id="mermaid-svg_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"><path d="M131.961,42.188L131.961,67.188L131.961,88.188" id="L___start___agent_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M131.961,141.375L131.961,166.375L131.961,187.375" id="L_agent_generate_structured_response_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M131.961,240.563L131.961,265.563L131.961,286.563" id="L_generate_structured_response___end___0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default first " id="flowchart-__start__-0" transform="translate(131.9609375, 25.09375)"><rect class="basic label-container" style="fill:#f2f0ff !important;fill-opacity:0 !important" rx="17.09375" ry="17.09375" x="-45.1328125" y="-17.09375" width="90.265625" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-33.359375, -9.59375)"><rect/><foreignObject width="66.71875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__start__</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-agent-1" transform="translate(131.9609375, 116.78125)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-35.0234375" y="-24.59375" width="70.046875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-20.0234375, -9.59375)"><rect/><foreignObject width="40.046875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>agent</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-generate_structured_response-2" transform="translate(131.9609375, 215.96875)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-123.9609375" y="-24.59375" width="247.921875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-108.9609375, -9.59375)"><rect/><foreignObject width="217.921875" height="19.1875"><div style="line-height: 1.5; display: table; white-space: break-spaces; max-width: 200px; text-align: center; width: 200px;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>generate_structured_response</p></span></div></foreignObject></g></g><g class="node default last " id="flowchart-__end__-3" transform="translate(131.9609375, 307.65625)"><rect class="basic label-container" style="fill:#bfb6fc !important" rx="17.09375" ry="17.09375" x="-42.921875" y="-17.09375" width="85.84375" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-31.1484375, -9.59375)"><rect/><foreignObject width="62.296875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__end__</p></span></div></foreignObject></g></g></g></g></g></svg>
diff --git a/src/oss/images/1001.svg b/src/oss/images/1001.svg
deleted file mode 100644
index 3066654d9..000000000
--- a/src/oss/images/1001.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="mermaid-svg" xmlns="http://www.w3.org/2000/svg" class="flowchart" style="max-width: 100%; background-color: white;" viewBox="0 0 377.71875 332.75" role="graphics-document document" aria-roledescription="flowchart-v2" height="500px" xmlns:xlink="http://www.w3.org/1999/xlink"><style xmlns="http://www.w3.org/1999/xhtml">@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");</style><style>#mermaid-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg .error-icon{fill:#552222;}#mermaid-svg .error-text{fill:#552222;stroke:#552222;}#mermaid-svg .edge-thickness-normal{stroke-width:1px;}#mermaid-svg .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg .marker{fill:#333333;stroke:#333333;}#mermaid-svg .marker.cross{stroke:#333333;}#mermaid-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg p{margin:0;}#mermaid-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg .cluster-label text{fill:#333;}#mermaid-svg .cluster-label span{color:#333;}#mermaid-svg .cluster-label span p{background-color:transparent;}#mermaid-svg .label text,#mermaid-svg span{fill:#333;color:#333;}#mermaid-svg .node rect,#mermaid-svg .node circle,#mermaid-svg .node ellipse,#mermaid-svg .node polygon,#mermaid-svg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg .rough-node .label text,#mermaid-svg .node .label text,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-anchor:middle;}#mermaid-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg .rough-node .label,#mermaid-svg .node .label,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-align:center;}#mermaid-svg .node.clickable{cursor:pointer;}#mermaid-svg .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg .arrowheadPath{fill:#333333;}#mermaid-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg .cluster text{fill:#333;}#mermaid-svg .cluster span{color:#333;}#mermaid-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg rect.text{fill:none;stroke-width:0;}#mermaid-svg .icon-shape,#mermaid-svg .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .icon-shape p,#mermaid-svg .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg .icon-shape rect,#mermaid-svg .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#mermaid-svg .default&gt;*{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .default span{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .first&gt;*{fill-opacity:0!important;}#mermaid-svg .first span{fill-opacity:0!important;}#mermaid-svg .last&gt;*{fill:#bfb6fc!important;}#mermaid-svg .last span{fill:#bfb6fc!important;}</style><g><marker id="mermaid-svg_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"><path d="M132.828,42.188L132.828,67.188L132.828,88.188" id="L___start___agent_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M167.852,132.162L245.758,166.375L245.758,187.375" id="L_agent_generate_structured_response_0" class=" edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M97.805,133.656L29.898,166.375L34.149,187.454" id="L_agent_tools_0" class=" edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M71.797,198.946L132.828,166.375L132.828,145.375" id="L_tools_agent_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M245.758,240.563L245.758,265.563L245.758,286.563" id="L_generate_structured_response___end___0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default first " id="flowchart-__start__-0" transform="translate(132.828125, 25.09375)"><rect class="basic label-container" style="fill:#f2f0ff !important;fill-opacity:0 !important" rx="17.09375" ry="17.09375" x="-45.1328125" y="-17.09375" width="90.265625" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-33.359375, -9.59375)"><rect/><foreignObject width="66.71875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__start__</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-agent-1" transform="translate(132.828125, 116.78125)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-35.0234375" y="-24.59375" width="70.046875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-20.0234375, -9.59375)"><rect/><foreignObject width="40.046875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>agent</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-tools-2" transform="translate(39.8984375, 215.96875)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-31.8984375" y="-24.59375" width="63.796875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-16.8984375, -9.59375)"><rect/><foreignObject width="33.796875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>tools</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-generate_structured_response-3" transform="translate(245.7578125, 215.96875)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-123.9609375" y="-24.59375" width="247.921875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-108.9609375, -9.59375)"><rect/><foreignObject width="217.921875" height="19.1875"><div style="line-height: 1.5; display: table; white-space: break-spaces; max-width: 200px; text-align: center; width: 200px;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>generate_structured_response</p></span></div></foreignObject></g></g><g class="node default last " id="flowchart-__end__-4" transform="translate(245.7578125, 307.65625)"><rect class="basic label-container" style="fill:#bfb6fc !important" rx="17.09375" ry="17.09375" x="-42.921875" y="-17.09375" width="85.84375" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-31.1484375, -9.59375)"><rect/><foreignObject width="62.296875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__end__</p></span></div></foreignObject></g></g></g></g></g></svg>
diff --git a/src/oss/images/1010.svg b/src/oss/images/1010.svg
deleted file mode 100644
index 445f405c5..000000000
--- a/src/oss/images/1010.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="mermaid-svg" xmlns="http://www.w3.org/2000/svg" class="flowchart" style="max-width: 100%; background-color: white;" viewBox="0 0 263.921875 431.9375" role="graphics-document document" aria-roledescription="flowchart-v2" height="500px" xmlns:xlink="http://www.w3.org/1999/xlink"><style xmlns="http://www.w3.org/1999/xhtml">@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");</style><style>#mermaid-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg .error-icon{fill:#552222;}#mermaid-svg .error-text{fill:#552222;stroke:#552222;}#mermaid-svg .edge-thickness-normal{stroke-width:1px;}#mermaid-svg .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg .marker{fill:#333333;stroke:#333333;}#mermaid-svg .marker.cross{stroke:#333333;}#mermaid-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg p{margin:0;}#mermaid-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg .cluster-label text{fill:#333;}#mermaid-svg .cluster-label span{color:#333;}#mermaid-svg .cluster-label span p{background-color:transparent;}#mermaid-svg .label text,#mermaid-svg span{fill:#333;color:#333;}#mermaid-svg .node rect,#mermaid-svg .node circle,#mermaid-svg .node ellipse,#mermaid-svg .node polygon,#mermaid-svg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg .rough-node .label text,#mermaid-svg .node .label text,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-anchor:middle;}#mermaid-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg .rough-node .label,#mermaid-svg .node .label,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-align:center;}#mermaid-svg .node.clickable{cursor:pointer;}#mermaid-svg .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg .arrowheadPath{fill:#333333;}#mermaid-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg .cluster text{fill:#333;}#mermaid-svg .cluster span{color:#333;}#mermaid-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg rect.text{fill:none;stroke-width:0;}#mermaid-svg .icon-shape,#mermaid-svg .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .icon-shape p,#mermaid-svg .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg .icon-shape rect,#mermaid-svg .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#mermaid-svg .default&gt;*{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .default span{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .first&gt;*{fill-opacity:0!important;}#mermaid-svg .first span{fill-opacity:0!important;}#mermaid-svg .last&gt;*{fill:#bfb6fc!important;}#mermaid-svg .last span{fill:#bfb6fc!important;}</style><g><marker id="mermaid-svg_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"><path d="M131.961,42.188L131.961,67.188L131.961,88.188" id="L___start___pre_model_hook_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M131.961,240.563L131.961,265.563L131.961,286.563" id="L_agent_generate_structured_response_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M131.961,141.375L131.961,166.375L131.961,187.375" id="L_pre_model_hook_agent_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M131.961,339.75L131.961,364.75L131.961,385.75" id="L_generate_structured_response___end___0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default first " id="flowchart-__start__-0" transform="translate(131.9609375, 25.09375)"><rect class="basic label-container" style="fill:#f2f0ff !important;fill-opacity:0 !important" rx="17.09375" ry="17.09375" x="-45.1328125" y="-17.09375" width="90.265625" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-33.359375, -9.59375)"><rect/><foreignObject width="66.71875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__start__</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-agent-1" transform="translate(131.9609375, 215.96875)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-35.0234375" y="-24.59375" width="70.046875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-20.0234375, -9.59375)"><rect/><foreignObject width="40.046875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>agent</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-pre_model_hook-2" transform="translate(131.9609375, 116.78125)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-74.6015625" y="-24.59375" width="149.203125" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-59.6015625, -9.59375)"><rect/><foreignObject width="119.203125" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>pre_model_hook</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-generate_structured_response-3" transform="translate(131.9609375, 315.15625)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-123.9609375" y="-24.59375" width="247.921875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-108.9609375, -9.59375)"><rect/><foreignObject width="217.921875" height="19.1875"><div style="line-height: 1.5; display: table; white-space: break-spaces; max-width: 200px; text-align: center; width: 200px;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>generate_structured_response</p></span></div></foreignObject></g></g><g class="node default last " id="flowchart-__end__-4" transform="translate(131.9609375, 406.84375)"><rect class="basic label-container" style="fill:#bfb6fc !important" rx="17.09375" ry="17.09375" x="-42.921875" y="-17.09375" width="85.84375" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-31.1484375, -9.59375)"><rect/><foreignObject width="62.296875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__end__</p></span></div></foreignObject></g></g></g></g></g></svg>
diff --git a/src/oss/images/1011.svg b/src/oss/images/1011.svg
deleted file mode 100644
index ed5ab0bb5..000000000
--- a/src/oss/images/1011.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="mermaid-svg" xmlns="http://www.w3.org/2000/svg" class="flowchart" style="max-width: 100%; background-color: white;" viewBox="0 0 377.71875 431.9375" role="graphics-document document" aria-roledescription="flowchart-v2" height="500px" xmlns:xlink="http://www.w3.org/1999/xlink"><style xmlns="http://www.w3.org/1999/xhtml">@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");</style><style>#mermaid-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg .error-icon{fill:#552222;}#mermaid-svg .error-text{fill:#552222;stroke:#552222;}#mermaid-svg .edge-thickness-normal{stroke-width:1px;}#mermaid-svg .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg .marker{fill:#333333;stroke:#333333;}#mermaid-svg .marker.cross{stroke:#333333;}#mermaid-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg p{margin:0;}#mermaid-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg .cluster-label text{fill:#333;}#mermaid-svg .cluster-label span{color:#333;}#mermaid-svg .cluster-label span p{background-color:transparent;}#mermaid-svg .label text,#mermaid-svg span{fill:#333;color:#333;}#mermaid-svg .node rect,#mermaid-svg .node circle,#mermaid-svg .node ellipse,#mermaid-svg .node polygon,#mermaid-svg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg .rough-node .label text,#mermaid-svg .node .label text,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-anchor:middle;}#mermaid-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg .rough-node .label,#mermaid-svg .node .label,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-align:center;}#mermaid-svg .node.clickable{cursor:pointer;}#mermaid-svg .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg .arrowheadPath{fill:#333333;}#mermaid-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg .cluster text{fill:#333;}#mermaid-svg .cluster span{color:#333;}#mermaid-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg rect.text{fill:none;stroke-width:0;}#mermaid-svg .icon-shape,#mermaid-svg .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .icon-shape p,#mermaid-svg .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg .icon-shape rect,#mermaid-svg .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#mermaid-svg .default&gt;*{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .default span{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .first&gt;*{fill-opacity:0!important;}#mermaid-svg .first span{fill-opacity:0!important;}#mermaid-svg .last&gt;*{fill:#bfb6fc!important;}#mermaid-svg .last span{fill:#bfb6fc!important;}</style><g><marker id="mermaid-svg_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"><path d="M234.891,42.188L234.891,67.188L234.891,88.188" id="L___start___pre_model_hook_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M137.002,240.563L131.961,265.563L131.961,286.563" id="L_agent_generate_structured_response_0" class=" edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M176.984,232.844L244.891,265.563L302.393,296.25" id="L_agent_tools_0" class=" edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M188.806,141.375L141.961,166.375L141.961,187.375" id="L_pre_model_hook_agent_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M342.779,290.563L347.82,265.563L347.82,215.969L347.82,166.375L294.555,142.983" id="L_tools_pre_model_hook_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M131.961,339.75L131.961,364.75L131.961,385.75" id="L_generate_structured_response___end___0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default first " id="flowchart-__start__-0" transform="translate(234.890625, 25.09375)"><rect class="basic label-container" style="fill:#f2f0ff !important;fill-opacity:0 !important" rx="17.09375" ry="17.09375" x="-45.1328125" y="-17.09375" width="90.265625" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-33.359375, -9.59375)"><rect/><foreignObject width="66.71875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__start__</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-agent-1" transform="translate(141.9609375, 215.96875)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-35.0234375" y="-24.59375" width="70.046875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-20.0234375, -9.59375)"><rect/><foreignObject width="40.046875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>agent</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-tools-2" transform="translate(337.8203125, 315.15625)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-31.8984375" y="-24.59375" width="63.796875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-16.8984375, -9.59375)"><rect/><foreignObject width="33.796875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>tools</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-pre_model_hook-3" transform="translate(234.890625, 116.78125)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-74.6015625" y="-24.59375" width="149.203125" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-59.6015625, -9.59375)"><rect/><foreignObject width="119.203125" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>pre_model_hook</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-generate_structured_response-4" transform="translate(131.9609375, 315.15625)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-123.9609375" y="-24.59375" width="247.921875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-108.9609375, -9.59375)"><rect/><foreignObject width="217.921875" height="19.1875"><div style="line-height: 1.5; display: table; white-space: break-spaces; max-width: 200px; text-align: center; width: 200px;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>generate_structured_response</p></span></div></foreignObject></g></g><g class="node default last " id="flowchart-__end__-5" transform="translate(131.9609375, 406.84375)"><rect class="basic label-container" style="fill:#bfb6fc !important" rx="17.09375" ry="17.09375" x="-42.921875" y="-17.09375" width="85.84375" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-31.1484375, -9.59375)"><rect/><foreignObject width="62.296875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__end__</p></span></div></foreignObject></g></g></g></g></g></svg>
diff --git a/src/oss/images/1100.svg b/src/oss/images/1100.svg
deleted file mode 100644
index 23e2d5b71..000000000
--- a/src/oss/images/1100.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="mermaid-svg" xmlns="http://www.w3.org/2000/svg" class="flowchart" style="max-width: 100%; background-color: white;" viewBox="0 0 263.921875 431.9375" role="graphics-document document" aria-roledescription="flowchart-v2" height="500px" xmlns:xlink="http://www.w3.org/1999/xlink"><style xmlns="http://www.w3.org/1999/xhtml">@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");</style><style>#mermaid-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg .error-icon{fill:#552222;}#mermaid-svg .error-text{fill:#552222;stroke:#552222;}#mermaid-svg .edge-thickness-normal{stroke-width:1px;}#mermaid-svg .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg .marker{fill:#333333;stroke:#333333;}#mermaid-svg .marker.cross{stroke:#333333;}#mermaid-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg p{margin:0;}#mermaid-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg .cluster-label text{fill:#333;}#mermaid-svg .cluster-label span{color:#333;}#mermaid-svg .cluster-label span p{background-color:transparent;}#mermaid-svg .label text,#mermaid-svg span{fill:#333;color:#333;}#mermaid-svg .node rect,#mermaid-svg .node circle,#mermaid-svg .node ellipse,#mermaid-svg .node polygon,#mermaid-svg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg .rough-node .label text,#mermaid-svg .node .label text,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-anchor:middle;}#mermaid-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg .rough-node .label,#mermaid-svg .node .label,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-align:center;}#mermaid-svg .node.clickable{cursor:pointer;}#mermaid-svg .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg .arrowheadPath{fill:#333333;}#mermaid-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg .cluster text{fill:#333;}#mermaid-svg .cluster span{color:#333;}#mermaid-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg rect.text{fill:none;stroke-width:0;}#mermaid-svg .icon-shape,#mermaid-svg .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .icon-shape p,#mermaid-svg .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg .icon-shape rect,#mermaid-svg .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#mermaid-svg .default&gt;*{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .default span{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .first&gt;*{fill-opacity:0!important;}#mermaid-svg .first span{fill-opacity:0!important;}#mermaid-svg .last&gt;*{fill:#bfb6fc!important;}#mermaid-svg .last span{fill:#bfb6fc!important;}</style><g><marker id="mermaid-svg_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"><path d="M131.961,42.188L131.961,67.188L131.961,88.188" id="L___start___agent_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M131.961,141.375L131.961,166.375L131.961,187.375" id="L_agent_post_model_hook_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M131.961,240.563L131.961,265.563L131.961,286.563" id="L_post_model_hook_generate_structured_response_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M131.961,339.75L131.961,364.75L131.961,385.75" id="L_generate_structured_response___end___0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default first " id="flowchart-__start__-0" transform="translate(131.9609375, 25.09375)"><rect class="basic label-container" style="fill:#f2f0ff !important;fill-opacity:0 !important" rx="17.09375" ry="17.09375" x="-45.1328125" y="-17.09375" width="90.265625" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-33.359375, -9.59375)"><rect/><foreignObject width="66.71875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__start__</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-agent-1" transform="translate(131.9609375, 116.78125)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-35.0234375" y="-24.59375" width="70.046875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-20.0234375, -9.59375)"><rect/><foreignObject width="40.046875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>agent</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-post_model_hook-2" transform="translate(131.9609375, 215.96875)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-78.15625" y="-24.59375" width="156.3125" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-63.15625, -9.59375)"><rect/><foreignObject width="126.3125" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>post_model_hook</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-generate_structured_response-3" transform="translate(131.9609375, 315.15625)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-123.9609375" y="-24.59375" width="247.921875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-108.9609375, -9.59375)"><rect/><foreignObject width="217.921875" height="19.1875"><div style="line-height: 1.5; display: table; white-space: break-spaces; max-width: 200px; text-align: center; width: 200px;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>generate_structured_response</p></span></div></foreignObject></g></g><g class="node default last " id="flowchart-__end__-4" transform="translate(131.9609375, 406.84375)"><rect class="basic label-container" style="fill:#bfb6fc !important" rx="17.09375" ry="17.09375" x="-42.921875" y="-17.09375" width="85.84375" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-31.1484375, -9.59375)"><rect/><foreignObject width="62.296875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__end__</p></span></div></foreignObject></g></g></g></g></g></svg>
diff --git a/src/oss/images/1101.svg b/src/oss/images/1101.svg
deleted file mode 100644
index acc1d0403..000000000
--- a/src/oss/images/1101.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="mermaid-svg" xmlns="http://www.w3.org/2000/svg" class="flowchart" style="max-width: 100%; background-color: white;" viewBox="0 0 377.71875 431.9375" role="graphics-document document" aria-roledescription="flowchart-v2" height="500px" xmlns:xlink="http://www.w3.org/1999/xlink"><style xmlns="http://www.w3.org/1999/xhtml">@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");</style><style>#mermaid-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg .error-icon{fill:#552222;}#mermaid-svg .error-text{fill:#552222;stroke:#552222;}#mermaid-svg .edge-thickness-normal{stroke-width:1px;}#mermaid-svg .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg .marker{fill:#333333;stroke:#333333;}#mermaid-svg .marker.cross{stroke:#333333;}#mermaid-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg p{margin:0;}#mermaid-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg .cluster-label text{fill:#333;}#mermaid-svg .cluster-label span{color:#333;}#mermaid-svg .cluster-label span p{background-color:transparent;}#mermaid-svg .label text,#mermaid-svg span{fill:#333;color:#333;}#mermaid-svg .node rect,#mermaid-svg .node circle,#mermaid-svg .node ellipse,#mermaid-svg .node polygon,#mermaid-svg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg .rough-node .label text,#mermaid-svg .node .label text,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-anchor:middle;}#mermaid-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg .rough-node .label,#mermaid-svg .node .label,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-align:center;}#mermaid-svg .node.clickable{cursor:pointer;}#mermaid-svg .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg .arrowheadPath{fill:#333333;}#mermaid-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg .cluster text{fill:#333;}#mermaid-svg .cluster span{color:#333;}#mermaid-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg rect.text{fill:none;stroke-width:0;}#mermaid-svg .icon-shape,#mermaid-svg .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .icon-shape p,#mermaid-svg .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg .icon-shape rect,#mermaid-svg .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#mermaid-svg .default&gt;*{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .default span{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .first&gt;*{fill-opacity:0!important;}#mermaid-svg .first span{fill-opacity:0!important;}#mermaid-svg .last&gt;*{fill:#bfb6fc!important;}#mermaid-svg .last span{fill:#bfb6fc!important;}</style><g><marker id="mermaid-svg_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"><path d="M281.242,42.188L281.242,67.188L281.242,88.188" id="L___start___agent_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M246.219,132.162L168.313,166.375L172.563,187.454" id="L_agent_post_model_hook_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M229.356,191.375L281.242,166.375L281.242,145.375" id="L_post_model_hook_agent_0" class=" edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M155.327,240.563L131.961,265.563L131.961,286.563" id="L_post_model_hook_generate_structured_response_0" class=" edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M229.356,240.563L281.242,265.563L306.755,287.926" id="L_post_model_hook_tools_0" class=" edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M342.779,290.563L347.82,265.563L347.82,215.969L347.82,166.375L317.466,143.765" id="L_tools_agent_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M131.961,339.75L131.961,364.75L131.961,385.75" id="L_generate_structured_response___end___0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default first " id="flowchart-__start__-0" transform="translate(281.2421875, 25.09375)"><rect class="basic label-container" style="fill:#f2f0ff !important;fill-opacity:0 !important" rx="17.09375" ry="17.09375" x="-45.1328125" y="-17.09375" width="90.265625" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-33.359375, -9.59375)"><rect/><foreignObject width="66.71875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__start__</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-agent-1" transform="translate(281.2421875, 116.78125)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-35.0234375" y="-24.59375" width="70.046875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-20.0234375, -9.59375)"><rect/><foreignObject width="40.046875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>agent</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-tools-2" transform="translate(337.8203125, 315.15625)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-31.8984375" y="-24.59375" width="63.796875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-16.8984375, -9.59375)"><rect/><foreignObject width="33.796875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>tools</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-post_model_hook-3" transform="translate(178.3125, 215.96875)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-78.15625" y="-24.59375" width="156.3125" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-63.15625, -9.59375)"><rect/><foreignObject width="126.3125" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>post_model_hook</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-generate_structured_response-4" transform="translate(131.9609375, 315.15625)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-123.9609375" y="-24.59375" width="247.921875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-108.9609375, -9.59375)"><rect/><foreignObject width="217.921875" height="19.1875"><div style="line-height: 1.5; display: table; white-space: break-spaces; max-width: 200px; text-align: center; width: 200px;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>generate_structured_response</p></span></div></foreignObject></g></g><g class="node default last " id="flowchart-__end__-5" transform="translate(131.9609375, 406.84375)"><rect class="basic label-container" style="fill:#bfb6fc !important" rx="17.09375" ry="17.09375" x="-42.921875" y="-17.09375" width="85.84375" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-31.1484375, -9.59375)"><rect/><foreignObject width="62.296875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__end__</p></span></div></foreignObject></g></g></g></g></g></svg>
diff --git a/src/oss/images/1110.svg b/src/oss/images/1110.svg
deleted file mode 100644
index efe832965..000000000
--- a/src/oss/images/1110.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="mermaid-svg" xmlns="http://www.w3.org/2000/svg" class="flowchart" style="max-width: 100%; background-color: white;" viewBox="0 0 263.921875 531.125" role="graphics-document document" aria-roledescription="flowchart-v2" height="500px" xmlns:xlink="http://www.w3.org/1999/xlink"><style xmlns="http://www.w3.org/1999/xhtml">@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");</style><style>#mermaid-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg .error-icon{fill:#552222;}#mermaid-svg .error-text{fill:#552222;stroke:#552222;}#mermaid-svg .edge-thickness-normal{stroke-width:1px;}#mermaid-svg .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg .marker{fill:#333333;stroke:#333333;}#mermaid-svg .marker.cross{stroke:#333333;}#mermaid-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg p{margin:0;}#mermaid-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg .cluster-label text{fill:#333;}#mermaid-svg .cluster-label span{color:#333;}#mermaid-svg .cluster-label span p{background-color:transparent;}#mermaid-svg .label text,#mermaid-svg span{fill:#333;color:#333;}#mermaid-svg .node rect,#mermaid-svg .node circle,#mermaid-svg .node ellipse,#mermaid-svg .node polygon,#mermaid-svg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg .rough-node .label text,#mermaid-svg .node .label text,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-anchor:middle;}#mermaid-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg .rough-node .label,#mermaid-svg .node .label,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-align:center;}#mermaid-svg .node.clickable{cursor:pointer;}#mermaid-svg .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg .arrowheadPath{fill:#333333;}#mermaid-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg .cluster text{fill:#333;}#mermaid-svg .cluster span{color:#333;}#mermaid-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg rect.text{fill:none;stroke-width:0;}#mermaid-svg .icon-shape,#mermaid-svg .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .icon-shape p,#mermaid-svg .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg .icon-shape rect,#mermaid-svg .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#mermaid-svg .default&gt;*{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .default span{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .first&gt;*{fill-opacity:0!important;}#mermaid-svg .first span{fill-opacity:0!important;}#mermaid-svg .last&gt;*{fill:#bfb6fc!important;}#mermaid-svg .last span{fill:#bfb6fc!important;}</style><g><marker id="mermaid-svg_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"><path d="M131.961,42.188L131.961,67.188L131.961,88.188" id="L___start___pre_model_hook_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M131.961,240.563L131.961,265.563L131.961,286.563" id="L_agent_post_model_hook_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M131.961,339.75L131.961,364.75L131.961,385.75" id="L_post_model_hook_generate_structured_response_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M131.961,141.375L131.961,166.375L131.961,187.375" id="L_pre_model_hook_agent_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M131.961,438.938L131.961,463.938L131.961,484.938" id="L_generate_structured_response___end___0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default first " id="flowchart-__start__-0" transform="translate(131.9609375, 25.09375)"><rect class="basic label-container" style="fill:#f2f0ff !important;fill-opacity:0 !important" rx="17.09375" ry="17.09375" x="-45.1328125" y="-17.09375" width="90.265625" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-33.359375, -9.59375)"><rect/><foreignObject width="66.71875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__start__</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-agent-1" transform="translate(131.9609375, 215.96875)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-35.0234375" y="-24.59375" width="70.046875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-20.0234375, -9.59375)"><rect/><foreignObject width="40.046875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>agent</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-pre_model_hook-2" transform="translate(131.9609375, 116.78125)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-74.6015625" y="-24.59375" width="149.203125" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-59.6015625, -9.59375)"><rect/><foreignObject width="119.203125" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>pre_model_hook</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-post_model_hook-3" transform="translate(131.9609375, 315.15625)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-78.15625" y="-24.59375" width="156.3125" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-63.15625, -9.59375)"><rect/><foreignObject width="126.3125" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>post_model_hook</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-generate_structured_response-4" transform="translate(131.9609375, 414.34375)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-123.9609375" y="-24.59375" width="247.921875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-108.9609375, -9.59375)"><rect/><foreignObject width="217.921875" height="19.1875"><div style="line-height: 1.5; display: table; white-space: break-spaces; max-width: 200px; text-align: center; width: 200px;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>generate_structured_response</p></span></div></foreignObject></g></g><g class="node default last " id="flowchart-__end__-5" transform="translate(131.9609375, 506.03125)"><rect class="basic label-container" style="fill:#bfb6fc !important" rx="17.09375" ry="17.09375" x="-42.921875" y="-17.09375" width="85.84375" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-31.1484375, -9.59375)"><rect/><foreignObject width="62.296875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__end__</p></span></div></foreignObject></g></g></g></g></g></svg>
diff --git a/src/oss/images/1111.svg b/src/oss/images/1111.svg
deleted file mode 100644
index b903b4ed6..000000000
--- a/src/oss/images/1111.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg id="mermaid-svg" xmlns="http://www.w3.org/2000/svg" class="flowchart" style="max-width: 100%; background-color: white;" viewBox="0 0 377.71875 531.125" role="graphics-document document" aria-roledescription="flowchart-v2" height="500px" xmlns:xlink="http://www.w3.org/1999/xlink"><style xmlns="http://www.w3.org/1999/xhtml">@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css");</style><style>#mermaid-svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg .error-icon{fill:#552222;}#mermaid-svg .error-text{fill:#552222;stroke:#552222;}#mermaid-svg .edge-thickness-normal{stroke-width:1px;}#mermaid-svg .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg .marker{fill:#333333;stroke:#333333;}#mermaid-svg .marker.cross{stroke:#333333;}#mermaid-svg svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg p{margin:0;}#mermaid-svg .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg .cluster-label text{fill:#333;}#mermaid-svg .cluster-label span{color:#333;}#mermaid-svg .cluster-label span p{background-color:transparent;}#mermaid-svg .label text,#mermaid-svg span{fill:#333;color:#333;}#mermaid-svg .node rect,#mermaid-svg .node circle,#mermaid-svg .node ellipse,#mermaid-svg .node polygon,#mermaid-svg .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg .rough-node .label text,#mermaid-svg .node .label text,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-anchor:middle;}#mermaid-svg .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg .rough-node .label,#mermaid-svg .node .label,#mermaid-svg .image-shape .label,#mermaid-svg .icon-shape .label{text-align:center;}#mermaid-svg .node.clickable{cursor:pointer;}#mermaid-svg .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg .arrowheadPath{fill:#333333;}#mermaid-svg .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg .cluster text{fill:#333;}#mermaid-svg .cluster span{color:#333;}#mermaid-svg div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg rect.text{fill:none;stroke-width:0;}#mermaid-svg .icon-shape,#mermaid-svg .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg .icon-shape p,#mermaid-svg .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg .icon-shape rect,#mermaid-svg .image-shape rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}#mermaid-svg .default&gt;*{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .default span{fill:#f2f0ff!important;line-height:1.2!important;}#mermaid-svg .first&gt;*{fill-opacity:0!important;}#mermaid-svg .first span{fill-opacity:0!important;}#mermaid-svg .last&gt;*{fill:#bfb6fc!important;}#mermaid-svg .last span{fill:#bfb6fc!important;}</style><g><marker id="mermaid-svg_flowchart-v2-pointEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-pointStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="4.5" refY="5" markerUnits="userSpaceOnUse" markerWidth="8" markerHeight="8" orient="auto"><path d="M 0 5 L 10 10 L 10 0 z" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleEnd" class="marker flowchart-v2" viewBox="0 0 10 10" refX="11" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-circleStart" class="marker flowchart-v2" viewBox="0 0 10 10" refX="-1" refY="5" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><circle cx="5" cy="5" r="5" class="arrowMarkerPath" style="stroke-width: 1; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossEnd" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="12" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><marker id="mermaid-svg_flowchart-v2-crossStart" class="marker cross flowchart-v2" viewBox="0 0 11 11" refX="-1" refY="5.2" markerUnits="userSpaceOnUse" markerWidth="11" markerHeight="11" orient="auto"><path d="M 1,1 l 9,9 M 10,1 l -9,9" class="arrowMarkerPath" style="stroke-width: 2; stroke-dasharray: 1, 0;"/></marker><g class="root"><g class="clusters"/><g class="edgePaths"><path d="M281.242,42.188L281.242,67.188L281.242,88.188" id="L___start___pre_model_hook_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M143.301,240.563L143.301,265.563L158.643,287.295" id="L_agent_post_model_hook_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M155.327,339.75L131.961,364.75L131.961,385.75" id="L_post_model_hook_generate_structured_response_0" class=" edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M229.356,290.563L281.242,265.563L281.242,215.969L281.242,166.375L281.242,145.375" id="L_post_model_hook_pre_model_hook_0" class=" edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M229.356,339.75L281.242,364.75L306.755,387.113" id="L_post_model_hook_tools_0" class=" edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M212.836,141.375L143.301,166.375L143.301,187.375" id="L_pre_model_hook_agent_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M342.779,389.75L347.82,364.75L347.82,315.156L347.82,265.563L347.82,215.969L347.82,166.375L317.466,143.765" id="L_tools_pre_model_hook_0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/><path d="M131.961,438.938L131.961,463.938L131.961,484.938" id="L_generate_structured_response___end___0" class=" edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link" style="" marker-end="url(#mermaid-svg_flowchart-v2-pointEnd)"/></g><g class="edgeLabels"><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g><g class="edgeLabel"><g class="label" transform="translate(0, 0)"><foreignObject width="0" height="0"><div xmlns="http://www.w3.org/1999/xhtml" class="labelBkg" style="display: table-cell; white-space: nowrap; line-height: 1.5; max-width: 200px; text-align: center;"><span class="edgeLabel "></span></div></foreignObject></g></g></g><g class="nodes"><g class="node default first " id="flowchart-__start__-0" transform="translate(281.2421875, 25.09375)"><rect class="basic label-container" style="fill:#f2f0ff !important;fill-opacity:0 !important" rx="17.09375" ry="17.09375" x="-45.1328125" y="-17.09375" width="90.265625" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-33.359375, -9.59375)"><rect/><foreignObject width="66.71875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__start__</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-agent-1" transform="translate(143.30078125, 215.96875)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-35.0234375" y="-24.59375" width="70.046875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-20.0234375, -9.59375)"><rect/><foreignObject width="40.046875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>agent</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-tools-2" transform="translate(337.8203125, 414.34375)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-31.8984375" y="-24.59375" width="63.796875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-16.8984375, -9.59375)"><rect/><foreignObject width="33.796875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>tools</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-pre_model_hook-3" transform="translate(281.2421875, 116.78125)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-74.6015625" y="-24.59375" width="149.203125" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-59.6015625, -9.59375)"><rect/><foreignObject width="119.203125" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>pre_model_hook</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-post_model_hook-4" transform="translate(178.3125, 315.15625)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-78.15625" y="-24.59375" width="156.3125" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-63.15625, -9.59375)"><rect/><foreignObject width="126.3125" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>post_model_hook</p></span></div></foreignObject></g></g><g class="node default  " id="flowchart-generate_structured_response-5" transform="translate(131.9609375, 414.34375)"><rect class="basic label-container" style="fill:#f2f0ff !important" rx="5" ry="5" x="-123.9609375" y="-24.59375" width="247.921875" height="49.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-108.9609375, -9.59375)"><rect/><foreignObject width="217.921875" height="19.1875"><div style="line-height: 1.5; display: table; white-space: break-spaces; max-width: 200px; text-align: center; width: 200px;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>generate_structured_response</p></span></div></foreignObject></g></g><g class="node default last " id="flowchart-__end__-6" transform="translate(131.9609375, 506.03125)"><rect class="basic label-container" style="fill:#bfb6fc !important" rx="17.09375" ry="17.09375" x="-42.921875" y="-17.09375" width="85.84375" height="34.1875"/><g class="label" style="line-height:1.2 !important" transform="translate(-31.1484375, -9.59375)"><rect/><foreignObject width="62.296875" height="19.1875"><div style="line-height: 1.5; display: table-cell; white-space: nowrap; max-width: 200px; text-align: center;" xmlns="http://www.w3.org/1999/xhtml"><span style="line-height:1.2 !important" class="nodeLabel "><p>__end__</p></span></div></foreignObject></g></g></g></g></g></svg>
diff --git a/src/oss/langchain/middleware.mdx b/src/oss/langchain/middleware.mdx
index 49a51fb3b..fe4bb7e87 100644
--- a/src/oss/langchain/middleware.mdx
+++ b/src/oss/langchain/middleware.mdx
@@ -877,21 +877,15 @@ Build custom middleware by implementing hooks that run at specific points in the
 
 #### Node-style hooks
 
-Run at specific points in the execution flow:
+Run at specific points in the execution flow.
 
-:::python
-- `before_agent` - Before agent starts (once per invocation)
-- `before_model` - Before each model call
-- `after_model` - After each model response
-- `after_agent` - After agent completes (up to once per invocation)
-:::
+**Try it:** The interactive widget below shows all available hooks and lets you toggle different combinations to see how they affect the agent execution graph:
 
-:::js
-- `beforeAgent` - Before agent starts (once per invocation)
-- `beforeModel` - Before each model call
-- `afterModel` - After each model response
-- `afterAgent` - After agent completes (up to once per invocation)
-:::
+<iframe
+  src="/plugins/middleware_visualization/index.html"
+  style={{ width: "100%", height: "600px", border: "none" }}
+  title="Interactive Middleware Visualizer"
+/>
 
 **Example: Logging middleware**
 
diff --git a/src/oss/langgraph/use-functional-api.mdx b/src/oss/langgraph/use-functional-api.mdx
index cdb0ae819..a2d2b73bd 100644
--- a/src/oss/langgraph/use-functional-api.mdx
+++ b/src/oss/langgraph/use-functional-api.mdx
@@ -1475,10 +1475,10 @@ list(graph.get_state_history(config))  # [!code highlight]
 ```typescript
 const config = {
   configurable: {
-    thread_id: "1",  # [!code highlight]
+    thread_id: "1",  // [!code highlight]
   },
 };
-const history = [];  # [!code highlight]
+const history = [];  // [!code highlight]
 for await (const state of graph.getStateHistory(config)) {
   history.push(state);
 }
diff --git a/src/plugins/middleware_visualization/README.md b/src/plugins/middleware_visualization/README.md
new file mode 100644
index 000000000..d2a1c70a4
--- /dev/null
+++ b/src/plugins/middleware_visualization/README.md
@@ -0,0 +1,63 @@
+# Middleware Hooks Visualizer
+
+Minimal interactive visualizer for LangChain middleware hooks and agent graphs.
+
+## Features
+
+- **Language-specific diagrams**: Automatically switches between Python (snake_case) and JavaScript (camelCase) naming based on active tab
+- **Interactive tooltips**: Hover over checkboxes to see what each hook does
+- **Compact layout**: Optimized spacing for better visual hierarchy
+- **Mintlify integration**: Uses Mintlify design tokens for consistent styling
+
+## Usage
+
+The `index.html` file can be embedded directly into Mintlify documentation:
+
+```html
+<iframe
+  src="/plugins/middleware_visualization/index.html"
+  style={{ width: "100%", height: "600px", border: "none" }}
+  title="Interactive Middleware Visualizer"
+/>
+```
+
+**Binary naming scheme (5 bits):**
+```
+Bit 0: tools
+Bit 1: before_agent
+Bit 2: before_model
+Bit 3: after_model
+Bit 4: after_agent
+```
+
+Example: `10110` = tools + before_model + after_model
+
+## Files
+
+- `index.html` - Embeddable widget with interactive controls and diagram rendering
+- `diagrams_python.js` - Python version with snake_case naming (e.g., `before_agent`)
+- `diagrams_js.js` - JavaScript version with camelCase naming (e.g., `beforeAgent`)
+- `generate_middleware_diagrams.py` - Diagram generator script
+
+## Regenerating Diagrams
+
+To regenerate the diagrams after making changes to middleware hooks:
+
+```bash
+uv run python src/plugins/middleware_visualization/generate_middleware_diagrams.py
+```
+
+This generates three files:
+- `diagrams_python.js` - Python diagrams with snake_case hooks
+- `diagrams_js.js` - JavaScript diagrams with camelCase hooks
+
+### Diagram Configuration
+
+The generator creates compact diagrams with:
+- `nodeSpacing: 30` - Horizontal spacing between nodes
+- `rankSpacing: 40` - Vertical spacing between ranks
+- `padding: 10` - Diagram padding
+
+Adjust these values in `generate_middleware_diagrams.py` line 144-150 to modify diagram height.
+
+**Note**: Mintlify's dev server doesn't serve JSON files, so we convert the data to JavaScript files that can be loaded via `<script src>`.
diff --git a/src/plugins/middleware_visualization/diagrams_js.js b/src/plugins/middleware_visualization/diagrams_js.js
new file mode 100644
index 000000000..76404d96c
--- /dev/null
+++ b/src/plugins/middleware_visualization/diagrams_js.js
@@ -0,0 +1 @@
+const diagrams = {"00000":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\t__end__([__end__]):::last\n\t__start__ --> model;\n\tmodel --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","10000":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\t__end__([__end__]):::last\n\t__start__ --> model;\n\tmodel -.-> __end__;\n\tmodel -.-> tools;\n\ttools -.-> __end__;\n\ttools -.-> model;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","01000":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tBeforeAgentMiddleware(beforeAgent)\n\t__end__([__end__]):::last\n\tBeforeAgentMiddleware --> model;\n\t__start__ --> BeforeAgentMiddleware;\n\tmodel --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","11000":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tBeforeAgentMiddleware(beforeAgent)\n\t__end__([__end__]):::last\n\tBeforeAgentMiddleware --> model;\n\t__start__ --> BeforeAgentMiddleware;\n\tmodel -.-> __end__;\n\tmodel -.-> tools;\n\ttools -.-> __end__;\n\ttools -.-> model;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","00100":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tBeforeModelMiddleware(beforeModel)\n\t__end__([__end__]):::last\n\tBeforeModelMiddleware --> model;\n\t__start__ --> BeforeModelMiddleware;\n\tmodel --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","10100":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tBeforeModelMiddleware(beforeModel)\n\t__end__([__end__]):::last\n\tBeforeModelMiddleware --> model;\n\t__start__ --> BeforeModelMiddleware;\n\tmodel -.-> __end__;\n\tmodel -.-> tools;\n\ttools -.-> BeforeModelMiddleware;\n\ttools -.-> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","01100":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tBeforeAgentMiddleware(beforeAgent)\n\tBeforeModelMiddleware(beforeModel)\n\t__end__([__end__]):::last\n\tBeforeAgentMiddleware --> BeforeModelMiddleware;\n\tBeforeModelMiddleware --> model;\n\t__start__ --> BeforeAgentMiddleware;\n\tmodel --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","11100":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tBeforeAgentMiddleware(beforeAgent)\n\tBeforeModelMiddleware(beforeModel)\n\t__end__([__end__]):::last\n\tBeforeAgentMiddleware --> BeforeModelMiddleware;\n\tBeforeModelMiddleware --> model;\n\t__start__ --> BeforeAgentMiddleware;\n\tmodel -.-> __end__;\n\tmodel -.-> tools;\n\ttools -.-> BeforeModelMiddleware;\n\ttools -.-> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","00010":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tAfterModelMiddleware(afterModel)\n\t__end__([__end__]):::last\n\t__start__ --> model;\n\tmodel --> AfterModelMiddleware;\n\tAfterModelMiddleware --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","10010":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tAfterModelMiddleware(afterModel)\n\t__end__([__end__]):::last\n\tAfterModelMiddleware -.-> __end__;\n\tAfterModelMiddleware -.-> model;\n\tAfterModelMiddleware -.-> tools;\n\t__start__ --> model;\n\tmodel --> AfterModelMiddleware;\n\ttools -.-> __end__;\n\ttools -.-> model;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","01010":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tBeforeAgentMiddleware(beforeAgent)\n\tAfterModelMiddleware(afterModel)\n\t__end__([__end__]):::last\n\tBeforeAgentMiddleware --> model;\n\t__start__ --> BeforeAgentMiddleware;\n\tmodel --> AfterModelMiddleware;\n\tAfterModelMiddleware --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","11010":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tBeforeAgentMiddleware(beforeAgent)\n\tAfterModelMiddleware(afterModel)\n\t__end__([__end__]):::last\n\tAfterModelMiddleware -.-> __end__;\n\tAfterModelMiddleware -.-> model;\n\tAfterModelMiddleware -.-> tools;\n\tBeforeAgentMiddleware --> model;\n\t__start__ --> BeforeAgentMiddleware;\n\tmodel --> AfterModelMiddleware;\n\ttools -.-> __end__;\n\ttools -.-> model;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","00110":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tBeforeModelMiddleware(beforeModel)\n\tAfterModelMiddleware(afterModel)\n\t__end__([__end__]):::last\n\tBeforeModelMiddleware --> model;\n\t__start__ --> BeforeModelMiddleware;\n\tmodel --> AfterModelMiddleware;\n\tAfterModelMiddleware --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","10110":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tBeforeModelMiddleware(beforeModel)\n\tAfterModelMiddleware(afterModel)\n\t__end__([__end__]):::last\n\tAfterModelMiddleware -.-> BeforeModelMiddleware;\n\tAfterModelMiddleware -.-> __end__;\n\tAfterModelMiddleware -.-> tools;\n\tBeforeModelMiddleware --> model;\n\t__start__ --> BeforeModelMiddleware;\n\tmodel --> AfterModelMiddleware;\n\ttools -.-> BeforeModelMiddleware;\n\ttools -.-> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","01110":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tBeforeAgentMiddleware(beforeAgent)\n\tBeforeModelMiddleware(beforeModel)\n\tAfterModelMiddleware(afterModel)\n\t__end__([__end__]):::last\n\tBeforeAgentMiddleware --> BeforeModelMiddleware;\n\tBeforeModelMiddleware --> model;\n\t__start__ --> BeforeAgentMiddleware;\n\tmodel --> AfterModelMiddleware;\n\tAfterModelMiddleware --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","11110":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tBeforeAgentMiddleware(beforeAgent)\n\tBeforeModelMiddleware(beforeModel)\n\tAfterModelMiddleware(afterModel)\n\t__end__([__end__]):::last\n\tAfterModelMiddleware -.-> BeforeModelMiddleware;\n\tAfterModelMiddleware -.-> __end__;\n\tAfterModelMiddleware -.-> tools;\n\tBeforeAgentMiddleware --> BeforeModelMiddleware;\n\tBeforeModelMiddleware --> model;\n\t__start__ --> BeforeAgentMiddleware;\n\tmodel --> AfterModelMiddleware;\n\ttools -.-> BeforeModelMiddleware;\n\ttools -.-> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","00001":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tAfterAgentMiddleware(afterAgent)\n\t__end__([__end__]):::last\n\t__start__ --> model;\n\tmodel --> AfterAgentMiddleware;\n\tAfterAgentMiddleware --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","10001":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tAfterAgentMiddleware(afterAgent)\n\t__end__([__end__]):::last\n\t__start__ --> model;\n\tmodel -.-> AfterAgentMiddleware;\n\tmodel -.-> tools;\n\ttools -.-> AfterAgentMiddleware;\n\ttools -.-> model;\n\tAfterAgentMiddleware --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","01001":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tBeforeAgentMiddleware(beforeAgent)\n\tAfterAgentMiddleware(afterAgent)\n\t__end__([__end__]):::last\n\tBeforeAgentMiddleware --> model;\n\t__start__ --> BeforeAgentMiddleware;\n\tmodel --> AfterAgentMiddleware;\n\tAfterAgentMiddleware --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","11001":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tBeforeAgentMiddleware(beforeAgent)\n\tAfterAgentMiddleware(afterAgent)\n\t__end__([__end__]):::last\n\tBeforeAgentMiddleware --> model;\n\t__start__ --> BeforeAgentMiddleware;\n\tmodel -.-> AfterAgentMiddleware;\n\tmodel -.-> tools;\n\ttools -.-> AfterAgentMiddleware;\n\ttools -.-> model;\n\tAfterAgentMiddleware --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","00101":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tBeforeModelMiddleware(beforeModel)\n\tAfterAgentMiddleware(afterAgent)\n\t__end__([__end__]):::last\n\tBeforeModelMiddleware --> model;\n\t__start__ --> BeforeModelMiddleware;\n\tmodel --> AfterAgentMiddleware;\n\tAfterAgentMiddleware --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","10101":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tBeforeModelMiddleware(beforeModel)\n\tAfterAgentMiddleware(afterAgent)\n\t__end__([__end__]):::last\n\tBeforeModelMiddleware --> model;\n\t__start__ --> BeforeModelMiddleware;\n\tmodel -.-> AfterAgentMiddleware;\n\tmodel -.-> tools;\n\ttools -.-> AfterAgentMiddleware;\n\ttools -.-> BeforeModelMiddleware;\n\tAfterAgentMiddleware --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","01101":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tBeforeAgentMiddleware(beforeAgent)\n\tBeforeModelMiddleware(beforeModel)\n\tAfterAgentMiddleware(afterAgent)\n\t__end__([__end__]):::last\n\tBeforeAgentMiddleware --> BeforeModelMiddleware;\n\tBeforeModelMiddleware --> model;\n\t__start__ --> BeforeAgentMiddleware;\n\tmodel --> AfterAgentMiddleware;\n\tAfterAgentMiddleware --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","11101":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tBeforeAgentMiddleware(beforeAgent)\n\tBeforeModelMiddleware(beforeModel)\n\tAfterAgentMiddleware(afterAgent)\n\t__end__([__end__]):::last\n\tBeforeAgentMiddleware --> BeforeModelMiddleware;\n\tBeforeModelMiddleware --> model;\n\t__start__ --> BeforeAgentMiddleware;\n\tmodel -.-> AfterAgentMiddleware;\n\tmodel -.-> tools;\n\ttools -.-> AfterAgentMiddleware;\n\ttools -.-> BeforeModelMiddleware;\n\tAfterAgentMiddleware --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","00011":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tAfterModelMiddleware(afterModel)\n\tAfterAgentMiddleware(afterAgent)\n\t__end__([__end__]):::last\n\tAfterModelMiddleware --> AfterAgentMiddleware;\n\t__start__ --> model;\n\tmodel --> AfterModelMiddleware;\n\tAfterAgentMiddleware --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","10011":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tAfterModelMiddleware(afterModel)\n\tAfterAgentMiddleware(afterAgent)\n\t__end__([__end__]):::last\n\tAfterModelMiddleware -.-> AfterAgentMiddleware;\n\tAfterModelMiddleware -.-> model;\n\tAfterModelMiddleware -.-> tools;\n\t__start__ --> model;\n\tmodel --> AfterModelMiddleware;\n\ttools -.-> AfterAgentMiddleware;\n\ttools -.-> model;\n\tAfterAgentMiddleware --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","01011":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tBeforeAgentMiddleware(beforeAgent)\n\tAfterModelMiddleware(afterModel)\n\tAfterAgentMiddleware(afterAgent)\n\t__end__([__end__]):::last\n\tAfterModelMiddleware --> AfterAgentMiddleware;\n\tBeforeAgentMiddleware --> model;\n\t__start__ --> BeforeAgentMiddleware;\n\tmodel --> AfterModelMiddleware;\n\tAfterAgentMiddleware --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","11011":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tBeforeAgentMiddleware(beforeAgent)\n\tAfterModelMiddleware(afterModel)\n\tAfterAgentMiddleware(afterAgent)\n\t__end__([__end__]):::last\n\tAfterModelMiddleware -.-> AfterAgentMiddleware;\n\tAfterModelMiddleware -.-> model;\n\tAfterModelMiddleware -.-> tools;\n\tBeforeAgentMiddleware --> model;\n\t__start__ --> BeforeAgentMiddleware;\n\tmodel --> AfterModelMiddleware;\n\ttools -.-> AfterAgentMiddleware;\n\ttools -.-> model;\n\tAfterAgentMiddleware --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","00111":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tBeforeModelMiddleware(beforeModel)\n\tAfterModelMiddleware(afterModel)\n\tAfterAgentMiddleware(afterAgent)\n\t__end__([__end__]):::last\n\tAfterModelMiddleware --> AfterAgentMiddleware;\n\tBeforeModelMiddleware --> model;\n\t__start__ --> BeforeModelMiddleware;\n\tmodel --> AfterModelMiddleware;\n\tAfterAgentMiddleware --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","10111":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tBeforeModelMiddleware(beforeModel)\n\tAfterModelMiddleware(afterModel)\n\tAfterAgentMiddleware(afterAgent)\n\t__end__([__end__]):::last\n\tAfterModelMiddleware -.-> AfterAgentMiddleware;\n\tAfterModelMiddleware -.-> BeforeModelMiddleware;\n\tAfterModelMiddleware -.-> tools;\n\tBeforeModelMiddleware --> model;\n\t__start__ --> BeforeModelMiddleware;\n\tmodel --> AfterModelMiddleware;\n\ttools -.-> AfterAgentMiddleware;\n\ttools -.-> BeforeModelMiddleware;\n\tAfterAgentMiddleware --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","01111":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tBeforeAgentMiddleware(beforeAgent)\n\tBeforeModelMiddleware(beforeModel)\n\tAfterModelMiddleware(afterModel)\n\tAfterAgentMiddleware(afterAgent)\n\t__end__([__end__]):::last\n\tAfterModelMiddleware --> AfterAgentMiddleware;\n\tBeforeAgentMiddleware --> BeforeModelMiddleware;\n\tBeforeModelMiddleware --> model;\n\t__start__ --> BeforeAgentMiddleware;\n\tmodel --> AfterModelMiddleware;\n\tAfterAgentMiddleware --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","11111":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tBeforeAgentMiddleware(beforeAgent)\n\tBeforeModelMiddleware(beforeModel)\n\tAfterModelMiddleware(afterModel)\n\tAfterAgentMiddleware(afterAgent)\n\t__end__([__end__]):::last\n\tAfterModelMiddleware -.-> AfterAgentMiddleware;\n\tAfterModelMiddleware -.-> BeforeModelMiddleware;\n\tAfterModelMiddleware -.-> tools;\n\tBeforeAgentMiddleware --> BeforeModelMiddleware;\n\tBeforeModelMiddleware --> model;\n\t__start__ --> BeforeAgentMiddleware;\n\tmodel --> AfterModelMiddleware;\n\ttools -.-> AfterAgentMiddleware;\n\ttools -.-> BeforeModelMiddleware;\n\tAfterAgentMiddleware --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n"};
\ No newline at end of file
diff --git a/src/plugins/middleware_visualization/diagrams_python.js b/src/plugins/middleware_visualization/diagrams_python.js
new file mode 100644
index 000000000..e1ee6487b
--- /dev/null
+++ b/src/plugins/middleware_visualization/diagrams_python.js
@@ -0,0 +1 @@
+const diagrams = {"00000":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\t__end__([__end__]):::last\n\t__start__ --> model;\n\tmodel --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","10000":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\t__end__([__end__]):::last\n\t__start__ --> model;\n\tmodel -.-> __end__;\n\tmodel -.-> tools;\n\ttools -.-> __end__;\n\ttools -.-> model;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","01000":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tBeforeAgentMiddleware\\2ebefore_agent(before_agent)\n\t__end__([__end__]):::last\n\tBeforeAgentMiddleware\\2ebefore_agent --> model;\n\t__start__ --> BeforeAgentMiddleware\\2ebefore_agent;\n\tmodel --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","11000":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tBeforeAgentMiddleware\\2ebefore_agent(before_agent)\n\t__end__([__end__]):::last\n\tBeforeAgentMiddleware\\2ebefore_agent --> model;\n\t__start__ --> BeforeAgentMiddleware\\2ebefore_agent;\n\tmodel -.-> __end__;\n\tmodel -.-> tools;\n\ttools -.-> __end__;\n\ttools -.-> model;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","00100":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tBeforeModelMiddleware\\2ebefore_model(before_model)\n\t__end__([__end__]):::last\n\tBeforeModelMiddleware\\2ebefore_model --> model;\n\t__start__ --> BeforeModelMiddleware\\2ebefore_model;\n\tmodel --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","10100":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tBeforeModelMiddleware\\2ebefore_model(before_model)\n\t__end__([__end__]):::last\n\tBeforeModelMiddleware\\2ebefore_model --> model;\n\t__start__ --> BeforeModelMiddleware\\2ebefore_model;\n\tmodel -.-> __end__;\n\tmodel -.-> tools;\n\ttools -.-> BeforeModelMiddleware\\2ebefore_model;\n\ttools -.-> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","01100":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tBeforeAgentMiddleware\\2ebefore_agent(before_agent)\n\tBeforeModelMiddleware\\2ebefore_model(before_model)\n\t__end__([__end__]):::last\n\tBeforeAgentMiddleware\\2ebefore_agent --> BeforeModelMiddleware\\2ebefore_model;\n\tBeforeModelMiddleware\\2ebefore_model --> model;\n\t__start__ --> BeforeAgentMiddleware\\2ebefore_agent;\n\tmodel --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","11100":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tBeforeAgentMiddleware\\2ebefore_agent(before_agent)\n\tBeforeModelMiddleware\\2ebefore_model(before_model)\n\t__end__([__end__]):::last\n\tBeforeAgentMiddleware\\2ebefore_agent --> BeforeModelMiddleware\\2ebefore_model;\n\tBeforeModelMiddleware\\2ebefore_model --> model;\n\t__start__ --> BeforeAgentMiddleware\\2ebefore_agent;\n\tmodel -.-> __end__;\n\tmodel -.-> tools;\n\ttools -.-> BeforeModelMiddleware\\2ebefore_model;\n\ttools -.-> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","00010":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tAfterModelMiddleware\\2eafter_model(after_model)\n\t__end__([__end__]):::last\n\t__start__ --> model;\n\tmodel --> AfterModelMiddleware\\2eafter_model;\n\tAfterModelMiddleware\\2eafter_model --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","10010":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tAfterModelMiddleware\\2eafter_model(after_model)\n\t__end__([__end__]):::last\n\tAfterModelMiddleware\\2eafter_model -.-> __end__;\n\tAfterModelMiddleware\\2eafter_model -.-> model;\n\tAfterModelMiddleware\\2eafter_model -.-> tools;\n\t__start__ --> model;\n\tmodel --> AfterModelMiddleware\\2eafter_model;\n\ttools -.-> __end__;\n\ttools -.-> model;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","01010":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tBeforeAgentMiddleware\\2ebefore_agent(before_agent)\n\tAfterModelMiddleware\\2eafter_model(after_model)\n\t__end__([__end__]):::last\n\tBeforeAgentMiddleware\\2ebefore_agent --> model;\n\t__start__ --> BeforeAgentMiddleware\\2ebefore_agent;\n\tmodel --> AfterModelMiddleware\\2eafter_model;\n\tAfterModelMiddleware\\2eafter_model --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","11010":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tBeforeAgentMiddleware\\2ebefore_agent(before_agent)\n\tAfterModelMiddleware\\2eafter_model(after_model)\n\t__end__([__end__]):::last\n\tAfterModelMiddleware\\2eafter_model -.-> __end__;\n\tAfterModelMiddleware\\2eafter_model -.-> model;\n\tAfterModelMiddleware\\2eafter_model -.-> tools;\n\tBeforeAgentMiddleware\\2ebefore_agent --> model;\n\t__start__ --> BeforeAgentMiddleware\\2ebefore_agent;\n\tmodel --> AfterModelMiddleware\\2eafter_model;\n\ttools -.-> __end__;\n\ttools -.-> model;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","00110":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tBeforeModelMiddleware\\2ebefore_model(before_model)\n\tAfterModelMiddleware\\2eafter_model(after_model)\n\t__end__([__end__]):::last\n\tBeforeModelMiddleware\\2ebefore_model --> model;\n\t__start__ --> BeforeModelMiddleware\\2ebefore_model;\n\tmodel --> AfterModelMiddleware\\2eafter_model;\n\tAfterModelMiddleware\\2eafter_model --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","10110":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tBeforeModelMiddleware\\2ebefore_model(before_model)\n\tAfterModelMiddleware\\2eafter_model(after_model)\n\t__end__([__end__]):::last\n\tAfterModelMiddleware\\2eafter_model -.-> BeforeModelMiddleware\\2ebefore_model;\n\tAfterModelMiddleware\\2eafter_model -.-> __end__;\n\tAfterModelMiddleware\\2eafter_model -.-> tools;\n\tBeforeModelMiddleware\\2ebefore_model --> model;\n\t__start__ --> BeforeModelMiddleware\\2ebefore_model;\n\tmodel --> AfterModelMiddleware\\2eafter_model;\n\ttools -.-> BeforeModelMiddleware\\2ebefore_model;\n\ttools -.-> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","01110":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tBeforeAgentMiddleware\\2ebefore_agent(before_agent)\n\tBeforeModelMiddleware\\2ebefore_model(before_model)\n\tAfterModelMiddleware\\2eafter_model(after_model)\n\t__end__([__end__]):::last\n\tBeforeAgentMiddleware\\2ebefore_agent --> BeforeModelMiddleware\\2ebefore_model;\n\tBeforeModelMiddleware\\2ebefore_model --> model;\n\t__start__ --> BeforeAgentMiddleware\\2ebefore_agent;\n\tmodel --> AfterModelMiddleware\\2eafter_model;\n\tAfterModelMiddleware\\2eafter_model --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","11110":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tBeforeAgentMiddleware\\2ebefore_agent(before_agent)\n\tBeforeModelMiddleware\\2ebefore_model(before_model)\n\tAfterModelMiddleware\\2eafter_model(after_model)\n\t__end__([__end__]):::last\n\tAfterModelMiddleware\\2eafter_model -.-> BeforeModelMiddleware\\2ebefore_model;\n\tAfterModelMiddleware\\2eafter_model -.-> __end__;\n\tAfterModelMiddleware\\2eafter_model -.-> tools;\n\tBeforeAgentMiddleware\\2ebefore_agent --> BeforeModelMiddleware\\2ebefore_model;\n\tBeforeModelMiddleware\\2ebefore_model --> model;\n\t__start__ --> BeforeAgentMiddleware\\2ebefore_agent;\n\tmodel --> AfterModelMiddleware\\2eafter_model;\n\ttools -.-> BeforeModelMiddleware\\2ebefore_model;\n\ttools -.-> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","00001":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tAfterAgentMiddleware\\2eafter_agent(after_agent)\n\t__end__([__end__]):::last\n\t__start__ --> model;\n\tmodel --> AfterAgentMiddleware\\2eafter_agent;\n\tAfterAgentMiddleware\\2eafter_agent --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","10001":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tAfterAgentMiddleware\\2eafter_agent(after_agent)\n\t__end__([__end__]):::last\n\t__start__ --> model;\n\tmodel -.-> AfterAgentMiddleware\\2eafter_agent;\n\tmodel -.-> tools;\n\ttools -.-> AfterAgentMiddleware\\2eafter_agent;\n\ttools -.-> model;\n\tAfterAgentMiddleware\\2eafter_agent --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","01001":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tBeforeAgentMiddleware\\2ebefore_agent(before_agent)\n\tAfterAgentMiddleware\\2eafter_agent(after_agent)\n\t__end__([__end__]):::last\n\tBeforeAgentMiddleware\\2ebefore_agent --> model;\n\t__start__ --> BeforeAgentMiddleware\\2ebefore_agent;\n\tmodel --> AfterAgentMiddleware\\2eafter_agent;\n\tAfterAgentMiddleware\\2eafter_agent --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","11001":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tBeforeAgentMiddleware\\2ebefore_agent(before_agent)\n\tAfterAgentMiddleware\\2eafter_agent(after_agent)\n\t__end__([__end__]):::last\n\tBeforeAgentMiddleware\\2ebefore_agent --> model;\n\t__start__ --> BeforeAgentMiddleware\\2ebefore_agent;\n\tmodel -.-> AfterAgentMiddleware\\2eafter_agent;\n\tmodel -.-> tools;\n\ttools -.-> AfterAgentMiddleware\\2eafter_agent;\n\ttools -.-> model;\n\tAfterAgentMiddleware\\2eafter_agent --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","00101":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tBeforeModelMiddleware\\2ebefore_model(before_model)\n\tAfterAgentMiddleware\\2eafter_agent(after_agent)\n\t__end__([__end__]):::last\n\tBeforeModelMiddleware\\2ebefore_model --> model;\n\t__start__ --> BeforeModelMiddleware\\2ebefore_model;\n\tmodel --> AfterAgentMiddleware\\2eafter_agent;\n\tAfterAgentMiddleware\\2eafter_agent --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","10101":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tBeforeModelMiddleware\\2ebefore_model(before_model)\n\tAfterAgentMiddleware\\2eafter_agent(after_agent)\n\t__end__([__end__]):::last\n\tBeforeModelMiddleware\\2ebefore_model --> model;\n\t__start__ --> BeforeModelMiddleware\\2ebefore_model;\n\tmodel -.-> AfterAgentMiddleware\\2eafter_agent;\n\tmodel -.-> tools;\n\ttools -.-> AfterAgentMiddleware\\2eafter_agent;\n\ttools -.-> BeforeModelMiddleware\\2ebefore_model;\n\tAfterAgentMiddleware\\2eafter_agent --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","01101":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tBeforeAgentMiddleware\\2ebefore_agent(before_agent)\n\tBeforeModelMiddleware\\2ebefore_model(before_model)\n\tAfterAgentMiddleware\\2eafter_agent(after_agent)\n\t__end__([__end__]):::last\n\tBeforeAgentMiddleware\\2ebefore_agent --> BeforeModelMiddleware\\2ebefore_model;\n\tBeforeModelMiddleware\\2ebefore_model --> model;\n\t__start__ --> BeforeAgentMiddleware\\2ebefore_agent;\n\tmodel --> AfterAgentMiddleware\\2eafter_agent;\n\tAfterAgentMiddleware\\2eafter_agent --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","11101":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tBeforeAgentMiddleware\\2ebefore_agent(before_agent)\n\tBeforeModelMiddleware\\2ebefore_model(before_model)\n\tAfterAgentMiddleware\\2eafter_agent(after_agent)\n\t__end__([__end__]):::last\n\tBeforeAgentMiddleware\\2ebefore_agent --> BeforeModelMiddleware\\2ebefore_model;\n\tBeforeModelMiddleware\\2ebefore_model --> model;\n\t__start__ --> BeforeAgentMiddleware\\2ebefore_agent;\n\tmodel -.-> AfterAgentMiddleware\\2eafter_agent;\n\tmodel -.-> tools;\n\ttools -.-> AfterAgentMiddleware\\2eafter_agent;\n\ttools -.-> BeforeModelMiddleware\\2ebefore_model;\n\tAfterAgentMiddleware\\2eafter_agent --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","00011":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tAfterModelMiddleware\\2eafter_model(after_model)\n\tAfterAgentMiddleware\\2eafter_agent(after_agent)\n\t__end__([__end__]):::last\n\tAfterModelMiddleware\\2eafter_model --> AfterAgentMiddleware\\2eafter_agent;\n\t__start__ --> model;\n\tmodel --> AfterModelMiddleware\\2eafter_model;\n\tAfterAgentMiddleware\\2eafter_agent --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","10011":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tAfterModelMiddleware\\2eafter_model(after_model)\n\tAfterAgentMiddleware\\2eafter_agent(after_agent)\n\t__end__([__end__]):::last\n\tAfterModelMiddleware\\2eafter_model -.-> AfterAgentMiddleware\\2eafter_agent;\n\tAfterModelMiddleware\\2eafter_model -.-> model;\n\tAfterModelMiddleware\\2eafter_model -.-> tools;\n\t__start__ --> model;\n\tmodel --> AfterModelMiddleware\\2eafter_model;\n\ttools -.-> AfterAgentMiddleware\\2eafter_agent;\n\ttools -.-> model;\n\tAfterAgentMiddleware\\2eafter_agent --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","01011":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tBeforeAgentMiddleware\\2ebefore_agent(before_agent)\n\tAfterModelMiddleware\\2eafter_model(after_model)\n\tAfterAgentMiddleware\\2eafter_agent(after_agent)\n\t__end__([__end__]):::last\n\tAfterModelMiddleware\\2eafter_model --> AfterAgentMiddleware\\2eafter_agent;\n\tBeforeAgentMiddleware\\2ebefore_agent --> model;\n\t__start__ --> BeforeAgentMiddleware\\2ebefore_agent;\n\tmodel --> AfterModelMiddleware\\2eafter_model;\n\tAfterAgentMiddleware\\2eafter_agent --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","11011":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tBeforeAgentMiddleware\\2ebefore_agent(before_agent)\n\tAfterModelMiddleware\\2eafter_model(after_model)\n\tAfterAgentMiddleware\\2eafter_agent(after_agent)\n\t__end__([__end__]):::last\n\tAfterModelMiddleware\\2eafter_model -.-> AfterAgentMiddleware\\2eafter_agent;\n\tAfterModelMiddleware\\2eafter_model -.-> model;\n\tAfterModelMiddleware\\2eafter_model -.-> tools;\n\tBeforeAgentMiddleware\\2ebefore_agent --> model;\n\t__start__ --> BeforeAgentMiddleware\\2ebefore_agent;\n\tmodel --> AfterModelMiddleware\\2eafter_model;\n\ttools -.-> AfterAgentMiddleware\\2eafter_agent;\n\ttools -.-> model;\n\tAfterAgentMiddleware\\2eafter_agent --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","00111":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tBeforeModelMiddleware\\2ebefore_model(before_model)\n\tAfterModelMiddleware\\2eafter_model(after_model)\n\tAfterAgentMiddleware\\2eafter_agent(after_agent)\n\t__end__([__end__]):::last\n\tAfterModelMiddleware\\2eafter_model --> AfterAgentMiddleware\\2eafter_agent;\n\tBeforeModelMiddleware\\2ebefore_model --> model;\n\t__start__ --> BeforeModelMiddleware\\2ebefore_model;\n\tmodel --> AfterModelMiddleware\\2eafter_model;\n\tAfterAgentMiddleware\\2eafter_agent --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","10111":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tBeforeModelMiddleware\\2ebefore_model(before_model)\n\tAfterModelMiddleware\\2eafter_model(after_model)\n\tAfterAgentMiddleware\\2eafter_agent(after_agent)\n\t__end__([__end__]):::last\n\tAfterModelMiddleware\\2eafter_model -.-> AfterAgentMiddleware\\2eafter_agent;\n\tAfterModelMiddleware\\2eafter_model -.-> BeforeModelMiddleware\\2ebefore_model;\n\tAfterModelMiddleware\\2eafter_model -.-> tools;\n\tBeforeModelMiddleware\\2ebefore_model --> model;\n\t__start__ --> BeforeModelMiddleware\\2ebefore_model;\n\tmodel --> AfterModelMiddleware\\2eafter_model;\n\ttools -.-> AfterAgentMiddleware\\2eafter_agent;\n\ttools -.-> BeforeModelMiddleware\\2ebefore_model;\n\tAfterAgentMiddleware\\2eafter_agent --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","01111":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\tBeforeAgentMiddleware\\2ebefore_agent(before_agent)\n\tBeforeModelMiddleware\\2ebefore_model(before_model)\n\tAfterModelMiddleware\\2eafter_model(after_model)\n\tAfterAgentMiddleware\\2eafter_agent(after_agent)\n\t__end__([__end__]):::last\n\tAfterModelMiddleware\\2eafter_model --> AfterAgentMiddleware\\2eafter_agent;\n\tBeforeAgentMiddleware\\2ebefore_agent --> BeforeModelMiddleware\\2ebefore_model;\n\tBeforeModelMiddleware\\2ebefore_model --> model;\n\t__start__ --> BeforeAgentMiddleware\\2ebefore_agent;\n\tmodel --> AfterModelMiddleware\\2eafter_model;\n\tAfterAgentMiddleware\\2eafter_agent --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n","11111":"---\nconfig:\n  flowchart:\n    curve: linear\n    nodeSpacing: 30\n    rankSpacing: 40\n    padding: 10\n---\ngraph TD;\n\t__start__([__start__]):::first\n\tmodel(model)\n\ttools(tools)\n\tBeforeAgentMiddleware\\2ebefore_agent(before_agent)\n\tBeforeModelMiddleware\\2ebefore_model(before_model)\n\tAfterModelMiddleware\\2eafter_model(after_model)\n\tAfterAgentMiddleware\\2eafter_agent(after_agent)\n\t__end__([__end__]):::last\n\tAfterModelMiddleware\\2eafter_model -.-> AfterAgentMiddleware\\2eafter_agent;\n\tAfterModelMiddleware\\2eafter_model -.-> BeforeModelMiddleware\\2ebefore_model;\n\tAfterModelMiddleware\\2eafter_model -.-> tools;\n\tBeforeAgentMiddleware\\2ebefore_agent --> BeforeModelMiddleware\\2ebefore_model;\n\tBeforeModelMiddleware\\2ebefore_model --> model;\n\t__start__ --> BeforeAgentMiddleware\\2ebefore_agent;\n\tmodel --> AfterModelMiddleware\\2eafter_model;\n\ttools -.-> AfterAgentMiddleware\\2eafter_agent;\n\ttools -.-> BeforeModelMiddleware\\2ebefore_model;\n\tAfterAgentMiddleware\\2eafter_agent --> __end__;\n\tclassDef default fill:#f2f0ff,line-height:1.2\n\tclassDef first fill-opacity:0\n\tclassDef last fill:#bfb6fc\n"};
\ No newline at end of file
diff --git a/src/plugins/middleware_visualization/generate_middleware_diagrams.py b/src/plugins/middleware_visualization/generate_middleware_diagrams.py
new file mode 100644
index 000000000..39c57fd66
--- /dev/null
+++ b/src/plugins/middleware_visualization/generate_middleware_diagrams.py
@@ -0,0 +1,259 @@
+"""Generate Mermaid diagrams for middleware hook combinations.
+
+Binary naming scheme (5 bits):
+- Bit 0: has_tools
+- Bit 1: before_agent
+- Bit 2: before_model
+- Bit 3: after_model
+- Bit 4: after_agent
+
+Example: "10110" = tools, before_model, after_model
+"""
+
+from __future__ import annotations
+
+import json
+from pathlib import Path
+from typing import Any
+
+from langchain.agents.factory import create_agent
+from langchain.agents.middleware.types import AgentMiddleware, AgentState
+from langchain_core.language_models.chat_models import SimpleChatModel
+from langchain_core.tools import tool
+
+
+class DemoModel(SimpleChatModel):
+    """Demo model for generating diagrams."""
+
+    def _call(self, messages, stop=None, run_manager=None, **kwargs):
+        return "Demo response"
+
+    @property
+    def _llm_type(self) -> str:
+        return "demo"
+
+
+@tool
+def demo_tool(query: str) -> str:
+    """Demo tool for testing."""
+    return f"Result for: {query}"
+
+
+class BeforeModelMiddleware(AgentMiddleware):
+    """Middleware with only before_model hook."""
+
+    def before_model(self, state: AgentState, runtime) -> dict[str, Any] | None:
+        return None
+
+
+class AfterModelMiddleware(AgentMiddleware):
+    """Middleware with only after_model hook."""
+
+    def after_model(self, state: AgentState, runtime) -> dict[str, Any] | None:
+        return None
+
+
+class BeforeAgentMiddleware(AgentMiddleware):
+    """Middleware with only before_agent hook."""
+
+    def before_agent(self, state: AgentState, runtime) -> dict[str, Any] | None:
+        return None
+
+
+class AfterAgentMiddleware(AgentMiddleware):
+    """Middleware with only after_agent hook."""
+
+    def after_agent(self, state: AgentState, runtime) -> dict[str, Any] | None:
+        return None
+
+
+def binary_name(
+    has_tools: bool,
+    before_agent: bool,
+    before_model: bool,
+    after_model: bool,
+    after_agent: bool,
+) -> str:
+    """Generate binary name for configuration.
+
+    Bit positions:
+    - Bit 0: has_tools
+    - Bit 1: before_agent
+    - Bit 2: before_model
+    - Bit 3: after_model
+    - Bit 4: after_agent
+    """
+    bits = [
+        "1" if has_tools else "0",
+        "1" if before_agent else "0",
+        "1" if before_model else "0",
+        "1" if after_model else "0",
+        "1" if after_agent else "0",
+    ]
+    return "".join(bits)
+
+
+def clean_mermaid_diagram(mermaid: str, language: str = "python") -> str:
+    """Clean up Mermaid diagram by simplifying node names and improving styling.
+
+    Args:
+        mermaid: Raw Mermaid diagram from LangGraph.
+        language: "python" for snake_case or "javascript" for camelCase naming.
+
+    Returns:
+        Cleaned Mermaid diagram with simplified node names.
+    """
+    import re
+
+    # Replace middleware class names with simple hook names in node labels
+    # Pattern matches: node_id(ClassName.hook_name) -> node_id(hook_name)
+    if language == "javascript":
+        replacements = [
+            (r"\(BeforeAgentMiddleware\.before_agent\)", "(beforeAgent)"),
+            (r"\(BeforeModelMiddleware\.before_model\)", "(beforeModel)"),
+            (r"\(AfterModelMiddleware\.after_model\)", "(afterModel)"),
+            (r"\(AfterAgentMiddleware\.after_agent\)", "(afterAgent)"),
+            # Also update escaped versions in node IDs
+            (r"BeforeAgentMiddleware\\2ebefore_agent", "BeforeAgentMiddleware"),
+            (r"BeforeModelMiddleware\\2ebefore_model", "BeforeModelMiddleware"),
+            (r"AfterModelMiddleware\\2eafter_model", "AfterModelMiddleware"),
+            (r"AfterAgentMiddleware\\2eafter_agent", "AfterAgentMiddleware"),
+        ]
+    else:  # python
+        replacements = [
+            (r"\(BeforeAgentMiddleware\.before_agent\)", "(before_agent)"),
+            (r"\(BeforeModelMiddleware\.before_model\)", "(before_model)"),
+            (r"\(AfterModelMiddleware\.after_model\)", "(after_model)"),
+            (r"\(AfterAgentMiddleware\.after_agent\)", "(after_agent)"),
+        ]
+
+    # Common replacements for both languages
+    replacements.extend(
+        [
+            # Remove <p> tags from start/end nodes to make them normal size
+            (r"__start__\(\[<p>__start__</p>\]\)", "__start__([__start__])"),
+            (r"__end__\(\[<p>__end__</p>\]\)", "__end__([__end__])"),
+        ]
+    )
+
+    for pattern, replacement in replacements:
+        mermaid = re.sub(pattern, replacement, mermaid)
+
+    # Add more compact layout configuration
+    # Replace the config section to make diagrams more compact
+    config_pattern = r"---\nconfig:\n  flowchart:\n    curve: linear\n---\n"
+    compact_config = """---
+config:
+  flowchart:
+    curve: linear
+    nodeSpacing: 30
+    rankSpacing: 40
+    padding: 10
+---
+"""
+    mermaid = re.sub(config_pattern, compact_config, mermaid)
+
+    return mermaid
+
+
+def generate_all_diagrams(language: str = "python") -> dict[str, str]:
+    """Generate Mermaid diagrams for all 32 possible hook combinations.
+
+    Args:
+        language: "python" for snake_case or "javascript" for camelCase naming.
+
+    Returns:
+        Dictionary mapping binary configuration names to Mermaid diagram strings.
+    """
+    model = DemoModel()
+    diagrams = {}
+
+    # Generate all 32 combinations (2^5)
+    for i in range(32):
+        # Extract bits
+        has_tools = bool(i & 0b00001)
+        before_agent = bool(i & 0b00010)
+        before_model = bool(i & 0b00100)
+        after_model = bool(i & 0b01000)
+        after_agent = bool(i & 0b10000)
+
+        # Build middleware list
+        middleware = []
+        if before_agent:
+            middleware.append(BeforeAgentMiddleware())
+        if before_model:
+            middleware.append(BeforeModelMiddleware())
+        if after_model:
+            middleware.append(AfterModelMiddleware())
+        if after_agent:
+            middleware.append(AfterAgentMiddleware())
+
+        # Generate binary name
+        name = binary_name(
+            has_tools,
+            before_agent,
+            before_model,
+            after_model,
+            after_agent,
+        )
+
+        # Create agent and generate diagram
+        tools = [demo_tool] if has_tools else []
+        agent = create_agent(model=model, tools=tools, middleware=middleware)
+
+        mermaid = agent.get_graph().draw_mermaid()
+        # Clean up node names
+        mermaid = clean_mermaid_diagram(mermaid, language=language)
+        diagrams[name] = mermaid
+
+        print(
+            f"Generated: {name} (tools={int(has_tools)}, "
+            f"before_agent={int(before_agent)}, before_model={int(before_model)}, "
+            f"after_model={int(after_model)}, after_agent={int(after_agent)})"
+        )
+
+    return diagrams
+
+
+def save_diagrams_to_inline_js(diagrams: dict[str, str], output_path: Path) -> None:
+    """Save diagrams as an inline JavaScript constant file.
+
+    This is needed because Mintlify's dev server doesn't serve JSON files.
+    By converting to a JS file, the diagrams data can be loaded via <script src>.
+
+    Args:
+        diagrams: Dictionary mapping binary names to Mermaid diagrams.
+        output_path: Path where the JS file should be saved.
+    """
+    # Minified JSON (no whitespace)
+    json_str = json.dumps(diagrams, separators=(",", ":"))
+    js_content = f"const diagrams = {json_str};"
+
+    output_path.write_text(js_content)
+    print(f"Saved inline JS version to {output_path}")
+
+
+def main() -> None:
+    """Generate all diagrams and save to both JSON and inline JS formats."""
+    # Generate Python version (snake_case)
+    print("\nGenerating Python diagrams (snake_case)...")
+    python_diagrams = generate_all_diagrams(language="python")
+
+    # Generate JavaScript version (camelCase)
+    print("\nGenerating JavaScript diagrams (camelCase)...")
+    js_diagrams = generate_all_diagrams(language="javascript")
+
+    # Save to same directory as script
+    output_dir = Path(__file__).parent
+    output_dir.mkdir(parents=True, exist_ok=True)
+
+    # Save as inline JS files (for Mintlify to serve)
+    python_js_path = output_dir / "diagrams_python.js"
+    save_diagrams_to_inline_js(python_diagrams, python_js_path)
+
+    js_js_path = output_dir / "diagrams_js.js"
+    save_diagrams_to_inline_js(js_diagrams, js_js_path)
+
+
+if __name__ == "__main__":
+    main()
diff --git a/src/plugins/middleware_visualization/index.html b/src/plugins/middleware_visualization/index.html
new file mode 100644
index 000000000..f7408e3b8
--- /dev/null
+++ b/src/plugins/middleware_visualization/index.html
@@ -0,0 +1,401 @@
+<!-- Middleware Hooks Visualizer -->
+<style>
+* {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+}
+
+html, body {
+    height: 550px;
+    margin: 0;
+}
+
+body {
+    font-family: var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
+    color: var(--text-primary, #1a202c);
+    padding: 1.25rem;
+    line-height: 1.6;
+    overflow: hidden;
+    height: 500px;
+}
+
+.container {
+    max-width: 1400px;
+    margin: 0 auto;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.main-layout {
+    display: grid;
+    grid-template-columns: 60% 1fr;
+    gap: 1.5rem;
+    align-items: start;
+    height: 100%;
+    flex: 1;
+}
+
+.left-column {
+    display: flex;
+    flex-direction: column;
+    gap: 1.25rem;
+    height: 100%;
+}
+
+h3 {
+    font-family: var(--font-family, 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
+    font-size: 1.125em;
+    font-weight: 400;
+    margin: 0 0 1.25rem 0;
+    color: var(--text-primary, #1a202c);
+    line-height: 1.4;
+}
+
+h4 {
+    font-family: var(--font-family, 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
+    font-size: 0.9375em;
+    font-weight: 500;
+    margin: 0 0 0.75rem 0;
+    color: var(--text-primary, #1a202c);
+    line-height: 1.4;
+}
+
+h4.section-spacing {
+    margin-top: 1.5rem;
+}
+
+.section-title {
+    font-family: var(--font-heading, 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
+    font-size: 0.875rem;
+    font-weight: 600;
+    margin-bottom: 0.75rem;
+    color: var(--text-primary, #1a202c);
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    font-size: 0.75rem;
+}
+
+.hooks-list {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+}
+
+.hook-item {
+    display: flex;
+    align-items: flex-start;
+    gap: 0.625rem;
+    padding: 0.375rem;
+    border-radius: 6px;
+    transition: background-color 0.15s ease;
+}
+
+.tools-item {
+    border-top: 1px solid var(--border-color, #e5e7eb);
+    padding-top: 0.75rem;
+    margin-top: 0.5rem;
+}
+
+.hook-item:hover {
+    background-color: var(--hover-bg, rgba(0, 0, 0, 0.02));
+}
+
+.hook-checkbox {
+    width: 16px;
+    height: 16px;
+    cursor: pointer;
+    accent-color: var(--primary, #7c3aed);
+    margin-top: 2px;
+    flex-shrink: 0;
+}
+
+.hook-content {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+}
+
+.hook-item-title {
+    font-weight: 500;
+    font-size: 0.8125rem;
+    color: var(--text-primary, #1a202c);
+    cursor: pointer;
+}
+
+.hook-item-desc {
+    font-size: 0.9rem;
+    color: var(--text-secondary, #6b7280);
+    line-height: 1.5;
+}
+
+/* Inline code styling to match Mintlify */
+code {
+    font-family: var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
+    font-size: 1.25em;
+    font-weight: 700;
+    font-variant-ligatures: none;
+    border-radius: 0.375rem;
+    background-color: rgba(243, 244, 246, 0.5);
+    padding: 0.125rem 0.5rem;
+    color: var(--text-primary, #4b5563);
+}
+
+.right-column {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.graph-wrapper {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    min-height: 0;
+}
+
+#agent-graph {
+    flex: 1;
+    display: flex;
+    align-items: flex-start;
+    justify-content: center;
+    min-height: 0;
+    overflow: hidden;
+}
+
+#agent-graph svg {
+    width: 100% !important;
+    height: 100% !important;
+    max-width: 100%;
+    max-height: 100%;
+    object-fit: contain;
+}
+
+@media (max-width: 400px) {
+    .main-layout {
+        grid-template-columns: 1fr;
+    }
+}
+</style>
+
+<div class="container">
+    <div class="main-layout">
+    <!-- Left Column: Hooks with Checkboxes -->
+    <div class="left-column">
+        <section>
+        <h3>Agent Configuration</h3>
+
+        <h4>Available Hooks</h4>
+        <div class="hooks-list">
+            <div class="hook-item">
+            <input type="checkbox" id="before_agent" class="hook-checkbox">
+            <div class="hook-content">
+                <label for="before_agent" class="hook-item-title"><code data-hook="before_agent">before_agent</code></label>
+                <div class="hook-item-desc">Before agent starts (once per invocation).</div>
+            </div>
+            </div>
+
+            <div class="hook-item">
+            <input type="checkbox" id="before_model" class="hook-checkbox">
+            <div class="hook-content">
+                <label for="before_model" class="hook-item-title"><code data-hook="before_model">before_model</code></label>
+                <div class="hook-item-desc">Before each model call.</div>
+            </div>
+            </div>
+
+            <div class="hook-item">
+            <input type="checkbox" id="after_model" class="hook-checkbox">
+            <div class="hook-content">
+                <label for="after_model" class="hook-item-title"><code data-hook="after_model">after_model</code></label>
+                <div class="hook-item-desc">After each model response.</div>
+            </div>
+            </div>
+
+            <div class="hook-item">
+            <input type="checkbox" id="after_agent" class="hook-checkbox">
+            <div class="hook-content">
+                <label for="after_agent" class="hook-item-title"><code data-hook="after_agent">after_agent</code></label>
+                <div class="hook-item-desc">After agent completes (once per invocation).</div>
+            </div>
+            </div>
+        </div>
+
+        <h4 class="section-spacing">Other Configuration</h4>
+        <div class="hooks-list">
+            <div class="hook-item tools-item">
+            <input type="checkbox" id="tools" class="hook-checkbox" checked>
+            <div class="hook-content">
+                <label for="tools" class="hook-item-title"><code data-hook="tools">tools</code></label>
+                <div class="hook-item-desc">Tools available to the agent.</div>
+            </div>
+            </div>
+        </div>
+        </section>
+    </div>
+
+    <!-- Right Column: Agent Graph -->
+    <div class="right-column">
+        <div class="graph-wrapper">
+        <h3>Agent Graph</h3>
+        <div id="agent-graph">Loading...</div>
+        </div>
+    </div>
+    </div>
+</div>
+
+<script id="diagrams-python" src="./diagrams_python.js"></script>
+<script id="diagrams-js" src="./diagrams_js.js"></script>
+<script type="module">
+import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs';
+
+let currentLanguage = 'python';
+let pythonDiagrams = {};
+let jsDiagrams = {};
+
+mermaid.initialize({
+    startOnLoad: false,
+    theme: 'default'
+});
+
+function detectLanguage() {
+    const path = window.location.pathname;
+    if (path.includes('/javascript') || path.includes('/js') || path.includes('/typescript')) {
+    return 'javascript';
+    }
+    if (path.includes('/python')) {
+    return 'python';
+    }
+
+    if (window.parent && window.parent !== window) {
+    try {
+        const parentPath = window.parent.location.pathname;
+        if (parentPath.includes('/javascript') || parentPath.includes('/js') || parentPath.includes('/typescript')) {
+        return 'javascript';
+        }
+        if (parentPath.includes('/python')) {
+        return 'python';
+        }
+    } catch (e) {
+        // Cross-origin iframe, can't access parent URL
+    }
+    }
+
+    const activeTab = document.querySelector('[data-language-tab].active, [data-tab].active');
+    if (activeTab) {
+    const lang = activeTab.getAttribute('data-language') || activeTab.getAttribute('data-tab') || '';
+    if (lang.match(/^(js|javascript|typescript|ts)$/i)) {
+        return 'javascript';
+    }
+    }
+
+    const visibleCode = document.querySelector('.language-typescript:not([hidden]), .language-javascript:not([hidden]), .language-js:not([hidden])');
+    if (visibleCode) {
+    return 'javascript';
+    }
+
+    return 'python';
+}
+
+function updateHookNames(lang) {
+    const hookElements = document.querySelectorAll('code[data-hook]');
+    const isJS = lang === 'javascript';
+
+    hookElements.forEach(el => {
+    const hook = el.getAttribute('data-hook');
+    if (hook === 'tools') return;
+
+    if (hook === 'before_agent') {
+        el.textContent = isJS ? 'beforeAgent' : 'before_agent';
+    } else if (hook === 'before_model') {
+        el.textContent = isJS ? 'beforeModel' : 'before_model';
+    } else if (hook === 'after_model') {
+        el.textContent = isJS ? 'afterModel' : 'after_model';
+    } else if (hook === 'after_agent') {
+        el.textContent = isJS ? 'afterAgent' : 'after_agent';
+    }
+    });
+}
+
+async function loadDiagrams() {
+    try {
+    const pythonResponse = await fetch('./diagrams_python.js');
+    const pythonText = await pythonResponse.text();
+    const pythonMatch = pythonText.match(/const diagrams = (\{.*\});/);
+    if (pythonMatch) {
+        pythonDiagrams = JSON.parse(pythonMatch[1]);
+    }
+
+    const jsResponse = await fetch('./diagrams_js.js');
+    const jsText = await jsResponse.text();
+    const jsMatch = jsText.match(/const diagrams = (\{.*\});/);
+    if (jsMatch) {
+        jsDiagrams = JSON.parse(jsMatch[1]);
+    }
+    } catch (e) {
+    console.error('Failed to load diagrams:', e);
+    pythonDiagrams = window.diagrams || {};
+    jsDiagrams = window.diagrams || {};
+    }
+
+    currentLanguage = detectLanguage();
+    updateHookNames(currentLanguage);
+    render();
+}
+
+function getKey() {
+    return [
+    document.getElementById('tools').checked ? '1' : '0',
+    document.getElementById('before_agent').checked ? '1' : '0',
+    document.getElementById('before_model').checked ? '1' : '0',
+    document.getElementById('after_model').checked ? '1' : '0',
+    document.getElementById('after_agent').checked ? '1' : '0',
+    ].join('');
+}
+
+async function render() {
+    const key = getKey();
+    const graphEl = document.getElementById('agent-graph');
+
+    const diagrams = currentLanguage === 'javascript' ? jsDiagrams : pythonDiagrams;
+
+    if (!diagrams[key]) {
+    graphEl.innerHTML = `<div style="color: #e53e3e;">Diagram not found for key: ${key}<br>Language: ${currentLanguage}<br>Available keys: ${Object.keys(diagrams).length > 0 ? Object.keys(diagrams).slice(0, 5).join(', ') + '...' : 'none loaded'}</div>`;
+    return;
+    }
+
+    try {
+    const id = `mermaid-${Date.now()}`;
+    const { svg } = await mermaid.render(id, diagrams[key]);
+    graphEl.innerHTML = svg;
+    } catch (error) {
+    graphEl.innerHTML = `<div style="color: #e53e3e;">Render error: ${error.message}</div>`;
+    }
+}
+
+function initializeWidget() {
+    loadDiagrams();
+    document.querySelectorAll('.hook-checkbox').forEach((input) => {
+    input.addEventListener('change', render);
+    });
+
+    document.addEventListener('click', (e) => {
+    if (e.target.matches('[data-language-tab], [data-tab]')) {
+        setTimeout(() => {
+        const newLang = detectLanguage();
+        if (newLang !== currentLanguage) {
+            currentLanguage = newLang;
+            updateHookNames(currentLanguage);
+            render();
+        }
+        }, 50);
+    }
+    });
+}
+
+window.addEventListener('DOMContentLoaded', initializeWidget);
+if (typeof document$ !== 'undefined') {
+    document$.subscribe(initializeWidget);
+}
+</script>
diff --git a/tests/unit_tests/test_builder.py b/tests/unit_tests/test_builder.py
index 6ce5d874e..e7d485d2a 100644
--- a/tests/unit_tests/test_builder.py
+++ b/tests/unit_tests/test_builder.py
@@ -37,6 +37,7 @@ def test_builder_initialization() -> None:
             ".yaml",
             ".css",
             ".js",
+            ".html",
         }