Merge pull request #287166 from microsoft/rebornix/disgusted-jaguar

Update instructions/documentation for notebook and interactive window components
This commit is contained in:
Peng Lyu
2026-01-12 13:45:33 -08:00
committed by GitHub
parent a1248f5307
commit 87912ef73b
8 changed files with 2589 additions and 0 deletions

View File

@@ -0,0 +1,331 @@
<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1041px" height="701px" viewBox="-0.5 -0.5 1041 701" content="&lt;mxfile&gt;&lt;diagram id=&quot;SckAI8QHEKwFKhKEKjYm&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;">
<defs/>
<g>
<rect x="0" y="0" width="1040" height="700" rx="105" ry="105" fill="#d0cee2" stroke="#56517e" pointer-events="all"/>
<rect x="610" y="330" width="220" height="340" fill="none" stroke="#000000" pointer-events="all"/>
<rect x="630" y="370" width="180" height="198" rx="10.8" ry="10.8" fill="none" stroke="#000000" pointer-events="all"/>
<rect x="630" y="610" width="180" height="45" rx="9" ry="9" fill="none" stroke="#000000" pointer-events="all"/>
<rect x="640" y="380" width="150" height="30" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 148px; height: 1px; padding-top: 395px; margin-left: 641px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
Notebook Editor Widget
</div>
</div>
</div>
</foreignObject>
<text x="715" y="399" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
Notebook Editor Widget
</text>
</switch>
</g>
<rect x="640" y="620" width="130" height="30" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 128px; height: 1px; padding-top: 635px; margin-left: 641px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
Code Editor Widget
</div>
</div>
</div>
</foreignObject>
<text x="705" y="639" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
Code Editor Widget
</text>
</switch>
</g>
<rect x="610" y="330" width="120" height="30" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 345px; margin-left: 611px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
Interactive Editor
</div>
</div>
</div>
</foreignObject>
<text x="670" y="349" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
Interactive Editor
</text>
</switch>
</g>
<rect x="30" y="400" width="170" height="50" rx="7.5" ry="7.5" fill="none" stroke="none" pointer-events="all"/>
<path d="M 37.5 400 M 37.5 400 C 72 398.16 101.73 398.56 192.5 400 M 37.5 400 C 71.53 399.87 104.78 401.13 192.5 400 M 192.5 400 C 197.95 399.4 200.51 401.45 200 407.5 M 192.5 400 C 199.02 399.15 197.87 401.07 200 407.5 M 200 407.5 C 201.18 418.13 201.11 430.17 200 442.5 M 200 407.5 C 199.68 417.41 200.6 427.53 200 442.5 M 200 442.5 C 198.84 445.57 198.67 448.08 192.5 450 M 200 442.5 C 198.03 445.49 197.05 448.92 192.5 450 M 192.5 450 C 151.75 449.5 109.73 449.16 37.5 450 M 192.5 450 C 154.45 449.4 117.67 449.75 37.5 450 M 37.5 450 C 32.87 450.43 29.18 446.95 30 442.5 M 37.5 450 C 33.61 451.49 31.11 447.29 30 442.5 M 30 442.5 C 29.86 431.1 28.71 420.16 30 407.5 M 30 442.5 C 29.78 435.05 29.2 427.69 30 407.5 M 30 407.5 C 29.3 403.51 33.61 401.76 37.5 400 M 30 407.5 C 28.57 404.48 31.38 401.62 37.5 400" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 168px; height: 1px; padding-top: 425px; margin-left: 31px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
NotebookService
</div>
</div>
</div>
</foreignObject>
<text x="115" y="429" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
NotebookService
</text>
</switch>
</g>
<rect x="42.5" y="607.5" width="185" height="55" rx="8.25" ry="8.25" fill="none" stroke="none" pointer-events="all"/>
<path d="M 50.75 607.5 M 50.75 607.5 C 85.82 610.15 120.05 606.94 219.25 607.5 M 50.75 607.5 C 112.36 605.81 171.94 605.5 219.25 607.5 M 219.25 607.5 C 226.61 607.96 225.77 608.45 227.5 615.75 M 219.25 607.5 C 226.66 607.78 227.3 612.28 227.5 615.75 M 227.5 615.75 C 228.15 629.27 227.2 641.66 227.5 654.25 M 227.5 615.75 C 228.44 625.2 226.85 634.95 227.5 654.25 M 227.5 654.25 C 227.54 658.63 222.89 661.14 219.25 662.5 M 227.5 654.25 C 226.75 657.87 226.17 663.04 219.25 662.5 M 219.25 662.5 C 167.72 661.51 116.77 661.21 50.75 662.5 M 219.25 662.5 C 174.2 663.15 126.77 662.21 50.75 662.5 M 50.75 662.5 C 45.85 662.35 41.33 660.26 42.5 654.25 M 50.75 662.5 C 45.42 663.96 43.33 659.73 42.5 654.25 M 42.5 654.25 C 41.1 642.2 43.91 632.69 42.5 615.75 M 42.5 654.25 C 43.01 639.46 42.87 626.85 42.5 615.75 M 42.5 615.75 C 42.67 611.25 43.26 606.65 50.75 607.5 M 42.5 615.75 C 44.43 608.08 46.16 609.06 50.75 607.5" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 183px; height: 1px; padding-top: 635px; margin-left: 43px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
TextModelResolverService
</div>
</div>
</div>
</foreignObject>
<text x="135" y="639" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
TextModelResolverService
</text>
</switch>
</g>
<rect x="267.5" y="330" width="240" height="340" fill="none" stroke="#000000" pointer-events="all"/>
<path d="M 287.5 425 L 206.37 425" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 201.12 425 L 208.12 421.5 L 206.37 425 L 208.12 428.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<rect x="287.5" y="370" width="200" height="220" rx="12" ry="12" fill="none" stroke="#000000" pointer-events="all"/>
<path d="M 287.5 635 L 233.87 635" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 228.62 635 L 235.62 631.5 L 233.87 635 L 235.62 638.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<rect x="287.5" y="610" width="200" height="50" rx="10" ry="10" fill="none" stroke="#000000" pointer-events="all"/>
<rect x="297.5" y="380" width="150" height="30" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 148px; height: 1px; padding-top: 395px; margin-left: 299px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
NotebookTextModel
</div>
</div>
</div>
</foreignObject>
<text x="373" y="399" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
NotebookTextModel
</text>
</switch>
</g>
<rect x="297.5" y="620" width="130" height="30" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 128px; height: 1px; padding-top: 635px; margin-left: 299px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
ITextModel
</div>
</div>
</div>
</foreignObject>
<text x="363" y="639" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
ITextModel
</text>
</switch>
</g>
<rect x="267.5" y="330" width="150" height="30" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 148px; height: 1px; padding-top: 345px; margin-left: 268px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
Interactive Editor Input
</div>
</div>
</div>
</foreignObject>
<text x="342" y="349" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
Interactive Editor In...
</text>
</switch>
</g>
<rect x="610" y="300" width="70" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 310px; margin-left: 645px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
EditorPane
</div>
</div>
</div>
</foreignObject>
<text x="645" y="314" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
EditorPane
</text>
</switch>
</g>
<rect x="267.5" y="300" width="70" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 310px; margin-left: 302px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
EditorInput
</div>
</div>
</div>
</foreignObject>
<text x="302" y="314" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
EditorInput
</text>
</switch>
</g>
<path d="M 487.5 425 L 630 419.5" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
<path d="M 487.5 640 L 630 637" fill="none" stroke="#000000" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
<rect x="267.5" y="20" width="222.5" height="60" rx="3.6" ry="3.6" fill="none" stroke="#000000" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 221px; height: 1px; padding-top: 50px; margin-left: 269px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
Editor Resolver Service
</div>
</div>
</div>
</foreignObject>
<text x="379" y="54" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
Editor Resolver Service
</text>
</switch>
</g>
<rect x="618.75" y="20" width="222.5" height="60" rx="3.6" ry="3.6" fill="none" stroke="#000000" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 221px; height: 1px; padding-top: 50px; margin-left: 620px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
EditorPane Registry
</div>
</div>
</div>
</foreignObject>
<text x="730" y="54" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
EditorPane Registry
</text>
</switch>
</g>
<path d="M 720 300 L 719.34 88.29" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 719.32 83.04 L 722.85 90.03 L 719.34 88.29 L 715.85 90.05 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<rect x="664" y="170" width="130" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 180px; margin-left: 729px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
Registry Editor Pane
</div>
</div>
</div>
</foreignObject>
<text x="729" y="184" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
Registry Editor Pane
</text>
</switch>
</g>
<path d="M 330 220 L 720 220" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 329.49 300 L 330 220" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 297.5 300 L 297.54 86.91" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 297.54 81.66 L 301.04 88.66 L 297.54 86.91 L 294.04 88.66 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<rect x="247.5" y="170" width="90" height="10" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 175px; margin-left: 292px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 6px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
<font style="font-size: 12px">
registerEditor
</font>
</div>
</div>
</div>
</foreignObject>
<text x="292" y="177" fill="#000000" font-family="Helvetica" font-size="6px" text-anchor="middle">
registerEditor
</text>
</switch>
</g>
<path d="M 830 400 L 873.63 400" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 878.88 400 L 871.88 403.5 L 873.63 400 L 871.88 396.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<rect x="880" y="390" width="110" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 400px; margin-left: 935px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
input: EditorInput
</div>
</div>
</div>
</foreignObject>
<text x="935" y="404" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
input: EditorInput
</text>
</switch>
</g>
<path d="M 830 450 L 873.63 450" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 878.88 450 L 871.88 453.5 L 873.63 450 L 871.88 446.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<rect x="880" y="440" width="120" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 450px; margin-left: 940px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
group: IEditorGroup
</div>
</div>
</div>
</foreignObject>
<text x="940" y="454" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
group: IEditorGroup
</text>
</switch>
</g>
<path d="M 830 500 L 873.63 500" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 878.88 500 L 871.88 503.5 L 873.63 500 L 871.88 496.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<rect x="880" y="490" width="150" height="20" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 500px; margin-left: 955px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
getControl: IEditorControl
</div>
</div>
</div>
</foreignObject>
<text x="955" y="504" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
getControl: IEditorControl
</text>
</switch>
</g>
</g>
<switch>
<g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
<a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
<text text-anchor="middle" font-size="10px" x="50%" y="100%">
Text is not SVG - cannot display
</text>
</a>
</switch>
</svg>

