Merge pull request #2335 from appwrite/feat-SER-288-Increase-MCP-visibility

Meldiron · web-flow · commit c320871ca6d1 · 2025-09-17T09:29:46.000+02:00
feat: add Appwrite MCP install cards to onboarding and project settings
diff --git a/src/routes/(console)/project-[region]-[project]/overview/assets/auth-preview-dark.svg b/src/routes/(console)/project-[region]-[project]/overview/assets/auth-preview-dark.svg
diff --git a/src/routes/(console)/project-[region]-[project]/overview/assets/auth-preview.svg b/src/routes/(console)/project-[region]-[project]/overview/assets/auth-preview.svg
diff --git a/src/routes/(console)/project-[region]-[project]/overview/assets/claude.svg b/src/routes/(console)/project-[region]-[project]/overview/assets/claude.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.62112 12.97L8.10468 10.9839L8.16326 10.8114L8.10468 10.7155H7.93493L7.35274 10.679L5.3623 10.6244L3.63606 10.5515L1.96362 10.4604L1.54282 10.3693L1.14832 9.84087L1.18896 9.57727L1.54282 9.33554L2.04969 9.38048L3.16983 9.45823L4.85065 9.57606L6.07001 9.64894L7.87635 9.83965H8.16326L8.2039 9.72183L8.10588 9.64894L8.02937 9.57606L6.28998 8.37832L4.40713 7.11257L3.42088 6.38372L2.88771 6.01444L2.61873 5.66824L2.50277 4.91267L2.98693 4.3709L3.63726 4.41585L3.80343 4.46079L4.46212 4.97584L5.86918 6.08247L7.70659 7.45755L7.97557 7.68471L8.08316 7.60696L8.09631 7.5523L7.97557 7.34701L6.97617 5.51154L5.90982 3.64449L5.43523 2.8707L5.3097 2.40667C5.26547 2.21595 5.23319 2.05561 5.23319 1.86004L5.7843 1.09961L6.08914 1L6.82435 1.09961L7.13397 1.37293L7.59063 2.43461L8.33062 4.10609L9.47826 6.37886L9.81419 7.05304L9.9935 7.67742L10.0605 7.86813H10.1764V7.75881L10.2709 6.47847L10.4454 4.9066L10.6151 2.88406L10.6737 2.31435L10.9511 1.63166L11.5022 1.26238L11.9325 1.47132L12.2864 1.98637L12.2374 2.31921L12.027 3.70887L11.6145 5.88568L11.3456 7.34337H11.5022L11.6815 7.16116L12.4071 6.18208L13.6265 4.63328L14.1645 4.01863L14.7921 3.33959L15.1949 3.01647H15.9564L16.5171 3.86314L16.2661 4.73775L15.4818 5.74841L14.8315 6.6048L13.8991 7.88028L13.3169 8.90066L13.3707 8.98205L13.5093 8.96869L15.6157 8.51316L16.7538 8.30422L18.1119 8.06735L18.7263 8.35889L18.7933 8.65528L18.5518 9.26144L17.0993 9.62586L15.3958 9.97206L12.859 10.5819L12.8279 10.6049L12.8638 10.6499L14.0067 10.7592L14.4956 10.7859H15.6923L17.9206 10.9548L18.5028 11.3459L18.8518 11.8245L18.7933 12.189L17.8967 12.653L16.6869 12.3615L13.8632 11.6788L12.8949 11.4334H12.761V11.5148L13.5679 12.3165L15.0467 13.6734L16.8985 15.4226L16.9929 15.855L16.755 16.1964L16.504 16.1599L14.8769 14.916L14.2493 14.3561L12.8279 13.1401H12.7335V13.2676L13.061 13.7548L14.7909 16.3968L14.8805 17.207L14.755 17.4706L14.3067 17.6298L13.8142 17.5387L12.8016 16.0943L11.7568 14.4678L10.914 13.0101L10.8112 13.0696L10.3139 18.5129L10.0808 18.7911L9.54282 19L9.09452 18.6538L8.85663 18.0938L9.09452 16.9872L9.38143 15.5429L9.61454 14.3949L9.82495 12.9688L9.95047 12.4951L9.9421 12.4635L9.83929 12.4769L8.78131 13.9528L7.17222 16.1624L5.89906 17.5472L5.59422 17.6699L5.06583 17.3917L5.11484 16.8949L5.41012 16.4527L7.17222 14.1751L8.23499 12.7635L8.92118 11.9484L8.9164 11.8306H8.87575L4.19554 14.9185L3.3623 15.0278L3.00367 14.6865L3.0479 14.1265L3.21765 13.9443L4.62471 12.9603L4.61992 12.9652L4.62112 12.97Z" fill="#2D2D31"/>
+</svg>
diff --git a/src/routes/(console)/project-[region]-[project]/overview/assets/cursor-ai.svg b/src/routes/(console)/project-[region]-[project]/overview/assets/cursor-ai.svg
@@ -0,0 +1,37 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_8409_469" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="10" width="16" height="9">
+<path d="M9.93746 18.3333L17.177 14.1667L9.93746 10L2.69788 14.1667L9.93746 18.3333Z" fill="url(#paint0_linear_8409_469)"/>
+</mask>
+<g mask="url(#mask0_8409_469)">
+<path d="M9.93746 18.3333L17.177 14.1667L9.93746 10L2.69788 14.1667L9.93746 18.3333Z" fill="#2D2D31"/>
+</g>
+<mask id="mask1_8409_469" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="9" y="1" width="9" height="14">
+<path d="M17.177 14.1667V5.83335L9.93738 1.66669V10L17.177 14.1667Z" fill="url(#paint1_linear_8409_469)"/>
+</mask>
+<g mask="url(#mask1_8409_469)">
+<path d="M17.177 14.1667V5.83335L9.93738 1.66669V10L17.177 14.1667Z" fill="#2D2D31"/>
+</g>
+<mask id="mask2_8409_469" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="1" width="8" height="14">
+<path d="M9.93746 1.66669L2.69788 5.83335V14.1667L9.93746 10V1.66669Z" fill="url(#paint2_linear_8409_469)"/>
+</mask>
+<g mask="url(#mask2_8409_469)">
+<path d="M9.93746 1.66669L2.69788 5.83335V14.1667L9.93746 10V1.66669Z" fill="#2D2D31"/>
+</g>
+<path d="M17.177 5.83331L9.93738 18.3333V9.99998L17.177 5.83331Z" fill="#2D2D31"/>
+<path d="M17.177 5.83331L9.93738 18.3333V9.99998L17.177 5.83331Z" fill="white" fill-opacity="0.48"/>
+<path d="M17.177 5.83331L9.93746 9.99998L2.69788 5.83331H17.177Z" fill="#2D2D31"/>
+<defs>
+<linearGradient id="paint0_linear_8409_469" x1="9.93746" y1="10" x2="9.93746" y2="18.3333" gradientUnits="userSpaceOnUse">
+<stop offset="0.16" stop-opacity="0.39"/>
+<stop offset="0.658" stop-opacity="0.8"/>
+</linearGradient>
+<linearGradient id="paint1_linear_8409_469" x1="17.177" y1="5.85905" x2="9.93738" y2="10.1042" gradientUnits="userSpaceOnUse">
+<stop offset="0.182" stop-opacity="0.31"/>
+<stop offset="0.715" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_8409_469" x1="9.93746" y1="1.66669" x2="2.69788" y2="14.1667" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0.6"/>
+<stop offset="0.667" stop-opacity="0.22"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/routes/(console)/project-[region]-[project]/overview/assets/dark/claude.svg b/src/routes/(console)/project-[region]-[project]/overview/assets/dark/claude.svg
@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.62112 12.97L8.10468 10.9839L8.16326 10.8114L8.10468 10.7155H7.93493L7.35274 10.679L5.3623 10.6244L3.63606 10.5515L1.96362 10.4604L1.54282 10.3693L1.14832 9.84087L1.18896 9.57727L1.54282 9.33554L2.04969 9.38048L3.16983 9.45823L4.85065 9.57606L6.07001 9.64894L7.87635 9.83965H8.16326L8.2039 9.72183L8.10588 9.64894L8.02937 9.57606L6.28998 8.37832L4.40713 7.11257L3.42088 6.38372L2.88771 6.01444L2.61873 5.66824L2.50277 4.91267L2.98693 4.3709L3.63726 4.41585L3.80343 4.46079L4.46212 4.97584L5.86918 6.08247L7.70659 7.45755L7.97557 7.68471L8.08316 7.60696L8.09631 7.5523L7.97557 7.34701L6.97617 5.51154L5.90982 3.64449L5.43523 2.8707L5.3097 2.40667C5.26547 2.21595 5.23319 2.05561 5.23319 1.86004L5.7843 1.09961L6.08914 1L6.82435 1.09961L7.13397 1.37293L7.59063 2.43461L8.33062 4.10609L9.47826 6.37886L9.81419 7.05304L9.9935 7.67742L10.0605 7.86813H10.1764V7.75881L10.2709 6.47847L10.4454 4.9066L10.6151 2.88406L10.6737 2.31435L10.9511 1.63166L11.5022 1.26238L11.9325 1.47132L12.2864 1.98637L12.2374 2.31921L12.027 3.70887L11.6145 5.88568L11.3456 7.34337H11.5022L11.6815 7.16116L12.4071 6.18208L13.6265 4.63328L14.1645 4.01863L14.7921 3.33959L15.1949 3.01647H15.9564L16.5171 3.86314L16.2661 4.73775L15.4818 5.74841L14.8315 6.6048L13.8991 7.88028L13.3169 8.90066L13.3707 8.98205L13.5093 8.96869L15.6157 8.51316L16.7538 8.30422L18.1119 8.06735L18.7263 8.35889L18.7933 8.65528L18.5518 9.26144L17.0993 9.62586L15.3958 9.97206L12.859 10.5819L12.8279 10.6049L12.8638 10.6499L14.0067 10.7592L14.4956 10.7859H15.6923L17.9206 10.9548L18.5028 11.3459L18.8518 11.8245L18.7933 12.189L17.8967 12.653L16.6869 12.3615L13.8632 11.6788L12.8949 11.4334H12.761V11.5148L13.5679 12.3165L15.0467 13.6734L16.8985 15.4226L16.9929 15.855L16.755 16.1964L16.504 16.1599L14.8769 14.916L14.2493 14.3561L12.8279 13.1401H12.7335V13.2676L13.061 13.7548L14.7909 16.3968L14.8805 17.207L14.755 17.4706L14.3067 17.6298L13.8142 17.5387L12.8016 16.0943L11.7568 14.4678L10.914 13.0101L10.8112 13.0696L10.3139 18.5129L10.0808 18.7911L9.54282 19L9.09452 18.6538L8.85663 18.0938L9.09452 16.9872L9.38143 15.5429L9.61454 14.3949L9.82495 12.9688L9.95047 12.4951L9.9421 12.4635L9.83929 12.4769L8.78131 13.9528L7.17222 16.1624L5.89906 17.5472L5.59422 17.6699L5.06583 17.3917L5.11484 16.8949L5.41012 16.4527L7.17222 14.1751L8.23499 12.7635L8.92118 11.9484L8.9164 11.8306H8.87575L4.19554 14.9185L3.3623 15.0278L3.00367 14.6865L3.0479 14.1265L3.21765 13.9443L4.62471 12.9603L4.61992 12.9652L4.62112 12.97Z" fill="#EDEDF0"/>
+</svg>
diff --git a/src/routes/(console)/project-[region]-[project]/overview/assets/dark/cursor-ai.svg b/src/routes/(console)/project-[region]-[project]/overview/assets/dark/cursor-ai.svg
@@ -0,0 +1,37 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_8409_615" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="10" width="16" height="9">
+<path d="M9.93746 18.3333L17.177 14.1667L9.93746 10L2.69788 14.1667L9.93746 18.3333Z" fill="url(#paint0_linear_8409_615)"/>
+</mask>
+<g mask="url(#mask0_8409_615)">
+<path d="M9.93746 18.3333L17.177 14.1667L9.93746 10L2.69788 14.1667L9.93746 18.3333Z" fill="#EDEDF0"/>
+</g>
+<mask id="mask1_8409_615" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="9" y="1" width="9" height="14">
+<path d="M17.177 14.1667V5.83335L9.93738 1.66669V10L17.177 14.1667Z" fill="url(#paint1_linear_8409_615)"/>
+</mask>
+<g mask="url(#mask1_8409_615)">
+<path d="M17.177 14.1667V5.83335L9.93738 1.66669V10L17.177 14.1667Z" fill="#EDEDF0"/>
+</g>
+<mask id="mask2_8409_615" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="1" width="8" height="14">
+<path d="M9.93746 1.66669L2.69788 5.83335V14.1667L9.93746 10V1.66669Z" fill="url(#paint2_linear_8409_615)"/>
+</mask>
+<g mask="url(#mask2_8409_615)">
+<path d="M9.93746 1.66669L2.69788 5.83335V14.1667L9.93746 10V1.66669Z" fill="#EDEDF0"/>
+</g>
+<path d="M17.177 5.83331L9.93738 18.3333V9.99998L17.177 5.83331Z" fill="#EDEDF0"/>
+<path d="M17.177 5.83331L9.93738 18.3333V9.99998L17.177 5.83331Z" fill="white" fill-opacity="0.48"/>
+<path d="M17.177 5.83331L9.93746 9.99998L2.69788 5.83331H17.177Z" fill="#EDEDF0"/>
+<defs>
+<linearGradient id="paint0_linear_8409_615" x1="9.93746" y1="10" x2="9.93746" y2="18.3333" gradientUnits="userSpaceOnUse">
+<stop offset="0.16" stop-opacity="0.39"/>
+<stop offset="0.658" stop-opacity="0.8"/>
+</linearGradient>
+<linearGradient id="paint1_linear_8409_615" x1="17.177" y1="5.85905" x2="9.93738" y2="10.1042" gradientUnits="userSpaceOnUse">
+<stop offset="0.182" stop-opacity="0.31"/>
+<stop offset="0.715" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_8409_615" x1="9.93746" y1="1.66669" x2="2.69788" y2="14.1667" gradientUnits="userSpaceOnUse">
+<stop stop-opacity="0.6"/>
+<stop offset="0.667" stop-opacity="0.22"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/routes/(console)/project-[region]-[project]/overview/assets/dark/vscode.svg b/src/routes/(console)/project-[region]-[project]/overview/assets/dark/vscode.svg
@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.7515 3.09828C13.7515 2.62741 13.2243 2.6274 12.99 2.68626C13.318 2.42728 13.7027 2.49007 13.8394 2.56855L17.0072 4.12186C17.309 4.26986 17.5005 4.57782 17.5005 4.9153V15.1338C17.5005 15.4758 17.3039 15.7871 16.996 15.9327L14.0151 17.3422C13.8101 17.4304 13.3649 17.6482 12.99 17.3421C13.4586 17.4304 13.7125 17.0969 13.7515 16.8713V3.09828Z" fill="#EDEDF0"/>
+<path d="M13.0273 2.67773C13.2759 2.62858 13.7508 2.65137 13.7508 3.09824V6.61557L4.14654 13.8813C3.97866 14.0083 3.74241 13.9873 3.59942 13.8325L2.60957 12.7614C2.4545 12.5936 2.46535 12.331 2.63372 12.1767L12.9892 2.68622L13.0273 2.67773Z" fill="#EDEDF0"/>
+<path d="M13.7508 13.4129L4.14654 6.14708C3.97866 6.02008 3.74241 6.04115 3.59942 6.19587L2.60957 7.26698C2.4545 7.43478 2.46535 7.69744 2.63372 7.85175L12.9892 17.3422C13.4579 17.4305 13.7117 17.0969 13.7508 16.8713V13.4129Z" fill="#EDEDF0"/>
+</svg>
diff --git a/src/routes/(console)/project-[region]-[project]/overview/assets/dark/windsurf.svg b/src/routes/(console)/project-[region]-[project]/overview/assets/dark/windsurf.svg
@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.38283 10.7525L5.39611 7.99401C5.22398 7.51281 5.57208 7.00214 6.06732 7.02528C11.5964 7.2832 14.4331 9.29146 14.1687 15.0827C13.2071 11.0382 8.5951 10.7525 6.38283 10.7525Z" fill="#EDEDF0"/>
+<path d="M4.89231 5.67595L3.86522 3.00302C3.67933 2.51927 4.02719 1.99404 4.53013 2.00005C10.1767 2.06749 14.1193 2.44873 14.1193 9.95706C13.1577 5.91252 7.10459 5.67595 4.89231 5.67595Z" fill="#EDEDF0"/>
+<path d="M7.91135 15.9917L6.85283 13.0398C6.68118 12.5612 7.02451 12.0516 7.51714 12.0777C12.0282 12.3168 14.2845 14.2758 14.0232 20C13.0616 15.9555 10.1396 15.9917 7.91135 15.9917Z" fill="#EDEDF0"/>
+</svg>
diff --git a/src/routes/(console)/project-[region]-[project]/overview/assets/vscode.svg b/src/routes/(console)/project-[region]-[project]/overview/assets/vscode.svg
@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.7514 3.09828C13.7514 2.62741 13.2242 2.6274 12.9899 2.68626C13.3179 2.42728 13.7026 2.49007 13.8392 2.56855L17.0071 4.12186C17.3089 4.26986 17.5004 4.57782 17.5004 4.9153V15.1338C17.5004 15.4758 17.3038 15.7871 16.9958 15.9327L14.015 17.3422C13.81 17.4304 13.3648 17.6482 12.9899 17.3421C13.4585 17.4304 13.7123 17.0969 13.7514 16.8713V3.09828Z" fill="#2D2D31"/>
+<path d="M13.0273 2.67773C13.2759 2.62858 13.7508 2.65137 13.7508 3.09824V6.61557L4.14654 13.8813C3.97866 14.0083 3.74241 13.9873 3.59942 13.8325L2.60957 12.7614C2.4545 12.5936 2.46535 12.331 2.63372 12.1767L12.9892 2.68622L13.0273 2.67773Z" fill="#2D2D31"/>
+<path d="M13.7508 13.4129L4.14654 6.14708C3.97866 6.02008 3.74241 6.04115 3.59942 6.19587L2.60957 7.26698C2.4545 7.43478 2.46535 7.69744 2.63372 7.85175L12.9892 17.3422C13.4579 17.4305 13.7117 17.0969 13.7508 16.8713V13.4129Z" fill="#2D2D31"/>
+</svg>
diff --git a/src/routes/(console)/project-[region]-[project]/overview/assets/windsurf.svg b/src/routes/(console)/project-[region]-[project]/overview/assets/windsurf.svg
@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.38283 10.7525L5.39611 7.99401C5.22398 7.51281 5.57208 7.00214 6.06732 7.02528C11.5964 7.2832 14.4331 9.29146 14.1687 15.0827C13.2071 11.0382 8.5951 10.7525 6.38283 10.7525Z" fill="#2D2D31"/>
+<path d="M4.89231 5.67595L3.86522 3.00302C3.67933 2.51927 4.02719 1.99404 4.53013 2.00005C10.1767 2.06749 14.1193 2.44873 14.1193 9.95706C13.1577 5.91252 7.10459 5.67595 4.89231 5.67595Z" fill="#2D2D31"/>
+<path d="M7.91135 15.9917L6.85283 13.0398C6.68118 12.5612 7.02451 12.0516 7.51714 12.0777C12.0282 12.3168 14.2845 14.2758 14.0232 20C13.0616 15.9555 10.1396 15.9917 7.91135 15.9917Z" fill="#2D2D31"/>
+</svg>
diff --git a/src/routes/(console)/project-[region]-[project]/overview/components/ClaudeIcon.svelte b/src/routes/(console)/project-[region]-[project]/overview/components/ClaudeIcon.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+    import { app } from '$lib/stores/app';
+    import Light from '../assets/claude.svg';
+    import Dark from '../assets/dark/claude.svg';
+</script>
+
+<img src={$app.themeInUse === 'dark' ? Dark : Light} width="16" height="16" alt="" />
diff --git a/src/routes/(console)/project-[region]-[project]/overview/components/CursorIcon.svelte b/src/routes/(console)/project-[region]-[project]/overview/components/CursorIcon.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+    import { app } from '$lib/stores/app';
+    import Light from '../assets/cursor-ai.svg';
+    import Dark from '../assets/dark/cursor-ai.svg';
+</script>
+
+<img src={$app.themeInUse === 'dark' ? Dark : Light} width="16" height="16" alt="" />
diff --git a/src/routes/(console)/project-[region]-[project]/overview/components/VSCodeIcon.svelte b/src/routes/(console)/project-[region]-[project]/overview/components/VSCodeIcon.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+    import { app } from '$lib/stores/app';
+    import Light from '../assets/vscode.svg';
+    import Dark from '../assets/dark/vscode.svg';
+</script>
+
+<img src={$app.themeInUse === 'dark' ? Dark : Light} width="16" height="16" alt="" />
diff --git a/src/routes/(console)/project-[region]-[project]/overview/components/WindsurfIcon.svelte b/src/routes/(console)/project-[region]-[project]/overview/components/WindsurfIcon.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+    import { app } from '$lib/stores/app';
+    import Light from '../assets/windsurf.svg';
+    import Dark from '../assets/dark/windsurf.svg';
+</script>
+
+<img src={$app.themeInUse === 'dark' ? Dark : Light} width="16" height="16" alt="" />
diff --git a/src/routes/(console)/project-[region]-[project]/overview/onboard.svelte b/src/routes/(console)/project-[region]-[project]/overview/onboard.svelte
diff --git a/src/routes/(console)/project-[region]-[project]/settings/updateInstallations.svelte b/src/routes/(console)/project-[region]-[project]/settings/updateInstallations.svelte
diff --git a/src/routes/(console)/project-[region]-[project]/store.ts b/src/routes/(console)/project-[region]-[project]/store.ts
