feat: move templates into AFFiNE (#5750)

Related to https://github.com/toeverything/blocksuite/pull/6156

### Change
Move the edgeless templates to AFFiNE. All templates are stored as zip files. Run `node build-edgeless.mjs` in `@affine/templates` to generate JSON-format templates and importing script. The template will be generated automatically during building and dev (`yarn dev`).

.eslintignore

@@ -12,3 +12,4 @@ static
 web-static
 public
 packages/frontend/i18n/src/i18n-generated.ts
+packages/frontend/templates/edgeless-templates.gen.ts

.gitignore

@@ -79,3 +79,6 @@ lib
 affine.db
 apps/web/next-routes.conf
 .nx
+
+packages/frontend/templates/edgeless
+packages/frontend/core/public/static/templates

.prettierignore

@@ -16,6 +16,7 @@ packages/frontend/i18n/src/i18n-generated.ts
 packages/frontend/graphql/src/graphql/index.ts
 tests/affine-legacy/**/static
 .yarnrc.yml
+packages/frontend/templates/edgeless-templates.gen.ts
 packages/frontend/templates/templates.gen.ts
 packages/frontend/templates/onboarding
 

packages/frontend/core/src/bootstrap/edgeless-template.ts

@@ -0,0 +1,7 @@
+import { builtInTemplates } from '@affine/templates/edgeless';
+import {
+  EdgelessTemplatePanel,
+  type TemplateManager,
+} from '@blocksuite/blocks';
+
+EdgelessTemplatePanel.templates.extend(builtInTemplates as TemplateManager);

packages/frontend/core/src/bootstrap/setup.ts

@@ -1,4 +1,5 @@
 import './register-blocksuite-components';
+import './edgeless-template';
 
 import { setupGlobal } from '@affine/env/global';
 import * as Sentry from '@sentry/react';

packages/frontend/templates/build-edgeless.mjs

@@ -0,0 +1,314 @@
+import { existsSync, mkdirSync, readFileSync, statSync } from 'node:fs';
+import fs from 'node:fs/promises';
+import path, { join } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+import JSZip from 'jszip';
+
+const __dirname = join(fileURLToPath(import.meta.url), '..');
+const ZIP_PATH = join(__dirname, './edgeless-snapshot');
+const ASSETS_PREFIX = `/static/templates`;
+const ASSETS_PATH = join(__dirname, '../core/public/', ASSETS_PREFIX);
+const TEMPLATE_PATH = join(__dirname, './edgeless');
+
+const getZipFilesInCategroies = () => {
+  return fs.readdir(ZIP_PATH).then(folders => {
+    return Promise.all(
+      folders
+        .filter(folder => {
+          return statSync(join(ZIP_PATH, folder)).isDirectory();
+        })
+        .map(async folder => {
+          const files = await fs.readdir(join(ZIP_PATH, folder));
+          return {
+            category: folder,
+            files: files.filter(file => path.extname(file) === '.zip'),
+          };
+        })
+    );
+  });
+};
+
+const setupFolder = async () => {
+  if (!existsSync(ASSETS_PATH)) {
+    mkdirSync(ASSETS_PATH);
+  }
+
+  if (!existsSync(TEMPLATE_PATH)) {
+    mkdirSync(TEMPLATE_PATH);
+  }
+};
+
+/**
+ * @typedef Block
+ * @type {object}
+ * @property {string} flavour
+ * @property {Array<Block> | undefined} children
+ * @property {object} props
+ * @property {string} props.sourceId
+ */
+
+/**
+ * @param {Block} block
+ */
+const convertSourceId = (block, assetsExtMap) => {
+  if (block.props?.sourceId) {
+    const extname = assetsExtMap[block.props.sourceId];
+    if (!extname) {
+      console.warn(`No extname found for ${block.props.sourceId}`);
+    }
+    block.props.sourceId = `${ASSETS_PREFIX}/${block.props.sourceId}${
+      extname ?? ''
+    }`;
+  }
+
+  if (block.children && Array.isArray(block.children)) {
+    block.children.forEach(block => convertSourceId(block, assetsExtMap));
+  }
+};
+
+const parseSnapshot = async () => {
+  const filesInCategroies = await getZipFilesInCategroies();
+  await setupFolder();
+  /**
+   * @type {Array<{ category: string, templates: string[] }}>}
+   */
+  const templatesInCategory = [];
+
+  for (let cate of filesInCategroies) {
+    const templates = [];
+    const assetsExtentionMap = {};
+
+    for (let file of cate.files) {
+      const templateName = path.basename(file, '.zip');
+      const zip = new JSZip();
+      const { files: unarchivedFiles } = await zip.loadAsync(
+        readFileSync(join(ZIP_PATH, cate.category, file))
+      );
+      /**
+       * @type {Array<JSZip.JSZipObject>}
+       */
+      const assetsFiles = [];
+      /**
+       * @type {Array<JSZip.JSZipObject>}
+       */
+      const snapshotFiles = [];
+
+      Object.entries(unarchivedFiles).forEach(([name, fileObj]) => {
+        if (name.includes('MACOSX') || name.includes('__MACOSX')) return;
+
+        if (name.startsWith('assets/') && !fileObj.dir) {
+          assetsFiles.push(fileObj);
+          return;
+        }
+
+        if (name.endsWith('.snapshot.json')) {
+          snapshotFiles.push(fileObj);
+          return;
+        }
+      });
+
+      await Promise.all(
+        assetsFiles.map(async file => {
+          const blob = await file.async('blob');
+          const arrayBuffer = await blob.arrayBuffer();
+          const buffer = Buffer.from(arrayBuffer, 'binary');
+          const extname = path.extname(file.name);
+
+          assetsExtentionMap[
+            file.name.replace('assets/', '').replace(extname, '')
+          ] = extname;
+
+          await fs.writeFile(
+            join(ASSETS_PATH, file.name.replace('assets/', '')),
+            buffer
+          );
+        })
+      );
+
+      await Promise.all(
+        snapshotFiles.map(async snapshot => {
+          const json = await snapshot.async('text');
+          const snapshotContent = JSON.parse(json);
+          const previewPath = join(
+            ZIP_PATH,
+            cate.category,
+            `${templateName}.svg`
+          );
+          let previewContent = '';
+
+          if (existsSync(previewPath)) {
+            const previewFile = readFileSync(previewPath, 'utf-8');
+            previewContent = previewFile
+              .replace(/\n/g, '')
+              .replace(/\s+/g, ' ')
+              .replace('fill="white"', 'fill="currentColor"');
+          } else {
+            console.warn(`No preview found for ${templateName}`);
+          }
+
+          convertSourceId(snapshotContent.blocks, assetsExtentionMap);
+
+          const template = {
+            name: templateName,
+            type: 'template',
+            preview: previewContent,
+            content: snapshotContent,
+          };
+
+          await fs.writeFile(
+            join(join(TEMPLATE_PATH, `${templateName}.json`)),
+            JSON.stringify(template, undefined, 2)
+          );
+
+          templates.push(templateName);
+        })
+      );
+    }
+
+    templatesInCategory.push({
+      category: cate.category,
+      templates,
+    });
+  }
+
+  return templatesInCategory;
+};
+
+function numberToWords(n) {
+  const ones = [
+    'Zero',
+    'One',
+    'Two',
+    'Three',
+    'Four',
+    'Five',
+    'Six',
+    'Seven',
+    'Eight',
+    'Nine',
+  ];
+
+  if (n < 10) {
+    return ones[n];
+  } else {
+    throw new Error(`Not implemented: ${n}`);
+  }
+}
+
+const camelCaseNumber = variable => {
+  const words = variable.split(' ');
+  return words
+    .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+    .join('');
+};
+
+const toVariableName = name => {
+  const converted = Array.from(name).reduce((pre, char) => {
+    if (char >= '0' && char <= '9') {
+      return pre + numberToWords(char - '0');
+    }
+
+    return pre + char;
+  }, '');
+
+  return camelCaseNumber(converted);
+};
+
+/**
+ *
+ * @param {Array<{category: string, templates: string[]}} templatesInGroup
+ */
+const buildScript = async templatesInGroup => {
+  const templates = [];
+  const templateVariableMap = {};
+
+  templatesInGroup.forEach(group => {
+    group.templates.forEach(template => {
+      templates.push(template);
+      templateVariableMap[template] = toVariableName(template);
+    });
+  });
+
+  const importStatements = templates
+    .map(template => {
+      return `import ${toVariableName(
+        template
+      )} from './edgeless/${template}.json';`;
+    })
+    .join('\n');
+  const templatesDeclaration = templatesInGroup.map(group => {
+    return `'${group.category}': [
+    ${group.templates
+      .map(template => templateVariableMap[template])
+      .join(',\n    ')}
+  ]`;
+  });
+
+  const code = `${importStatements}
+
+const templates = {
+  ${templatesDeclaration.join(',\n  ')}
+}
+
+function lcs(text1: string, text2: string) {
+  const dp: number[][] = Array.from({ length: text1.length + 1 })
+    .fill(null)
+    .map(() => Array.from<number>({length: text2.length + 1}).fill(0));
+
+  for (let i = 1; i <= text1.length; i++) {
+    for (let j = 1; j <= text2.length; j++) {
+      if (text1[i - 1] === text2[j - 1]) {
+        dp[i][j] = dp[i - 1][j - 1] + 1;
+      } else {
+        dp[i][j] = Math.max(dp[i - 1][j], dp[i][j - 1]);
+      }
+    }
+  }
+
+  return dp[text1.length][text2.length];
+}
+
+export const builtInTemplates = {
+  list: async (category: string) => {
+    // @ts-expect-error type should be asserted when using
+    return templates[category] ?? []
+  },
+
+  categories: async () => {
+    return Object.keys(templates)
+  },
+
+  search: async(query: string) => {
+    const candidates: unknown[] = [];
+    const cates = Object.keys(templates);
+
+    query = query.toLowerCase();
+
+    for(let cate of cates) {
+      // @ts-expect-error type should be asserted when using
+      const templatesOfCate = templates[cate];
+
+      for(let temp of templatesOfCate) {
+        if(lcs(query, temp.name.toLowerCase()) === query.length) {
+          candidates.push(temp);
+        }
+      }
+    }
+
+    return candidates;
+  },
+}
+`;
+
+  await fs.writeFile(join(__dirname, './edgeless-templates.gen.ts'), code, {
+    encoding: 'utf-8',
+  });
+};
+
+async function main() {
+  const templatesInGroup = await parseSnapshot();
+  await buildScript(templatesInGroup);
+}
+
+main();

packages/frontend/templates/edgeless-snapshot/Brainstorming/5W2H.svg

@@ -0,0 +1,17 @@
+<svg width="135" height="80" viewBox="0 0 135 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="135" height="80" fill="white"/>
+<rect x="39" y="8" width="86" height="7" rx="2" fill="#ED8CBD"/>
+<rect x="39" y="17.5" width="86" height="7" rx="2" fill="#937EE7"/>
+<rect x="39" y="27" width="86" height="7" rx="2" fill="#FFC46B"/>
+<rect x="39" y="36.5" width="86" height="7" rx="2" fill="#9DD194"/>
+<rect x="39" y="46" width="86" height="7" rx="2" fill="#FFDE6B"/>
+<rect x="39" y="55.5" width="86" height="7" rx="2" fill="#F16F6F"/>
+<rect x="39" y="65" width="86" height="7" rx="2" fill="#B8E3FF"/>
+<path d="M12.071 12.909C11.9777 12.909 11.8423 12.8367 11.665 12.692C11.4923 12.5427 11.406 12.3957 11.406 12.251C11.406 11.9103 11.455 11.3223 11.553 10.487C11.651 9.65167 11.7 8.849 11.7 8.079C11.7 7.883 11.7607 7.785 11.882 7.785C12.05 7.785 12.2507 7.87833 12.484 8.065C12.722 8.25167 12.841 8.43833 12.841 8.625C12.841 8.69033 12.764 9.08933 12.61 9.822C12.456 10.55 12.3673 11.1357 12.344 11.579C12.568 11.1263 12.8317 10.7483 13.135 10.445C13.443 10.1417 13.695 9.99 13.891 9.99C14.031 9.99 14.122 10.3003 14.164 10.921C14.1827 11.1543 14.22 11.369 14.276 11.565C14.332 11.7563 14.409 11.852 14.507 11.852C14.689 11.852 14.85 11.6583 14.99 11.271C15.1347 10.879 15.207 10.4753 15.207 10.06C15.207 9.15933 14.9597 8.709 14.465 8.709C14.3203 8.709 14.185 8.63433 14.059 8.485C13.9377 8.33567 13.877 8.20267 13.877 8.086C13.877 7.876 14.0053 7.771 14.262 7.771C14.6073 7.771 14.9083 7.83633 15.165 7.967C15.4263 8.093 15.6293 8.268 15.774 8.492C16.0633 8.93533 16.208 9.48133 16.208 10.13C16.208 10.5687 16.131 11.0027 15.977 11.432C15.823 11.8567 15.6083 12.209 15.333 12.489C15.0623 12.769 14.773 12.909 14.465 12.909C13.8957 12.909 13.5713 12.426 13.492 11.46L13.275 11.768C12.7617 12.5287 12.3603 12.909 12.071 12.909ZM17.5461 7.638C17.5461 7.442 17.6231 7.344 17.7771 7.344C17.9031 7.344 18.0478 7.449 18.2111 7.659C18.3744 7.869 18.4561 8.04867 18.4561 8.198C18.4561 8.34733 18.4258 8.55733 18.3651 8.828C18.3044 9.09867 18.2414 9.346 18.1761 9.57C18.1154 9.794 18.0221 10.1137 17.8961 10.529C17.7701 10.9397 17.6838 11.2267 17.6371 11.39C17.9404 10.774 18.2601 10.2723 18.5961 9.885C18.9368 9.49767 19.2214 9.304 19.4501 9.304C19.5948 9.304 19.7604 9.43233 19.9471 9.689C20.1338 9.941 20.2271 10.1697 20.2271 10.375C20.2271 10.5757 20.1898 10.8697 20.1151 11.257C20.0404 11.6443 19.9098 12.0177 19.7231 12.377C19.5364 12.7363 19.3451 12.916 19.1491 12.916C18.9951 12.916 18.9181 12.8063 18.9181 12.587C18.9181 12.4283 18.9648 12.1693 19.0581 11.81C19.1934 11.2733 19.2611 10.9467 19.2611 10.83C19.2611 10.7133 19.2424 10.655 19.2051 10.655C18.9344 10.655 18.5378 11.1053 18.0151 12.006C17.8378 12.314 17.6884 12.5427 17.5671 12.692C17.4504 12.8413 17.3384 12.916 17.2311 12.916C17.1238 12.916 16.9931 12.8297 16.8391 12.657C16.6898 12.4843 16.6151 12.3513 16.6151 12.258C16.6151 12.16 16.6338 12.0177 16.6711 11.831C16.7131 11.6443 16.7738 11.3783 16.8531 11.033C16.9371 10.6877 17.0724 10.0623 17.2591 9.157C17.4504 8.247 17.5461 7.74067 17.5461 7.638ZM21.6024 12.202C21.8544 12.09 22.0738 11.8637 22.2604 11.523C22.4471 11.1823 22.5404 10.8627 22.5404 10.564C22.5404 10.2653 22.4984 10.06 22.4144 9.948C22.2138 10.0647 22.0131 10.3097 21.8124 10.683C21.6164 11.0563 21.5184 11.3853 21.5184 11.67C21.5184 11.95 21.5464 12.1273 21.6024 12.202ZM20.5804 11.74C20.5804 11.1567 20.7601 10.6037 21.1194 10.081C21.4834 9.55833 21.8428 9.297 22.1974 9.297C22.5521 9.297 22.8508 9.423 23.0934 9.675C23.3361 9.92233 23.4574 10.2233 23.4574 10.578C23.4574 10.928 23.3734 11.285 23.2054 11.649C23.0374 12.013 22.8018 12.3163 22.4984 12.559C22.1951 12.797 21.8708 12.916 21.5254 12.916C21.2688 12.916 21.0471 12.8017 20.8604 12.573C20.6738 12.3443 20.5804 12.0667 20.5804 11.74Z" fill="#E660A4"/>
+<path d="M12.071 22.409C11.9777 22.409 11.8423 22.3367 11.665 22.192C11.4923 22.0427 11.406 21.8957 11.406 21.751C11.406 21.4103 11.455 20.8223 11.553 19.987C11.651 19.1517 11.7 18.349 11.7 17.579C11.7 17.383 11.7607 17.285 11.882 17.285C12.05 17.285 12.2507 17.3783 12.484 17.565C12.722 17.7517 12.841 17.9383 12.841 18.125C12.841 18.1903 12.764 18.5893 12.61 19.322C12.456 20.05 12.3673 20.6357 12.344 21.079C12.568 20.6263 12.8317 20.2483 13.135 19.945C13.443 19.6417 13.695 19.49 13.891 19.49C14.031 19.49 14.122 19.8003 14.164 20.421C14.1827 20.6543 14.22 20.869 14.276 21.065C14.332 21.2563 14.409 21.352 14.507 21.352C14.689 21.352 14.85 21.1583 14.99 20.771C15.1347 20.379 15.207 19.9753 15.207 19.56C15.207 18.6593 14.9597 18.209 14.465 18.209C14.3203 18.209 14.185 18.1343 14.059 17.985C13.9377 17.8357 13.877 17.7027 13.877 17.586C13.877 17.376 14.0053 17.271 14.262 17.271C14.6073 17.271 14.9083 17.3363 15.165 17.467C15.4263 17.593 15.6293 17.768 15.774 17.992C16.0633 18.4353 16.208 18.9813 16.208 19.63C16.208 20.0687 16.131 20.5027 15.977 20.932C15.823 21.3567 15.6083 21.709 15.333 21.989C15.0623 22.269 14.773 22.409 14.465 22.409C13.8957 22.409 13.5713 21.926 13.492 20.96L13.275 21.268C12.7617 22.0287 12.3603 22.409 12.071 22.409ZM17.5461 17.138C17.5461 16.942 17.6231 16.844 17.7771 16.844C17.9031 16.844 18.0478 16.949 18.2111 17.159C18.3744 17.369 18.4561 17.5487 18.4561 17.698C18.4561 17.8473 18.4258 18.0573 18.3651 18.328C18.3044 18.5987 18.2414 18.846 18.1761 19.07C18.1154 19.294 18.0221 19.6137 17.8961 20.029C17.7701 20.4397 17.6838 20.7267 17.6371 20.89C17.9404 20.274 18.2601 19.7723 18.5961 19.385C18.9368 18.9977 19.2214 18.804 19.4501 18.804C19.5948 18.804 19.7604 18.9323 19.9471 19.189C20.1338 19.441 20.2271 19.6697 20.2271 19.875C20.2271 20.0757 20.1898 20.3697 20.1151 20.757C20.0404 21.1443 19.9098 21.5177 19.7231 21.877C19.5364 22.2363 19.3451 22.416 19.1491 22.416C18.9951 22.416 18.9181 22.3063 18.9181 22.087C18.9181 21.9283 18.9648 21.6693 19.0581 21.31C19.1934 20.7733 19.2611 20.4467 19.2611 20.33C19.2611 20.2133 19.2424 20.155 19.2051 20.155C18.9344 20.155 18.5378 20.6053 18.0151 21.506C17.8378 21.814 17.6884 22.0427 17.5671 22.192C17.4504 22.3413 17.3384 22.416 17.2311 22.416C17.1238 22.416 16.9931 22.3297 16.8391 22.157C16.6898 21.9843 16.6151 21.8513 16.6151 21.758C16.6151 21.66 16.6338 21.5177 16.6711 21.331C16.7131 21.1443 16.7738 20.8783 16.8531 20.533C16.9371 20.1877 17.0724 19.5623 17.2591 18.657C17.4504 17.747 17.5461 17.2407 17.5461 17.138ZM23.5904 20.428C23.6744 20.5027 23.7164 20.5703 23.7164 20.631C23.7164 20.6917 23.6884 20.8177 23.6324 21.009C23.5764 21.2003 23.5391 21.3497 23.5204 21.457C23.5018 21.5597 23.4854 21.6413 23.4714 21.702C23.4621 21.7627 23.4551 21.8117 23.4504 21.849C23.4458 21.8817 23.4364 21.9237 23.4224 21.975C23.4131 22.0263 23.4038 22.0683 23.3944 22.101C23.3898 22.129 23.3804 22.164 23.3664 22.206C23.3571 22.2433 23.3454 22.2737 23.3314 22.297C23.3174 22.3157 23.3011 22.3367 23.2824 22.36C23.2544 22.3973 23.2078 22.416 23.1424 22.416C23.0771 22.416 22.9954 22.3507 22.8974 22.22C22.8041 22.0893 22.7341 21.9307 22.6874 21.744C22.2488 22.192 21.8801 22.416 21.5814 22.416C21.3808 22.416 21.1638 22.3063 20.9304 22.087C20.6971 21.863 20.5804 21.6413 20.5804 21.422C20.5804 21.198 20.6808 20.8807 20.8814 20.47C21.0821 20.0593 21.3551 19.679 21.7004 19.329C22.0504 18.979 22.3958 18.804 22.7364 18.804C22.9324 18.804 23.1588 18.9183 23.4154 19.147C23.6721 19.3757 23.8004 19.5857 23.8004 19.777C23.8004 19.9637 23.7304 20.1807 23.5904 20.428ZM21.5534 21.534C21.7401 21.534 21.9874 21.408 22.2954 21.156C22.6081 20.8993 22.8018 20.5773 22.8764 20.19C22.8811 20.134 22.9208 20.1013 22.9954 20.092C22.9814 19.826 22.9371 19.693 22.8624 19.693C22.6758 19.693 22.4658 19.8143 22.2324 20.057C22.0038 20.2997 21.8148 20.5587 21.6654 20.834C21.5208 21.1093 21.4484 21.3123 21.4484 21.443C21.4484 21.4803 21.4531 21.506 21.4624 21.52C21.4764 21.5293 21.5068 21.534 21.5534 21.534ZM25.9968 19.637C25.9595 19.763 25.9035 19.9403 25.8288 20.169C25.7588 20.393 25.6701 20.6753 25.5628 21.016C25.4601 21.3567 25.4088 21.5387 25.4088 21.562C25.4088 21.5807 25.4461 21.59 25.5208 21.59C25.6001 21.59 25.7845 21.5387 26.0738 21.436C26.3631 21.3287 26.5335 21.275 26.5848 21.275C26.7015 21.275 26.7598 21.3543 26.7598 21.513C26.7598 21.6717 26.6035 21.863 26.2908 22.087C25.9781 22.3063 25.6515 22.416 25.3108 22.416C25.1615 22.416 24.9841 22.3343 24.7788 22.171C24.5735 22.0077 24.4708 21.842 24.4708 21.674C24.4708 21.534 24.5408 21.24 24.6808 20.792C24.8255 20.3393 24.9235 20.029 24.9748 19.861C24.7928 19.9123 24.6551 19.938 24.5618 19.938C24.4685 19.938 24.3705 19.875 24.2678 19.749C24.1651 19.6183 24.1138 19.4947 24.1138 19.378C24.1138 19.2287 24.4755 19.1027 25.1988 19C25.2875 18.566 25.3318 18.1903 25.3318 17.873C25.3318 17.733 25.4018 17.663 25.5418 17.663C25.6631 17.663 25.8171 17.7377 26.0038 17.887C26.1951 18.0317 26.2908 18.1763 26.2908 18.321C26.2908 18.461 26.2605 18.6593 26.1998 18.916C26.4Line truncated
+<path d="M12.071 31.909C11.9777 31.909 11.8423 31.8367 11.665 31.692C11.4923 31.5427 11.406 31.3957 11.406 31.251C11.406 30.9103 11.455 30.3223 11.553 29.487C11.651 28.6517 11.7 27.849 11.7 27.079C11.7 26.883 11.7607 26.785 11.882 26.785C12.05 26.785 12.2507 26.8783 12.484 27.065C12.722 27.2517 12.841 27.4383 12.841 27.625C12.841 27.6903 12.764 28.0893 12.61 28.822C12.456 29.55 12.3673 30.1357 12.344 30.579C12.568 30.1263 12.8317 29.7483 13.135 29.445C13.443 29.1417 13.695 28.99 13.891 28.99C14.031 28.99 14.122 29.3003 14.164 29.921C14.1827 30.1543 14.22 30.369 14.276 30.565C14.332 30.7563 14.409 30.852 14.507 30.852C14.689 30.852 14.85 30.6583 14.99 30.271C15.1347 29.879 15.207 29.4753 15.207 29.06C15.207 28.1593 14.9597 27.709 14.465 27.709C14.3203 27.709 14.185 27.6343 14.059 27.485C13.9377 27.3357 13.877 27.2027 13.877 27.086C13.877 26.876 14.0053 26.771 14.262 26.771C14.6073 26.771 14.9083 26.8363 15.165 26.967C15.4263 27.093 15.6293 27.268 15.774 27.492C16.0633 27.9353 16.208 28.4813 16.208 29.13C16.208 29.5687 16.131 30.0027 15.977 30.432C15.823 30.8567 15.6083 31.209 15.333 31.489C15.0623 31.769 14.773 31.909 14.465 31.909C13.8957 31.909 13.5713 31.426 13.492 30.46L13.275 30.768C12.7617 31.5287 12.3603 31.909 12.071 31.909ZM17.5461 26.638C17.5461 26.442 17.6231 26.344 17.7771 26.344C17.9031 26.344 18.0478 26.449 18.2111 26.659C18.3744 26.869 18.4561 27.0487 18.4561 27.198C18.4561 27.3473 18.4258 27.5573 18.3651 27.828C18.3044 28.0987 18.2414 28.346 18.1761 28.57C18.1154 28.794 18.0221 29.1137 17.8961 29.529C17.7701 29.9397 17.6838 30.2267 17.6371 30.39C17.9404 29.774 18.2601 29.2723 18.5961 28.885C18.9368 28.4977 19.2214 28.304 19.4501 28.304C19.5948 28.304 19.7604 28.4323 19.9471 28.689C20.1338 28.941 20.2271 29.1697 20.2271 29.375C20.2271 29.5757 20.1898 29.8697 20.1151 30.257C20.0404 30.6443 19.9098 31.0177 19.7231 31.377C19.5364 31.7363 19.3451 31.916 19.1491 31.916C18.9951 31.916 18.9181 31.8063 18.9181 31.587C18.9181 31.4283 18.9648 31.1693 19.0581 30.81C19.1934 30.2733 19.2611 29.9467 19.2611 29.83C19.2611 29.7133 19.2424 29.655 19.2051 29.655C18.9344 29.655 18.5378 30.1053 18.0151 31.006C17.8378 31.314 17.6884 31.5427 17.5671 31.692C17.4504 31.8413 17.3384 31.916 17.2311 31.916C17.1238 31.916 16.9931 31.8297 16.8391 31.657C16.6898 31.4843 16.6151 31.3513 16.6151 31.258C16.6151 31.16 16.6338 31.0177 16.6711 30.831C16.7131 30.6443 16.7738 30.3783 16.8531 30.033C16.9371 29.6877 17.0724 29.0623 17.2591 28.157C17.4504 27.247 17.5461 26.7407 17.5461 26.638ZM23.7514 29.613C23.7514 29.8417 23.5951 30.047 23.2824 30.229C22.9744 30.411 22.6571 30.502 22.3304 30.502C22.0038 30.502 21.7354 30.4787 21.5254 30.432C21.4834 30.558 21.4624 30.684 21.4624 30.81C21.4624 30.936 21.4834 31.027 21.5254 31.083C21.5674 31.1343 21.6724 31.16 21.8404 31.16C22.1904 31.16 22.4891 31.1273 22.7364 31.062C22.9884 30.9967 23.1191 30.964 23.1284 30.964C23.3198 30.964 23.4154 31.027 23.4154 31.153C23.4154 31.335 23.2638 31.5077 22.9604 31.671C22.6618 31.8343 22.3141 31.916 21.9174 31.916C21.5254 31.916 21.2104 31.7923 20.9724 31.545C20.7344 31.2977 20.6154 31.006 20.6154 30.67C20.6154 30.3293 20.7134 29.9747 20.9094 29.606C21.1101 29.2373 21.3598 28.9293 21.6584 28.682C21.9571 28.43 22.2534 28.304 22.5474 28.304C22.8461 28.304 23.1214 28.451 23.3734 28.745C23.6254 29.0343 23.7514 29.3237 23.7514 29.613ZM22.9394 29.501C22.9394 29.4543 22.8904 29.3867 22.7924 29.298C22.6944 29.2093 22.6011 29.165 22.5124 29.165C22.4284 29.165 22.3188 29.228 22.1834 29.354C22.0481 29.4753 21.9198 29.634 21.7984 29.83C21.8404 29.8347 21.9011 29.837 21.9804 29.837C22.6198 29.837 22.9394 29.725 22.9394 29.501ZM24.4184 29.487L24.3764 28.696C24.3764 28.4347 24.4581 28.304 24.6214 28.304C24.7147 28.304 24.8057 28.339 24.8944 28.409C24.9877 28.479 25.0577 28.5887 25.1044 28.738C25.2631 28.598 25.4357 28.486 25.6224 28.402C25.8137 28.3133 25.9817 28.269 26.1264 28.269C26.4671 28.269 26.6374 28.3507 26.6374 28.514C26.6374 28.598 26.6211 28.661 26.5884 28.703C26.5604 28.7403 26.5371 28.7683 26.5184 28.787C26.5044 28.8057 26.4764 28.8313 26.4344 28.864C26.3971 28.892 26.3691 28.913 26.3504 28.927C26.2431 28.997 26.1661 29.046 26.1194 29.074C25.9094 29.2047 25.7297 29.3633 25.5804 29.55C25.4311 29.732 25.3191 29.9863 25.2444 30.313C25.1184 30.8497 24.9947 31.251 24.8734 31.517C24.7567 31.7783 24.6237 31.909 24.4744 31.909C24.3297 31.909 24.2201 31.839 24.1454 31.699C24.0754 31.559 24.0404 31.4283 24.0404 31.307C24.0404 31.181 24.0847 30.9943 24.1734 30.747C24.2667 30.4997 24.3297 30.2873 24.3624 30.11C24.3997 29.928 24.4184 29.7203 24.4184 29.487ZM29.7055 29.613C29.7055 29.8417 29.5492 30.047 29.2365 30.229C28.9285 30.411 28.6112 30.502 28.2845 30.502C27.9579 30.502 27.6895 30.4787 27.4795 30.432C27.4375 30.558 27.4165 30.684 27.4165 30.81C27.4165 30.936 27.4375 31.027 27.4795 31.083C27.5215 31.1343 27.6265 31.16 27.7945 31.16C28.1445 31.16 28.4432 31.1273 28.6905 31.062C28.9425 30.9967 29.0732 30.964 29.0825 30.964C29.2739 30.964 29.3695 31.027 29.3695 3Line truncated
+<path d="M12.071 41.409C11.9777 41.409 11.8423 41.3367 11.665 41.192C11.4923 41.0427 11.406 40.8957 11.406 40.751C11.406 40.4103 11.455 39.8223 11.553 38.987C11.651 38.1517 11.7 37.349 11.7 36.579C11.7 36.383 11.7607 36.285 11.882 36.285C12.05 36.285 12.2507 36.3783 12.484 36.565C12.722 36.7517 12.841 36.9383 12.841 37.125C12.841 37.1903 12.764 37.5893 12.61 38.322C12.456 39.05 12.3673 39.6357 12.344 40.079C12.568 39.6263 12.8317 39.2483 13.135 38.945C13.443 38.6417 13.695 38.49 13.891 38.49C14.031 38.49 14.122 38.8003 14.164 39.421C14.1827 39.6543 14.22 39.869 14.276 40.065C14.332 40.2563 14.409 40.352 14.507 40.352C14.689 40.352 14.85 40.1583 14.99 39.771C15.1347 39.379 15.207 38.9753 15.207 38.56C15.207 37.6593 14.9597 37.209 14.465 37.209C14.3203 37.209 14.185 37.1343 14.059 36.985C13.9377 36.8357 13.877 36.7027 13.877 36.586C13.877 36.376 14.0053 36.271 14.262 36.271C14.6073 36.271 14.9083 36.3363 15.165 36.467C15.4263 36.593 15.6293 36.768 15.774 36.992C16.0633 37.4353 16.208 37.9813 16.208 38.63C16.208 39.0687 16.131 39.5027 15.977 39.932C15.823 40.3567 15.6083 40.709 15.333 40.989C15.0623 41.269 14.773 41.409 14.465 41.409C13.8957 41.409 13.5713 40.926 13.492 39.96L13.275 40.268C12.7617 41.0287 12.3603 41.409 12.071 41.409ZM17.5461 36.138C17.5461 35.942 17.6231 35.844 17.7771 35.844C17.9031 35.844 18.0478 35.949 18.2111 36.159C18.3744 36.369 18.4561 36.5487 18.4561 36.698C18.4561 36.8473 18.4258 37.0573 18.3651 37.328C18.3044 37.5987 18.2414 37.846 18.1761 38.07C18.1154 38.294 18.0221 38.6137 17.8961 39.029C17.7701 39.4397 17.6838 39.7267 17.6371 39.89C17.9404 39.274 18.2601 38.7723 18.5961 38.385C18.9368 37.9977 19.2214 37.804 19.4501 37.804C19.5948 37.804 19.7604 37.9323 19.9471 38.189C20.1338 38.441 20.2271 38.6697 20.2271 38.875C20.2271 39.0757 20.1898 39.3697 20.1151 39.757C20.0404 40.1443 19.9098 40.5177 19.7231 40.877C19.5364 41.2363 19.3451 41.416 19.1491 41.416C18.9951 41.416 18.9181 41.3063 18.9181 41.087C18.9181 40.9283 18.9648 40.6693 19.0581 40.31C19.1934 39.7733 19.2611 39.4467 19.2611 39.33C19.2611 39.2133 19.2424 39.155 19.2051 39.155C18.9344 39.155 18.5378 39.6053 18.0151 40.506C17.8378 40.814 17.6884 41.0427 17.5671 41.192C17.4504 41.3413 17.3384 41.416 17.2311 41.416C17.1238 41.416 16.9931 41.3297 16.8391 41.157C16.6898 40.9843 16.6151 40.8513 16.6151 40.758C16.6151 40.66 16.6338 40.5177 16.6711 40.331C16.7131 40.1443 16.7738 39.8783 16.8531 39.533C16.9371 39.1877 17.0724 38.5623 17.2591 37.657C17.4504 36.747 17.5461 36.2407 17.5461 36.138ZM23.7514 39.113C23.7514 39.3417 23.5951 39.547 23.2824 39.729C22.9744 39.911 22.6571 40.002 22.3304 40.002C22.0038 40.002 21.7354 39.9787 21.5254 39.932C21.4834 40.058 21.4624 40.184 21.4624 40.31C21.4624 40.436 21.4834 40.527 21.5254 40.583C21.5674 40.6343 21.6724 40.66 21.8404 40.66C22.1904 40.66 22.4891 40.6273 22.7364 40.562C22.9884 40.4967 23.1191 40.464 23.1284 40.464C23.3198 40.464 23.4154 40.527 23.4154 40.653C23.4154 40.835 23.2638 41.0077 22.9604 41.171C22.6618 41.3343 22.3141 41.416 21.9174 41.416C21.5254 41.416 21.2104 41.2923 20.9724 41.045C20.7344 40.7977 20.6154 40.506 20.6154 40.17C20.6154 39.8293 20.7134 39.4747 20.9094 39.106C21.1101 38.7373 21.3598 38.4293 21.6584 38.182C21.9571 37.93 22.2534 37.804 22.5474 37.804C22.8461 37.804 23.1214 37.951 23.3734 38.245C23.6254 38.5343 23.7514 38.8237 23.7514 39.113ZM22.9394 39.001C22.9394 38.9543 22.8904 38.8867 22.7924 38.798C22.6944 38.7093 22.6011 38.665 22.5124 38.665C22.4284 38.665 22.3188 38.728 22.1834 38.854C22.0481 38.9753 21.9198 39.134 21.7984 39.33C21.8404 39.3347 21.9011 39.337 21.9804 39.337C22.6198 39.337 22.9394 39.225 22.9394 39.001ZM26.6094 37.804C26.8521 37.804 27.0644 37.9137 27.2464 38.133C27.4331 38.3477 27.5264 38.5787 27.5264 38.826C27.5264 39.2227 27.4611 39.638 27.3304 40.072C27.2044 40.5013 27.0644 40.8327 26.9104 41.066C26.7611 41.2993 26.6071 41.416 26.4484 41.416C26.2944 41.416 26.2174 41.3063 26.2174 41.087C26.2174 40.919 26.2944 40.5807 26.4484 40.072C26.5651 39.652 26.6234 39.351 26.6234 39.169C26.6234 38.987 26.6001 38.896 26.5534 38.896C26.4927 38.896 26.4321 38.9263 26.3714 38.987C26.3154 39.0477 26.2687 39.1013 26.2314 39.148C26.1941 39.1947 26.1497 39.2553 26.0984 39.33C26.0517 39.4 26.0097 39.4653 25.9724 39.526C25.9397 39.582 25.8954 39.6567 25.8394 39.75C25.7881 39.8387 25.7461 39.9133 25.7134 39.974C25.6807 40.03 25.6387 40.1047 25.5874 40.198C25.1534 41.01 24.8127 41.416 24.5654 41.416C24.4674 41.416 24.3437 41.332 24.1944 41.164C24.0451 40.9913 23.9704 40.8653 23.9704 40.786C23.9704 40.7347 24.0031 40.625 24.0684 40.457C24.1384 40.2843 24.1874 40.1537 24.2154 40.065C24.2481 39.9717 24.2737 39.8737 24.2924 39.771C24.3157 39.6683 24.3344 39.5587 24.3484 39.442C24.3624 39.3207 24.3717 39.2273 24.3764 39.162C24.3857 39.0967 24.3951 38.994 24.4044 38.854C24.4464 38.2473 24.4814 37.9113 24.5094 37.846C24.5421 37.7807 24.5771 37.748 24.6144 37.748C24.7917 37.748 24.9621 37.8227 25.1254 37.972C25.2887 38.1167 25.3704 38.2497 25.3704 38.371C25.3704 38.Line truncated
+<path d="M12.071 50.909C11.9777 50.909 11.8423 50.8367 11.665 50.692C11.4923 50.5427 11.406 50.3957 11.406 50.251C11.406 49.9103 11.455 49.3223 11.553 48.487C11.651 47.6517 11.7 46.849 11.7 46.079C11.7 45.883 11.7607 45.785 11.882 45.785C12.05 45.785 12.2507 45.8783 12.484 46.065C12.722 46.2517 12.841 46.4383 12.841 46.625C12.841 46.6903 12.764 47.0893 12.61 47.822C12.456 48.55 12.3673 49.1357 12.344 49.579C12.568 49.1263 12.8317 48.7483 13.135 48.445C13.443 48.1417 13.695 47.99 13.891 47.99C14.031 47.99 14.122 48.3003 14.164 48.921C14.1827 49.1543 14.22 49.369 14.276 49.565C14.332 49.7563 14.409 49.852 14.507 49.852C14.689 49.852 14.85 49.6583 14.99 49.271C15.1347 48.879 15.207 48.4753 15.207 48.06C15.207 47.1593 14.9597 46.709 14.465 46.709C14.3203 46.709 14.185 46.6343 14.059 46.485C13.9377 46.3357 13.877 46.2027 13.877 46.086C13.877 45.876 14.0053 45.771 14.262 45.771C14.6073 45.771 14.9083 45.8363 15.165 45.967C15.4263 46.093 15.6293 46.268 15.774 46.492C16.0633 46.9353 16.208 47.4813 16.208 48.13C16.208 48.5687 16.131 49.0027 15.977 49.432C15.823 49.8567 15.6083 50.209 15.333 50.489C15.0623 50.769 14.773 50.909 14.465 50.909C13.8957 50.909 13.5713 50.426 13.492 49.46L13.275 49.768C12.7617 50.5287 12.3603 50.909 12.071 50.909ZM17.5461 45.638C17.5461 45.442 17.6231 45.344 17.7771 45.344C17.9031 45.344 18.0478 45.449 18.2111 45.659C18.3744 45.869 18.4561 46.0487 18.4561 46.198C18.4561 46.3473 18.4258 46.5573 18.3651 46.828C18.3044 47.0987 18.2414 47.346 18.1761 47.57C18.1154 47.794 18.0221 48.1137 17.8961 48.529C17.7701 48.9397 17.6838 49.2267 17.6371 49.39C17.9404 48.774 18.2601 48.2723 18.5961 47.885C18.9368 47.4977 19.2214 47.304 19.4501 47.304C19.5948 47.304 19.7604 47.4323 19.9471 47.689C20.1338 47.941 20.2271 48.1697 20.2271 48.375C20.2271 48.5757 20.1898 48.8697 20.1151 49.257C20.0404 49.6443 19.9098 50.0177 19.7231 50.377C19.5364 50.7363 19.3451 50.916 19.1491 50.916C18.9951 50.916 18.9181 50.8063 18.9181 50.587C18.9181 50.4283 18.9648 50.1693 19.0581 49.81C19.1934 49.2733 19.2611 48.9467 19.2611 48.83C19.2611 48.7133 19.2424 48.655 19.2051 48.655C18.9344 48.655 18.5378 49.1053 18.0151 50.006C17.8378 50.314 17.6884 50.5427 17.5671 50.692C17.4504 50.8413 17.3384 50.916 17.2311 50.916C17.1238 50.916 16.9931 50.8297 16.8391 50.657C16.6898 50.4843 16.6151 50.3513 16.6151 50.258C16.6151 50.16 16.6338 50.0177 16.6711 49.831C16.7131 49.6443 16.7738 49.3783 16.8531 49.033C16.9371 48.6877 17.0724 48.0623 17.2591 47.157C17.4504 46.247 17.5461 45.7407 17.5461 45.638ZM23.2264 47.479C23.2544 47.3623 23.3314 47.304 23.4574 47.304C23.5834 47.304 23.7118 47.3833 23.8424 47.542C23.9778 47.7007 24.0454 47.8803 24.0454 48.081C24.0454 48.1977 24.0034 48.382 23.9194 48.634C23.8354 48.886 23.7748 49.0657 23.7374 49.173C23.7048 49.2803 23.6558 49.4273 23.5904 49.614C23.5251 49.796 23.4644 49.9663 23.4084 50.125C23.3571 50.279 23.2848 50.4867 23.1914 50.748C23.1028 51.0093 23.0211 51.252 22.9464 51.476C22.8018 51.896 22.6244 52.2203 22.4144 52.449C22.2091 52.6777 21.9408 52.792 21.6094 52.792C21.2781 52.792 20.9818 52.7033 20.7204 52.526C20.4591 52.3533 20.3284 52.1783 20.3284 52.001C20.3284 51.8937 20.3751 51.7747 20.4684 51.644C20.5664 51.5133 20.6481 51.448 20.7134 51.448C20.7834 51.448 20.8721 51.5017 20.9794 51.609C21.0914 51.721 21.2058 51.8307 21.3224 51.938C21.4391 52.05 21.5418 52.106 21.6304 52.106C21.6911 52.106 21.7401 52.078 21.7774 52.022C21.8194 51.966 21.8521 51.9147 21.8754 51.868C21.9034 51.826 21.9314 51.7653 21.9594 51.686C21.9874 51.6113 22.0131 51.5413 22.0364 51.476C22.0598 51.4107 22.0878 51.3243 22.1204 51.217C22.1531 51.1097 22.1811 51.014 22.2044 50.93C22.2838 50.678 22.3514 50.454 22.4074 50.258C22.2534 50.4587 22.0948 50.6197 21.9314 50.741C21.7681 50.8577 21.6164 50.916 21.4764 50.916C21.3411 50.916 21.1708 50.8133 20.9654 50.608C20.7648 50.398 20.6644 50.1693 20.6644 49.922C20.6644 49.67 20.7181 49.334 20.8254 48.914C20.9374 48.494 21.0751 48.1207 21.2384 47.794C21.4018 47.4673 21.5464 47.304 21.6724 47.304C21.8171 47.304 21.9524 47.367 22.0784 47.493C22.2091 47.6143 22.2744 47.7333 22.2744 47.85C22.2744 47.962 22.2161 48.144 22.0994 48.396C21.9874 48.648 21.8731 48.9233 21.7564 49.222C21.6398 49.5207 21.5814 49.775 21.5814 49.985C21.5814 50.013 21.5931 50.027 21.6164 50.027C21.6771 50.027 21.8054 49.915 22.0014 49.691C22.1974 49.4623 22.4168 49.1403 22.6594 48.725C22.9068 48.305 23.0958 47.8897 23.2264 47.479Z" fill="#FFD338"/>
+<path d="M12.05 55.138C12.05 54.942 12.127 54.844 12.281 54.844C12.407 54.844 12.5517 54.949 12.715 55.159C12.8783 55.369 12.96 55.5487 12.96 55.698C12.96 55.8473 12.9297 56.0573 12.869 56.328C12.8083 56.5987 12.7453 56.846 12.68 57.07C12.6193 57.294 12.526 57.6137 12.4 58.029C12.274 58.4397 12.1877 58.7267 12.141 58.89C12.4443 58.274 12.764 57.7723 13.1 57.385C13.4407 56.9977 13.7253 56.804 13.954 56.804C14.0987 56.804 14.2643 56.9323 14.451 57.189C14.6377 57.441 14.731 57.6697 14.731 57.875C14.731 58.0757 14.6937 58.3697 14.619 58.757C14.5443 59.1443 14.4137 59.5177 14.227 59.877C14.0403 60.2363 13.849 60.416 13.653 60.416C13.499 60.416 13.422 60.3063 13.422 60.087C13.422 59.9283 13.4687 59.6693 13.562 59.31C13.6973 58.7733 13.765 58.4467 13.765 58.33C13.765 58.2133 13.7463 58.155 13.709 58.155C13.4383 58.155 13.0417 58.6053 12.519 59.506C12.3417 59.814 12.1923 60.0427 12.071 60.192C11.9543 60.3413 11.8423 60.416 11.735 60.416C11.6277 60.416 11.497 60.3297 11.343 60.157C11.1937 59.9843 11.119 59.8513 11.119 59.758C11.119 59.66 11.1377 59.5177 11.175 59.331C11.217 59.1443 11.2777 58.8783 11.357 58.533C11.441 58.1877 11.5763 57.5623 11.763 56.657C11.9543 55.747 12.05 55.2407 12.05 55.138ZM16.1063 59.702C16.3583 59.59 16.5777 59.3637 16.7643 59.023C16.951 58.6823 17.0443 58.3627 17.0443 58.064C17.0443 57.7653 17.0023 57.56 16.9183 57.448C16.7177 57.5647 16.517 57.8097 16.3163 58.183C16.1203 58.5563 16.0223 58.8853 16.0223 59.17C16.0223 59.45 16.0503 59.6273 16.1063 59.702ZM15.0843 59.24C15.0843 58.6567 15.264 58.1037 15.6233 57.581C15.9873 57.0583 16.3467 56.797 16.7013 56.797C17.056 56.797 17.3547 56.923 17.5973 57.175C17.84 57.4223 17.9613 57.7233 17.9613 58.078C17.9613 58.428 17.8773 58.785 17.7093 59.149C17.5413 59.513 17.3057 59.8163 17.0023 60.059C16.699 60.297 16.3747 60.416 16.0293 60.416C15.7727 60.416 15.551 60.3017 15.3643 60.073C15.1777 59.8443 15.0843 59.5667 15.0843 59.24ZM22.5117 56.804C22.6424 56.804 22.7847 56.8483 22.9387 56.937C23.0974 57.0257 23.1767 57.119 23.1767 57.217C23.1767 57.315 23.0974 57.6463 22.9387 58.211C22.7801 58.7757 22.5304 59.2843 22.1897 59.737C21.8537 60.185 21.6041 60.409 21.4407 60.409C21.3754 60.409 21.2774 60.3623 21.1467 60.269C21.0161 60.1757 20.9227 60.0707 20.8667 59.954C20.7687 59.7627 20.7197 59.2027 20.7197 58.274C20.5191 58.9273 20.2904 59.4477 20.0337 59.835C19.7771 60.2177 19.5694 60.409 19.4107 60.409C19.3407 60.409 19.2381 60.3623 19.1027 60.269C18.9721 60.1757 18.8881 60.0823 18.8507 59.989C18.7481 59.737 18.6501 59.2563 18.5567 58.547C18.4634 57.8377 18.4167 57.3523 18.4167 57.091C18.4167 56.8997 18.4821 56.804 18.6127 56.804C18.7901 56.804 18.9721 56.9113 19.1587 57.126C19.3454 57.3407 19.4387 57.5087 19.4387 57.63C19.4387 58.3067 19.4457 58.8457 19.4597 59.247C19.6464 58.9623 19.8144 58.6077 19.9637 58.183C20.1177 57.7583 20.2414 57.4223 20.3347 57.175C20.4281 56.9277 20.5261 56.804 20.6287 56.804C20.8341 56.804 21.0371 56.9043 21.2377 57.105C21.4384 57.301 21.5387 57.5017 21.5387 57.707C21.5387 57.8003 21.5224 57.994 21.4897 58.288C21.4617 58.582 21.4477 58.8037 21.4477 58.953C21.4477 59.1023 21.4571 59.226 21.4757 59.324C21.6297 59.17 21.7627 58.9437 21.8747 58.645C21.9914 58.3463 22.0754 58.064 22.1267 57.798C22.2574 57.1353 22.3857 56.804 22.5117 56.804Z" fill="#ED3F3F"/>
+<path d="M12.05 64.638C12.05 64.442 12.127 64.344 12.281 64.344C12.407 64.344 12.5517 64.449 12.715 64.659C12.8783 64.869 12.96 65.0487 12.96 65.198C12.96 65.3473 12.9297 65.5573 12.869 65.828C12.8083 66.0987 12.7453 66.346 12.68 66.57C12.6193 66.794 12.526 67.1137 12.4 67.529C12.274 67.9397 12.1877 68.2267 12.141 68.39C12.4443 67.774 12.764 67.2723 13.1 66.885C13.4407 66.4977 13.7253 66.304 13.954 66.304C14.0987 66.304 14.2643 66.4323 14.451 66.689C14.6377 66.941 14.731 67.1697 14.731 67.375C14.731 67.5757 14.6937 67.8697 14.619 68.257C14.5443 68.6443 14.4137 69.0177 14.227 69.377C14.0403 69.7363 13.849 69.916 13.653 69.916C13.499 69.916 13.422 69.8063 13.422 69.587C13.422 69.4283 13.4687 69.1693 13.562 68.81C13.6973 68.2733 13.765 67.9467 13.765 67.83C13.765 67.7133 13.7463 67.655 13.709 67.655C13.4383 67.655 13.0417 68.1053 12.519 69.006C12.3417 69.314 12.1923 69.5427 12.071 69.692C11.9543 69.8413 11.8423 69.916 11.735 69.916C11.6277 69.916 11.497 69.8297 11.343 69.657C11.1937 69.4843 11.119 69.3513 11.119 69.258C11.119 69.16 11.1377 69.0177 11.175 68.831C11.217 68.6443 11.2777 68.3783 11.357 68.033C11.441 67.6877 11.5763 67.0623 11.763 66.157C11.9543 65.247 12.05 64.7407 12.05 64.638ZM15.4063 69.202C15.6583 69.09 15.8777 68.8637 16.0643 68.523C16.251 68.1823 16.3443 67.8627 16.3443 67.564C16.3443 67.2653 16.3023 67.06 16.2183 66.948C16.0177 67.0647 15.817 67.3097 15.6163 67.683C15.4203 68.0563 15.3223 68.3853 15.3223 68.67C15.3223 68.95 15.3503 69.1273 15.4063 69.202ZM14.3843 68.74C14.3843 68.1567 14.564 67.6037 14.9233 67.081C15.2873 66.5583 15.6467 66.297 16.0013 66.297C16.356 66.297 16.6547 66.423 16.8973 66.675C17.14 66.9223 17.2613 67.2233 17.2613 67.578C17.2613 67.928 17.1773 68.285 17.0093 68.649C16.8413 69.013 16.6057 69.3163 16.3023 69.559C15.999 69.797 15.6747 69.916 15.3293 69.916C15.0727 69.916 14.851 69.8017 14.6643 69.573C14.4777 69.3443 14.3843 69.0667 14.3843 68.74ZM21.1117 66.304C21.2424 66.304 21.3847 66.3483 21.5387 66.437C21.6974 66.5257 21.7767 66.619 21.7767 66.717C21.7767 66.815 21.6974 67.1463 21.5387 67.711C21.3801 68.2757 21.1304 68.7843 20.7897 69.237C20.4537 69.685 20.2041 69.909 20.0407 69.909C19.9754 69.909 19.8774 69.8623 19.7467 69.769C19.6161 69.6757 19.5227 69.5707 19.4667 69.454C19.3687 69.2627 19.3197 68.7027 19.3197 67.774C19.1191 68.4273 18.8904 68.9477 18.6337 69.335C18.3771 69.7177 18.1694 69.909 18.0107 69.909C17.9407 69.909 17.8381 69.8623 17.7027 69.769C17.5721 69.6757 17.4881 69.5823 17.4507 69.489C17.3481 69.237 17.2501 68.7563 17.1567 68.047C17.0634 67.3377 17.0167 66.8523 17.0167 66.591C17.0167 66.3997 17.0821 66.304 17.2127 66.304C17.3901 66.304 17.5721 66.4113 17.7587 66.626C17.9454 66.8407 18.0387 67.0087 18.0387 67.13C18.0387 67.8067 18.0457 68.3457 18.0597 68.747C18.2464 68.4623 18.4144 68.1077 18.5637 67.683C18.7177 67.2583 18.8414 66.9223 18.9347 66.675C19.0281 66.4277 19.1261 66.304 19.2287 66.304C19.4341 66.304 19.6371 66.4043 19.8377 66.605C20.0384 66.801 20.1387 67.0017 20.1387 67.207C20.1387 67.3003 20.1224 67.494 20.0897 67.788C20.0617 68.082 20.0477 68.3037 20.0477 68.453C20.0477 68.6023 20.0571 68.726 20.0757 68.824C20.2297 68.67 20.3627 68.4437 20.4747 68.145C20.5914 67.8463 20.6754 67.564 20.7267 67.298C20.8574 66.6353 20.9857 66.304 21.1117 66.304ZM25.8924 66.304C26.0744 66.304 26.2261 66.4253 26.3474 66.668C26.4688 66.9107 26.5294 67.1323 26.5294 67.333C26.5294 67.5337 26.4898 67.8323 26.4104 68.229C26.3358 68.621 26.2144 69.0013 26.0464 69.37C25.8831 69.734 25.7058 69.916 25.5144 69.916C25.3604 69.916 25.2834 69.811 25.2834 69.601C25.2834 69.391 25.3441 69.048 25.4654 68.572C25.5868 68.096 25.6474 67.7833 25.6474 67.634C25.6474 67.4847 25.6241 67.41 25.5774 67.41C25.4794 67.41 25.3628 67.5173 25.2274 67.732C25.0921 67.9467 24.9288 68.2337 24.7374 68.593C24.5508 68.9523 24.4341 69.1833 24.3874 69.286C24.3408 69.3887 24.3011 69.4703 24.2684 69.531C24.2404 69.5917 24.2078 69.6547 24.1704 69.72C24.0211 69.9673 23.8228 69.9673 23.5754 69.72C23.4494 69.594 23.3864 69.4797 23.3864 69.377C23.3864 69.3583 23.4238 69.181 23.4984 68.845C23.5778 68.5043 23.6174 68.117 23.6174 67.683C23.6174 67.501 23.5964 67.41 23.5544 67.41C23.4984 67.41 23.4331 67.466 23.3584 67.578C23.2838 67.69 23.1694 67.893 23.0154 68.187C22.8614 68.481 22.7284 68.7237 22.6164 68.915C22.2244 69.5823 21.9258 69.916 21.7204 69.916C21.6178 69.916 21.4894 69.8297 21.3354 69.657C21.1861 69.4843 21.1114 69.3537 21.1114 69.265C21.1114 69.1717 21.1628 68.9523 21.2654 68.607C21.3728 68.257 21.4404 67.886 21.4684 67.494C21.5011 67.102 21.5291 66.7963 21.5524 66.577C21.5804 66.3577 21.6364 66.248 21.7204 66.248C21.8978 66.248 22.0681 66.3227 22.2314 66.472C22.3994 66.6167 22.4834 66.7497 22.4834 66.871C22.4834 67.1463 22.3831 67.627 22.1824 68.313C22.5091 67.5337 22.7844 67.0063 23.0084 66.731C23.2464 66.4463 23.4751 66.304 23.6944 66.304C23.8158 66.304 23.9651 66.416 24.1424 66.64C24.3244 66.864 24.4154 67.074 24.4154 67.27C24.4154 67.4613 24.4131 67.6293 24.4084 67.774C24.5531 67.41 2Line truncated
+</svg>

packages/frontend/templates/edgeless-snapshot/Brainstorming/Concept Map.svg

@@ -0,0 +1,20 @@
+<svg width="135" height="80" viewBox="0 0 135 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="135" height="80" fill="white"/>
+<rect x="8" y="31" width="19" height="12" rx="0.728829" fill="#F16F6F"/>
+<rect x="51" y="7" width="16" height="16" rx="0.728829" fill="#9DD194"/>
+<path d="M81.1768 15.1768C81.2744 15.0791 81.2744 14.9209 81.1768 14.8232L79.5858 13.2322C79.4882 13.1346 79.3299 13.1346 79.2322 13.2322C79.1346 13.3299 79.1346 13.4882 79.2322 13.5858L80.6464 15L79.2322 16.4142C79.1346 16.5118 79.1346 16.6701 79.2322 16.7678C79.3299 16.8654 79.4882 16.8654 79.5858 16.7678L81.1768 15.1768ZM67 15.25H81V14.75H67V15.25Z" fill="#7CC270"/>
+<path d="M107.177 65.1768C107.274 65.0791 107.274 64.9209 107.177 64.8232L105.586 63.2322C105.488 63.1346 105.33 63.1346 105.232 63.2322C105.135 63.3299 105.135 63.4882 105.232 63.5858L106.646 65L105.232 66.4142C105.135 66.5118 105.135 66.6701 105.232 66.7678C105.33 66.8654 105.488 66.8654 105.586 66.7678L107.177 65.1768ZM93 65.25H107V64.75H93V65.25Z" fill="#FFD338"/>
+<rect x="81" y="9" width="12" height="12" rx="0.728829" fill="#9DD194"/>
+<rect x="112" y="19" width="12" height="12" rx="0.728829" fill="#ED8CBD"/>
+<rect x="112" y="37" width="12" height="12" rx="0.728829" fill="#ED8CBD"/>
+<rect x="81" y="59" width="12" height="12" rx="0.728829" fill="#FFDE6B"/>
+<rect x="51" y="51" width="16" height="16" rx="0.728829" fill="#FFDE6B"/>
+<rect x="81" y="31" width="12" height="12" rx="0.728829" fill="#ED8CBD"/>
+<rect x="107" y="59" width="12" height="12" rx="0.728829" fill="#FFDE6B"/>
+<path d="M51.1768 15.1769C51.2744 15.0792 51.2744 14.9209 51.1768 14.8233L49.5859 13.2322C49.4882 13.1346 49.3299 13.1346 49.2323 13.2322C49.1347 13.3299 49.1347 13.4882 49.2323 13.5858L50.6464 15.0001L49.2322 16.4142C49.1345 16.5118 49.1345 16.6701 49.2322 16.7678C49.3298 16.8654 49.4881 16.8654 49.5857 16.7678L51.1768 15.1769ZM27 37.25C29.6064 37.25 31.4984 35.8069 33.0346 33.7103C34.565 31.6215 35.7728 28.8425 37.004 26.1025C38.242 23.3473 39.505 20.6278 41.1503 18.5948C42.788 16.5711 44.786 15.25 47.5 15.25V14.75C44.5907 14.75 42.4623 16.1789 40.7616 18.2802C39.0686 20.3722 37.7813 23.1527 36.5479 25.8975C35.3077 28.6575 34.1232 31.3785 32.6313 33.4147C31.1451 35.4431 29.3848 36.75 27 36.75V37.25ZM47.5 15.25C48.3245 15.25 49.1995 15.25 49.8683 15.25C50.2028 15.25 50.4857 15.2501 50.685 15.2501C50.7846 15.2501 50.8634 15.2501 50.9172 15.2501C50.9442 15.2501 50.9648 15.2501 50.9788 15.2501C50.9858 15.2501 50.9911 15.2501 50.9946 15.2501C50.9964 15.2501 50.9977 15.2501 50.9986 15.2501C50.9991 15.2501 50.9994 15.2501 50.9997 15.2501C50.9998 15.2501 50.9998 15.2501 50.9999 15.2501C50.9999 15.2501 51 15.2501 51 15.2501C51 15.2501 51 15.2501 51 15.0001C51 14.7501 51 14.7501 51 14.7501C51 14.7501 51 14.7501 50.9999 14.7501C50.9999 14.7501 50.9998 14.7501 50.9997 14.7501C50.9994 14.7501 50.9991 14.7501 50.9987 14.7501C50.9978 14.7501 50.9964 14.7501 50.9946 14.7501C50.9911 14.7501 50.9858 14.7501 50.9788 14.7501C50.9649 14.7501 50.9442 14.7501 50.9173 14.7501C50.8634 14.7501 50.7847 14.7501 50.685 14.7501C50.4857 14.7501 50.2028 14.75 49.8684 14.75C49.1995 14.75 48.3245 14.75 47.5 14.75V15.25Z" fill="#ED3F3F"/>
+<path d="M81.1768 37.1769C81.2744 37.0792 81.2744 36.9209 81.1768 36.8233L79.5859 35.2322C79.4883 35.1346 79.33 35.1346 79.2324 35.2322C79.1347 35.3298 79.1347 35.4881 79.2323 35.5857L80.6464 37L79.2321 38.4142C79.1345 38.5118 79.1345 38.6701 79.2321 38.7677C79.3297 38.8654 79.488 38.8654 79.5857 38.7677L81.1768 37.1769ZM67 59.25C67.8169 59.25 68.5092 58.861 69.0998 58.2248C69.6868 57.5926 70.187 56.703 70.6324 55.6608C71.523 53.5771 72.2258 50.8052 72.9445 48.0634C73.6667 45.308 74.4051 42.5818 75.3671 40.5442C76.3381 38.4874 77.4807 37.25 78.9583 37.25V36.75C77.1556 36.75 75.8913 38.2626 74.9149 40.3308C73.9295 42.4182 73.1802 45.192 72.4608 47.9366C71.7378 50.6948 71.0451 53.4229 70.1727 55.4642C69.7366 56.4845 69.2634 57.3137 68.7334 57.8846C68.2071 58.4515 67.6389 58.75 67 58.75V59.25ZM78.9583 37.25C79.4393 37.25 79.9497 37.25 80.3399 37.25C80.535 37.25 80.7 37.2501 80.8162 37.2501C80.8744 37.2501 80.9203 37.2501 80.9517 37.2501C80.9674 37.2501 80.9795 37.2501 80.9876 37.2501C80.9917 37.2501 80.9948 37.2501 80.9969 37.2501C80.9979 37.2501 80.9987 37.2501 80.9992 37.2501C80.9995 37.2501 80.9997 37.2501 80.9998 37.2501C80.9999 37.2501 80.9999 37.2501 80.9999 37.2501C81 37.2501 81 37.2501 81 37.2501C81 37.2501 81 37.2501 81 37.0001C81 36.7501 81 36.7501 81 36.7501C81 36.7501 81 36.7501 81 36.7501C80.9999 36.7501 80.9999 36.7501 80.9998 36.7501C80.9997 36.7501 80.9995 36.7501 80.9992 36.7501C80.9987 36.7501 80.9979 36.7501 80.9969 36.7501C80.9948 36.7501 80.9917 36.7501 80.9877 36.7501C80.9795 36.7501 80.9674 36.7501 80.9517 36.7501C80.9203 36.7501 80.8744 36.7501 80.8163 36.7501C80.7 36.7501 80.535 36.75 80.3399 36.75C79.9497 36.75 79.4393 36.75 78.9583 36.75V37.25Z" fill="#FFD338"/>
+<path d="M112.177 25.1768C112.274 25.0792 112.274 24.9209 112.177 24.8233L110.586 23.2322C110.488 23.1346 110.33 23.1346 110.232 23.2322C110.135 23.3299 110.135 23.4881 110.232 23.5858L111.646 25L110.232 26.4142C110.135 26.5118 110.135 26.6701 110.232 26.7678C110.33 26.8654 110.488 26.8654 110.586 26.7678L112.177 25.1768ZM93 37.25C97.1095 37.25 99.0116 34.1068 100.949 31.1366C102.91 28.1288 104.925 25.25 109.229 25.25V24.75C104.629 24.75 102.481 27.8712 100.53 30.8634C98.554 33.8932 96.7933 36.75 93 36.75V37.25ZM109.229 25.25C109.882 25.25 110.575 25.25 111.104 25.25C111.369 25.25 111.593 25.25 111.751 25.25C111.83 25.25 111.892 25.25 111.934 25.25C111.956 25.25 111.972 25.25 111.983 25.25C111.989 25.25 111.993 25.25 111.996 25.25C111.997 25.25 111.998 25.25 111.999 25.25C111.999 25.25 112 25.25 112 25.25C112 25.25 112 25.25 112 25.25C112 25.25 112 25.25 112 25.25C112 25.25 112 25.25 112 25C112 24.75 112 24.75 112 24.75C112 24.75 112 24.75 112 24.75C112 24.75 112 24.75 112 24.75C112 24.75 111.999 24.75 111.999 24.75C111.998 24.75 111.997 24.75 111.996 24.75C111.993 24.75 111.989 24.75 111.983 24.75C111.972 24.75 111.956 24.75 111.934 24.75C111.892 24.75 111.83 24.75 111.751 24.75C111.593 24.75 111.369 24.75 111.104 24.75C110.575 24.75 109.882 24.75 109.229 24.75V25.25Z" fill="#E660A4"/>
+<path d="M112.177 41.8232C112.274 41.9208 112.274 42.0791 112.177 42.1768L110.586 43.7678C110.488 43.8654 110.33 43.8654 110.232 43.7678C110.135 43.6701 110.135 43.5118 110.232 43.4142L111.646 42L110.232 40.5858C110.135 40.4882 110.135 40.3299 110.232 40.2322C110.33 40.1346 110.488 40.1346 110.586 40.2322L112.177 41.8232ZM93 36.75C95.0041 36.75 96.481 37.0673 97.7089 37.5485C98.9323 38.0278 99.9003 38.6673 100.874 39.2893C101.85 39.9132 102.839 40.5246 104.132 40.9831C105.423 41.4411 107.028 41.75 109.229 41.75V42.25C106.979 42.25 105.317 41.9339 103.965 41.4544C102.615 40.9754 101.585 40.3368 100.605 39.7107C99.6217 39.0827 98.6959 38.4722 97.5265 38.014C96.3618 37.5577 94.9474 37.25 93 37.25V36.75ZM109.229 41.75C109.882 41.75 110.575 41.75 111.104 41.75C111.369 41.75 111.593 41.75 111.751 41.75C111.83 41.75 111.892 41.75 111.934 41.75C111.956 41.75 111.972 41.75 111.983 41.75C111.989 41.75 111.993 41.75 111.996 41.75C111.997 41.75 111.998 41.75 111.999 41.75C111.999 41.75 112 41.75 112 41.75C112 41.75 112 41.75 112 41.75C112 41.75 112 41.75 112 41.75C112 41.75 112 41.75 112 42C112 42.25 112 42.25 112 42.25C112 42.25 112 42.25 112 42.25C112 42.25 112 42.25 112 42.25C112 42.25 111.999 42.25 111.999 42.25C111.998 42.25 111.997 42.25 111.996 42.25C111.993 42.25 111.989 42.25 111.983 42.25C111.972 42.25 111.956 42.25 111.934 42.25C111.892 42.25 111.83 42.25 111.751 42.25C111.593 42.25 111.369 42.25 111.104 42.25C110.575 42.25 109.882 42.25 109.229 42.25V41.75Z" fill="#E660A4"/>
+<path d="M81.1768 64.8232C81.2744 64.9208 81.2744 65.0791 81.1768 65.1768L79.5858 66.7678C79.4882 66.8654 79.3299 66.8654 79.2323 66.7678C79.1346 66.6702 79.1346 66.5119 79.2323 66.4142L80.6464 65L79.2322 63.5858C79.1346 63.4882 79.1346 63.3299 79.2322 63.2322C79.3298 63.1346 79.4881 63.1346 79.5858 63.2322L81.1768 64.8232ZM67 58.75C70.0276 58.75 71.4435 60.3291 72.8829 61.8268C73.6041 62.5772 74.3263 63.3032 75.266 63.846C76.1999 64.3855 77.3599 64.75 78.9583 64.75V65.25C77.2765 65.25 76.0295 64.8645 75.0159 64.279C74.0083 63.6968 73.2428 62.9228 72.5224 62.1732C71.0785 60.6709 69.7955 59.25 67 59.25V58.75ZM78.9583 64.75C79.4393 64.75 79.9497 64.75 80.3399 64.75C80.535 64.75 80.7 64.75 80.8162 64.75C80.8744 64.75 80.9203 64.75 80.9517 64.75C80.9674 64.75 80.9795 64.75 80.9876 64.75C80.9917 64.75 80.9948 64.75 80.9969 64.75C80.9979 64.75 80.9987 64.75 80.9992 64.75C80.9995 64.75 80.9997 64.75 80.9998 64.75C80.9999 64.75 80.9999 64.75 80.9999 64.75C81 64.75 81 64.75 81 64.75C81 64.75 81 64.75 81 65C81 65.25 81 65.25 81 65.25C81 65.25 81 65.25 81 65.25C80.9999 65.25 80.9999 65.25 80.9998 65.25C80.9997 65.25 80.9995 65.25 80.9992 65.25C80.9987 65.25 80.9979 65.25 80.9969 65.25C80.9948 65.25 80.9917 65.25 80.9876 65.25C80.9795 65.25 80.9674 65.25 80.9517 65.25C80.9203 65.25 80.8744 65.25 80.8163 65.25C80.7 65.25 80.535 65.25 80.3399 65.25C79.9497 65.25 79.4393 65.25 78.9583 65.25V64.75Z" fill="#FFD338"/>
+<path d="M51.1768 58.8231C51.2744 58.9208 51.2744 59.0791 51.1768 59.1767L49.5859 60.7678C49.4882 60.8654 49.3299 60.8654 49.2323 60.7678C49.1347 60.6701 49.1347 60.5118 49.2323 60.4142L50.6464 58.9999L49.2322 57.5858C49.1345 57.4882 49.1345 57.3299 49.2322 57.2322C49.3298 57.1346 49.4881 57.1346 49.5857 57.2322L51.1768 58.8231ZM27 36.75C29.6064 36.75 31.4984 38.1931 33.0346 40.2897C34.565 42.3785 35.7728 45.1575 37.004 47.8975C38.242 50.6527 39.505 53.3722 41.1503 55.4052C42.788 57.4289 44.786 58.75 47.5 58.75V59.25C44.5907 59.25 42.4623 57.8211 40.7616 55.7198C39.0686 53.6278 37.7813 50.8473 36.5479 48.1025C35.3077 45.3425 34.1232 42.6215 32.6313 40.5853C31.1451 38.5569 29.3848 37.25 27 37.25V36.75ZM47.5 58.75C48.3245 58.75 49.1995 58.75 49.8683 58.75C50.2028 58.75 50.4857 58.7499 50.685 58.7499C50.7846 58.7499 50.8634 58.7499 50.9172 58.7499C50.9442 58.7499 50.9648 58.7499 50.9788 58.7499C50.9858 58.7499 50.9911 58.7499 50.9946 58.7499C50.9964 58.7499 50.9977 58.7499 50.9986 58.7499C50.9991 58.7499 50.9994 58.7499 50.9997 58.7499C50.9998 58.7499 50.9998 58.7499 50.9999 58.7499C50.9999 58.7499 51 58.7499 51 58.7499C51 58.7499 51 58.7499 51 58.9999C51 59.2499 51 59.2499 51 59.2499C51 59.2499 51 59.2499 50.9999 59.2499C50.9999 59.2499 50.9998 59.2499 50.9997 59.2499C50.9994 59.2499 50.9991 59.2499 50.9987 59.2499C50.9978 59.2499 50.9964 59.2499 50.9946 59.2499C50.9911 59.2499 50.9858 59.2499 50.9788 59.2499C50.9649 59.2499 50.9442 59.2499 50.9173 59.2499C50.8634 59.2499 50.7847 59.2499 50.685 59.2499C50.4857 59.2499 50.2028 59.25 49.8684 59.25C49.1995 59.25 48.3245 59.25 47.5 59.25V58.75Z" fill="#ED3F3F"/>
+</svg>

packages/frontend/templates/edgeless-snapshot/Brainstorming/Flowchart.svg

@@ -0,0 +1,23 @@
+<svg width="135" height="80" viewBox="0 0 135 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="135" height="80" fill="white"/>
+<line x1="27" y1="45.8907" x2="37" y2="45.8907" stroke="black" stroke-opacity="0.6" stroke-width="0.218649"/>
+<line x1="27" y1="45.8907" x2="37" y2="45.8907" stroke="black" stroke-opacity="0.6" stroke-width="0.218649"/>
+<path d="M53 46H57.2695V32.4864V26.0002L63 26" stroke="black" stroke-opacity="0.6" stroke-width="0.218649"/>
+<path d="M81 26H99.2825V16V11L105 11.0002" stroke="black" stroke-opacity="0.6" stroke-width="0.218649"/>
+<path d="M48 46H57.2841L57.2848 55.8122V60.9998L63 61" stroke="black" stroke-opacity="0.6" stroke-width="0.218649"/>
+<path d="M96 26H100.475V35.3332V39.9998L106 40" stroke="black" stroke-opacity="0.6" stroke-width="0.218649"/>
+<rect x="63" y="55" width="18" height="11" rx="0.728829" fill="#9DD194"/>
+<rect x="63.0364" y="55.0364" width="17.9271" height="10.9271" rx="0.692388" stroke="black" stroke-opacity="0.1" stroke-width="0.0728829"/>
+<rect x="8" y="41" width="19" height="10" rx="0.728829" fill="#FFDE6B"/>
+<rect x="8.03644" y="41.0364" width="18.9271" height="9.92712" rx="0.692388" stroke="black" stroke-opacity="0.1" stroke-width="0.0728829"/>
+<rect width="9.73582" height="9.73582" transform="matrix(0.676371 -0.736561 0.676371 0.736561 85.4199 26.1201)" fill="#937EE7"/>
+<rect x="0.0492959" width="9.66294" height="9.66294" transform="matrix(0.676371 -0.736561 0.676371 0.736561 85.4359 26.1564)" stroke="black" stroke-opacity="0.1" stroke-width="0.0728829"/>
+<rect width="9.73582" height="9.73582" transform="matrix(0.676371 -0.736561 0.676371 0.736561 35.5234 46.1709)" fill="#937EE7"/>
+<rect x="0.0492959" width="9.66294" height="9.66294" transform="matrix(0.676371 -0.736561 0.676371 0.736561 35.5394 46.2072)" stroke="black" stroke-opacity="0.1" stroke-width="0.0728829"/>
+<rect x="63" y="20" width="18" height="12" rx="0.728829" fill="#FFDE6B"/>
+<rect x="63.0364" y="20.0364" width="17.9271" height="11.9271" rx="0.692388" stroke="black" stroke-opacity="0.1" stroke-width="0.0728829"/>
+<rect x="105" y="8" width="20" height="10" rx="0.728829" fill="#937EE7"/>
+<rect x="105.036" y="8.03644" width="19.9271" height="9.92712" rx="0.692388" stroke="black" stroke-opacity="0.1" stroke-width="0.0728829"/>
+<rect x="105" y="34" width="20" height="12" rx="0.728829" fill="#937EE7"/>
+<rect x="105.036" y="34.0364" width="19.9271" height="11.9271" rx="0.692388" stroke="black" stroke-opacity="0.1" stroke-width="0.0728829"/>
+</svg>

packages/frontend/templates/edgeless-snapshot/Brainstorming/SMART.svg

@@ -0,0 +1,13 @@
+<svg width="135" height="80" viewBox="0 0 135 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="135" height="80" fill="white"/>
+<rect x="9" y="25" width="21" height="30" fill="#9DD194"/>
+<rect x="33" y="25" width="21" height="30" fill="#ED8CBD"/>
+<rect x="57" y="25" width="21" height="30" fill="#937EE7"/>
+<rect x="81" y="25" width="21" height="30" fill="#FFDE6B"/>
+<rect x="105" y="25" width="21" height="30" fill="#FFC46B"/>
+<path d="M19.32 47.14C18.2933 47.14 17.3733 46.9733 16.56 46.64C15.7467 46.3067 15.0933 45.8133 14.6 45.16C14.12 44.5067 13.8667 43.72 13.84 42.8H17.48C17.5333 43.32 17.7133 43.72 18.02 44C18.3267 44.2667 18.7267 44.4 19.22 44.4C19.7267 44.4 20.1267 44.2867 20.42 44.06C20.7133 43.82 20.86 43.4933 20.86 43.08C20.86 42.7333 20.74 42.4467 20.5 42.22C20.2733 41.9933 19.9867 41.8067 19.64 41.66C19.3067 41.5133 18.8267 41.3467 18.2 41.16C17.2933 40.88 16.5533 40.6 15.98 40.32C15.4067 40.04 14.9133 39.6267 14.5 39.08C14.0867 38.5333 13.88 37.82 13.88 36.94C13.88 35.6333 14.3533 34.6133 15.3 33.88C16.2467 33.1333 17.48 32.76 19 32.76C20.5467 32.76 21.7933 33.1333 22.74 33.88C23.6867 34.6133 24.1933 35.64 24.26 36.96H20.56C20.5333 36.5067 20.3667 36.1533 20.06 35.9C19.7533 35.6333 19.36 35.5 18.88 35.5C18.4667 35.5 18.1333 35.6133 17.88 35.84C17.6267 36.0533 17.5 36.3667 17.5 36.78C17.5 37.2333 17.7133 37.5867 18.14 37.84C18.5667 38.0933 19.2333 38.3667 20.14 38.66C21.0467 38.9667 21.78 39.26 22.34 39.54C22.9133 39.82 23.4067 40.2267 23.82 40.76C24.2333 41.2933 24.44 41.98 24.44 42.82C24.44 43.62 24.2333 44.3467 23.82 45C23.42 45.6533 22.8333 46.1733 22.06 46.56C21.2867 46.9467 20.3733 47.14 19.32 47.14Z" fill="#7CC270"/>
+<path d="M51.14 32.96V47H47.72V38.58L44.58 47H41.82L38.66 38.56V47H35.24V32.96H39.28L43.22 42.68L47.12 32.96H51.14Z" fill="#E660A4"/>
+<path d="M69.98 44.52H64.74L63.9 47H60.32L65.4 32.96H69.36L74.44 47H70.82L69.98 44.52ZM69.1 41.88L67.36 36.74L65.64 41.88H69.1Z" fill="#6E52DF"/>
+<path d="M93.4 47L90.48 41.7H89.66V47H86.24V32.96H91.98C93.0867 32.96 94.0267 33.1533 94.8 33.54C95.5867 33.9267 96.1733 34.46 96.56 35.14C96.9467 35.8067 97.14 36.5533 97.14 37.38C97.14 38.3133 96.8733 39.1467 96.34 39.88C95.82 40.6133 95.0467 41.1333 94.02 41.44L97.26 47H93.4ZM89.66 39.28H91.78C92.4067 39.28 92.8733 39.1267 93.18 38.82C93.5 38.5133 93.66 38.08 93.66 37.52C93.66 36.9867 93.5 36.5667 93.18 36.26C92.8733 35.9533 92.4067 35.8 91.78 35.8H89.66V39.28Z" fill="#FFD338"/>
+<path d="M121.34 32.96V35.7H117.62V47H114.2V35.7H110.48V32.96H121.34Z" fill="#FF8C38"/>
+</svg>

packages/frontend/templates/edgeless-snapshot/Brainstorming/SWOT.svg

@@ -0,0 +1,16 @@
+<svg width="135" height="80" viewBox="0 0 135 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="135" height="80" fill="white"/>
+<rect x="20" y="18" width="47" height="24" rx="2" stroke="#6E52DF" stroke-width="2"/>
+<rect x="20" y="49" width="47" height="24" rx="2" stroke="#84CFFF" stroke-width="2"/>
+<rect x="75" y="18" width="46" height="24" rx="2" stroke="#FF8C38" stroke-width="2"/>
+<rect x="75" y="49" width="46" height="24" rx="2" stroke="#7CC270" stroke-width="2"/>
+<rect x="19" y="8" width="49" height="5" rx="2" fill="#937EE7"/>
+<rect x="74" y="8" width="48" height="5" rx="2" fill="#FFC46B"/>
+<rect x="8" y="74" width="26" height="5" rx="2" transform="rotate(-90 8 74)" fill="#9DD194"/>
+<rect x="13" y="17" width="26" height="5" rx="2" transform="rotate(90 13 17)" fill="#B8E3FF"/>
+<rect x="24" y="22" width="30" height="3" rx="1" fill="#D8D9D8"/>
+<rect x="79" y="22" width="20" height="3" rx="1" fill="#D8D9D8"/>
+<rect x="79" y="57" width="16" height="3" rx="1" fill="#D8D9D8"/>
+<rect x="79" y="63" width="20" height="3" rx="1" fill="#D8D9D8"/>
+<rect x="24" y="27" width="13" height="3" rx="1" fill="#D8D9D8"/>
+</svg>

packages/frontend/templates/edgeless-snapshot/Marketing/4P Marketing Matrix.svg

@@ -0,0 +1,45 @@
+<svg width="135" height="80" viewBox="0 0 135 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="135" height="80" fill="white"/>
+<rect x="6" y="7" width="56" height="30" rx="1" fill="#DFF4E8"/>
+<rect x="72" y="7" width="56" height="30" rx="1" fill="#E1EFFF"/>
+<rect x="6" y="44" width="56" height="30" rx="1" fill="#FFEACA"/>
+<rect x="72" y="44" width="56" height="30" rx="1" fill="#FFE1E1"/>
+<rect x="9" y="11" width="10" height="9" fill="#9DD194"/>
+<rect x="9.05" y="11.05" width="9.9" height="8.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="9" y="24" width="10" height="9" fill="#9DD194"/>
+<rect x="9.05" y="24.05" width="9.9" height="8.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="22" y="11" width="10" height="9" fill="#9DD194"/>
+<rect x="22.05" y="11.05" width="9.9" height="8.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="84" y="17" width="10" height="11" fill="#84CFFF"/>
+<rect x="84.05" y="17.05" width="9.9" height="10.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="99" y="17" width="10" height="11" fill="#84CFFF"/>
+<rect x="99.05" y="17.05" width="9.9" height="10.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="113" y="17" width="10" height="11" fill="#84CFFF"/>
+<rect x="113.05" y="17.05" width="9.9" height="10.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="76" y="47" width="10" height="8" fill="#F16F6F"/>
+<rect x="76.05" y="47.05" width="9.9" height="7.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="89" y="47" width="10" height="8" fill="#F16F6F"/>
+<rect x="89.05" y="47.05" width="9.9" height="7.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="102" y="47" width="10" height="8" fill="#F16F6F"/>
+<rect x="102.05" y="47.05" width="9.9" height="7.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="115" y="47" width="10" height="8" fill="#F16F6F"/>
+<rect x="115.05" y="47.05" width="9.9" height="7.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="115" y="57" width="10" height="8" fill="#F16F6F"/>
+<rect x="115.05" y="57.05" width="9.9" height="7.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="102" y="57" width="10" height="8" fill="#F16F6F"/>
+<rect x="102.05" y="57.05" width="9.9" height="7.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="89" y="57" width="10" height="8" fill="#F16F6F"/>
+<rect x="89.05" y="57.05" width="9.9" height="7.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="76" y="57" width="10" height="8" fill="#F16F6F"/>
+<rect x="76.05" y="57.05" width="9.9" height="7.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="35" y="11" width="10" height="9" fill="#9DD194"/>
+<rect x="35.05" y="11.05" width="9.9" height="8.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<line x1="6" y1="40.85" x2="128" y2="40.85" stroke="#E3E2E4" stroke-width="0.3"/>
+<line x1="67.15" y1="7" x2="67.15" y2="74" stroke="#E3E2E4" stroke-width="0.3"/>
+<rect x="9" y="48" width="10" height="10" fill="#FFC46B"/>
+<rect x="9.05" y="48.05" width="9.9" height="9.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="22" y="55" width="10" height="10" fill="#FFC46B"/>
+<rect x="22.05" y="55.05" width="9.9" height="9.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="35" y="50" width="10" height="10" fill="#FFC46B"/>
+<rect x="35.05" y="50.05" width="9.9" height="9.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+</svg>

packages/frontend/templates/edgeless-snapshot/Marketing/Storyboard.svg

@@ -0,0 +1,53 @@
+<svg width="135" height="80" viewBox="0 0 135 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_7497_25255)">
+<rect width="135" height="80" fill="white"/>
+<rect x="6.5" y="8.5" width="37" height="28" rx="3.5" fill="#DFF4E8" stroke="#7CC270"/>
+<path d="M13.3345 31.1385C12.7498 31.1385 12.2479 30.9905 11.8288 30.6946C11.4122 30.3963 11.0914 29.9666 10.8665 29.4055C10.6439 28.8421 10.5327 28.1638 10.5327 27.3707C10.535 26.5777 10.6475 25.9029 10.87 25.3466C11.0949 24.7879 11.4157 24.3617 11.8324 24.0682C12.2514 23.7746 12.7521 23.6278 13.3345 23.6278C13.9169 23.6278 14.4176 23.7746 14.8366 24.0682C15.2557 24.3617 15.5765 24.7879 15.799 25.3466C16.0239 25.9053 16.1364 26.58 16.1364 27.3707C16.1364 28.1662 16.0239 28.8456 15.799 29.4091C15.5765 29.9702 15.2557 30.3987 14.8366 30.6946C14.42 30.9905 13.9193 31.1385 13.3345 31.1385ZM13.3345 30.027C13.7891 30.027 14.1477 29.8033 14.4105 29.3558C14.6757 28.906 14.8082 28.2443 14.8082 27.3707C14.8082 26.7931 14.7479 26.3078 14.6271 25.9148C14.5064 25.5218 14.3359 25.2259 14.1158 25.027C13.8956 24.8258 13.6352 24.7251 13.3345 24.7251C12.8823 24.7251 12.5249 24.95 12.2621 25.3999C11.9993 25.8473 11.8667 26.5043 11.8643 27.3707C11.862 27.9508 11.92 28.4384 12.0384 28.8338C12.1591 29.2292 12.3295 29.5275 12.5497 29.7287C12.7699 29.9276 13.0315 30.027 13.3345 30.027ZM20.2743 23.7273V31H18.9569V25.0092H18.9142L17.2132 26.0959V24.8885L19.0208 23.7273H20.2743Z" fill="#7CC270"/>
+<rect x="49.5" y="44.5" width="37" height="28" rx="3.5" fill="#FFE1E1" stroke="#E660A4"/>
+<rect x="92.5" y="44.5" width="37" height="28" rx="3.5" fill="#F5F5F5" stroke="#BFC0BF"/>
+<path d="M56.3345 66.1385C55.7498 66.1385 55.2479 65.9905 54.8288 65.6946C54.4122 65.3963 54.0914 64.9666 53.8665 64.4055C53.6439 63.8421 53.5327 63.1638 53.5327 62.3707C53.535 61.5777 53.6475 60.9029 53.87 60.3466C54.0949 59.7879 54.4157 59.3617 54.8324 59.0682C55.2514 58.7746 55.7521 58.6278 56.3345 58.6278C56.9169 58.6278 57.4176 58.7746 57.8366 59.0682C58.2557 59.3617 58.5765 59.7879 58.799 60.3466C59.0239 60.9053 59.1364 61.58 59.1364 62.3707C59.1364 63.1662 59.0239 63.8456 58.799 64.4091C58.5765 64.9702 58.2557 65.3987 57.8366 65.6946C57.42 65.9905 56.9193 66.1385 56.3345 66.1385ZM56.3345 65.027C56.7891 65.027 57.1477 64.8033 57.4105 64.3558C57.6757 63.906 57.8082 63.2443 57.8082 62.3707C57.8082 61.7931 57.7479 61.3078 57.6271 60.9148C57.5064 60.5218 57.3359 60.2259 57.1158 60.027C56.8956 59.8258 56.6352 59.7251 56.3345 59.7251C55.8823 59.7251 55.5249 59.95 55.2621 60.3999C54.9993 60.8473 54.8667 61.5043 54.8643 62.3707C54.862 62.9508 54.92 63.4384 55.0384 63.8338C55.1591 64.2292 55.3295 64.5275 55.5497 64.7287C55.7699 64.9276 56.0315 65.027 56.3345 65.027ZM60.1848 64.6506V63.603L63.2708 58.7273H64.1444V60.2188H63.6117L61.5343 63.5107V63.5675H65.8418V64.6506H60.1848ZM63.6543 66V64.331L63.6685 63.8622V58.7273H64.9114V66H63.6543Z" fill="#E660A4"/>
+<path d="M99.3345 66.1385C98.7498 66.1385 98.2479 65.9905 97.8288 65.6946C97.4122 65.3963 97.0914 64.9666 96.8665 64.4055C96.6439 63.8421 96.5327 63.1638 96.5327 62.3707C96.535 61.5777 96.6475 60.9029 96.87 60.3466C97.0949 59.7879 97.4157 59.3617 97.8324 59.0682C98.2514 58.7746 98.7521 58.6278 99.3345 58.6278C99.9169 58.6278 100.418 58.7746 100.837 59.0682C101.256 59.3617 101.576 59.7879 101.799 60.3466C102.024 60.9053 102.136 61.58 102.136 62.3707C102.136 63.1662 102.024 63.8456 101.799 64.4091C101.576 64.9702 101.256 65.3987 100.837 65.6946C100.42 65.9905 99.9193 66.1385 99.3345 66.1385ZM99.3345 65.027C99.7891 65.027 100.148 64.8033 100.411 64.3558C100.676 63.906 100.808 63.2443 100.808 62.3707C100.808 61.7931 100.748 61.3078 100.627 60.9148C100.506 60.5218 100.336 60.2259 100.116 60.027C99.8956 59.8258 99.6352 59.7251 99.3345 59.7251C98.8823 59.7251 98.5249 59.95 98.2621 60.3999C97.9993 60.8473 97.8667 61.5043 97.8643 62.3707C97.862 62.9508 97.92 63.4384 98.0384 63.8338C98.1591 64.2292 98.3295 64.5275 98.5497 64.7287C98.7699 64.9276 99.0315 65.027 99.3345 65.027ZM105.845 66.0994C105.371 66.0994 104.947 66.0107 104.573 65.8331C104.199 65.6532 103.902 65.407 103.682 65.0945C103.464 64.782 103.348 64.4245 103.334 64.022H104.612C104.636 64.3203 104.765 64.5642 104.999 64.7536C105.234 64.9406 105.516 65.0341 105.845 65.0341C106.103 65.0341 106.332 64.9749 106.534 64.8565C106.735 64.7382 106.893 64.5736 107.009 64.3629C107.125 64.1522 107.182 63.9119 107.18 63.642C107.182 63.3674 107.124 63.1236 107.006 62.9105C106.887 62.6974 106.725 62.5305 106.519 62.4098C106.313 62.2867 106.077 62.2251 105.809 62.2251C105.591 62.2228 105.377 62.263 105.166 62.3459C104.956 62.4287 104.789 62.5376 104.666 62.6726L103.476 62.4773L103.856 58.7273H108.075V59.8281H104.946L104.737 61.7564H104.779C104.914 61.5978 105.105 61.4664 105.351 61.3622C105.597 61.2557 105.867 61.2024 106.161 61.2024C106.601 61.2024 106.994 61.3066 107.34 61.5149C107.685 61.7209 107.958 62.005 108.156 62.3672C108.355 62.7294 108.455 63.1437 108.455 63.6101C108.455 64.0907 108.343 64.5192 108.121 64.8956C107.901 65.2696 107.594 65.5644 107.201 65.7798C106.811 65.9929 106.358 66.0994 105.845 66.0994Z" fill="#BFC0BF"/>
+<rect x="49.5" y="8.5" width="37" height="28" rx="3.5" fill="#F3F0FF" stroke="#6E52DF"/>
+<path d="M56.3345 31.1385C55.7498 31.1385 55.2479 30.9905 54.8288 30.6946C54.4122 30.3963 54.0914 29.9666 53.8665 29.4055C53.6439 28.8421 53.5327 28.1638 53.5327 27.3707C53.535 26.5777 53.6475 25.9029 53.87 25.3466C54.0949 24.7879 54.4157 24.3617 54.8324 24.0682C55.2514 23.7746 55.7521 23.6278 56.3345 23.6278C56.9169 23.6278 57.4176 23.7746 57.8366 24.0682C58.2557 24.3617 58.5765 24.7879 58.799 25.3466C59.0239 25.9053 59.1364 26.58 59.1364 27.3707C59.1364 28.1662 59.0239 28.8456 58.799 29.4091C58.5765 29.9702 58.2557 30.3987 57.8366 30.6946C57.42 30.9905 56.9193 31.1385 56.3345 31.1385ZM56.3345 30.027C56.7891 30.027 57.1477 29.8033 57.4105 29.3558C57.6757 28.906 57.8082 28.2443 57.8082 27.3707C57.8082 26.7931 57.7479 26.3078 57.6271 25.9148C57.5064 25.5218 57.3359 25.2259 57.1158 25.027C56.8956 24.8258 56.6352 24.7251 56.3345 24.7251C55.8823 24.7251 55.5249 24.95 55.2621 25.3999C54.9993 25.8473 54.8667 26.5043 54.8643 27.3707C54.862 27.9508 54.92 28.4384 55.0384 28.8338C55.1591 29.2292 55.3295 29.5275 55.5497 29.7287C55.7699 29.9276 56.0315 30.027 56.3345 30.027ZM60.3162 31V30.0483L62.8411 27.5732C63.0826 27.3293 63.2838 27.1127 63.4448 26.9233C63.6058 26.7339 63.7265 26.5504 63.807 26.3729C63.8875 26.1953 63.9277 26.0059 63.9277 25.8047C63.9277 25.575 63.8757 25.3786 63.7715 25.2152C63.6673 25.0495 63.5241 24.9216 63.3418 24.8317C63.1595 24.7417 62.9524 24.6967 62.7203 24.6967C62.4812 24.6967 62.2717 24.7464 62.0918 24.8459C61.9119 24.9429 61.7722 25.0814 61.6728 25.2614C61.5757 25.4413 61.5272 25.6555 61.5272 25.9041H60.2736C60.2736 25.4425 60.379 25.0412 60.5897 24.7003C60.8004 24.3594 61.0904 24.0954 61.4597 23.9084C61.8314 23.7214 62.2575 23.6278 62.7381 23.6278C63.2258 23.6278 63.6543 23.719 64.0236 23.9013C64.3929 24.0836 64.6794 24.3333 64.883 24.6506C65.089 24.9678 65.1919 25.33 65.1919 25.7372C65.1919 26.0095 65.1399 26.277 65.0357 26.5398C64.9315 26.8026 64.748 27.0937 64.4853 27.4134C64.2248 27.733 63.8591 28.12 63.388 28.5746L62.1344 29.8494V29.8991H65.302V31H60.3162Z" fill="#6E52DF"/>
+<rect x="6.5" y="44.5" width="37" height="28" rx="3.5" fill="#FFEACA" stroke="#FF8C38"/>
+<path d="M13.3345 66.1385C12.7498 66.1385 12.2479 65.9905 11.8288 65.6946C11.4122 65.3963 11.0914 64.9666 10.8665 64.4055C10.6439 63.8421 10.5327 63.1638 10.5327 62.3707C10.535 61.5777 10.6475 60.9029 10.87 60.3466C11.0949 59.7879 11.4157 59.3617 11.8324 59.0682C12.2514 58.7746 12.7521 58.6278 13.3345 58.6278C13.9169 58.6278 14.4176 58.7746 14.8366 59.0682C15.2557 59.3617 15.5765 59.7879 15.799 60.3466C16.0239 60.9053 16.1364 61.58 16.1364 62.3707C16.1364 63.1662 16.0239 63.8456 15.799 64.4091C15.5765 64.9702 15.2557 65.3987 14.8366 65.6946C14.42 65.9905 13.9193 66.1385 13.3345 66.1385ZM13.3345 65.027C13.7891 65.027 14.1477 64.8033 14.4105 64.3558C14.6757 63.906 14.8082 63.2443 14.8082 62.3707C14.8082 61.7931 14.7479 61.3078 14.6271 60.9148C14.5064 60.5218 14.3359 60.2259 14.1158 60.027C13.8956 59.8258 13.6352 59.7251 13.3345 59.7251C12.8823 59.7251 12.5249 59.95 12.2621 60.3999C11.9993 60.8473 11.8667 61.5043 11.8643 62.3707C11.862 62.9508 11.92 63.4384 12.0384 63.8338C12.1591 64.2292 12.3295 64.5275 12.5497 64.7287C12.7699 64.9276 13.0315 65.027 13.3345 65.027ZM19.9263 66.0994C19.415 66.0994 18.9604 66.0118 18.5627 65.8366C18.1673 65.6615 17.8548 65.4176 17.6252 65.1051C17.3955 64.7926 17.2736 64.4316 17.2594 64.022H18.5946C18.6065 64.2185 18.6716 64.3902 18.79 64.5369C18.9083 64.6813 19.0658 64.7938 19.2623 64.8743C19.4587 64.9548 19.6789 64.995 19.9228 64.995C20.1832 64.995 20.414 64.95 20.6152 64.8601C20.8165 64.7678 20.9739 64.6399 21.0875 64.4766C21.2012 64.3132 21.2568 64.125 21.2544 63.9119C21.2568 63.6918 21.2 63.4976 21.084 63.3295C20.968 63.1615 20.7999 63.0301 20.5797 62.9354C20.3619 62.8407 20.0991 62.7933 19.7914 62.7933H19.1486V61.7777H19.7914C20.0447 61.7777 20.266 61.7339 20.4554 61.6463C20.6472 61.5587 20.7975 61.4356 20.9064 61.277C21.0153 61.116 21.0686 60.9302 21.0662 60.7195C21.0686 60.5135 21.0224 60.3348 20.9277 60.1832C20.8354 60.0294 20.704 59.9098 20.5336 59.8246C20.3655 59.7393 20.1678 59.6967 19.9405 59.6967C19.718 59.6967 19.512 59.737 19.3226 59.8175C19.1332 59.898 18.9805 60.0128 18.8645 60.1619C18.7485 60.3087 18.687 60.4839 18.6799 60.6875H17.4121C17.4216 60.2803 17.5388 59.9228 17.7637 59.6151C17.9909 59.3049 18.294 59.0634 18.6728 58.8906C19.0516 58.7154 19.4765 58.6278 19.9476 58.6278C20.4329 58.6278 20.8543 58.719 21.2118 58.9013C21.5717 59.0812 21.8498 59.3239 22.0463 59.6293C22.2428 59.9347 22.3411 60.272 22.3411 60.6413C22.3435 61.0509 22.2227 61.3942 21.9789 61.6712C21.7374 61.9482 21.4202 62.1293 21.0272 62.2145V62.2713C21.5385 62.3423 21.9303 62.5317 22.2026 62.8395C22.4772 63.1449 22.6133 63.5249 22.611 63.9794C22.611 64.3866 22.495 64.7512 22.263 65.0732C22.0333 65.3928 21.7161 65.6437 21.3113 65.826C20.9088 66.0083 20.4471 66.0994 19.9263 66.0994Z" fill="#FF8C38"/>
+<path d="M78.9575 32.2139C83.9295 32.5977 88.8546 32.913 93.666 34.2906C95.1402 34.7126 98.2175 35.4761 97.7562 37.6359C97.4452 39.0919 96.3376 40.4716 95.3996 41.5771C93.8059 43.4554 92.0234 45.2793 90.6864 47.3558C89.9336 48.5249 89.6354 49.6117 90.7992 50.6108C91.604 51.3017 92.6247 51.6679 93.6163 51.9968C94.8768 52.4148 96.1623 52.7528 97.4673 52.999C99.0062 53.2894 100.565 53.4598 102.126 53.5679C102.228 53.5749 102.813 53.5859 102.767 53.5859" stroke="#9A6533" stroke-width="3" stroke-linecap="round"/>
+<g filter="url(#filter0_dd_7497_25255)">
+<path d="M121.276 48.3562L119.608 47.5357L159.992 22.4125L160.825 23.7522L121.276 48.3562Z" fill="#9A6533"/>
+<path d="M119.331 47.7085L118.312 46.071L158.974 20.7747L159.993 22.4122L119.331 47.7085Z" fill="#9A6533"/>
+<path d="M118.311 46.0718L117.292 44.4343L157.954 19.138L158.973 20.7754L118.311 46.0718Z" fill="#9A6533"/>
+<path d="M113.757 46.6338L117.573 42.4017L157.122 17.7977L157.955 19.1374L113.757 46.6338Z" fill="#9A6533"/>
+<path d="M110.445 51.998C109.545 52.2999 108.85 51.1836 109.519 50.5094L112.192 47.8136L117.54 42.4222L117.635 42.7593C117.86 43.5526 118.401 44.2185 119.132 44.6005L119.449 44.7661C119.771 44.9346 119.976 45.2648 119.985 45.6284L120.004 46.4162C120.017 46.9657 120.256 47.4856 120.664 47.8537L121.244 48.3766L114.045 50.7909L110.445 51.998Z" fill="white"/>
+<g filter="url(#filter1_b_7497_25255)">
+<path d="M107.644 52.937C107.444 53.004 107.29 52.7562 107.438 52.6066L110.053 49.9702L111.164 51.7565L107.644 52.937Z" fill="#9A6533"/>
+</g>
+</g>
+</g>
+<defs>
+<filter id="filter0_dd_7497_25255" x="95.9996" y="14.6782" width="74.0355" height="56.5039" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="2" operator="erode" in="SourceAlpha" result="effect1_dropShadow_7497_25255"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.258824 0 0 0 0 0.254902 0 0 0 0 0.286275 0 0 0 0.1 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_7497_25255"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feMorphology radius="1" operator="dilate" in="SourceAlpha" result="effect2_dropShadow_7497_25255"/>
+<feOffset dy="6"/>
+<feGaussianBlur stdDeviation="4"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.258824 0 0 0 0 0.254902 0 0 0 0 0.286275 0 0 0 0.05 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_7497_25255" result="effect2_dropShadow_7497_25255"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_7497_25255" result="shape"/>
+</filter>
+<filter id="filter1_b_7497_25255" x="105.476" y="48.0668" width="7.59217" height="6.78492" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feGaussianBlur in="BackgroundImageFix" stdDeviation="0.951724"/>
+<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_7497_25255"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_7497_25255" result="shape"/>
+</filter>
+<clipPath id="clip0_7497_25255">
+<rect width="135" height="80" fill="white"/>
+</clipPath>
+</defs>
+</svg>

packages/frontend/templates/edgeless-snapshot/Marketing/User Journey Map.svg

@@ -0,0 +1,31 @@
+<svg width="135" height="80" viewBox="0 0 135 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="135" height="80" fill="white"/>
+<rect x="29" y="8" width="98" height="16" fill="#B8E3FF" stroke="white" stroke-width="2"/>
+<rect x="29" y="24" width="98" height="16" fill="#B8E3FF" stroke="white" stroke-width="2"/>
+<rect opacity="0.3" x="29" y="40" width="98" height="16" fill="#B8E3FF" stroke="white" stroke-width="2"/>
+<rect x="29" y="56" width="98" height="16" fill="#B8E3FF" stroke="white" stroke-width="2"/>
+<rect x="9" y="8" width="20" height="16" fill="#84CFFF" stroke="white" stroke-width="2"/>
+<rect x="9" y="24" width="20" height="16" fill="#84CFFF" stroke="white" stroke-width="2"/>
+<rect x="9" y="40" width="20" height="16" fill="#84CFFF" stroke="white" stroke-width="2"/>
+<rect x="9" y="56" width="20" height="16" fill="#84CFFF" stroke="white" stroke-width="2"/>
+<path d="M38 52.1881C43.9372 52.1881 50.7225 43.5972 57.9319 43.5972C65.1414 43.5972 70.6545 52.5972 78.288 52.5972C85.9215 52.5972 86.7696 43.5972 98.644 43.5972C106.277 43.5972 113.911 52.1881 119 52.5972" stroke="black" stroke-opacity="0.3" stroke-dasharray="2 2"/>
+<circle cx="37.0469" cy="52.0469" r="3.04688" fill="#FFD338"/>
+<circle cx="57.1406" cy="44.0469" r="3.04688" fill="#FFD338"/>
+<circle cx="77.2344" cy="52.0469" r="3.04688" fill="#FFD338"/>
+<circle cx="97.3281" cy="44.0469" r="3.04688" fill="#FFD338"/>
+<circle cx="117.422" cy="52.0469" r="3.04688" fill="#FFD338"/>
+<rect x="50" y="11" width="10" height="10" fill="#F16F6F"/>
+<rect x="50.05" y="11.05" width="9.9" height="9.9" stroke="black" stroke-opacity="0.3" stroke-width="0.1"/>
+<rect x="32" y="27" width="10" height="10" fill="#FF8C38"/>
+<rect x="32.05" y="27.05" width="9.9" height="9.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="72" y="26" width="10" height="10" fill="#937EE7"/>
+<rect x="72.05" y="26.05" width="9.9" height="9.9" stroke="black" stroke-opacity="0.3" stroke-width="0.1"/>
+<rect x="73" y="60" width="10" height="10" fill="#937EE7"/>
+<rect x="73.05" y="60.05" width="9.9" height="9.9" stroke="black" stroke-opacity="0.3" stroke-width="0.1"/>
+<rect x="92" y="26" width="10" height="10" fill="#9DD194"/>
+<rect x="92.05" y="26.05" width="9.9" height="9.9" stroke="black" stroke-opacity="0.3" stroke-width="0.1"/>
+<rect x="112" y="12" width="10" height="10" fill="#ED8CBD"/>
+<rect x="112.05" y="12.05" width="9.9" height="9.9" stroke="black" stroke-opacity="0.3" stroke-width="0.1"/>
+<rect x="112" y="60" width="10" height="10" fill="#ED8CBD"/>
+<rect x="112.05" y="60.05" width="9.9" height="9.9" stroke="black" stroke-opacity="0.3" stroke-width="0.1"/>
+</svg>

packages/frontend/templates/edgeless-snapshot/Presentation/Business Proposal.svg

@@ -0,0 +1,40 @@
+<svg width="135" height="80" viewBox="0 0 135 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="135" height="80" fill="white"/>
+<rect x="10" y="10" width="53.5" height="26" rx="1" fill="#937EE7"/>
+<rect x="71.5" y="10" width="53.5" height="26" rx="1" fill="#937EE7"/>
+<rect x="10" y="44" width="53.5" height="26" rx="1" fill="#937EE7"/>
+<rect x="71.5" y="44" width="53.5" height="26" rx="1" fill="#937EE7"/>
+<rect x="16" y="14" width="28" height="2" rx="1" fill="white"/>
+<rect x="101" y="55" width="8" height="1" rx="0.5" fill="white"/>
+<rect x="101" y="50" width="9" height="2" rx="1" fill="white"/>
+<rect x="49" y="48" width="9" height="2" rx="1" fill="white"/>
+<rect x="50" y="60" width="9" height="2" rx="1" fill="white"/>
+<rect x="21" y="66" width="9" height="2" rx="1" fill="white"/>
+<rect x="13" y="57" width="9" height="2" rx="1" fill="white"/>
+<rect x="18" y="46" width="9" height="2" rx="1" fill="white"/>
+<rect x="101" y="62" width="8" height="1" rx="0.5" fill="white"/>
+<rect x="111" y="55" width="8" height="1" rx="0.5" fill="white"/>
+<rect x="111" y="62" width="8" height="1" rx="0.5" fill="white"/>
+<rect x="101" y="57" width="8" height="1" rx="0.5" fill="white"/>
+<rect x="101" y="64" width="8" height="1" rx="0.5" fill="white"/>
+<rect x="111" y="57" width="8" height="1" rx="0.5" fill="white"/>
+<rect x="111" y="64" width="8" height="1" rx="0.5" fill="white"/>
+<rect x="16" y="19" width="12" height="13" rx="1" fill="#F3F0FF"/>
+<rect x="31" y="19" width="12" height="13" rx="1" fill="#F3F0FF"/>
+<rect x="46" y="19" width="12" height="13" rx="1" fill="#F3F0FF"/>
+<rect x="77" y="49" width="18" height="17" rx="1" fill="#F3F0FF"/>
+<path d="M82 21L82 31" stroke="#6E52DF"/>
+<path d="M93 21L93 31" stroke="#6E52DF"/>
+<path d="M104 21L104 31" stroke="#6E52DF"/>
+<path d="M115 21L115 31" stroke="#6E52DF"/>
+<path d="M78 31C78 30.4477 78.4477 30 79 30H125V32H79C78.4477 32 78 31.5523 78 31Z" fill="#F3F0FF"/>
+<circle cx="33.4481" cy="48.0479" r="2.84855" transform="rotate(-17.6914 33.4481 48.0479)" fill="#F3F0FF"/>
+<circle cx="27.2546" cy="57.5328" r="2.84855" transform="rotate(-17.6914 27.2546 57.5328)" fill="#F3F0FF"/>
+<circle cx="34.5333" cy="65.9317" r="2.84855" transform="rotate(-17.6914 34.5333 65.9317)" fill="#F3F0FF"/>
+<circle cx="44.875" cy="61.9756" r="2.84855" transform="rotate(-17.6914 44.875 61.9756)" fill="#F3F0FF"/>
+<circle cx="44.1049" cy="51.0879" r="2.84855" transform="rotate(-17.6914 44.1049 51.0879)" fill="#F3F0FF"/>
+<rect x="78" y="14" width="8" height="9" rx="1" fill="#F3F0FF"/>
+<rect x="89" y="14" width="8" height="9" rx="1" fill="#F3F0FF"/>
+<rect x="100" y="14" width="8" height="9" rx="1" fill="#F3F0FF"/>
+<rect x="111" y="14" width="8" height="9" rx="1" fill="#F3F0FF"/>
+</svg>

packages/frontend/templates/edgeless-snapshot/Presentation/Data Analysis.svg

@@ -0,0 +1,28 @@
+<svg width="135" height="80" viewBox="0 0 135 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="135" height="80" fill="white"/>
+<rect x="10" y="10" width="53.5" height="26" rx="1" fill="#FFC46B"/>
+<rect x="15" y="14" width="19" height="1" rx="0.5" fill="#FF8C38"/>
+<rect x="15" y="18" width="19" height="1" rx="0.5" fill="#FF8C38"/>
+<rect x="71.5" y="10" width="53.5" height="26" rx="1" fill="#FFC46B"/>
+<rect x="20" y="28" width="4" height="4" rx="1" fill="#FFEACA"/>
+<rect x="28" y="25" width="4" height="7" rx="1" fill="#FFEACA"/>
+<rect x="36" y="22" width="4" height="10" rx="1" fill="#FFEACA"/>
+<rect x="44" y="18" width="4" height="14" rx="1" fill="#FFEACA"/>
+<rect x="52" y="14" width="4" height="18" rx="1" fill="#FFEACA"/>
+<rect x="10" y="44" width="53.5" height="26" rx="1" fill="#FFC46B"/>
+<rect x="71.5" y="44" width="53.5" height="26" rx="1" fill="#FFC46B"/>
+<path d="M81 27.25L87.3333 15L93.6667 21.5625L100 22.875L106.333 20.25L112.667 29H119" stroke="#FFEACA"/>
+<path d="M78 14V32H120" stroke="#FF8C38"/>
+<circle cx="83.5" cy="58.5" r="6.5" fill="#FFEACA"/>
+<circle cx="20" cy="61" r="4" fill="#FF8C38"/>
+<circle cx="43" cy="51" r="4" fill="#FFEACA"/>
+<circle cx="54" cy="56" r="4" fill="#FFEACA"/>
+<circle cx="35" cy="63" r="4" fill="#FFEACA"/>
+<circle cx="33.5" cy="54.5" r="2.5" fill="#FF8C38"/>
+<circle cx="49.5" cy="64.5" r="2.5" fill="#FF8C38"/>
+<circle cx="26" cy="51" r="2" fill="#FFEACA"/>
+<circle cx="17" cy="50" r="2" fill="#FF8C38"/>
+<circle cx="98.5" cy="58.5" r="6.5" fill="#FFEACA"/>
+<circle cx="113.5" cy="58.5" r="6.5" fill="#FFEACA"/>
+<rect x="77" y="47" width="28" height="2" rx="1" fill="#FF8C38"/>
+</svg>

packages/frontend/templates/edgeless-snapshot/Presentation/Simple Presentation.svg

@@ -0,0 +1,21 @@
+<svg width="135" height="80" viewBox="0 0 135 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="135" height="80" fill="white"/>
+<rect x="10" y="10" width="53.5" height="26" rx="1" fill="#9DD194"/>
+<rect x="71.5" y="10" width="53.5" height="26" rx="1" fill="#9DD194"/>
+<rect x="10" y="44" width="53.5" height="26" rx="1" fill="#9DD194"/>
+<path d="M106 10H124C124.552 10 125 10.4477 125 11V35C125 35.5523 124.552 36 124 36H106V10Z" fill="#7CC270"/>
+<path d="M10 56L10 45C10 44.4477 10.4477 44 11 44L62.5 44C63.0523 44 63.5 44.4477 63.5 45L63.5 56L10 56Z" fill="#7CC270"/>
+<rect x="71.5" y="44" width="53.5" height="26" rx="1" fill="#9DD194"/>
+<rect x="83" y="48" width="28" height="2" rx="1" fill="#DFF4E8"/>
+<rect x="26" y="20" width="22" height="3" rx="1.5" fill="#DFF4E8"/>
+<rect x="26" y="49" width="22" height="2" rx="1" fill="#DFF4E8"/>
+<rect x="31" y="25" width="12" height="2" rx="1" fill="#DFF4E8"/>
+<rect x="78" y="17" width="19" height="1" rx="0.5" fill="#DFF4E8"/>
+<rect x="78" y="21" width="19" height="1" rx="0.5" fill="#DFF4E8"/>
+<rect x="101" y="55" width="18" height="1" rx="0.5" fill="#DFF4E8"/>
+<rect x="78" y="25" width="19" height="1" rx="0.5" fill="#DFF4E8"/>
+<rect x="101" y="60" width="18" height="1" rx="0.5" fill="#DFF4E8"/>
+<rect x="78" y="29" width="19" height="1" rx="0.5" fill="#DFF4E8"/>
+<rect x="101" y="65" width="18" height="1" rx="0.5" fill="#DFF4E8"/>
+<rect x="77" y="55" width="18" height="11" rx="1" fill="#DFF4E8"/>
+</svg>

packages/frontend/templates/edgeless-snapshot/Project Management/Fishbone Diagram.svg

@@ -0,0 +1,31 @@
+<svg width="135" height="80" viewBox="0 0 135 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="135" height="80" fill="white"/>
+<rect x="22" y="39" width="82" height="2" fill="#77757D"/>
+<path d="M125.478 34.3617C129.347 36.6946 129.347 42.3054 125.478 44.6383L109.098 54.5144C105.099 56.9255 100 54.0457 100 49.3761L100 29.6239C100 24.9543 105.099 22.0745 109.098 24.4856L125.478 34.3617Z" fill="#77757D"/>
+<path d="M21.2542 36.712C23.5502 38.3028 23.5502 41.6972 21.2542 43.288L13.528 48.6409C10.8752 50.4788 7.25 48.5802 7.25 45.3529L7.25 34.6471C7.25 31.4198 10.8752 29.5212 13.528 31.3591L21.2542 36.712Z" fill="#77757D"/>
+<path d="M83 17L95 39" stroke="#77757D" stroke-width="2" stroke-linecap="round"/>
+<path d="M83 63L95 41" stroke="#77757D" stroke-width="2" stroke-linecap="round"/>
+<path d="M56 17L68 39" stroke="#77757D" stroke-width="2" stroke-linecap="round"/>
+<path d="M56 63L68 41" stroke="#77757D" stroke-width="2" stroke-linecap="round"/>
+<path d="M29 17L41 39" stroke="#77757D" stroke-width="2" stroke-linecap="round"/>
+<path d="M29 63L41 41" stroke="#77757D" stroke-width="2" stroke-linecap="round"/>
+<circle cx="123.5" cy="39.5" r="2.5" fill="white"/>
+<rect x="47.5" y="8.5" width="17" height="10" rx="1.5" fill="#E3E2E0" stroke="#77757D"/>
+<rect x="0.5" y="-0.5" width="17" height="10" rx="1.5" transform="matrix(1 0 0 -1 47 71)" fill="#E3E2E0" stroke="#77757D"/>
+<rect x="74.5" y="8.5" width="16" height="10" rx="1.5" fill="#E3E2E0" stroke="#77757D"/>
+<rect x="0.5" y="-0.5" width="16" height="10" rx="1.5" transform="matrix(1 0 0 -1 74 71)" fill="#E3E2E0" stroke="#77757D"/>
+<rect x="21.5" y="8.5" width="16" height="10" rx="1.5" fill="#E3E2E0" stroke="#77757D"/>
+<rect x="0.5" y="-0.5" width="16" height="10" rx="1.5" transform="matrix(1 0 0 -1 21 71)" fill="#E3E2E0" stroke="#77757D"/>
+<line x1="75" y1="27.5" x2="89" y2="27.5" stroke="#77757D" stroke-dasharray="2 2"/>
+<line x1="48" y1="27.5" x2="62" y2="27.5" stroke="#77757D" stroke-dasharray="2 2"/>
+<line x1="21" y1="27.5" x2="35" y2="27.5" stroke="#77757D" stroke-dasharray="2 2"/>
+<line x1="77" y1="32.5" x2="91" y2="32.5" stroke="#77757D" stroke-dasharray="2 2"/>
+<line x1="50" y1="32.5" x2="64" y2="32.5" stroke="#77757D" stroke-dasharray="2 2"/>
+<line x1="23" y1="32.5" x2="37" y2="32.5" stroke="#77757D" stroke-dasharray="2 2"/>
+<line y1="-0.5" x2="14" y2="-0.5" transform="matrix(1 0 0 -1 74 54)" stroke="#77757D" stroke-dasharray="2 2"/>
+<line y1="-0.5" x2="14" y2="-0.5" transform="matrix(1 0 0 -1 47 54)" stroke="#77757D" stroke-dasharray="2 2"/>
+<line y1="-0.5" x2="14" y2="-0.5" transform="matrix(1 0 0 -1 20 54)" stroke="#77757D" stroke-dasharray="2 2"/>
+<line y1="-0.5" x2="14" y2="-0.5" transform="matrix(1 0 0 -1 76 49)" stroke="#77757D" stroke-dasharray="2 2"/>
+<line y1="-0.5" x2="14" y2="-0.5" transform="matrix(1 0 0 -1 49 49)" stroke="#77757D" stroke-dasharray="2 2"/>
+<line y1="-0.5" x2="14" y2="-0.5" transform="matrix(1 0 0 -1 22 49)" stroke="#77757D" stroke-dasharray="2 2"/>
+</svg>

packages/frontend/templates/edgeless-snapshot/Project Management/Gantt Chart.svg

@@ -0,0 +1,29 @@
+<svg width="135" height="80" viewBox="0 0 135 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="135" height="80" fill="white"/>
+<rect x="28" y="7" width="19" height="10" fill="#FFDE6B" stroke="white"/>
+<rect x="47" y="7" width="20" height="10" fill="#FFDE6B" stroke="white"/>
+<rect x="67" y="7" width="20" height="10" fill="#FFDE6B" stroke="white"/>
+<rect x="87" y="7" width="19" height="10" fill="#FFDE6B" stroke="white"/>
+<rect x="106" y="7" width="20" height="10" fill="#FFDE6B" stroke="white"/>
+<rect x="8" y="7" width="20" height="10" fill="#FFDE6B" stroke="white"/>
+<rect x="8" y="17" width="20" height="14" fill="#FFC46B" stroke="white"/>
+<rect x="28" y="17" width="98" height="14" fill="#FFC46B" stroke="white"/>
+<rect x="8" y="31" width="20" height="14" fill="#937EE7" stroke="white"/>
+<rect x="28" y="31" width="98" height="14" fill="#937EE7" stroke="white"/>
+<rect x="8" y="45" width="20" height="14" fill="#B8E3FF" stroke="white"/>
+<rect x="28" y="45" width="98" height="14" fill="#B8E3FF" stroke="white"/>
+<rect x="8" y="59" width="20" height="14" fill="#9DD194" stroke="white"/>
+<rect x="28" y="59" width="98" height="14" fill="#9DD194" stroke="white"/>
+<rect x="30" y="19" width="18" height="4" fill="#FFEACA"/>
+<rect x="30.05" y="19.05" width="17.9" height="3.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="48" y="33" width="18" height="4" fill="#F3F0FF"/>
+<rect x="48.05" y="33.05" width="17.9" height="3.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="55" y="39" width="34" height="4" fill="#F3F0FF"/>
+<rect x="55.05" y="39.05" width="33.9" height="3.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="87" y="49" width="34" height="4" fill="#E1EFFF"/>
+<rect x="87.05" y="49.05" width="33.9" height="3.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="40" y="62" width="28" height="4" fill="#DFF4E8"/>
+<rect x="40.05" y="62.05" width="27.9" height="3.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="40" y="67" width="28" height="4" fill="#DFF4E8"/>
+<rect x="40.05" y="67.05" width="27.9" height="3.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+</svg>

packages/frontend/templates/edgeless-snapshot/Project Management/Monthly Calendar.svg

@@ -0,0 +1,47 @@
+<svg width="135" height="80" viewBox="0 0 135 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="135" height="80" fill="white"/>
+<rect x="28" y="7" width="19" height="10" fill="#FFC46B" stroke="white"/>
+<rect x="28" y="17" width="19" height="14" fill="#FFF4D8" stroke="white"/>
+<rect x="28" y="31" width="19" height="14" fill="#FFF4D8" stroke="white"/>
+<rect x="28" y="45" width="19" height="14" fill="#FFF4D8" stroke="white"/>
+<rect x="28" y="59" width="19" height="14" fill="#FFF4D8" stroke="white"/>
+<rect x="47" y="7" width="20" height="10" fill="#FFC46B" stroke="white"/>
+<rect x="47" y="17" width="20" height="14" fill="#FFF4D8" stroke="white"/>
+<rect x="47" y="31" width="20" height="14" fill="#FFF4D8" stroke="white"/>
+<rect x="47" y="45" width="20" height="14" fill="#FFF4D8" stroke="white"/>
+<rect x="47" y="59" width="20" height="14" fill="#FFF4D8" stroke="white"/>
+<rect x="67" y="7" width="20" height="10" fill="#FFC46B" stroke="white"/>
+<rect x="67" y="17" width="20" height="14" fill="#FFF4D8" stroke="white"/>
+<rect x="67" y="31" width="20" height="14" fill="#FFF4D8" stroke="white"/>
+<rect x="67" y="45" width="20" height="14" fill="#FFF4D8" stroke="white"/>
+<rect x="67" y="59" width="20" height="14" fill="#FFF4D8" stroke="white"/>
+<rect x="87" y="7" width="19" height="10" fill="#FFC46B" stroke="white"/>
+<rect x="87" y="17" width="19" height="14" fill="#FFF4D8" stroke="white"/>
+<rect x="87" y="31" width="19" height="14" fill="#FFF4D8" stroke="white"/>
+<rect x="87" y="45" width="19" height="14" fill="#FFF4D8" stroke="white"/>
+<rect x="87" y="59" width="19" height="14" fill="#FFF4D8" stroke="white"/>
+<rect x="106" y="7" width="20" height="10" fill="#FFC46B" stroke="white"/>
+<rect x="106" y="17" width="20" height="14" fill="#FFF4D8" stroke="white"/>
+<rect x="106" y="31" width="20" height="14" fill="#FFF4D8" stroke="white"/>
+<rect x="106" y="45" width="20" height="14" fill="#FFF4D8" stroke="white"/>
+<rect x="106" y="59" width="20" height="14" fill="#FFF4D8" stroke="white"/>
+<rect x="8" y="7" width="20" height="10" fill="#FFC46B" stroke="white"/>
+<rect x="8" y="17" width="20" height="14" fill="#FFC46B" stroke="white"/>
+<rect x="8" y="31" width="20" height="14" fill="#FFC46B" stroke="white"/>
+<rect x="8" y="45" width="20" height="14" fill="#FFC46B" stroke="white"/>
+<rect x="8" y="59" width="20" height="14" fill="#FFC46B" stroke="white"/>
+<rect x="92" y="35" width="11" height="6" fill="#937EE7"/>
+<rect x="92.05" y="35.05" width="10.9" height="5.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="90" y="62" width="11" height="6" fill="#F16F6F"/>
+<rect x="90.05" y="62.05" width="10.9" height="5.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="54" y="48" width="12" height="6" fill="#F16F6F"/>
+<rect x="54.05" y="48.05" width="11.9" height="5.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="32" y="21" width="12" height="6" fill="#84CFFF"/>
+<rect x="32.05" y="21.05" width="11.9" height="5.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="69" y="32" width="12" height="6" fill="#84CFFF"/>
+<rect x="69.05" y="32.05" width="11.9" height="5.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="111" y="48" width="11" height="6" fill="#9DD194"/>
+<rect x="111.05" y="48.05" width="10.9" height="5.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="32" y="63" width="11" height="6" fill="#937EE7"/>
+<rect x="32.05" y="63.05" width="10.9" height="5.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+</svg>

packages/frontend/templates/edgeless-snapshot/Project Management/Project Planning.svg

@@ -0,0 +1,22 @@
+<svg width="135" height="80" viewBox="0 0 135 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="135" height="80" fill="white"/>
+<rect x="10" y="7" width="29" height="65" fill="#937EE7"/>
+<rect x="39" y="7" width="29" height="65" fill="#B8E3FF"/>
+<rect x="68" y="7" width="29" height="65" fill="#937EE7"/>
+<rect x="97" y="7" width="29" height="65" fill="#B8E3FF"/>
+<rect x="22" y="27" width="13" height="13" fill="white"/>
+<rect x="22.05" y="27.05" width="12.9" height="12.9" stroke="black" stroke-opacity="0.3" stroke-width="0.1"/>
+<rect x="47" y="24" width="13" height="13" fill="#ED8CBD"/>
+<rect x="47.05" y="24.05" width="12.9" height="12.9" stroke="black" stroke-opacity="0.3" stroke-width="0.1"/>
+<rect x="73" y="36" width="13" height="13" fill="#ED8CBD"/>
+<rect x="73.05" y="36.05" width="12.9" height="12.9" stroke="black" stroke-opacity="0.3" stroke-width="0.1"/>
+<rect x="13" y="53" width="13" height="13" fill="#FFDE6B"/>
+<rect x="13.05" y="53.05" width="12.9" height="12.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="101" y="22" width="13" height="13" fill="white"/>
+<rect x="109" y="46" width="13" height="13" fill="#FFDE6B"/>
+<rect x="109.05" y="46.05" width="12.9" height="12.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="80" y="26" width="13" height="13" fill="#FFDE6B"/>
+<rect x="80.05" y="26.05" width="12.9" height="12.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="15" y="18" width="13" height="13" fill="#B8E3FF"/>
+<rect x="15.05" y="18.05" width="12.9" height="12.9" stroke="black" stroke-opacity="0.3" stroke-width="0.1"/>
+</svg>

packages/frontend/templates/edgeless-snapshot/Project Management/Project Tracking Kanban.svg

@@ -0,0 +1,25 @@
+<svg width="135" height="80" viewBox="0 0 135 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="135" height="80" fill="white"/>
+<rect x="8" y="15" width="36" height="57" rx="1" fill="#F3F0FF"/>
+<rect x="49" y="15" width="37" height="57" rx="1" fill="#FFF4D8"/>
+<rect x="91" y="15" width="36" height="57" rx="1" fill="#F5F5F5"/>
+<rect x="13" y="19" width="11" height="10" fill="#937EE7"/>
+<rect x="13.05" y="19.05" width="10.9" height="9.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="55" y="19" width="11" height="10" fill="#FFC46B"/>
+<rect x="55.05" y="19.05" width="10.9" height="9.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="27" y="19" width="11" height="10" fill="#937EE7"/>
+<rect x="27.05" y="19.05" width="10.9" height="9.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="69" y="19" width="11" height="10" fill="#FFC46B"/>
+<rect x="69.05" y="19.05" width="10.9" height="9.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="96" y="19" width="11" height="10" fill="#B8E3FF"/>
+<rect x="96.05" y="19.05" width="10.9" height="9.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="96" y="34" width="11" height="10" fill="#B8E3FF"/>
+<rect x="96.05" y="34.05" width="10.9" height="9.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="112" y="26" width="11" height="10" fill="#B8E3FF"/>
+<rect x="112.05" y="26.05" width="10.9" height="9.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="13" y="32" width="11" height="10" fill="#937EE7"/>
+<rect x="13.05" y="32.05" width="10.9" height="9.9" stroke="black" stroke-opacity="0.1" stroke-width="0.1"/>
+<rect x="8" y="7" width="15" height="4" rx="2" fill="#937EE7"/>
+<rect x="49" y="7" width="15" height="4" rx="2" fill="#FFC46B"/>
+<rect x="91" y="7" width="15" height="4" rx="2" fill="#B8E3FF"/>
+</svg>

packages/frontend/templates/edgeless-templates.gen.ts

@@ -0,0 +1,92 @@
+import FiveWTwoH from './edgeless/5W2H.json';
+import ConceptMap from './edgeless/Concept Map.json';
+import Flowchart from './edgeless/Flowchart.json';
+import SMART from './edgeless/SMART.json';
+import SWOT from './edgeless/SWOT.json';
+import FourPMarketingMatrix from './edgeless/4P Marketing Matrix.json';
+import Storyboard from './edgeless/Storyboard.json';
+import UserJourneyMap from './edgeless/User Journey Map.json';
+import BusinessProposal from './edgeless/Business Proposal.json';
+import DataAnalysis from './edgeless/Data Analysis.json';
+import SimplePresentation from './edgeless/Simple Presentation.json';
+import FishboneDiagram from './edgeless/Fishbone Diagram.json';
+import GanttChart from './edgeless/Gantt Chart.json';
+import MonthlyCalendar from './edgeless/Monthly Calendar.json';
+import ProjectPlanning from './edgeless/Project Planning.json';
+import ProjectTrackingKanban from './edgeless/Project Tracking Kanban.json';
+
+const templates = {
+  'Brainstorming': [
+    FiveWTwoH,
+    ConceptMap,
+    Flowchart,
+    SMART,
+    SWOT
+  ],
+  'Marketing': [
+    FourPMarketingMatrix,
+    Storyboard,
+    UserJourneyMap
+  ],
+  'Presentation': [
+    BusinessProposal,
+    DataAnalysis,
+    SimplePresentation
+  ],
+  'Project Management': [
+    FishboneDiagram,
+    GanttChart,
+    MonthlyCalendar,
+    ProjectPlanning,
+    ProjectTrackingKanban
+  ]
+}
+
+function lcs(text1: string, text2: string) {
+  const dp: number[][] = Array.from({ length: text1.length + 1 })
+    .fill(null)
+    .map(() => Array.from<number>({length: text2.length + 1}).fill(0));
+
+  for (let i = 1; i <= text1.length; i++) {
+    for (let j = 1; j <= text2.length; j++) {
+      if (text1[i - 1] === text2[j - 1]) {
+        dp[i][j] = dp[i - 1][j - 1] + 1;
+      } else {
+        dp[i][j] = Math.max(dp[i - 1][j], dp[i][j - 1]);
+      }
+    }
+  }
+
+  return dp[text1.length][text2.length];
+}
+
+export const builtInTemplates = {
+  list: async (category: string) => {
+    // @ts-expect-error type should be asserted when using
+    return templates[category] ?? []
+  },
+
+  categories: async () => {
+    return Object.keys(templates)
+  },
+
+  search: async(query: string) => {
+    const candidates: unknown[] = [];
+    const cates = Object.keys(templates);
+
+    query = query.toLowerCase();
+
+    for(let cate of cates) {
+      // @ts-expect-error type should be asserted when using
+      const templatesOfCate = templates[cate];
+
+      for(let temp of templatesOfCate) {
+        if(lcs(query, temp.name.toLowerCase()) === query.length) {
+          candidates.push(temp);
+        }
+      }
+    }
+
+    return candidates;
+  },
+}

packages/frontend/templates/package.json

@@ -4,10 +4,14 @@
   "sideEffect": false,
   "version": "0.12.0",
   "scripts": {
-    "postinstall": "node ./build.mjs"
+    "postinstall": "node ./build.mjs && node ./build-edgeless.mjs"
   },
   "type": "module",
   "exports": {
-    ".": "./templates.gen.ts"
+    ".": "./templates.gen.ts",
+    "./edgeless": "./edgeless-templates.gen.ts"
+  },
+  "devDependencies": {
+    "jszip": "^3.10.1"
   }
 }

tools/cli/src/bin/dev-core.ts

@@ -171,6 +171,14 @@ function awaitChildProcess(child: ChildProcess): Promise<number> {
 }
 
 try {
+  await awaitChildProcess(
+    spawn('node', ['build-edgeless.mjs'], {
+      cwd: path.resolve(projectRoot, 'packages/frontend/templates'),
+      stdio: 'inherit',
+      shell: true,
+      env: process.env,
+    })
+  );
   // Start webpack
   await awaitChildProcess(
     spawn(

yarn.lock

@@ -790,6 +790,8 @@ __metadata:
 "@affine/templates@workspace:*, @affine/templates@workspace:packages/frontend/templates":
   version: 0.0.0-use.local
   resolution: "@affine/templates@workspace:packages/frontend/templates"
+  dependencies:
+    jszip: "npm:^3.10.1"
   languageName: unknown
   linkType: soft