After

Width:  |  Height:  |  Size: 30 KiB

View File

@@ -0,0 +1,244 @@
<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="882px" height="752px" viewBox="-0.5 -0.5 882 752" content="&lt;mxfile&gt;&lt;diagram id=&quot;SckAI8QHEKwFKhKEKjYm&quot; name=&quot;Page-1&quot;&gt;7Vpdc5s4FP01ftwMEgjMY5J62zxsZ2e9nbaPLCiGCUYuyDHeX18BEiAkHNtBqadxXmJdfYDOuffo6toz+35dfsyDTfwXiXA6g1ZUzuwPMwiB6/rsX2XZNxYfcMMqTyI+qDMsk/8xN1rcuk0iXEgDKSEpTTayMSRZhkMq2YI8Jzt52CNJ5adughVWDMswSFXr1ySiMbcCy+o6PuFkFfNHzxHvWAdiMDcUcRCRXc9kL2b2fU4IbT6ty3ucVuAJXJp5f470ti+W44weMwHOmxnPQbrlm+MvRvditznZZhGuJoCZfbeLE4qXmyCseneMX2aL6Trl3Y9Jmt6TlOT1XDuyQozZru4KmpMn3OtBLgIeW+OOvwDOKS5HdwFabJhTYbLGNN+zIWWLfDOF+5OAe9eRM59zW9zjxRMDA+4Qq3bpDjP2gcM2AuHLCOIsuq3cjrUyklWbjoIibiHtwTeyc2jhSHJJFYreXpFmq8KW4zSgybPsyLrt8yf8TRL2Ji3Sri0j7c2RvERBtnmI+ay+472wkDtYhwb5ClNlnZqMdtdH8WNr+HFTWvkqqd+oI8r9sSWi44+ilp1bNgA4m7LrZJ9W1f9FWU3+RAoq1mNv0izZDFDcgDk4lemWo4L7Rj+EuClIk1XGmiFzC8zsd1W4JEyQbnnHOomi6jHa8OwC2OKb68WhVf8dcj0lNEfjEAE9qT3fdDW+aU8QhY4hlr88XNkVIev9MnbdU04p67RTSvAyApxycJmEFM5VTKGjA9WZAFXP4NkvXDsPefrm/jKMfRljG2owtjQYt0naazA2mV8pGMNDCvCmICONOGhBniID8xWMPxOK/yPkiVkXUULZji9XrTl3wDGr3p41CANbZQhAQ/ot8oIeRf/iOn+60qOnB3kqPb4pdoDCzkMFXhDWN4UrSacc1+ZiSL3ICJlb4vw5YQi96mQpnjANY3HMDEBtiBXFDnhBKZRnIYkToDl5gGfo5AG6a8f45T9Mg6JIwsGJPoAalwn9Vvn2DZOApvmdu3r1+UPZb+xFI2Nv3sxCovmdP6BudNPqlpg3IWXNzV86kZtLvOy+F1LI8AZXVds7s5AxHwg3dIxVMgDSnqJ1ffUfXJCURc17lgLX925kMXB9jRgI0Z5cDI64pZ4sBiNxbb0Q10JEQF9BbtBBDTGkBSLQJDFAFy0Gjn+mGHjuYCGDYqDe3hcljUlBu8vPO9QAe5CiadMBXZlqEgU44rZ/djpwQiS3qgEkzegk5G2zAXH0SwrgXbYCgIkUwDb3xQZQ6x5cAZr7WnEVgLEUwJQAQLXOcRWA7riXBMC/aAFAw7g9VwDQUEmmEwCo1m3eZcgDNNBcXWlTVzxrdeBVMQ/HZFgqol1k7ewg4QYLaWAg0rajYQxoGJuikCa+K+5rMhOhJW9ymHvMvKa4cgygZwTHWanUaRLJDqlg3xuwqRSrGFdQB+lTqI6VZkX9bDg/LwE7RzbHC6nGCt0pfqS/R6g6ot71Bl/7i2+oj45UgxHXz2fgseULwxE3rDYga3Z8xA1nu8Oix4SJilq4fMg2W3oNtEOBpsliJgo01ux+Ytrw2f1Q1178BA==&lt;/diagram&gt;&lt;/mxfile&gt;">
<defs/>
<g>
<rect x="0" y="0" width="880" height="750" rx="112.5" ry="112.5" fill="#d0cee2" stroke="#56517e" pointer-events="all"/>
<path d="M 520 735 L 520 15" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/>
<rect x="400" y="15" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 30px; margin-left: 401px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
<font style="font-size: 14px">
Ext Host
</font>
</div>
</div>
</div>
</foreignObject>
<text x="430" y="34" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
Ext Host
</text>
</switch>
</g>
<rect x="560" y="15" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 58px; height: 1px; padding-top: 30px; margin-left: 561px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
<font style="font-size: 14px">
UI
</font>
</div>
</div>
</div>
</foreignObject>
<text x="590" y="34" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
UI
</text>
</switch>
</g>
<rect x="560" y="235" width="240" height="340" fill="none" stroke="#000000" pointer-events="all"/>
<rect x="580" y="275" width="200" height="220" rx="12" ry="12" fill="none" stroke="#000000" pointer-events="all"/>
<rect x="580" y="515" width="200" height="50" rx="10" ry="10" fill="none" stroke="#000000" pointer-events="all"/>
<rect x="590" y="285" width="120" height="30" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 300px; margin-left: 591px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
Notebook Editor
</div>
</div>
</div>
</foreignObject>
<text x="650" y="304" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
Notebook Editor
</text>
</switch>
</g>
<rect x="590" y="525" width="90" height="30" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 88px; height: 1px; padding-top: 540px; margin-left: 591px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
Text Editor
</div>
</div>
</div>
</foreignObject>
<text x="635" y="544" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
Text Editor
</text>
</switch>
</g>
<rect x="560" y="235" width="120" height="30" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 250px; margin-left: 561px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
Interactive Editor
</div>
</div>
</div>
</foreignObject>
<text x="620" y="254" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
Interactive Editor
</text>
</switch>
</g>
<rect x="595" y="115" width="170" height="50" rx="7.5" ry="7.5" fill="none" stroke="none" pointer-events="all"/>
<path d="M 602.5 115 M 602.5 115 C 637 113.16 666.73 113.56 757.5 115 M 602.5 115 C 636.53 114.87 669.78 116.13 757.5 115 M 757.5 115 C 762.95 114.4 765.51 116.45 765 122.5 M 757.5 115 C 764.02 114.15 762.87 116.07 765 122.5 M 765 122.5 C 766.18 133.13 766.11 145.17 765 157.5 M 765 122.5 C 764.68 132.41 765.6 142.53 765 157.5 M 765 157.5 C 763.84 160.57 763.67 163.08 757.5 165 M 765 157.5 C 763.03 160.49 762.05 163.92 757.5 165 M 757.5 165 C 716.75 164.5 674.73 164.16 602.5 165 M 757.5 165 C 719.45 164.4 682.67 164.75 602.5 165 M 602.5 165 C 597.87 165.43 594.18 161.95 595 157.5 M 602.5 165 C 598.61 166.49 596.11 162.29 595 157.5 M 595 157.5 C 594.86 146.1 593.71 135.16 595 122.5 M 595 157.5 C 594.78 150.05 594.2 142.69 595 122.5 M 595 122.5 C 594.3 118.51 598.61 116.76 602.5 115 M 595 122.5 C 593.57 119.48 596.38 116.62 602.5 115" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 168px; height: 1px; padding-top: 140px; margin-left: 596px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
NotebookService
</div>
</div>
</div>
</foreignObject>
<text x="680" y="144" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
NotebookService
</text>
</switch>
</g>
<path d="M 680 285 L 680 171.37" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 680 166.12 L 683.5 173.12 L 680 171.37 L 676.5 173.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<rect x="587.5" y="645" width="185" height="50" rx="7.5" ry="7.5" fill="none" stroke="none" pointer-events="all"/>
<path d="M 595 645 M 595 645 C 630.38 647.66 664.94 644.45 765 645 M 595 645 C 657.15 643.29 717.27 642.98 765 645 M 765 645 C 771.86 645.46 770.77 645.7 772.5 652.5 M 765 645 C 771.91 645.28 772.3 649.53 772.5 652.5 M 772.5 652.5 C 773.13 664.85 772.19 676.08 772.5 687.5 M 772.5 652.5 C 773.44 661.04 771.85 669.88 772.5 687.5 M 772.5 687.5 C 772.54 691.38 768.14 693.64 765 695 M 772.5 687.5 C 771.75 690.62 771.42 695.54 765 695 M 765 695 C 713.02 694 661.62 693.71 595 695 M 765 695 C 719.55 695.65 671.7 694.71 595 695 M 595 695 C 590.6 694.85 586.33 693.01 587.5 687.5 M 595 695 C 590.17 696.46 588.33 692.48 587.5 687.5 M 587.5 687.5 C 586.11 676.46 588.92 667.95 587.5 652.5 M 587.5 687.5 C 588.01 673.98 587.87 662.64 587.5 652.5 M 587.5 652.5 C 587.67 648.5 588.01 644.15 595 645 M 587.5 652.5 C 589.43 645.33 590.91 646.56 595 645" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 183px; height: 1px; padding-top: 670px; margin-left: 589px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
TextModelResolverService
</div>
</div>
</div>
</foreignObject>
<text x="680" y="674" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
TextModelResolverService
</text>
</switch>
</g>
<path d="M 680 540 L 680 638.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 680 643.88 L 676.5 636.88 L 680 638.63 L 683.5 636.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<rect x="260" y="115" width="160" height="50" rx="7.5" ry="7.5" fill="none" stroke="none" pointer-events="all"/>
<path d="M 267.5 115 M 267.5 115 C 299.32 114.83 330.23 116.02 412.5 115 M 267.5 115 C 310.91 115.1 355.05 115.23 412.5 115 M 412.5 115 C 416.77 116.51 420.02 118.96 420 122.5 M 412.5 115 C 415.21 116.4 421.73 118.39 420 122.5 M 420 122.5 C 419.38 136.58 421.56 146.99 420 157.5 M 420 122.5 C 420.2 131.67 420.11 139.23 420 157.5 M 420 157.5 C 421.23 162.18 416.6 164.2 412.5 165 M 420 157.5 C 420.47 160.75 416.2 167.16 412.5 165 M 412.5 165 C 365.54 163.6 317.01 163.34 267.5 165 M 412.5 165 C 368.88 164.96 323.2 164.73 267.5 165 M 267.5 165 C 263.33 164.28 258.48 164.06 260 157.5 M 267.5 165 C 261.73 166.42 260.55 162.67 260 157.5 M 260 157.5 C 261.36 146.82 260.14 140.74 260 122.5 M 260 157.5 C 259.24 146.91 259.53 134.6 260 122.5 M 260 122.5 C 261.04 118.49 261.4 115.53 267.5 115 M 260 122.5 C 260.69 115.79 260.84 116.51 267.5 115" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 140px; margin-left: 261px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
ExthostNotebook
</div>
</div>
</div>
</foreignObject>
<text x="340" y="144" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
ExthostNotebook
</text>
</switch>
</g>
<path d="M 595 140 L 426.37 140" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 421.12 140 L 428.12 136.5 L 426.37 140 L 428.12 143.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<rect x="260" y="645" width="160" height="50" rx="7.5" ry="7.5" fill="none" stroke="none" pointer-events="all"/>
<path d="M 267.5 645 M 267.5 645 C 297.03 646.17 329.59 643.76 412.5 645 M 267.5 645 C 303.18 646.68 340.35 645.24 412.5 645 M 412.5 645 C 418.17 643.57 421.78 648.21 420 652.5 M 412.5 645 C 415.61 642.92 419.06 647.26 420 652.5 M 420 652.5 C 418.83 661.3 420.14 667.9 420 687.5 M 420 652.5 C 419.45 660.31 420.86 668.58 420 687.5 M 420 687.5 C 418.42 692.98 417.57 694.76 412.5 695 M 420 687.5 C 421.69 690.87 418.07 694.18 412.5 695 M 412.5 695 C 359.1 693.14 305.99 692.92 267.5 695 M 412.5 695 C 363.88 694.24 315.55 694.72 267.5 695 M 267.5 695 C 263.55 693.7 258.13 691.12 260 687.5 M 267.5 695 C 260.79 696.39 260.27 692.87 260 687.5 M 260 687.5 C 260.11 681.18 258.85 669.53 260 652.5 M 260 687.5 C 259.97 677.83 260.7 668.56 260 652.5 M 260 652.5 C 261.91 648.48 262.3 646.92 267.5 645 M 260 652.5 C 259.45 646.25 262.87 646.45 267.5 645" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 670px; margin-left: 261px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
ExthostEditors
</div>
</div>
</div>
</foreignObject>
<text x="340" y="674" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
ExthostEditors
</text>
</switch>
</g>
<path d="M 587.5 670 L 426.37 670" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 421.12 670 L 428.12 666.5 L 426.37 670 L 428.12 673.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<rect x="40" y="285" width="190" height="160" rx="24" ry="24" fill="none" stroke="none" pointer-events="all"/>
<path d="M 64 285 M 64 285 C 94.63 286.83 123.5 285 206 285 M 64 285 C 106.38 285.75 150.97 286.33 206 285 M 206 285 C 222.83 285.74 230 293.14 230 309 M 206 285 C 222.38 284.33 228.26 293.48 230 309 M 230 309 C 231.07 331.51 230.31 354.58 230 421 M 230 309 C 231.11 351.09 231.75 393.59 230 421 M 230 421 C 228.11 438.72 223.21 443.2 206 445 M 230 421 C 231.94 439.12 223.39 446.71 206 445 M 206 445 C 161.51 443.89 114.58 444.14 64 445 M 206 445 C 163.88 444.89 120.87 444.54 64 445 M 64 445 C 47.66 443.09 40.09 437.75 40 421 M 64 445 C 49.29 443.68 41.64 437.28 40 421 M 40 421 C 40.27 396.47 40.58 370.41 40 309 M 40 421 C 39.89 395.03 40.64 369.65 40 309 M 40 309 C 41.94 293.9 46.11 286.83 64 285 M 40 309 C 41.28 292.41 46.38 285.82 64 285" fill="none" stroke="#000000" stroke-width="2" stroke-linejoin="round" stroke-linecap="round" stroke-miterlimit="10" pointer-events="all"/>
<rect x="60" y="295" width="110" height="30" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 108px; height: 1px; padding-top: 310px; margin-left: 61px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
ExthostInteractive
</div>
</div>
</div>
</foreignObject>
<text x="115" y="314" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
ExthostInteracti...
</text>
</switch>
</g>
<path d="M 170 365 L 330 365 Q 340 365 340 355 L 340 171.37" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 340 166.12 L 343.5 173.12 L 340 171.37 L 336.5 173.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<rect x="60" y="350" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 58px; height: 1px; padding-top: 365px; margin-left: 62px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
<div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
NotebookEditor
</div>
</div>
</div>
</foreignObject>
<text x="62" y="369" fill="#000000" font-family="Helvetica" font-size="14px">
NotebookE...
</text>
</switch>
</g>
<path d="M 120 400 L 340 400 Q 350 400 350 410 L 350 638.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 350 643.88 L 346.5 636.88 L 350 638.63 L 353.5 636.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<rect x="60" y="385" width="60" height="30" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 58px; height: 1px; padding-top: 400px; margin-left: 62px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: left;">
<div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
Input
</div>
</div>
</div>
</foreignObject>
<text x="62" y="404" fill="#000000" font-family="Helvetica" font-size="14px">
Input
</text>
</switch>
</g>
</g>
<switch>
<g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
<a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
<text text-anchor="middle" font-size="10px" x="50%" y="100%">
Text is not SVG - cannot display
</text>
</a>
</switch>
</svg>

After

Width:  |  Height:  |  Size: 25 KiB

View File

@@ -0,0 +1,352 @@
<svg host="65bd71144e" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1081px" height="601px" viewBox="-0.5 -0.5 1081 601" content="&lt;mxfile&gt;&lt;diagram id=&quot;e9QGGNZdVJSySoEGsC2r&quot; name=&quot;Page-1&quot;&gt;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&lt;/diagram&gt;&lt;/mxfile&gt;">
<defs/>
<g>
<rect x="0" y="0" width="1080" height="600" rx="90" ry="90" fill="#d0cee2" stroke="#56517e" pointer-events="all"/>
<rect x="420" y="100" width="300" height="180" rx="10.8" ry="10.8" fill="none" stroke="#000000" pointer-events="all"/>
<path d="M 700 205 L 823.63 205" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 828.88 205 L 821.88 208.5 L 823.63 205 L 821.88 201.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 206px; margin-left: 761px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
Read resource
</div>
</div>
</div>
</foreignObject>
<text x="761" y="209" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
Read resource
</text>
</switch>
</g>
<rect x="440" y="150" width="260" height="110" rx="6.6" ry="6.6" fill="none" stroke="#000000" pointer-events="all"/>
<path d="M 575 250 L 575 363.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 575 368.88 L 571.5 361.88 L 575 363.63 L 578.5 361.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 322px; margin-left: 576px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
Deserialize NotebookData
</div>
</div>
</div>
</foreignObject>
<text x="576" y="325" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
Deserialize NotebookData
</text>
</switch>
</g>
<rect x="460" y="200" width="230" height="50" rx="3" ry="3" fill="none" stroke="#000000" pointer-events="all"/>
<path d="M 239.99 210 L 414.3 122.83" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 419 120.48 L 414.3 126.74 L 414.3 122.83 L 411.17 120.48 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 182px; margin-left: 290px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
creates
</div>
</div>
</div>
</foreignObject>
<text x="290" y="186" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
creates
</text>
</switch>
</g>
<path d="M 298.7 210 L 433.79 178.93" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 438.91 177.75 L 432.87 182.73 L 433.79 178.93 L 431.3 175.91 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 200px; margin-left: 348px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
creates
</div>
</div>
</div>
</foreignObject>
<text x="348" y="204" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
creates
</text>
</switch>
</g>
<path d="M 327.5 223.54 L 453.65 213.03" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 458.89 212.59 L 452.2 216.66 L 453.65 213.03 L 451.62 209.69 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 218px; margin-left: 393px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
creates
</div>
</div>
</div>
</foreignObject>
<text x="393" y="221" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
creates
</text>
</switch>
</g>
<rect x="52.5" y="210" width="275" height="50" rx="3" ry="3" fill="none" stroke="#000000" pointer-events="all"/>
<rect x="130" y="220" width="120" height="30" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 235px; margin-left: 131px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
NotebookEditorModelResolverService
</div>
</div>
</div>
</foreignObject>
<text x="190" y="239" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
NotebookEditorMod...
</text>
</switch>
</g>
<rect x="466.25" y="110" width="120" height="30" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 125px; margin-left: 467px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
<span style="font-size: 12px;">
SimpleNotebookEditorModel
</span>
</div>
</div>
</div>
</foreignObject>
<text x="526" y="129" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
SimpleNoteboookEd...
</text>
</switch>
</g>
<rect x="515" y="200" width="120" height="30" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 215px; margin-left: 516px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
<span style="font-size: 12px;">
NotebookFileWorkingCopyModelFactory
</span>
</div>
</div>
</div>
</foreignObject>
<text x="575" y="219" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
NotebookFileWorki...
</text>
</switch>
</g>
<rect x="466.25" y="160" width="120" height="30" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 175px; margin-left: 467px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
<span style="font-size: 12px;">
WorkingCopyManager
</span>
</div>
</div>
</div>
</foreignObject>
<text x="526" y="179" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
WorkingCopyManager
</text>
</switch>
</g>
<path d="M 575 430 L 575 503.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 575 508.88 L 571.5 501.88 L 575 503.63 L 578.5 501.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 471px; margin-left: 591px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
creates
</div>
</div>
</div>
</foreignObject>
<text x="591" y="474" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
creates
</text>
</switch>
</g>
<rect x="515" y="370" width="120" height="60" rx="3.6" ry="3.6" fill="none" stroke="#000000" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 400px; margin-left: 516px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
NotebookService
</div>
</div>
</div>
</foreignObject>
<text x="575" y="404" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
NotebookService
</text>
</switch>
</g>
<rect x="830" y="185" width="160" height="40" rx="2.4" ry="2.4" fill="none" stroke="#000000" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 205px; margin-left: 831px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
FileService
</div>
</div>
</div>
</foreignObject>
<text x="910" y="209" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
FileService
</text>
</switch>
</g>
<rect x="515" y="510" width="120" height="60" rx="3.6" ry="3.6" fill="none" stroke="#000000" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 540px; margin-left: 516px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
NotebookTextModel
</div>
</div>
</div>
</foreignObject>
<text x="575" y="544" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
NotebookTextModel
</text>
</switch>
</g>
<path d="M 910 375 L 910 231.37" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 910 226.12 L 913.5 233.12 L 910 231.37 L 906.5 233.12 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 314px; margin-left: 909px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
register FS provider
<br/>
for vscode-interactive schema
</div>
</div>
</div>
</foreignObject>
<text x="909" y="317" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
register FS provider...
</text>
</switch>
</g>
<path d="M 840 400 L 641.37 400" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 636.12 400 L 643.12 396.5 L 641.37 400 L 643.12 403.5 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 400px; margin-left: 737px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 11px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">
register notebook serializer
<br/>
for interactive viewtype
</div>
</div>
</div>
</foreignObject>
<text x="737" y="403" fill="#000000" font-family="Helvetica" font-size="11px" text-anchor="middle">
register notebook serializer...
</text>
</switch>
</g>
<rect x="840" y="375" width="140" height="50" rx="3" ry="3" fill="none" stroke="#000000" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 138px; height: 1px; padding-top: 400px; margin-left: 841px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
interactive.contribution
<br/>
(startup)
</div>
</div>
</div>
</foreignObject>
<text x="910" y="404" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">
interactive.contributio...
</text>
</switch>
</g>
<path d="M 190 70 L 190 103.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 190 108.88 L 186.5 101.88 L 190 103.63 L 193.5 101.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<rect x="85" y="30" width="210" height="40" rx="2.4" ry="2.4" fill="none" stroke="#000000" pointer-events="all"/>
<rect x="130" y="30" width="120" height="30" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 45px; margin-left: 131px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
InteractiveEditor
</div>
</div>
</div>
</foreignObject>
<text x="190" y="49" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
InteractiveEditor
</text>
</switch>
</g>
<path d="M 190 160 L 190 203.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/>
<path d="M 190 208.88 L 186.5 201.88 L 190 203.63 L 193.5 201.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/>
<rect x="80" y="110" width="220" height="50" rx="3" ry="3" fill="none" stroke="#000000" pointer-events="all"/>
<rect x="130" y="120" width="120" height="30" fill="none" stroke="none" pointer-events="all"/>
<g transform="translate(-0.5 -0.5)">
<switch>
<foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;">
<div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 135px; margin-left: 131px;">
<div data-drawio-colors="color: #000000; " style="box-sizing: border-box; font-size: 0px; text-align: center;">
<div style="display: inline-block; font-size: 14px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">
<span style="font-family: Helvetica; font-size: 12px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; float: none; display: inline !important;">
NotebookEditorInput
</span>
</div>
</div>
</div>
</foreignObject>
<text x="190" y="139" fill="#000000" font-family="Helvetica" font-size="14px" text-anchor="middle">
NotebookEditorInp...
</text>
</switch>
</g>
</g>
<switch>
<g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/>
<a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank">
<text text-anchor="middle" font-size="10px" x="50%" y="100%">
Text is not SVG - cannot display
</text>
</a>
</switch>
</svg>

After

Width:  |  Height:  |  Size: 30 KiB