Initial commit

Co-Authored-By: Eric Tuvesson <eric.tuvesson@gmail.com>
Co-Authored-By: mikaeltellhed <2311083+mikaeltellhed@users.noreply.github.com>
Co-Authored-By: kotte <14197736+mrtamagotchi@users.noreply.github.com>
Co-Authored-By: Anders Larsson <64838990+anders-topp@users.noreply.github.com>
Co-Authored-By: Johan  <4934465+joolsus@users.noreply.github.com>
Co-Authored-By: Tore Knudsen <18231882+torekndsn@users.noreply.github.com>
Co-Authored-By: victoratndl <99176179+victoratndl@users.noreply.github.com>

packages/noodl-editor/@include-types/global.d.ts

@@ -0,0 +1,31 @@
+declare module '*.svg' {
+  import React = require('react');
+  export const ReactComponent: React.FC<React.SVGProps<SVGSVGElement>>;
+  const src: string;
+  export default src;
+}
+
+declare module '*.css' {
+  const styles: { readonly [key: string]: string };
+  export default styles;
+}
+
+declare module '*.scss' {
+  const styles: { readonly [key: string]: string };
+  export default styles;
+}
+
+type TSFixme = any;
+
+type NodeColor = 'data' | 'visual' | 'logic' | 'component' | 'javascript';
+
+interface Window {
+  noodlEditorPreviewRoute: string;
+}
+
+type Prettify<T> = {
+  [K in keyof T]: T[K];
+  // eslint-disable-next-line @typescript-eslint/ban-types
+} & {};
+
+type PartialWithRequired<T, K extends keyof T> = Pick<T, K> & Partial<T>;

packages/noodl-editor/@include-types/s3.d.ts

@@ -0,0 +1,118 @@
+declare module 's3' {
+  import { EventEmitter } from 'events';
+
+  type ClientOptions = {
+    /** S3 Client */
+    s3Client?: TSFixme;
+    /** (Or) S3 Client Optionss */
+    s3Options?: TSFixme;
+
+    /** Default: 20 */
+    maxAsyncS3?: number;
+
+    /** Default: 3 */
+    s3RetryCount?: number;
+
+    /** Default: 1000 */
+    s3RetryDelay?: number;
+
+    multipartUploadThreshold?: number;
+    multipartUploadSize?: number;
+    multipartDownloadThreshold?: number;
+    multipartDownloadSize?: number;
+  };
+
+  type ClientDeleteObjectsParams = {
+    Bucket: string;
+    Delete: TSFixme;
+    MFA: TSFixme;
+  };
+
+  type ClientUploadFileParams = {
+    Bucket: string;
+    s3Params: TSFixme;
+
+    /** Default: 'application/octet-stream' */
+    defaultContentType?: string;
+  };
+
+  type ClientDownloadFileParams = {
+    localFile: string;
+    s3Params: TSFixme;
+  };
+
+  type ClientListObjectsParams = {
+    recursive: boolean;
+    s3Params: {
+      Bucket: string;
+      Delimiter: string;
+      Marker: string;
+      MaxKeys: number;
+      Prefix: string;
+    };
+  };
+
+  // https://github.com/noodlapp/node-s3-client#clientuploaddirparams
+  type ClientSyncDirParams = {
+    followSymlinks?: boolean;
+    localDir: string;
+    deleteRemoved: boolean;
+    defaultContentType?: string;
+    getS3Params?: (fullPath: string, s3Object: TSFixme, callback: (err: TSFixme, s3Params: TSFixme) => void) => void;
+    s3Params: {
+      Bucket: string;
+      Prefix: string;
+
+      [key: string]: unknown;
+    };
+  };
+
+  type ClientDeleteDirParams = {
+    Bucket: string;
+    MFA: TSFixme;
+    Prefix: string;
+  };
+
+  type UploaderSyncDir = {
+    activeTransfers: number;
+    progressAmount: number;
+    progressTotal: number;
+    progressMd5Amount: number;
+    progressMd5Total: number;
+    objectsFound: number;
+    filesFound: number;
+    deleteAmount: number;
+    deleteTotal: number;
+    doneFindingFiles: boolean;
+    doneFindingObjects: boolean;
+    doneMd5: boolean;
+  };
+
+  type UploaderUploadFile = {
+    progressAmount: number;
+    progressTotal: number;
+    progressMd5Amount: number;
+
+    abort(): void;
+    getPublicUrl(): TSFixme;
+    getPublicUrlHttp(): TSFixme;
+  };
+
+  class Client {
+    constructor(options?: ClientOptions);
+
+    deleteObjects(params: ClientDeleteObjectsParams): EventEmitter;
+    uploadFile(params: ClientUploadFileParams): EventEmitter & UploaderUploadFile;
+    downloadFile(params: ClientDownloadFileParams): EventEmitter;
+    listObjects(params: ClientListObjectsParams): EventEmitter;
+    uploadDir(params: ClientSyncDirParams): EventEmitter & UploaderSyncDir;
+    downloadDir(params: ClientSyncDirParams): EventEmitter & UploaderSyncDir;
+    deleteDir(params: ClientDeleteDirParams): EventEmitter;
+    copyObject(params: TSFixme): EventEmitter;
+    moveObject(params: TSFixme): EventEmitter;
+    downloadBuffer(params: TSFixme): EventEmitter;
+    downloadStream(params: TSFixme): EventEmitter;
+  }
+
+  function createClient(options: ClientOptions): Client;
+}

packages/noodl-editor/build/entitlements.mac.plist

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+  <dict>
+    <key>com.apple.security.cs.allow-jit</key>
+    <true/>
+    <key>com.apple.security.cs.allow-unsigned-executable-memory</key>
+    <true/>
+    <key>com.apple.security.cs.allow-dyld-environment-variables</key>
+    <true/>
+    <key>com.apple.security.device.audio-input</key>
+    <true/>
+    <key>com.apple.security.device.camera</key>
+    <true/>
+  </dict>
+</plist>

packages/noodl-editor/build/macos-notarize.js

@@ -0,0 +1,36 @@
+const fs = require('fs');
+const path = require('path');
+var electron_notarize = require('electron-notarize');
+
+module.exports = async function (params) {
+  if (process.platform !== 'darwin') {
+    return;
+  }
+
+  if (!process.env.appleIdPassword) {
+    console.log('apple password not set, skipping notarization');
+    return;
+  }
+
+  const appId = 'noodl.net.noodl';
+
+  const appPath = path.join(params.appOutDir, `${params.packager.appInfo.productFilename}.app`);
+  if (!fs.existsSync(appPath)) {
+    throw new Error(`Cannot find application at: ${appPath}`);
+  }
+
+  console.log(`Notarizing ${appId} found at ${appPath}`);
+
+  try {
+    await electron_notarize.notarize({
+      appBundleId: appId,
+      appPath: appPath,
+      appleId: process.env.appleId,
+      appleIdPassword: process.env.appleIdPassword
+    });
+  } catch (error) {
+    console.error(error);
+  }
+
+  console.log(`Done notarizing ${appId}`);
+};

packages/noodl-editor/docs/interactive-lessons.md

@@ -0,0 +1,338 @@
+# Interactive tutorials HOWTO
+
+## Keyboard shortcuts
+
+- `Shift + Cmd + T`: Restart tutorial
+- `Shift + Cmd + R`: Reload lesson (and images). Doesn't restart tutorial
+- `Shift + Cmd + N`: Jump to next step even if conditions aren't correct
+
+## Tutorial file format
+
+A tutorial is written in a .html file.
+
+A step can be one of the following:
+
+1. A modal popup. Intended to be used as the first step to explain the tutorial, but can be used anywhere during the tutorial.
+
+An item that shows up in the "tutorial bar" at the bottom:
+
+2. An item can have conditions, in which case the popup only is shown when the user clicks the item
+3. An item without conditions will show the popup automatically
+
+### Step with just a modal
+
+A popup in middle of screen you have to dismiss to continue
+
+```html
+<div data-template="popup">... any html ...</div>
+```
+
+Example:
+
+```html
+<div data-template="popup">
+  <img src="cool-gif.gif" />
+  <h2>Welcome to this tutorial</h2>
+  <p>You're going to learn some awesome stuff</p>
+</div>
+```
+
+### Step without conditions
+
+It's recommended to use `<h2>` in the item
+
+Format is as follows:
+
+```html
+<div>
+  <div data-template="item">
+    <header>...header text and stuff ...</header>
+    <h2>Some text</h2>
+  </div>
+  <div data-template="popup">... popup content ...</div>
+</div>
+```
+
+Example:
+
+```html
+<div>
+  <div>
+    <div data-template="item">
+      <header>Info</header>
+      <h2>The node graph</h2>
+    </div>
+    <div data-template="popup">
+      <img src="node-graph.gif" />
+      <h2>The node graph</h2>
+      <p>Some text</p>
+    </div>
+  </div>
+</div>
+```
+
+### Step with conditions
+
+Format is same as above, with two additions. Conditions and a checkmark.
+It's recommended to use `<h3>` in the item.
+
+```html
+<div data-conditions="[ list of conditions as json ]" }>
+  <div data-template="item">
+    <header>...header text and stuff ... <span class="lesson-checkmark"></span></header>
+    <h3>Some text</h3>
+  </div>
+  <div data-template="popup">... popup content ...</div>
+</div>
+```
+
+Example:
+
+```html
+<div
+  data-conditions='[
+        {"path":"/App:%Group:0","exists":true}
+    ]'
+>
+  <div data-template="item">
+    <header>Task <span class="lesson-checkmark"></span></header>
+    <h3>Drag the text node back to make it visible again</h3>
+  </div>
+
+  <div data-template="popup">
+    <img src="drag-text-out.gif" />
+  </div>
+</div>
+```
+
+### Step width
+
+A step can have a custom width. Useful if the text doesnät fit the standard size:
+
+```html
+<div>
+  <div data-template="item" style="width: 300px">...</div>
+  <div data-template="popup">...</div>
+</div>
+```
+
+## Conditions
+
+A step can have conditions that are required to evaluate to true before the user can proceed to the next step.
+
+### Paths
+
+All conditions point to one or more node.
+The path to a node is specified by using a path that starts with the component name, and then any of the following tokens:
+
+- `#label`: Look for a node with a label that matches the specified label
+- `%type`: Look for a node of a specific type
+- `2`: Look for a child index (in this case child 2, the third child)
+
+The first part of a path is always a component.
+Second part looks for a root node that matches the token.
+Third part will look for a child in the matched root node.
+... and so on.
+
+Example:
+
+- `/Main:%Group`: "/Main" component -> Any root node with the type "Group". If there's more than one Group root node then the condition will just pick the first one it finds.
+- `/Main:%Group:%Button`: "/Main" component -> Any root node with the type "Group" -> First child that with the type "Button".
+- `/Main:#Some Label`: "/Main" component -> A root node with the label "Some Label"
+- `/Main:#Some Label:0`: "/Main" component -> A root node with the label "Some Label -> First child
+- `/Main:#Some Label:%Button`: "/Main" component -> A root node with the label "Some Label -> First child with the type "Button"
+- `/#Sheet A/Comp A:JavaScriptFunction`: Sheet "Sheet A" component "Comp A" -> A root node with the type "Function" (check project.json for the node types if unsure)
+
+### Check if a node exist or not at the specified path:
+
+Check if there's a node at the specified path
+
+```json
+{"path":"/App:#root:1", "exists":true}]
+```
+
+Or the inverse, that there's no node at that path
+
+```json
+{"path":"/App:#root:1", "exists":false}]
+```
+
+### Check for connection
+
+Check if there's a connection between two nodes between the specified ports.
+
+```json
+{
+  "from": "/App:#nodeLabelA",
+  "to": "/App:#nodeLabelB",
+  "hasconnection": "sourcePortName,targetPortName"
+}
+```
+
+### Check if a node has a specific label
+
+```json
+{
+  "path": "/App:#root:1",
+  "haslabel": "Some label"
+}
+```
+
+### Check if a node has a specific type
+
+```json
+{
+  "path": "/App:#root:1",
+  "hastype": "Group"
+}
+```
+
+### Check if paramters are set on a node
+
+Check if a node has any value set on one or more paramters.
+
+```json
+{
+  "path": "/App:#root:1",
+  "hasparams": "marginLeft,marginRight"
+}
+```
+
+### Check parameters on a node
+
+Check the value of one or more paramters. The values are the ones specified in the `project.json` file, so take a look there if unsure.
+
+```json
+{
+  "path": "/App:#root:1",
+  "paramseq": {
+    "color": "#000000",
+    "width": { "value": 300, "unit": "px" },
+    "alignX": "center",
+    "alignY": "center",
+    "sizeMode": "contentSize"
+  }
+}
+```
+
+Example: Check for states in a state node
+
+```json
+{
+  "path": "/App:#root:1",
+  "paramseq": {
+    "paramseq": {
+      "states": "Visible,Hidden",
+      "values": "Opacity"
+    }
+  }
+}
+```
+
+### Check if a port exists on a node
+
+Check if a node has a certain port.
+
+```json
+{
+  "path": "/App:#some function node",
+  "hasport": "myInput"
+  }
+}
+```
+
+## Actions from buttons
+
+### Exiting a lesson from a click event
+
+A `data-click` attribute can be added on an HTML tag to make it trigger certain actions in the editor.
+
+### Exiting a lesson
+
+```html
+<button style="width: 150px" data-click="exitEditor">EXIT LESSON</button>
+```
+
+## Examples of common nodes with non-obvious names
+
+### Check if an Object node has certain properties.
+
+NOTE: the order the properties are created matters, so they should be done step by step instead of all at once
+
+```json
+{
+  "path": "/My component:%Model2",
+  "paramseq": {
+    "properties": "url,author"
+  }
+}
+```
+
+### Check connection from Object node
+
+```json
+{
+  "from": "/My component:%Model2",
+  "to": "/My component::%Image",
+  "hasconnection": "prop-url,src"
+}
+```
+
+### Check if a Page Router has certain pages
+
+NOTE: the order the pages does <b>NOT</b> matters, so adding multiple pages in one step is fine.
+
+```json
+{
+  "path": "/App:%Group:%Router",
+  "paramseq": {
+    "pages": {
+      "routes": ["/Page 1", "/Page 2", "/Page 3"]
+    }
+  }
+}
+```
+
+### Check if a Page Router has a specific start page
+
+```json
+{
+  "path": "/App:%Group:%Router",
+  "paramseq": {
+    "pages": {
+      "startPage": "/Page 2"
+    }
+  }
+}
+```
+
+### Check if a Navigate node points to a specific target page
+
+```json
+{
+  "path": "/App:%RouterNavigate",
+  "paramseq": {
+    "target": "/Page 2"
+  }
+}
+```
+
+### Check a Page Input for a specific input and if it's connected
+
+NOTE: if there's more than one page paramter, then it behaves like an Object. It's a comma separated list, and the order is important.
+
+```json
+[
+  {
+    "path": "/Page 1:%PageInputs",
+    "paramseq": {
+      "pathParams": "myPageInput"
+    }
+  },
+  {
+    "from": "/Page 1:%PageInputs",
+    "to": "/Page 1:%Page:%Text",
+    "hasconnection": "pm-myPageInput,text"
+  }
+]
+```

packages/noodl-editor/docs/sidebar.md

@@ -0,0 +1,75 @@
+# Create a Sidebar HOWTO
+
+## Creating a sidebar
+
+```tsx
+import React, { useState } from 'react';
+import { ReactView } from '../../../../shared/ReactView';
+
+import { UndoQueue } from '@noodl-models/undo-queue-model';
+
+import { PrimaryButton } from '@noodl-core-ui/inputs/PrimaryButton';
+import { Container, ContainerDirection } from '@noodl-core-ui/layout/Container';
+
+function UndoQueuePanel({}) {
+  const [queue, setQueue] = useState([]);
+
+  function refresh() {
+    const undoQueue: TSFixme[] = UndoQueue.instance.queue;
+    setQueue([...undoQueue]);
+  }
+
+  return (
+    <>
+      <Container hasXSpacing hasYSpacing>
+        <PrimaryButton label="Refresh" onClick={refresh} isGrowing />
+      </Container>
+      <Container hasXSpacing hasYSpacing direction={ContainerDirection.Vertical}>
+        {queue.map((item, index) => (
+          <PrimaryButton key={index} label={item.label} isGrowing />
+        ))}
+      </Container>
+    </>
+  );
+}
+
+// NOTE: Once Frames component is rewritten to React we don't need to have the
+//       ReactView here.
+export class UndoQueuePanelView extends ReactView<{}> {
+  constructor(args) {
+    super({});
+  }
+
+  protected renderReact(props: {}): JSX.Element {
+    return UndoQueuePanel({});
+  }
+}
+```
+
+## Register the Sidebar
+
+```ts
+SidebarModel.instance.register({
+  hidden: false,
+  id: 'undo-queue',
+  name: 'Undo Queue',
+  order: 10,
+  icon: 'sidebar-toolbar-components-icon',
+  panel: (args) => new UndoQueuePanelView()
+});
+```
+
+## Special Sidebar for a Node
+
+Define the sidebar panel you want the node to have in the node definition.
+This will open that sidebar panel when the node is selected.
+
+```ts
+{
+  panels: [
+    {
+      name: "PortEditor",
+    }
+  ],
+}
+```

packages/noodl-editor/electron

@@ -0,0 +1,30 @@
+#!/bin/sh
+
+# Electron bin file which is used by our merge driver in DEV mode is calling
+# this file.
+# 
+# The original file caused issues on Windows because it is using cygpath
+# which is not installed by default on Windows.
+#
+# File: node_modules\.bin\electron
+#
+# > GitError: C:\GitHub\noodl-editor\node_modules\.bin\electron: line 5: cygpath: command not found
+# > node:internal/modules/cjs/loader:936
+# >   throw err;
+# >   ^
+# > 
+# > Error: Cannot find module 'C:\electron\cli.js'
+# >     at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
+# >     at Function.Module._load (node:internal/modules/cjs/loader:778:27)
+# >     at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:77:12)
+# >     at node:internal/main/run_main_module:17:47 {
+# >   code: 'MODULE_NOT_FOUND',
+# >   requireStack: []
+# > }
+#
+# Solution is to just run the Electron cli.js directly,
+# since this will only run on DEV we can expect that the user has NODE installed.
+#
+# The first argument will the the path to noodl-editor,
+# where $PWD is the working directory, which in this case is the git repository.
+exec node "$1/../../node_modules/electron/cli.js" "$@"

packages/noodl-editor/package.json

@@ -0,0 +1,125 @@
+{
+  "name": "Noodl",
+  "productName": "Noodl Editor",
+  "description": "Low-code for when experience matter",
+  "author": "Noodl <info@noodl.net>",
+  "homepage": "https://noodl.net",
+  "version": "1.0.0",
+  "main": "src/main/main.js",
+  "scripts": {
+    "build": "npx ts-node -P ./tsconfig.build.json ./scripts/build.ts",
+    "start": "webpack-dev-server --config=webpackconfigs/webpack.renderer.dev.js",
+    "start:_dev": "electron . --dev",
+    "test": "webpack-dev-server --config=webpackconfigs/webpack.test.js",
+    "test:_start_electron": "electron test.js",
+    "test:ci": "webpack-cli --config=webpackconfigs/webpack.test-ci.js && electron test.js"
+  },
+  "build": {
+    "appId": "noodl.net.noodl",
+    "protocols": {
+      "name": "noodl",
+      "schemes": [
+        "noodl"
+      ]
+    },
+    "npmRebuild": false,
+    "files": [
+      "*.js",
+      "src",
+      "node_modules",
+      "!node_modules/monaco-editor",
+      "node_modules/monaco-editor/esm",
+      "node_modules/dugite",
+      "!test.js",
+      "!src/main/main.js",
+      "!src/main/src",
+      "!src/editor/src",
+      "!src/frames/viewer-frame/src",
+      "!src/shared"
+    ]
+  },
+  "dependencies": {
+    "@electron/remote": "^2.1.1",
+    "@jaames/iro": "^5.5.2",
+    "@microsoft/fetch-event-source": "^2.0.1",
+    "@noodl/git": "file:../noodl-git",
+    "@noodl/noodl-parse-dashboard": "file:../noodl-parse-dashboard",
+    "@noodl/platform": "file:../noodl-platform",
+    "@noodl/platform-electron": "file:../noodl-platform-electron",
+    "about-window": "^1.15.2",
+    "algoliasearch": "^4.14.2",
+    "archiver": "^5.3.0",
+    "async": "^3.2.4",
+    "classnames": "^2.3.2",
+    "diff3": "0.0.4",
+    "electron-store": "^8.1.0",
+    "electron-updater": "^6.1.7",
+    "express": "^4.17.3",
+    "highlight.js": "^11.5.1",
+    "isbinaryfile": "^5.0.0",
+    "md5": "^2.3.0",
+    "md5-file": "^5.0.0",
+    "mixpanel-browser": "^2.45.0",
+    "mkdirp": "0.5.1",
+    "mkdirp-sync": "0.0.2",
+    "monaco-editor": "^0.34.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.0",
+    "react-hot-toast": "^2.4.0",
+    "react-instantsearch-hooks-web": "^6.38.0",
+    "react-json-view": "^1.21.3",
+    "react-rnd": "^10.3.7",
+    "remarkable": "^2.0.1",
+    "s3": "git+https://github.com/noodlapp/node-s3-client.git",
+    "string.prototype.matchall": "^4.0.7",
+    "underscore": "^1.13.6",
+    "webpack": "^5.74.0",
+    "websocket-stream": "^5.5.2",
+    "ws": "^8.9.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.19.1",
+    "@babel/preset-react": "^7.18.6",
+    "@svgr/webpack": "^6.4.0",
+    "@types/checksum": "^0.1.33",
+    "@types/jasmine": "^4.3.0",
+    "@types/jquery": "^3.5.14",
+    "@types/react": "^17.0.50",
+    "@types/react-dom": "^18.0.0",
+    "@types/remarkable": "^2.0.3",
+    "@types/rimraf": "^3.0.2",
+    "@types/split2": "^3.2.1",
+    "@types/string.prototype.matchall": "^4.0.1",
+    "@types/underscore": "^1.11.4",
+    "@types/webpack-env": "^1.18.0",
+    "babel-loader": "^8.2.4",
+    "concurrently": "^7.4.0",
+    "css-loader": "^6.7.1",
+    "electron": "28.1.4",
+    "electron-builder": "^24.9.1",
+    "file-loader": "^6.2.0",
+    "html-loader": "^3.1.0",
+    "monaco-editor-webpack-plugin": "^7.0.1",
+    "ncp": "^2.0.0",
+    "rimraf": "^3.0.2",
+    "sass": "^1.55.0",
+    "sass-loader": "^12.6.0",
+    "stringify": "^5.2.0",
+    "style-loader": "^3.3.1",
+    "ts-loader": "^9.4.1",
+    "ts-node": "^10.7.0",
+    "typescript": "^4.8.3",
+    "url-loader": "^4.1.1",
+    "webpack": "^5.74.0",
+    "webpack-cli": "^4.10.0",
+    "webpack-dev-server": "^4.11.1",
+    "webpack-merge": "^5.8.0"
+  },
+  "engines": {
+    "npm": ">=6.0.0",
+    "node": ">=16.0.0"
+  },
+  "optionalDependencies": {
+    "dmg-license": "^1.0.11"
+  }
+}

packages/noodl-editor/scripts/build.ts

@@ -0,0 +1,56 @@
+import { execSync } from 'child_process';
+
+import { valueToBoolean } from '../../../scripts/helper';
+import { BuildTarget, getDistPlatform } from './platform/build-platforms';
+
+(async function () {
+  // Inputs
+  const DISABLE_SIGNING = valueToBoolean(process.env.DISABLE_SIGNING);
+  const TARGET_PLATFORM = process.env.TARGET_PLATFORM;
+
+  if (!TARGET_PLATFORM) throw new Error('TARGET_PLATFORM is falsy');
+
+  // Variables
+  const [platform, arch] = TARGET_PLATFORM.trim().split('-');
+  // @ts-expect-error TODO: Add validation on the input.
+  const target: BuildTarget = { platform, arch };
+
+  // Debug Configuration
+  console.log('@ -> packages/noodl-editor/scripts/build.ts');
+  console.log('--- Configuration');
+  console.log('> DISABLE_SIGNING: ', DISABLE_SIGNING);
+  console.log('> TARGET_PLATFORM: ', TARGET_PLATFORM);
+  console.log('---');
+
+  // Build Renderer
+  console.log("--- Run webpack 'webpack.renderer.production.js' ...");
+  execSync('npx webpack --config=webpackconfigs/webpack.renderer.production.js', {
+    stdio: 'inherit',
+    env: process.env
+  });
+  console.log('--- done!');
+
+  // Build Main
+  console.log("--- Run webpack 'webpack.main.production.js' ...");
+  execSync('npx webpack --config=webpackconfigs/webpack.main.production.js', {
+    stdio: 'inherit',
+    env: process.env
+  });
+  console.log('--- done!');
+
+  const platformName = getDistPlatform(target.platform);
+  const args = [`--${platformName}`, `--${target.arch}`].join(' ');
+
+  console.log(`--- Run: 'npx electron-builder ${args}' ...`);
+  execSync('npx electron-builder ' + args, {
+    stdio: [0, 1, 2],
+    env: Object.assign(
+      DISABLE_SIGNING
+        ? {}
+        : {
+            // CSC_NAME: 'Add signing name here'
+          },
+      process.env
+    )
+  });
+})();

packages/noodl-editor/scripts/platform/build-electron-builder.ts

@@ -0,0 +1,28 @@
+import { build, Platform } from 'electron-builder';
+import { BuildTarget } from './build-platforms';
+
+const config = require('../package.json').build;
+
+function createTarget(buildTarget: BuildTarget) {
+  switch (buildTarget.platform) {
+    case 'darwin':
+      return Platform.MAC.createTarget(undefined, buildTarget.arch as any);
+
+    case 'win32':
+      return Platform.WINDOWS.createTarget();
+
+    case 'linux':
+      return Platform.LINUX.createTarget(undefined, buildTarget.arch as any);
+
+    default:
+      const targetName = `${buildTarget.platform}-${buildTarget.arch}`;
+      throw 'Unsupported platform: ' + targetName;
+  }
+}
+
+export function execElectronBuilder(buildTarget: BuildTarget) {
+  return build({
+    targets: createTarget(buildTarget),
+    config
+  });
+}

packages/noodl-editor/scripts/platform/build-platforms.ts

@@ -0,0 +1,45 @@
+import { ArchType } from 'builder-util';
+
+export interface BuildTarget {
+  platform: NodeJS.Platform;
+  arch: ArchType;
+}
+
+export function isGitHubActions() {
+  return process.env.GITHUB_ACTIONS === 'true';
+}
+
+export function getDistArchitecture(): 'arm64' | 'x64' {
+  // If a specific npm_config_arch is set, we use that one instead of the OS arch (to support cross compilation)
+  if (process.env.npm_config_arch === 'arm64' || process.env.npm_config_arch === 'x64') {
+    return process.env.npm_config_arch;
+  }
+
+  if (process.arch === 'arm64') {
+    return 'arm64';
+  }
+
+  // TODO: Check if it's x64 running on an arm64 Windows with IsWow64Process2
+  // More info: https://www.rudyhuyn.com/blog/2017/12/13/how-to-detect-that-your-x86-application-runs-on-windows-on-arm/
+  // Right now (March 3, 2021) is not very important because support for x64
+  // apps on an arm64 Windows is experimental. See:
+  // https://blogs.windows.com/windows-insider/2020/12/10/introducing-x64-emulation-in-preview-for-windows-10-on-arm-pcs-to-the-windows-insider-program/
+
+  return 'x64';
+}
+
+export function getDistPlatform(targetPlatform: string): 'win' | 'linux' | 'mac' {
+  if (targetPlatform === 'win32') {
+    return 'win';
+  }
+
+  if (targetPlatform === 'linux') {
+    return 'linux';
+  }
+
+  if (targetPlatform === 'darwin') {
+    return 'mac';
+  }
+
+  throw new Error(`Unsupported platform: ${targetPlatform}`);
+}

packages/noodl-editor/src/assets/Inter/LICENSE.txt

@@ -0,0 +1,93 @@
+Copyright 2020 The Inter Project Authors (https://github.com/rsms/inter)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

packages/noodl-editor/src/assets/OpenSans/LICENSE.txt

@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

packages/noodl-editor/src/assets/icons/add--yellow.svg

@@ -0,0 +1,3 @@
+<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.4168 11.9163H11.9168V17.4163H10.0835V11.9163H4.5835V10.083H10.0835V4.58301H11.9168V10.083H17.4168V11.9163Z" fill="#F5BC41"/>
+</svg>

packages/noodl-editor/src/assets/icons/add-folder.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="18px" height="18px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M22 6H12l-2-2H2v16h20V6zm-3 8h-3v3h-2v-3h-3v-2h3V9h2v3h3v2z"/></svg>

packages/noodl-editor/src/assets/icons/arrow-back.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"/></svg>

packages/noodl-editor/src/assets/icons/book-black.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" viewBox="0 0 24 24" fill="black" width="18px" height="18px"><g><rect fill="none" height="24" width="24"/></g><g><g/><path d="M21,5c-1.11-0.35-2.33-0.5-3.5-0.5c-1.95,0-4.05,0.4-5.5,1.5c-1.45-1.1-3.55-1.5-5.5-1.5S2.45,4.9,1,6v15.5 C2.45,20.4,4.55,20,6.5,20s4.05,0.4,5.5,1.5c1.45-1.1,3.55-1.5,5.5-1.5c1.17,0,2.39,0.15,3.5,0.5c0.75,0.25,1.4,0.55,2,1V6 C22.4,5.55,21.75,5.25,21,5z M21,18.5c-1.1-0.35-2.3-0.5-3.5-0.5c-1.7,0-4.15,0.65-5.5,1.5V8c1.35-0.85,3.8-1.5,5.5-1.5 c1.2,0,2.4,0.15,3.5,0.5V18.5z"/><g><path d="M17.5,10.5c0.88,0,1.73,0.09,2.5,0.26V9.24C19.21,9.09,18.36,9,17.5,9c-1.7,0-3.24,0.29-4.5,0.83v1.66 C14.13,10.85,15.7,10.5,17.5,10.5z"/><path d="M13,12.49v1.66c1.13-0.64,2.7-0.99,4.5-0.99c0.88,0,1.73,0.09,2.5,0.26V11.9c-0.79-0.15-1.64-0.24-2.5-0.24 C15.8,11.66,14.26,11.96,13,12.49z"/><path d="M17.5,14.33c-1.7,0-3.24,0.29-4.5,0.83v1.66c1.13-0.64,2.7-0.99,4.5-0.99c0.88,0,1.73,0.09,2.5,0.26v-1.52 C19.21,14.41,18.36,14.33,17.5,14.33z"/></g></g></svg>

packages/noodl-editor/src/assets/icons/checkmark.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="18px" height="18px"><path d="M0 0h24v24H0z" fill="none"/><path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/></svg>

packages/noodl-editor/src/assets/icons/clipboard.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="18px" height="18px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M21 2h-6.18C14.4.84 13.3 0 12 0S9.6.84 9.18 2H3v20h18V2zm-9 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm7 18H5V4h2v3h10V4h2v16z"/></svg>

packages/noodl-editor/src/assets/icons/cloud--notice.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path opacity="0.75" d="M11.2875 3.52333C10.8908 1.51083 9.12333 0 7 0C5.31417 0 3.85 0.956667 3.12083 2.35667C1.365 2.54333 0 4.03083 0 5.83333C0 7.76417 1.56917 9.33333 3.5 9.33333H11.0833C12.6933 9.33333 14 8.02667 14 6.41667C14 4.87667 12.8042 3.62833 11.2875 3.52333Z" fill="#f5ba41"/>
+</svg>

packages/noodl-editor/src/assets/icons/cloud.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.75" d="M11.2875 3.52333C10.8908 1.51083 9.12333 0 7 0C5.31417 0 3.85 0.956667 3.12083 2.35667C1.365 2.54333 0 4.03083 0 5.83333C0 7.76417 1.56917 9.33333 3.5 9.33333H11.0833C12.6933 9.33333 14 8.02667 14 6.41667C14 4.87667 12.8042 3.62833 11.2875 3.52333Z" fill="#99999A"/>
+</svg>

packages/noodl-editor/src/assets/icons/collection-cloud.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="18px" height="18px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96z"/></svg>

packages/noodl-editor/src/assets/icons/collection-local.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="18px" height="18px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M22 6H12l-2-2H2v16h20V6zm-2 12H4V8h16v10z"/></svg>

packages/noodl-editor/src/assets/icons/color-fill.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.5601 11.94L9.62006 3L8.21006 4.41L10.5901 6.79L5.44006 11.94C4.85006 12.53 4.85006 13.48 5.44006 14.06L10.9401 19.56C11.2301 19.85 11.6201 20 12.0001 20C12.3801 20 12.7701 19.85 13.0601 19.56L18.5601 14.06C19.1501 13.48 19.1501 12.53 18.5601 11.94ZM7.21006 13L12.0001 8.21L16.7901 13H7.21006ZM21.0001 14.5C21.0001 14.5 19.0001 16.67 19.0001 18C19.0001 19.1 19.9001 20 21.0001 20C22.1001 20 23.0001 19.1 23.0001 18C23.0001 16.67 21.0001 14.5 21.0001 14.5Z" fill="white"/>
+</svg>

packages/noodl-editor/src/assets/icons/comment.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.5 14.3956V7.83333C2.5 5.96649 2.5 5.03307 2.86331 4.32003C3.18289 3.69282 3.69282 3.18289 4.32003 2.86331C5.03307 2.5 5.96649 2.5 7.83333 2.5H12.1667C14.0335 2.5 14.9669 2.5 15.68 2.86331C16.3072 3.18289 16.8171 3.69282 17.1367 4.32003C17.5 5.03307 17.5 5.96649 17.5 7.83333V8.83333C17.5 10.7002 17.5 11.6336 17.1367 12.3466C16.8171 12.9738 16.3072 13.4838 15.68 13.8034C14.9669 14.1667 14.0335 14.1667 12.1667 14.1667H8.63264C8.21494 14.1667 8.0061 14.1667 7.81013 14.2148C7.6364 14.2575 7.47068 14.3279 7.31933 14.4233C7.1486 14.5309 7.00359 14.6812 6.71357 14.9818L5.9393 15.7843C4.86425 16.8985 4.32672 17.4556 3.86368 17.4979C3.46206 17.5346 3.06742 17.3753 2.80387 17.07C2.5 16.7181 2.5 15.9439 2.5 14.3956Z" fill="white" fill-opacity="0.9"/>
+</svg>

packages/noodl-editor/src/assets/icons/community.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="18px" height="18px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M22 6h-3v9H6v3h12l4 4V6zm-5 7V2H2v15l4-4h11z"/></svg>

packages/noodl-editor/src/assets/icons/connection-arrow.svg

@@ -0,0 +1,3 @@
+<svg width="15" height="10" viewBox="0 0 15 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.64262e-07 5.83333L11.8083 5.83333L8.825 8.825L10 10L15 5L10 -4.37114e-07L8.825 1.175L11.8083 4.16667L5.09966e-07 4.16666L3.64262e-07 5.83333Z" fill="white" fill-opacity="0.5"/>
+</svg>

packages/noodl-editor/src/assets/icons/core-ui-temp/aiAssistant--nodegraph-inner.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9629 14.689C11.9521 14.6574 11.9227 14.6361 11.8896 14.6361H8.30032C8.26721 14.6361 8.23777 14.6574 8.22704 14.689L7.65067 16.3907C7.63995 16.4224 7.6105 16.4436 7.5774 16.4436H5.78601C5.7325 16.4436 5.69511 16.3901 5.71303 16.3391L8.9986 6.99597C9.00957 6.96476 9.0388 6.94391 9.07158 6.94391H11.1316C11.1644 6.94391 11.1936 6.96476 11.2046 6.99597L14.4902 16.3391C14.5081 16.3901 14.4707 16.4436 14.4172 16.4436H12.6125C12.5794 16.4436 12.55 16.4224 12.5392 16.3907L11.9629 14.689ZM11.3308 13.114C11.3839 13.114 11.4213 13.0611 11.4041 13.0103L10.1682 9.36189C10.1443 9.29132 10.0456 9.29132 10.0217 9.36189L8.78583 13.0103C8.76862 13.0611 8.80597 13.114 8.8591 13.114H11.3308Z" fill="#B8B8B8"/>
+<path d="M17.5614 6.9575C17.6042 6.9575 17.6389 6.99255 17.6389 7.03578V16.3654C17.6389 16.4086 17.6042 16.4436 17.5614 16.4436H15.8531C15.8103 16.4436 15.7756 16.4086 15.7756 16.3654V7.03578C15.7756 6.99255 15.8103 6.9575 15.8531 6.9575H17.5614Z" fill="#B8B8B8"/>
+</svg>

packages/noodl-editor/src/assets/icons/core-ui-temp/aiAssistant--nodegraph-outer.svg

@@ -0,0 +1,16 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.9512 3.22576C11.5593 3.22576 12.0522 2.72751 12.0522 2.11288C12.0522 1.49825 11.5593 1 10.9512 1C10.3432 1 9.85022 1.49825 9.85022 2.11288C9.85022 2.72751 10.3432 3.22576 10.9512 3.22576Z" fill="#B8B8B8"/>
+<path d="M6.68969 4.40009C7.22049 4.40009 7.65079 3.96515 7.65079 3.42863C7.65079 2.8921 7.22049 2.45716 6.68969 2.45716C6.15889 2.45716 5.72859 2.8921 5.72859 3.42863C5.72859 3.96515 6.15889 4.40009 6.68969 4.40009Z" fill="#B8B8B8"/>
+<path d="M3.82576 6.73112C4.26115 6.73112 4.61411 6.37436 4.61411 5.93428C4.61411 5.49419 4.26115 5.13743 3.82576 5.13743C3.39037 5.13743 3.03742 5.49419 3.03742 5.93428C3.03742 6.37436 3.39037 6.73112 3.82576 6.73112Z" fill="#B8B8B8"/>
+<path d="M2.11012 9.34882C2.44573 9.34882 2.7178 9.07382 2.7178 8.73459C2.7178 8.39535 2.44573 8.12035 2.11012 8.12035C1.77451 8.12035 1.50244 8.39535 1.50244 8.73459C1.50244 9.07382 1.77451 9.34882 2.11012 9.34882Z" fill="#B8B8B8"/>
+<path d="M1.46048 12.4432C1.71479 12.4432 1.92095 12.2348 1.92095 11.9778C1.92095 11.7207 1.71479 11.5123 1.46048 11.5123C1.20616 11.5123 1 11.7207 1 11.9778C1 12.2348 1.20616 12.4432 1.46048 12.4432Z" fill="#B8B8B8"/>
+<path d="M1.78458 15.2657C1.96431 15.2657 2.11001 15.1185 2.11001 14.9368C2.11001 14.7551 1.96431 14.6079 1.78458 14.6079C1.60485 14.6079 1.45914 14.7551 1.45914 14.9368C1.45914 15.1185 1.60485 15.2657 1.78458 15.2657Z" fill="#B8B8B8"/>
+<path d="M13.0506 23C13.6587 23 14.1516 22.5017 14.1516 21.8871C14.1516 21.2725 13.6587 20.7742 13.0506 20.7742C12.4426 20.7742 11.9496 21.2725 11.9496 21.8871C11.9496 22.5017 12.4426 23 13.0506 23Z" fill="#B8B8B8"/>
+<path d="M17.3074 21.5417C17.8382 21.5417 18.2685 21.1068 18.2685 20.5702C18.2685 20.0337 17.8382 19.5988 17.3074 19.5988C16.7766 19.5988 16.3463 20.0337 16.3463 20.5702C16.3463 21.1068 16.7766 21.5417 17.3074 21.5417Z" fill="#B8B8B8"/>
+<path d="M20.1722 18.8626C20.6076 18.8626 20.9605 18.5058 20.9605 18.0657C20.9605 17.6256 20.6076 17.2689 20.1722 17.2689C19.7368 17.2689 19.3839 17.6256 19.3839 18.0657C19.3839 18.5058 19.7368 18.8626 20.1722 18.8626Z" fill="#B8B8B8"/>
+<path d="M21.8873 15.8798C22.2229 15.8798 22.4949 15.6048 22.4949 15.2656C22.4949 14.9264 22.2229 14.6514 21.8873 14.6514C21.5516 14.6514 21.2796 14.9264 21.2796 15.2656C21.2796 15.6048 21.5516 15.8798 21.8873 15.8798Z" fill="#B8B8B8"/>
+<path d="M22.5395 12.4879C22.7938 12.4879 23 12.2795 23 12.0224C23 11.7654 22.7938 11.557 22.5395 11.557C22.2852 11.557 22.079 11.7654 22.079 12.0224C22.079 12.2795 22.2852 12.4879 22.5395 12.4879Z" fill="#B8B8B8"/>
+<path d="M22.2142 9.39194C22.3939 9.39194 22.5396 9.24467 22.5396 9.06299C22.5396 8.88132 22.3939 8.73405 22.2142 8.73405C22.0344 8.73405 21.8887 8.88132 21.8887 9.06299C21.8887 9.24467 22.0344 9.39194 22.2142 9.39194Z" fill="#B8B8B8"/>
+<path d="M21.1878 6.79557C21.2847 6.79557 21.3633 6.71613 21.3633 6.61815C21.3633 6.52016 21.2847 6.44073 21.1878 6.44073C21.0908 6.44073 21.0123 6.52016 21.0123 6.61815C21.0123 6.71613 21.0908 6.79557 21.1878 6.79557Z" fill="#B8B8B8"/>
+<path d="M2.81427 17.6774C2.91122 17.6774 2.98981 17.5979 2.98981 17.5C2.98981 17.402 2.91122 17.3225 2.81427 17.3225C2.71732 17.3225 2.63873 17.402 2.63873 17.5C2.63873 17.5979 2.71732 17.6774 2.81427 17.6774Z" fill="#B8B8B8"/>
+</svg>

packages/noodl-editor/src/assets/icons/core-ui-temp/align_item_center.svg

@@ -0,0 +1,6 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M17.457 7.92615H8.26953C7.90709 7.92615 7.61328 8.18198 7.61328 8.49758V11.3547C7.61328 11.6703 7.90709 11.9261 8.26953 11.9261H17.457C17.8195 11.9261 18.1133 11.6703 18.1133 11.3547V8.49758C18.1133 8.18198 17.8195 7.92615 17.457 7.92615Z" fill="#F5F5F5" />
+  <path d="M16.8008 13.4261H8.92578C8.61512 13.4261 8.36328 13.682 8.36328 13.9976V16.8547C8.36328 17.1703 8.61512 17.4261 8.92578 17.4261H16.8008C17.1114 17.4261 17.3633 17.1703 17.3633 16.8547V13.9976C17.3633 13.682 17.1114 13.4261 16.8008 13.4261Z" fill="#F5F5F5" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8633 3.67615C13.2775 3.67615 13.6133 4.03433 13.6133 4.47617L13.6133 20.8761C13.6133 21.318 13.2775 21.6761 12.8633 21.6761C12.4491 21.6761 12.1133 21.318 12.1133 20.8761L12.1133 4.47617C12.1133 4.03433 12.4491 3.67615 12.8633 3.67615Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/align_item_left.svg

@@ -0,0 +1,6 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M8.24609 17.4261L17.4336 17.4261C17.796 17.4261 18.0898 17.1703 18.0898 16.8547L18.0898 13.9976C18.0898 13.682 17.796 13.4261 17.4336 13.4261L8.24609 13.4261C7.88366 13.4261 7.58984 13.682 7.58984 13.9976L7.58984 16.8547C7.58984 17.1703 7.88366 17.4261 8.24609 17.4261Z" fill="#F5F5F5" />
+  <path d="M8.15234 11.9261L16.0273 11.9261C16.338 11.9261 16.5898 11.6703 16.5898 11.3547L16.5898 8.49758C16.5898 8.18198 16.338 7.92615 16.0273 7.92615L8.15234 7.92615C7.84168 7.92615 7.58984 8.18198 7.58984 8.49757L7.58984 11.3547C7.58984 11.6703 7.84168 11.9261 8.15234 11.9261Z" fill="#F5F5F5" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M5.33984 21.6761C4.92563 21.6761 4.58984 21.318 4.58984 20.8761L4.58985 4.47617C4.58985 4.03433 4.92563 3.67615 5.33985 3.67615C5.75406 3.67615 6.08985 4.03433 6.08985 4.47617L6.08984 20.8761C6.08984 21.318 5.75406 21.6761 5.33984 21.6761Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/align_item_right.svg

@@ -0,0 +1,6 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M17.4805 7.92615H8.29297C7.93053 7.92615 7.63672 8.18198 7.63672 8.49758V11.3547C7.63672 11.6703 7.93053 11.9261 8.29297 11.9261H17.4805C17.8429 11.9261 18.1367 11.6703 18.1367 11.3547V8.49758C18.1367 8.18198 17.8429 7.92615 17.4805 7.92615Z" fill="#F5F5F5" />
+  <path d="M17.5742 13.4261H9.69922C9.38856 13.4261 9.13672 13.682 9.13672 13.9976V16.8547C9.13672 17.1703 9.38856 17.4261 9.69922 17.4261H17.5742C17.8849 17.4261 18.1367 17.1703 18.1367 16.8547V13.9976C18.1367 13.682 17.8849 13.4261 17.5742 13.4261Z" fill="#F5F5F5" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M20.3867 3.67615C20.8009 3.67615 21.1367 4.03433 21.1367 4.47617L21.1367 20.8761C21.1367 21.318 20.8009 21.6761 20.3867 21.6761C19.9725 21.6761 19.6367 21.318 19.6367 20.8761L19.6367 4.47617C19.6367 4.03433 19.9725 3.67615 20.3867 3.67615Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/arrow_down.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M12.7612 21.2292C12.8512 21.1892 12.9312 21.1392 13.0012 21.0692L19.7512 14.3192C20.0412 14.0292 20.0412 13.5492 19.7512 13.2592C19.4612 12.9692 18.9812 12.9692 18.6912 13.2592L13.2212 18.7292L13.2213 4.03918C13.2213 3.62918 12.8812 3.28918 12.4713 3.28918C12.0613 3.28918 11.7212 3.62918 11.7212 4.03918L11.7212 18.7292L6.25125 13.2592C5.96125 12.9692 5.48125 12.9692 5.19125 13.2592C5.04125 13.4092 4.97125 13.5992 4.97125 13.7892C4.97125 13.9792 5.04125 14.1692 5.19125 14.3192L11.9412 21.0692C12.0112 21.1392 12.0912 21.1892 12.1812 21.2292C12.3612 21.3092 12.5712 21.3092 12.7512 21.2292L12.7612 21.2292Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/arrow_left.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M3.19672 11.9979C3.23672 11.9079 3.28672 11.8279 3.35672 11.7579L10.1067 5.00794C10.3967 4.71794 10.8767 4.71794 11.1667 5.00794C11.4567 5.29794 11.4567 5.77794 11.1667 6.06794L5.69672 11.5379H20.3867C20.7967 11.5379 21.1367 11.8779 21.1367 12.2879C21.1367 12.6979 20.7967 13.0379 20.3867 13.0379H5.69672L11.1667 18.5079C11.4567 18.7979 11.4567 19.2779 11.1667 19.5679C11.0167 19.7179 10.8267 19.7879 10.6367 19.7879C10.4467 19.7879 10.2567 19.7179 10.1067 19.5679L3.35672 12.8179C3.28672 12.7479 3.23672 12.6679 3.19672 12.5779C3.11672 12.3979 3.11672 12.1879 3.19672 12.0079V11.9979Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/arrow_line_down.svg

@@ -0,0 +1,5 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M21.1367 21.7009C21.1367 22.1151 20.8009 22.4509 20.3867 22.4509L3.88672 22.4509C3.47251 22.4509 3.13672 22.1151 3.13672 21.7009C3.13672 21.2867 3.47251 20.9509 3.88672 20.9509L20.3867 20.9509C20.8009 20.9509 21.1367 21.2867 21.1367 21.7009Z" fill="#F5F5F5" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M12.421 18.9382C12.5105 18.9016 12.5944 18.8469 12.6671 18.7742L16.3648 15.0765C16.6577 14.7836 16.6577 14.3088 16.3648 14.0159C16.0719 13.723 15.597 13.723 15.3041 14.0159L12.8868 16.4332L12.8868 4.17548C12.8868 3.76127 12.551 3.42548 12.1368 3.42548C11.7226 3.42548 11.3868 3.76127 11.3868 4.17548L11.3868 16.4332L8.96943 14.0159C8.67654 13.723 8.20167 13.723 7.90877 14.0159C7.61588 14.3088 7.61588 14.7836 7.90877 15.0765L11.6044 18.7721C11.6111 18.7789 11.6179 18.7855 11.6248 18.792C11.7589 18.9172 11.9389 18.9939 12.1368 18.9939C12.2374 18.9939 12.3334 18.9741 12.421 18.9382Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/arrow_line_left.svg

@@ -0,0 +1,5 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M3.37402 21.9382C2.95981 21.9382 2.62402 21.6024 2.62402 21.1882L2.62402 4.68823C2.62402 4.27402 2.95981 3.93823 3.37402 3.93823C3.78824 3.93823 4.12402 4.27402 4.12402 4.68823L4.12402 21.1882C4.12402 21.6024 3.78824 21.9382 3.37402 21.9382Z" fill="#F5F5F5" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M6.13679 13.2225C6.1734 13.312 6.22804 13.3959 6.30072 13.4686L9.99841 17.1663C10.2913 17.4591 10.7662 17.4591 11.0591 17.1663C11.352 16.8734 11.352 16.3985 11.0591 16.1056L8.64171 13.6882L20.8995 13.6882C21.3137 13.6882 21.6495 13.3524 21.6495 12.9382C21.6495 12.524 21.3137 12.1882 20.8995 12.1882L8.64172 12.1882L11.0591 9.77089C11.352 9.47799 11.352 9.00312 11.0591 8.71023C10.7662 8.41733 10.2913 8.41733 9.99841 8.71023L6.3028 12.4058C6.29605 12.4125 6.28943 12.4194 6.28294 12.4263C6.15771 12.5603 6.08105 12.7403 6.08105 12.9382C6.08105 13.0388 6.10086 13.1348 6.13679 13.2225Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/arrow_line_right.svg

@@ -0,0 +1,5 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M20.8994 21.9382C21.3136 21.9382 21.6494 21.6024 21.6494 21.1882L21.6494 4.68823C21.6494 4.27402 21.3136 3.93823 20.8994 3.93823C20.4852 3.93823 20.1494 4.27402 20.1494 4.68823L20.1494 21.1882C20.1494 21.6024 20.4852 21.9382 20.8994 21.9382Z" fill="#F5F5F5" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M18.1366 13.2225C18.1 13.312 18.0454 13.3959 17.9727 13.4686L14.275 17.1663C13.9821 17.4591 13.5073 17.4591 13.2144 17.1663C12.9215 16.8734 12.9215 16.3985 13.2144 16.1056L15.6317 13.6882L3.37397 13.6882C2.95975 13.6882 2.62397 13.3524 2.62397 12.9382C2.62397 12.524 2.95975 12.1882 3.37397 12.1882L15.6317 12.1882L13.2144 9.77089C12.9215 9.47799 12.9215 9.00312 13.2144 8.71023C13.5073 8.41733 13.9821 8.41733 14.275 8.71023L17.9706 12.4058C17.9774 12.4125 17.984 12.4194 17.9905 12.4263C18.1157 12.5603 18.1924 12.7403 18.1924 12.9382C18.1924 13.0388 18.1726 13.1348 18.1366 13.2225Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/arrow_line_up.svg

@@ -0,0 +1,5 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M21.1367 4.17548C21.1367 3.76126 20.8009 3.42548 20.3867 3.42548L3.88672 3.42548C3.47251 3.42548 3.13672 3.76126 3.13672 4.17548C3.13672 4.58969 3.47251 4.92548 3.88672 4.92548L20.3867 4.92548C20.8009 4.92548 21.1367 4.58969 21.1367 4.17548Z" fill="#F5F5F5" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M12.421 6.93824C12.5105 6.97485 12.5944 7.0295 12.6671 7.10218L16.3648 10.7999C16.6577 11.0928 16.6577 11.5676 16.3648 11.8605C16.0719 12.1534 15.597 12.1534 15.3041 11.8605L12.8868 9.44316L12.8868 21.7009C12.8868 22.1151 12.551 22.4509 12.1368 22.4509C11.7226 22.4509 11.3868 22.1151 11.3868 21.7009L11.3868 9.44318L8.96943 11.8605C8.67654 12.1534 8.20167 12.1534 7.90877 11.8605C7.61588 11.5676 7.61588 11.0928 7.90877 10.7999L11.6044 7.10426C11.6111 7.09751 11.6179 7.09088 11.6248 7.08439C11.7589 6.95916 11.9389 6.88251 12.1368 6.88251C12.2374 6.88251 12.3334 6.90231 12.421 6.93824Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/arrow_right.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M21.2437 11.9979C21.2037 11.9079 21.1537 11.8279 21.0837 11.7579L14.3337 5.00794C14.0437 4.71794 13.5637 4.71794 13.2737 5.00794C12.9837 5.29794 12.9837 5.77794 13.2737 6.06794L18.7437 11.5379H4.05371C3.64371 11.5379 3.30371 11.8779 3.30371 12.2879C3.30371 12.6979 3.64371 13.0379 4.05371 13.0379H18.7437L13.2737 18.5079C12.9837 18.7979 12.9837 19.2779 13.2737 19.5679C13.4237 19.7179 13.6137 19.7879 13.8037 19.7879C13.9937 19.7879 14.1837 19.7179 14.3337 19.5679L21.0837 12.8179C21.1537 12.7479 21.2037 12.6679 21.2437 12.5779C21.3237 12.3979 21.3237 12.1879 21.2437 12.0079V11.9979Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/arrow_up.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M12.9278 3.26032C13.0178 3.30032 13.0978 3.35032 13.1678 3.42032L19.9178 10.1703C20.2078 10.4603 20.2078 10.9403 19.9178 11.2303C19.6278 11.5203 19.1478 11.5203 18.8578 11.2303L13.3878 5.76032L13.3878 20.4503C13.3878 20.8603 13.0478 21.2003 12.6378 21.2003C12.2278 21.2003 11.8878 20.8603 11.8878 20.4503L11.8878 5.76032L6.41775 11.2303C6.12775 11.5203 5.64775 11.5203 5.35775 11.2303C5.20775 11.0803 5.13775 10.8903 5.13775 10.7003C5.13775 10.5103 5.20775 10.3203 5.35775 10.1703L12.1078 3.42032C12.1778 3.35032 12.2578 3.30032 12.3478 3.26032C12.5278 3.18032 12.7378 3.18032 12.9178 3.26032L12.9278 3.26032Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/arrows_in_line_horizontal.svg

@@ -0,0 +1,7 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M20.3867 12.9382H3.88672" stroke="#F5F5F5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M21.1367 12.9382C21.1367 13.3524 20.8009 13.6882 20.3867 13.6882L3.88672 13.6882C3.47251 13.6882 3.13672 13.3524 3.13672 12.9382C3.13672 12.524 3.47251 12.1882 3.88672 12.1882L20.3867 12.1882C20.8009 12.1882 21.1367 12.524 21.1367 12.9382Z" fill="#F5F5F5" />
+  <path d="M12.4278 10.6282C12.5178 10.5882 12.5978 10.5382 12.6678 10.4682L15.6678 7.46823C15.9578 7.17823 15.9578 6.69823 15.6678 6.40823C15.3778 6.11823 14.8978 6.11823 14.6078 6.40823L12.8878 8.12823L12.8878 2.43823C12.8878 2.02823 12.5478 1.68823 12.1378 1.68823C11.7278 1.68823 11.3878 2.02823 11.3878 2.43823L11.3878 8.12823L9.66775 6.40823C9.37775 6.11823 8.89775 6.11823 8.60775 6.40823C8.45775 6.55823 8.38775 6.74823 8.38775 6.93823C8.38775 7.12823 8.45775 7.31823 8.60775 7.46823L11.6078 10.4682C11.6778 10.5382 11.7578 10.5882 11.8478 10.6282C11.9378 10.6682 12.0278 10.6882 12.1378 10.6882C12.2478 10.6882 12.3378 10.6682 12.4278 10.6282Z" fill="#F5F5F5" />
+  <path d="M12.4278 15.2482C12.5178 15.2882 12.5978 15.3382 12.6678 15.4082L15.6678 18.4082C15.9578 18.6982 15.9578 19.1782 15.6678 19.4682C15.3778 19.7582 14.8978 19.7582 14.6078 19.4682L12.8878 17.7482L12.8878 23.4382C12.8878 23.8482 12.5478 24.1882 12.1378 24.1882C11.7278 24.1882 11.3878 23.8482 11.3878 23.4382L11.3878 17.7482L9.66775 19.4682C9.37775 19.7582 8.89775 19.7582 8.60775 19.4682C8.45775 19.3182 8.38775 19.1282 8.38775 18.9382C8.38775 18.7482 8.45775 18.5582 8.60775 18.4082L11.6078 15.4082C11.6778 15.3382 11.7578 15.2882 11.8478 15.2482C11.9378 15.2082 12.0278 15.1882 12.1378 15.1882C12.2478 15.1882 12.3378 15.2082 12.4278 15.2482Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/arrows_in_line_vertical.svg

@@ -0,0 +1,6 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M12.1367 3.93823C12.5509 3.93823 12.8867 4.27402 12.8867 4.68823L12.8867 21.1882C12.8867 21.6024 12.5509 21.9382 12.1367 21.9382C11.7225 21.9382 11.3867 21.6024 11.3867 21.1882L11.3867 4.68823C11.3867 4.27402 11.7225 3.93823 12.1367 3.93823Z" fill="#F5F5F5" />
+  <path d="M9.82672 12.647C9.78672 12.557 9.73672 12.477 9.66672 12.407L6.66672 9.40698C6.37672 9.11698 5.89672 9.11698 5.60672 9.40698C5.31672 9.69698 5.31672 10.177 5.60672 10.467L7.32672 12.187H1.63672C1.22672 12.187 0.886719 12.527 0.886719 12.937C0.886719 13.347 1.22672 13.687 1.63672 13.687H7.32672L5.60672 15.407C5.31672 15.697 5.31672 16.177 5.60672 16.467C5.75672 16.617 5.94672 16.687 6.13672 16.687C6.32672 16.687 6.51672 16.617 6.66672 16.467L9.66672 13.467C9.73672 13.397 9.78672 13.317 9.82672 13.227C9.86672 13.137 9.88672 13.047 9.88672 12.937C9.88672 12.827 9.86672 12.737 9.82672 12.647Z" fill="#F5F5F5" />
+  <path d="M14.4467 12.647C14.4867 12.557 14.5367 12.477 14.6067 12.407L17.6067 9.40698C17.8967 9.11698 18.3767 9.11698 18.6667 9.40698C18.9567 9.69698 18.9567 10.177 18.6667 10.467L16.9467 12.187H22.6367C23.0467 12.187 23.3867 12.527 23.3867 12.937C23.3867 13.347 23.0467 13.687 22.6367 13.687H16.9467L18.6667 15.407C18.9567 15.697 18.9567 16.177 18.6667 16.467C18.5167 16.617 18.3267 16.687 18.1367 16.687C17.9467 16.687 17.7567 16.617 17.6067 16.467L14.6067 13.467C14.5367 13.397 14.4867 13.317 14.4467 13.227C14.4067 13.137 14.3867 13.047 14.3867 12.937C14.3867 12.827 14.4067 12.737 14.4467 12.647Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/border_all.svg

@@ -0,0 +1,4 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M24.1928 5.74249H6.08057C5.80442 5.74249 5.58057 5.96635 5.58057 6.24249V24.3547C5.58057 24.6309 5.80442 24.8547 6.08057 24.8547H24.1928C24.4689 24.8547 24.6928 24.6309 24.6928 24.3547V6.24249C24.6928 5.96635 24.4689 5.74249 24.1928 5.74249ZM6.08057 4.24249C4.976 4.24249 4.08057 5.13792 4.08057 6.24249V24.3547C4.08057 25.4593 4.976 26.3547 6.08057 26.3547H24.1928C25.2974 26.3547 26.1928 25.4593 26.1928 24.3547V6.24249C26.1928 5.13792 25.2974 4.24249 24.1928 4.24249H6.08057Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/border_down.svg

@@ -0,0 +1,11 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.83008 4.15167C5.24429 4.15167 5.58008 4.48746 5.58008 4.90167C5.58008 5.31589 5.24429 5.65167 4.83008 5.65167C4.41586 5.65167 4.08008 5.31589 4.08008 4.90167C4.08008 4.48746 4.41586 4.15167 4.83008 4.15167Z" fill="#F5F5F5"/>
+<path d="M18.5718 4.15167C18.986 4.15167 19.3218 4.48746 19.3218 4.90167C19.3218 5.31589 18.986 5.65167 18.5718 5.65167C18.1576 5.65167 17.8218 5.31589 17.8218 4.90167C17.8218 4.48746 18.1576 4.15167 18.5718 4.15167Z" fill="#F5F5F5"/>
+<path d="M11.7007 4.15167C12.1149 4.15167 12.4507 4.48746 12.4507 4.90167C12.4507 5.31589 12.1149 5.65167 11.7007 5.65167C11.2865 5.65167 10.9507 5.31589 10.9507 4.90167C10.9507 4.48746 11.2865 4.15167 11.7007 4.15167Z" fill="#F5F5F5"/>
+<path d="M25.4429 4.15167C25.8571 4.15167 26.1929 4.48746 26.1929 4.90167C26.1929 5.31589 25.8571 5.65167 25.4429 5.65167C25.0287 5.65167 24.6929 5.31589 24.6929 4.90167C24.6929 4.48746 25.0287 4.15167 25.4429 4.15167Z" fill="#F5F5F5"/>
+<path d="M25.4434 17.8937C25.8576 17.8937 26.1934 18.2295 26.1934 18.6437C26.1934 19.058 25.8576 19.3937 25.4434 19.3937C25.0291 19.3937 24.6934 19.058 24.6934 18.6437C24.6934 18.2295 25.0291 17.8937 25.4434 17.8937Z" fill="#F5F5F5"/>
+<path d="M4.83057 17.8937C5.24478 17.8937 5.58057 18.2295 5.58057 18.6437C5.58057 19.058 5.24478 19.3937 4.83057 19.3937C4.41635 19.3937 4.08057 19.058 4.08057 18.6437C4.08057 18.2295 4.41635 17.8937 4.83057 17.8937Z" fill="#F5F5F5"/>
+<path d="M25.4429 11.0228C25.8571 11.0228 26.1929 11.3586 26.1929 11.7728C26.1929 12.187 25.8571 12.5228 25.4429 12.5228C25.0287 12.5228 24.6929 12.187 24.6929 11.7728C24.6929 11.3586 25.0287 11.0228 25.4429 11.0228Z" fill="#F5F5F5"/>
+<path d="M4.83008 11.0228C5.24429 11.0228 5.58008 11.3586 5.58008 11.7728C5.58008 12.187 5.24429 12.5228 4.83008 12.5228C4.41586 12.5228 4.08008 12.187 4.08008 11.7728C4.08008 11.3586 4.41586 11.0228 4.83008 11.0228Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M26.1934 25.6945C26.1934 26.1087 25.8576 26.4445 25.4434 26.4445L4.83081 26.4445C4.4166 26.4445 4.08081 26.1087 4.08081 25.6945C4.08081 25.2802 4.4166 24.9445 4.83081 24.9445L25.4434 24.9445C25.8576 24.9445 26.1934 25.2802 26.1934 25.6945Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-editor/src/assets/icons/core-ui-temp/border_left.svg

@@ -0,0 +1,11 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M26.2832 4.99158C26.2832 5.40579 25.9474 5.74158 25.5332 5.74158C25.119 5.74158 24.7832 5.40579 24.7832 4.99158C24.7832 4.57736 25.119 4.24158 25.5332 4.24158C25.9474 4.24158 26.2832 4.57736 26.2832 4.99158Z" fill="#F5F5F5"/>
+<path d="M26.2832 18.7333C26.2832 19.1475 25.9474 19.4833 25.5332 19.4833C25.119 19.4833 24.7832 19.1475 24.7832 18.7333C24.7832 18.3191 25.119 17.9833 25.5332 17.9833C25.9474 17.9833 26.2832 18.3191 26.2832 18.7333Z" fill="#F5F5F5"/>
+<path d="M26.2832 11.8622C26.2832 12.2764 25.9474 12.6122 25.5332 12.6122C25.119 12.6122 24.7832 12.2764 24.7832 11.8622C24.7832 11.448 25.119 11.1122 25.5332 11.1122C25.9474 11.1122 26.2832 11.448 26.2832 11.8622Z" fill="#F5F5F5"/>
+<path d="M26.2832 25.6041C26.2832 26.0183 25.9474 26.3541 25.5332 26.3541C25.119 26.3541 24.7832 26.0183 24.7832 25.6041C24.7832 25.1899 25.119 24.8541 25.5332 24.8541C25.9474 24.8541 26.2832 25.1899 26.2832 25.6041Z" fill="#F5F5F5"/>
+<path d="M12.541 25.6046C12.541 26.0188 12.2052 26.3546 11.791 26.3546C11.3768 26.3546 11.041 26.0188 11.041 25.6046C11.041 25.1904 11.3768 24.8546 11.791 24.8546C12.2052 24.8546 12.541 25.1904 12.541 25.6046Z" fill="#F5F5F5"/>
+<path d="M12.541 4.99182C12.541 5.40603 12.2052 5.74182 11.791 5.74182C11.3768 5.74182 11.041 5.40603 11.041 4.99182C11.041 4.57761 11.3768 4.24182 11.791 4.24182C12.2052 4.24182 12.541 4.57761 12.541 4.99182Z" fill="#F5F5F5"/>
+<path d="M19.4121 25.6044C19.4121 26.0186 19.0763 26.3544 18.6621 26.3544C18.2479 26.3544 17.9121 26.0186 17.9121 25.6044C17.9121 25.1902 18.2479 24.8544 18.6621 24.8544C19.0763 24.8544 19.4121 25.1902 19.4121 25.6044Z" fill="#F5F5F5"/>
+<path d="M19.4121 4.99158C19.4121 5.40579 19.0763 5.74158 18.6621 5.74158C18.2479 5.74158 17.9121 5.40579 17.9121 4.99158C17.9121 4.57736 18.2479 4.24158 18.6621 4.24158C19.0763 4.24158 19.4121 4.57736 19.4121 4.99158Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.74023 26.3547C4.32602 26.3547 3.99023 26.0189 3.99023 25.6047L3.99024 4.99219C3.99024 4.57797 4.32602 4.24219 4.74024 4.24219C5.15445 4.24219 5.49024 4.57797 5.49024 4.99219L5.49023 25.6047C5.49023 26.0189 5.15445 26.3547 4.74023 26.3547Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-editor/src/assets/icons/core-ui-temp/border_right.svg

@@ -0,0 +1,11 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.99023 25.6046C3.99023 25.1904 4.32602 24.8546 4.74023 24.8546C5.15445 24.8546 5.49023 25.1904 5.49023 25.6046C5.49023 26.0188 5.15445 26.3546 4.74023 26.3546C4.32602 26.3546 3.99023 26.0188 3.99023 25.6046Z" fill="#F5F5F5"/>
+<path d="M3.99023 11.8629C3.99023 11.4487 4.32602 11.1129 4.74023 11.1129C5.15445 11.1129 5.49023 11.4487 5.49023 11.8629C5.49023 12.2771 5.15445 12.6129 4.74023 12.6129C4.32602 12.6129 3.99023 12.2771 3.99023 11.8629Z" fill="#F5F5F5"/>
+<path d="M3.99023 18.734C3.99023 18.3198 4.32602 17.984 4.74023 17.984C5.15445 17.984 5.49023 18.3198 5.49023 18.734C5.49023 19.1482 5.15445 19.484 4.74023 19.484C4.32602 19.484 3.99023 19.1482 3.99023 18.734Z" fill="#F5F5F5"/>
+<path d="M3.99023 4.99207C3.99023 4.57785 4.32602 4.24207 4.74023 4.24207C5.15445 4.24207 5.49023 4.57785 5.49023 4.99207C5.49023 5.40628 5.15445 5.74207 4.74023 5.74207C4.32602 5.74207 3.99023 5.40628 3.99023 4.99207Z" fill="#F5F5F5"/>
+<path d="M17.7324 4.99158C17.7324 4.57736 18.0682 4.24158 18.4824 4.24158C18.8966 4.24158 19.2324 4.57736 19.2324 4.99158C19.2324 5.40579 18.8966 5.74158 18.4824 5.74158C18.0682 5.74158 17.7324 5.40579 17.7324 4.99158Z" fill="#F5F5F5"/>
+<path d="M17.7324 25.6044C17.7324 25.1902 18.0682 24.8544 18.4824 24.8544C18.8966 24.8544 19.2324 25.1902 19.2324 25.6044C19.2324 26.0186 18.8966 26.3544 18.4824 26.3544C18.0682 26.3544 17.7324 26.0186 17.7324 25.6044Z" fill="#F5F5F5"/>
+<path d="M10.8613 4.99182C10.8613 4.57761 11.1971 4.24182 11.6113 4.24182C12.0255 4.24182 12.3613 4.57761 12.3613 4.99182C12.3613 5.40603 12.0255 5.74182 11.6113 5.74182C11.1971 5.74182 10.8613 5.40603 10.8613 4.99182Z" fill="#F5F5F5"/>
+<path d="M10.8613 25.6046C10.8613 25.1904 11.1971 24.8546 11.6113 24.8546C12.0255 24.8546 12.3613 25.1904 12.3613 25.6046C12.3613 26.0188 12.0255 26.3546 11.6113 26.3546C11.1971 26.3546 10.8613 26.0188 10.8613 25.6046Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M25.5332 4.24146C25.9474 4.24146 26.2832 4.57724 26.2832 4.99146L26.2832 25.604C26.2832 26.0182 25.9474 26.354 25.5332 26.354C25.119 26.354 24.7832 26.0182 24.7832 25.604L24.7832 4.99145C24.7832 4.57724 25.119 4.24145 25.5332 4.24146Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-editor/src/assets/icons/core-ui-temp/border_up.svg

@@ -0,0 +1,11 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.4434 26.4445C25.0291 26.4445 24.6934 26.1087 24.6934 25.6945C24.6934 25.2803 25.0291 24.9445 25.4434 24.9445C25.8576 24.9445 26.1934 25.2803 26.1934 25.6945C26.1934 26.1087 25.8576 26.4445 25.4434 26.4445Z" fill="#F5F5F5"/>
+<path d="M11.7017 26.4445C11.2874 26.4445 10.9517 26.1087 10.9517 25.6945C10.9517 25.2803 11.2874 24.9445 11.7017 24.9445C12.1159 24.9445 12.4517 25.2803 12.4517 25.6945C12.4517 26.1087 12.1159 26.4445 11.7017 26.4445Z" fill="#F5F5F5"/>
+<path d="M18.5728 26.4445C18.1585 26.4445 17.8228 26.1087 17.8228 25.6945C17.8228 25.2803 18.1585 24.9445 18.5728 24.9445C18.987 24.9445 19.3228 25.2803 19.3228 25.6945C19.3228 26.1087 18.987 26.4445 18.5728 26.4445Z" fill="#F5F5F5"/>
+<path d="M4.83057 26.4445C4.41635 26.4445 4.08057 26.1087 4.08057 25.6945C4.08057 25.2803 4.41635 24.9445 4.83057 24.9445C5.24478 24.9445 5.58057 25.2803 5.58057 25.6945C5.58057 26.1087 5.24478 26.4445 4.83057 26.4445Z" fill="#F5F5F5"/>
+<path d="M4.83008 12.7025C4.41586 12.7025 4.08008 12.3667 4.08008 11.9525C4.08008 11.5382 4.41586 11.2025 4.83008 11.2025C5.24429 11.2025 5.58008 11.5382 5.58008 11.9525C5.58008 12.3667 5.24429 12.7025 4.83008 12.7025Z" fill="#F5F5F5"/>
+<path d="M25.4429 12.7025C25.0287 12.7025 24.6929 12.3667 24.6929 11.9525C24.6929 11.5382 25.0287 11.2025 25.4429 11.2025C25.8571 11.2025 26.1929 11.5382 26.1929 11.9525C26.1929 12.3667 25.8571 12.7025 25.4429 12.7025Z" fill="#F5F5F5"/>
+<path d="M4.83057 19.5734C4.41635 19.5734 4.08057 19.2376 4.08057 18.8234C4.08057 18.4092 4.41635 18.0734 4.83057 18.0734C5.24478 18.0734 5.58057 18.4092 5.58057 18.8234C5.58057 19.2376 5.24478 19.5734 4.83057 19.5734Z" fill="#F5F5F5"/>
+<path d="M25.4434 19.5734C25.0291 19.5734 24.6934 19.2376 24.6934 18.8234C24.6934 18.4092 25.0291 18.0734 25.4434 18.0734C25.8576 18.0734 26.1934 18.4092 26.1934 18.8234C26.1934 19.2376 25.8576 19.5734 25.4434 19.5734Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.08008 4.90173C4.08008 4.48752 4.41586 4.15173 4.83008 4.15173L25.4426 4.15173C25.8568 4.15173 26.1926 4.48752 26.1926 4.90173C26.1926 5.31595 25.8568 5.65173 25.4426 5.65173L4.83008 5.65173C4.41586 5.65173 4.08008 5.31595 4.08008 4.90173Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-editor/src/assets/icons/core-ui-temp/bug.svg

@@ -0,0 +1,6 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M14.2938 11.664C14.7193 11.664 15.0642 11.3191 15.0642 10.8936C15.0642 10.4681 14.7193 10.1232 14.2938 10.1232C13.8684 10.1232 13.5234 10.4681 13.5234 10.8936C13.5234 11.3191 13.8684 11.664 14.2938 11.664Z" fill="#F5F5F5" />
+  <path d="M9.97939 11.664C10.4049 11.664 10.7498 11.3191 10.7498 10.8936C10.7498 10.4681 10.4049 10.1232 9.97939 10.1232C9.55391 10.1232 9.20898 10.4681 9.20898 10.8936C9.20898 11.3191 9.55391 11.664 9.97939 11.664Z" fill="#F5F5F5" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M10.0718 3.80285C9.87929 3.43606 9.42593 3.29475 9.05915 3.48722C8.69237 3.67968 8.55106 4.13304 8.74352 4.49983L9.54422 6.02572C8.69287 6.37014 7.91046 6.884 7.24847 7.54598C6.7412 8.05326 6.3209 8.63125 5.99718 9.25678L4.50796 8.39542C4.1494 8.18803 3.69061 8.31058 3.48322 8.66914C3.27584 9.02769 3.39838 9.48648 3.75694 9.69387L5.4515 10.674C5.30145 11.2438 5.22363 11.8351 5.22363 12.4344V12.917H3.2002C2.78598 12.917 2.4502 13.2528 2.4502 13.667C2.4502 14.0812 2.78598 14.417 3.2002 14.417H5.22363V14.8997C5.22363 15.499 5.30146 16.0903 5.45151 16.6601L3.75694 17.6402C3.39838 17.8476 3.27584 18.3064 3.48322 18.665C3.69061 19.0235 4.1494 19.1461 4.50796 18.9387L5.9972 18.0773C6.32092 18.7028 6.74121 19.2808 7.24847 19.7881C8.54496 21.0846 10.3034 21.8129 12.1369 21.8129C13.9704 21.8129 15.7288 21.0846 17.0253 19.7881C17.5325 19.2808 17.9528 18.7028 18.2766 18.0773L19.7659 18.9387C20.1244 19.1461 20.5832 19.0235 20.7906 18.665C20.998 18.3064 20.8754 17.8476 20.5169 17.6402L18.8222 16.6601C18.9723 16.0903 19.0501 15.499 19.0501 14.8997V14.417H21.0736C21.4878 14.417 21.8236 14.0812 21.8236 13.667C21.8236 13.2528 21.4878 12.917 21.0736 12.917H19.0501V12.4344C19.0501 11.8351 18.9723 11.2438 18.8223 10.674L20.5169 9.69387C20.8754 9.48648 20.998 9.02769 20.7906 8.66914C20.5832 8.31058 20.1244 8.18803 19.7659 8.39542L18.2766 9.25681C17.9529 8.63126 17.5326 8.05326 17.0253 7.54598C16.3632 6.88394 15.5807 6.37003 14.7293 6.02561L15.5299 4.49983C15.7224 4.13304 15.5811 3.67968 15.2143 3.48722C14.8475 3.29475 14.3941 3.43606 14.2017 3.80285L13.2525 5.61172C12.886 5.5518 12.513 5.52114 12.1369 5.52114C11.7606 5.52114 11.3876 5.55181 11.021 5.61177L10.0718 3.80285ZM8.30913 8.60664C9.32431 7.59147 10.7012 7.02114 12.1369 7.02114C13.5726 7.02114 14.9494 7.59147 15.9646 8.60664C16.9798 9.62182 17.5501 10.9987 17.5501 12.4344V12.917H6.72363V12.4344C6.72363 10.9987 7.29395 9.62182 8.30913 8.60664ZM17.5501 14.417V14.8997C17.5501 16.3354 16.9798 17.7122 15.9646 18.7274C14.9494 19.7426 13.5726 20.3129 12.1369 20.3129C10.7012 20.3129 9.32431 19.7426 8.30913 18.7274C7.29395 17.7122 6.72363 16.3354 6.72363 14.8997V14.417H17.5501Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/button.svg

@@ -0,0 +1,3 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.30713 10.7442H25.8038C26.356 10.7442 26.8038 11.1919 26.8038 11.7442V19.1172C26.8038 19.6695 26.356 20.1904 25.8038 20.1904H4.30713C3.75484 20.1904 3.30713 19.6695 3.30713 19.1172V11.7442C3.30713 11.1919 3.75484 10.7442 4.30713 10.7442ZM9.02148 16.6246C9.66549 16.6246 10.1876 16.1025 10.1876 15.4585C10.1876 14.8145 9.66549 14.2924 9.02148 14.2924C8.37747 14.2924 7.8554 14.8145 7.8554 15.4585C7.8554 16.1025 8.37747 16.6246 9.02148 16.6246ZM16.2198 15.4585C16.2198 16.1025 15.6977 16.6246 15.0537 16.6246C14.4097 16.6246 13.8876 16.1025 13.8876 15.4585C13.8876 14.8145 14.4097 14.2924 15.0537 14.2924C15.6977 14.2924 16.2198 14.8145 16.2198 15.4585ZM21.0859 16.6246C21.7299 16.6246 22.252 16.1025 22.252 15.4585C22.252 14.8145 21.7299 14.2924 21.0859 14.2924C20.4419 14.2924 19.9199 14.8145 19.9199 15.4585C19.9199 16.1025 20.4419 16.6246 21.0859 16.6246Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-editor/src/assets/icons/core-ui-temp/cards.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.25 7.75C2.25 6.92157 2.92157 6.25 3.75 6.25H17.25C18.0784 6.25 18.75 6.92157 18.75 7.75V18.25C18.75 19.0784 18.0784 19.75 17.25 19.75H3.75C2.92157 19.75 2.25 19.0784 2.25 18.25V7.75ZM17.25 7.75H3.75V18.25H17.25V7.75Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.25 4C5.25 3.58579 5.58579 3.25 6 3.25H20.25C20.6478 3.25 21.0294 3.40804 21.3107 3.68934C21.592 3.97065 21.75 4.35218 21.75 4.75V16C21.75 16.4142 21.4142 16.75 21 16.75C20.5858 16.75 20.25 16.4142 20.25 16L20.25 4.75L6 4.75C5.58579 4.75 5.25 4.41421 5.25 4Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-editor/src/assets/icons/core-ui-temp/caret_down.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.6061 15.0981C11.899 15.391 12.3738 15.391 12.6667 15.0981L17.0126 10.7523C17.3055 10.4594 17.3055 9.9845 17.0126 9.6916C16.7197 9.39871 16.2448 9.39871 15.9519 9.6916L12.1364 13.5071L8.32086 9.6916C8.02796 9.39871 7.55309 9.39871 7.2602 9.6916C6.9673 9.9845 6.9673 10.4594 7.2602 10.7523L11.6061 15.0981Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/caret_down_up.svg

@@ -0,0 +1,5 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.6064 2.71027C11.8993 2.41738 12.3741 2.41738 12.667 2.71027L17.8213 7.86454C18.1142 8.15744 18.1142 8.63231 17.8213 8.9252C17.5284 9.2181 17.0535 9.2181 16.7606 8.9252L12.1367 4.30126L7.51275 8.9252C7.21986 9.2181 6.74498 9.2181 6.45209 8.9252C6.1592 8.63231 6.1592 8.15744 6.45209 7.86454L11.6064 2.71027Z" fill="#F5F5F5" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.6064 22.0795C11.8993 22.3724 12.3741 22.3724 12.667 22.0795L17.8213 16.9252C18.1142 16.6323 18.1142 16.1574 17.8213 15.8645C17.5284 15.5716 17.0535 15.5716 16.7606 15.8645L12.1367 20.4885L7.51275 15.8645C7.21986 15.5716 6.74498 15.5716 6.45209 15.8645C6.1592 16.1574 6.1592 16.6323 6.45209 16.9252L11.6064 22.0795Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/caret_left.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.667 5.46967C15.9599 5.76256 15.9599 6.23744 15.667 6.53033L10.1974 12L15.667 17.4697C15.9599 17.7626 15.9599 18.2374 15.667 18.5303C15.3742 18.8232 14.8993 18.8232 14.6064 18.5303L8.60639 12.5303C8.3135 12.2374 8.3135 11.7626 8.60639 11.4697L14.6064 5.46967C14.8993 5.17678 15.3742 5.17678 15.667 5.46967Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/caret_right.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.60639 18.5303C8.3135 18.2374 8.3135 17.7626 8.60639 17.4697L14.0761 12L8.60639 6.53033C8.3135 6.23744 8.3135 5.76256 8.60639 5.46967C8.89928 5.17678 9.37416 5.17678 9.66705 5.46967L15.667 11.4697C15.9599 11.7626 15.9599 12.2374 15.667 12.5303L9.66705 18.5303C9.37416 18.8232 8.89928 18.8232 8.60639 18.5303Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/caret_up.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M13.392 10.2073C13.0991 9.91436 12.6242 9.91436 12.3313 10.2073L7.98547 14.5531C7.69257 14.846 7.69257 15.3209 7.98547 15.6138C8.27836 15.9067 8.75323 15.9067 9.04613 15.6138L12.8617 11.7982L16.6772 15.6138C16.9701 15.9067 17.445 15.9067 17.7378 15.6138C18.0307 15.3209 18.0307 14.846 17.7378 14.5531L13.392 10.2073Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/chat.svg

@@ -0,0 +1,7 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M2.82608 3.76174C3.10739 3.48044 3.48892 3.3224 3.88674 3.3224H20.3867C20.7846 3.3224 21.1661 3.48044 21.4474 3.76174C21.7287 4.04305 21.8867 4.42458 21.8867 4.8224V16.8224C21.8867 17.2202 21.7287 17.6018 21.4474 17.8831C21.1661 18.1644 20.7846 18.3224 20.3867 18.3224H7.87828L7.87407 18.326L4.84588 20.8572L4.84302 20.8596C4.62449 21.0404 4.35917 21.1556 4.07782 21.1917C3.79648 21.2279 3.51066 21.1835 3.25353 21.0638C2.99639 20.944 2.77847 20.7538 2.62505 20.5153C2.47164 20.2767 2.38901 19.9995 2.38677 19.7158L2.38672 19.7099L2.38674 4.8224C2.38674 4.42458 2.54478 4.04305 2.82608 3.76174ZM20.3867 4.8224L3.88674 4.8224V19.7039L6.90803 17.1784C7.17624 16.9488 7.51771 16.8225 7.87093 16.8224H20.3867V4.8224Z" fill="#F5F5F5" />
+  <path d="M12.1367 11.7599C12.6545 11.7599 13.0742 11.3402 13.0742 10.8224C13.0742 10.3046 12.6545 9.8849 12.1367 9.8849C11.619 9.8849 11.1992 10.3046 11.1992 10.8224C11.1992 11.3402 11.619 11.7599 12.1367 11.7599Z" fill="#F5F5F5" />
+  <path d="M16.6367 11.7599C17.1545 11.7599 17.5742 11.3402 17.5742 10.8224C17.5742 10.3046 17.1545 9.8849 16.6367 9.8849C16.119 9.8849 15.6992 10.3046 15.6992 10.8224C15.6992 11.3402 16.119 11.7599 16.6367 11.7599Z" fill="#F5F5F5" />
+  <path d="M7.63672 11.7599C8.15449 11.7599 8.57422 11.3402 8.57422 10.8224C8.57422 10.3046 8.15449 9.8849 7.63672 9.8849C7.11895 9.8849 6.69922 10.3046 6.69922 10.8224C6.69922 11.3402 7.11895 11.7599 7.63672 11.7599Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/chat_fill.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M20.5402 3.14819H3.73308C3.32785 3.14819 2.93922 3.30917 2.65268 3.59571C2.36614 3.88225 2.20516 4.27088 2.20516 4.67611V19.8407C2.20212 20.1329 2.28456 20.4197 2.44235 20.6657C2.60013 20.9117 2.82638 21.1063 3.09326 21.2254C3.29142 21.3263 3.51071 21.3786 3.73308 21.3782C4.09348 21.377 4.44187 21.2485 4.71668 21.0153L7.75341 18.4656L20.5402 18.4274C20.9454 18.4274 21.334 18.2664 21.6206 17.9799C21.9071 17.6933 22.0681 17.3047 22.0681 16.8995V4.67611C22.0681 4.27088 21.9071 3.88225 21.6206 3.59571C21.334 3.30917 20.9454 3.14819 20.5402 3.14819ZM7.55287 11.9337C7.32623 11.9337 7.10467 11.8665 6.91622 11.7406C6.72778 11.6147 6.5809 11.4357 6.49416 11.2263C6.40743 11.0169 6.38474 10.7865 6.42895 10.5642C6.47317 10.3419 6.58231 10.1377 6.74257 9.97748C6.90283 9.81722 7.10702 9.70808 7.32931 9.66387C7.5516 9.61965 7.78201 9.64234 7.99141 9.72908C8.2008 9.81581 8.37977 9.96269 8.50569 10.1511C8.6316 10.3396 8.69881 10.5611 8.69881 10.7878C8.69881 11.0917 8.57808 11.3832 8.36317 11.5981C8.14827 11.813 7.8568 11.9337 7.55287 11.9337ZM12.1366 11.9337C11.91 11.9337 11.6884 11.8665 11.5 11.7406C11.3115 11.6147 11.1647 11.4357 11.0779 11.2263C10.9912 11.0169 10.9685 10.7865 11.0127 10.5642C11.0569 10.3419 11.1661 10.1377 11.3263 9.97748C11.4866 9.81722 11.6908 9.70808 11.9131 9.66387C12.1354 9.61965 12.3658 9.64234 12.5752 9.72908C12.7846 9.81581 12.9635 9.96269 13.0894 10.1511C13.2154 10.3396 13.2826 10.5611 13.2826 10.7878C13.2826 11.0917 13.1618 11.3832 12.9469 11.5981C12.732 11.813 12.4406 11.9337 12.1366 11.9337ZM16.7204 11.9337C16.4937 11.9337 16.2722 11.8665 16.0837 11.7406C15.8953 11.6147 15.7484 11.4357 15.6617 11.2263C15.5749 11.0169 15.5522 10.7865 15.5965 10.5642C15.6407 10.3419 15.7498 10.1377 15.9101 9.97748C16.0703 9.81722 16.2745 9.70808 16.4968 9.66387C16.7191 9.61965 16.9495 9.64234 17.1589 9.72908C17.3683 9.81581 17.5473 9.96269 17.6732 10.1511C17.7991 10.3396 17.8663 10.5611 17.8663 10.7878C17.8663 11.0917 17.7456 11.3832 17.5307 11.5981C17.3158 11.813 17.0243 11.9337 16.7204 11.9337Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/check.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M20.917 6.21967C21.2099 6.51256 21.2099 6.98744 20.917 7.28033L10.417 17.7803C10.1242 18.0732 9.64928 18.0732 9.35639 17.7803L4.10639 12.5303C3.8135 12.2374 3.8135 11.7626 4.10639 11.4697C4.39928 11.1768 4.87416 11.1768 5.16705 11.4697L9.88672 16.1893L19.8564 6.21967C20.1493 5.92678 20.6242 5.92678 20.917 6.21967Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/checkbox.svg

@@ -0,0 +1,4 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.6523 11.5636C22.0335 11.9632 22.0186 12.5962 21.619 12.9775L13.7812 20.4547C13.3946 20.8236 12.7863 20.8233 12.4 20.4541L8.48783 16.7155C8.08854 16.3339 8.07418 15.7009 8.45575 15.3017C8.83732 14.9024 9.47032 14.888 9.8696 15.2696L13.0915 18.3485L20.2384 11.5304C20.638 11.1491 21.271 11.164 21.6523 11.5636Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.37189 4.4585C4.19617 4.4585 4.05371 4.60095 4.05371 4.77668V26.1403C4.05371 26.316 4.19617 26.4585 4.37189 26.4585H25.7355C25.9113 26.4585 26.0537 26.316 26.0537 26.1403V4.77668C26.0537 4.60095 25.9113 4.4585 25.7355 4.4585H4.37189ZM2.55371 4.77668C2.55371 3.77252 3.36774 2.9585 4.37189 2.9585H25.7355C26.7397 2.9585 27.5537 3.77252 27.5537 4.77668V26.1403C27.5537 27.1445 26.7397 27.9585 25.7355 27.9585H4.37189C3.36774 27.9585 2.55371 27.1445 2.55371 26.1403V4.77668Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-editor/src/assets/icons/core-ui-temp/checkbox_filled.svg

@@ -0,0 +1,3 @@
+<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.25 4.95909C3.25 4.01519 4.01519 3.25 4.95909 3.25H25.0409C25.9848 3.25 26.75 4.01519 26.75 4.95909V25.0409C26.75 25.9848 25.9848 26.75 25.0409 26.75H4.95909C4.01519 26.75 3.25 25.9848 3.25 25.0409V4.95909ZM21.8351 12.6168C22.3046 12.1689 22.3221 11.4251 21.8742 10.9556C21.4262 10.486 20.6825 10.4685 20.2129 10.9165L13.1938 17.6128L10.0961 14.6525C9.6269 14.2042 8.88313 14.2211 8.43479 14.6902C7.98645 15.1594 8.00332 15.9031 8.47248 16.3515L12.3813 20.0869C12.8352 20.5206 13.5499 20.5209 14.0041 20.0875L21.8351 12.6168Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-editor/src/assets/icons/core-ui-temp/circle_dot.svg

@@ -0,0 +1,4 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.0412 5.92932C17.9447 6.41692 17.4712 6.73398 16.9836 6.63748C15.0511 6.25504 13.0459 6.54499 11.3009 7.4592C9.55589 8.3734 8.17599 9.85688 7.39027 11.6634C6.60454 13.4699 6.46024 15.4908 6.98132 17.3906C7.5024 19.2904 8.65751 20.9549 10.2549 22.1078C11.8523 23.2607 13.796 23.8326 15.7632 23.7286C17.7305 23.6246 19.603 22.851 21.07 21.5362C22.537 20.2213 23.5102 18.4443 23.8281 16.5002C23.9957 15.4749 23.9758 14.4356 23.777 13.4308C23.6805 12.9432 23.9975 12.4697 24.4851 12.3733C24.9727 12.2768 25.4462 12.5938 25.5427 13.0814C25.783 14.2956 25.8071 15.5516 25.6045 16.7907C25.2203 19.1401 24.0442 21.2876 22.2713 22.8766C20.4985 24.4655 18.2356 25.4004 15.8582 25.5261C13.4808 25.6517 11.132 24.9606 9.20153 23.5674C7.27108 22.1741 5.87514 20.1626 5.24543 17.8667C4.61572 15.5708 4.7901 13.1286 5.73964 10.9455C6.68918 8.76233 8.35676 6.96956 10.4656 5.86476C12.5744 4.75995 14.9976 4.40955 17.333 4.87173C17.8206 4.96822 18.1377 5.44172 18.0412 5.92932Z" fill="#F5F5F5"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.2192 6.98721C20.5159 6.58847 21.0797 6.5058 21.4785 6.80256C22.3278 7.43465 23.0759 8.19262 23.6969 9.05028C23.9884 9.45288 23.8983 10.0156 23.4957 10.3071C23.0931 10.5986 22.5304 10.5085 22.2389 10.1059C21.7252 9.39644 21.1064 8.76942 20.4038 8.24654C20.0051 7.94978 19.9224 7.38596 20.2192 6.98721Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-editor/src/assets/icons/core-ui-temp/circle_open.svg

@@ -0,0 +1,3 @@
+<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.2969 5.8189C18.1876 6.37096 17.6515 6.72993 17.0995 6.62068C15.0525 6.21559 12.9286 6.52271 11.0802 7.49106C9.23182 8.45941 7.7702 10.0308 6.93794 11.9443C6.10568 13.8578 5.95284 15.9983 6.50477 18.0107C7.05671 20.023 8.28024 21.7861 9.97226 23.0072C11.6643 24.2284 13.723 24.8342 15.8068 24.724C17.8905 24.6139 19.874 23.7945 21.4278 22.4018C22.9817 21.009 24.0126 19.1268 24.3493 17.0675C24.5646 15.7505 24.4878 14.4117 24.1352 13.1428C23.9845 12.6006 24.3019 12.0389 24.8441 11.8882C25.3863 11.7375 25.948 12.0549 26.0987 12.5971C26.5299 14.1487 26.6239 15.7858 26.3605 17.3964C25.9488 19.9146 24.6882 22.2163 22.788 23.9194C20.8879 25.6224 18.4625 26.6245 15.9144 26.7592C13.3662 26.8938 10.8487 26.1531 8.77961 24.6598C6.71052 23.1665 5.21433 21.0105 4.53939 18.5497C3.86446 16.0889 4.05136 13.4713 5.06909 11.1314C6.08682 8.79149 7.87417 6.86998 10.1344 5.68583C12.3947 4.50169 14.992 4.12613 17.4951 4.62149C18.0472 4.73074 18.4061 5.26684 18.2969 5.8189Z" fill="#F5F5F5"/>
+</svg>

packages/noodl-editor/src/assets/icons/core-ui-temp/close.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M17.6245 7.57283C17.9174 7.27994 17.9174 6.80507 17.6245 6.51217C17.3316 6.21928 16.8567 6.21928 16.5638 6.51217L12.1367 10.9393L7.70953 6.51217C7.41664 6.21928 6.94176 6.21928 6.64887 6.51217C6.35598 6.80507 6.35598 7.27994 6.64887 7.57283L11.076 12L6.64887 16.4272C6.35598 16.72 6.35598 17.1949 6.64887 17.4878C6.94176 17.7807 7.41664 17.7807 7.70953 17.4878L12.1367 13.0607L16.5638 17.4878C16.8567 17.7807 17.3316 17.7807 17.6245 17.4878C17.9174 17.1949 17.9174 16.72 17.6245 16.4272L13.1973 12L17.6245 7.57283Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/cloud_check.svg

@@ -0,0 +1,5 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M16.5434 6.17798C15.234 5.91753 13.8769 6.0512 12.6434 6.5621C11.41 7.07299 10.3558 7.93815 9.61414 9.04818C8.87244 10.1582 8.47656 11.4633 8.47656 12.7983C8.47656 13.2125 8.14078 13.5483 7.72656 13.5483C7.31235 13.5483 6.97656 13.2125 6.97656 12.7983C6.97656 12.0369 7.08192 11.2835 7.28642 10.5585C7.18344 10.5517 7.0802 10.5482 6.97684 10.5483H6.97656C5.78309 10.5483 4.6385 11.0224 3.79458 11.8663C2.95067 12.7102 2.47656 13.8548 2.47656 15.0483C2.47656 16.2418 2.95067 17.3863 3.79458 18.2303C4.6385 19.0742 5.78309 19.5483 6.97656 19.5483H15.2266C16.5616 19.5483 17.8666 19.1524 18.9767 18.4107C20.0867 17.669 20.9519 16.6148 21.4627 15.3814C21.9736 14.148 22.1073 12.7908 21.8469 11.4814C21.5864 10.1721 20.9435 8.96932 19.9995 8.02531C19.0555 7.08131 17.8528 6.43843 16.5434 6.17798ZM7.84692 9.10999C8.00079 8.80213 8.17432 8.5031 8.36694 8.21483C9.27346 6.85812 10.5619 5.8007 12.0694 5.17628C13.5769 4.55185 15.2357 4.38848 16.8361 4.7068C18.4364 5.02513 19.9064 5.81087 21.0602 6.96465C22.214 8.11843 22.9997 9.58844 23.318 11.1888C23.6364 12.7891 23.473 14.4479 22.8486 15.9554C22.2241 17.4629 21.1667 18.7514 19.81 19.6579C18.4533 20.5644 16.8583 21.0483 15.2266 21.0483H6.97656C5.38526 21.0483 3.85914 20.4161 2.73392 19.2909C1.6087 18.1657 0.976562 16.6396 0.976562 15.0483C0.976562 13.457 1.6087 11.9309 2.73392 10.8056C3.85907 9.68049 5.38508 9.04836 6.97628 9.04828M7.84692 9.10999C7.55889 9.06885 7.26804 9.04819 6.97656 9.04828L7.84692 9.10999Z" fill="#F5F5F5" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M18.0804 11.0897C18.3733 11.3826 18.3733 11.8575 18.0804 12.1504L14.2036 16.0272C14.0629 16.1678 13.8722 16.2468 13.6733 16.2468C13.4744 16.2468 13.2836 16.1678 13.1429 16.0272L11.2045 14.0888C10.9116 13.7959 10.9116 13.321 11.2045 13.0281C11.4974 12.7352 11.9723 12.7352 12.2652 13.0281L13.6733 14.4362L17.0197 11.0897C17.3126 10.7968 17.7875 10.7968 18.0804 11.0897Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/cloud_data.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M15.6229 4.39038C14.706 4.08474 13.7296 4.00137 12.7741 4.14713C11.8186 4.29289 10.9115 4.66361 10.1274 5.22874C9.34332 5.79387 8.70476 6.53724 8.26434 7.39757C7.82391 8.25791 7.59424 9.21059 7.59424 10.1771C7.59424 10.5913 7.25845 10.9271 6.84424 10.9271C6.43002 10.9271 6.09424 10.5913 6.09424 10.1771C6.09424 9.50378 6.18371 8.83583 6.35852 8.19038C5.1808 8.09328 3.98352 8.50985 3.12945 9.35546C2.37945 10.1055 1.94945 11.1555 1.94945 12.2155C1.94945 13.2755 2.36945 14.3155 3.12945 15.0755C3.88945 15.8355 4.90945 16.2555 5.98945 16.2555H10.3447V15.4426V15.4426V12.2205V12.2205V12.2205C10.3447 10.9276 11.2951 9.92218 12.4658 9.28364C13.6648 8.62964 15.27 8.24832 17.002 8.24832C17.9064 8.24832 18.7763 8.3523 19.5718 8.54479C19.5543 8.4831 19.5358 8.42098 19.5163 8.35836C19.2281 7.43581 18.7248 6.59494 18.0479 5.90506C17.371 5.21517 16.5398 4.69602 15.6229 4.39038ZM10.3447 17.7655V18.6647C10.3447 19.9573 11.2952 20.9627 12.4658 21.6013C13.6648 22.2554 15.2699 22.6369 17.002 22.6369C18.734 22.6369 20.3392 22.2554 21.5382 21.6013C22.7087 20.9627 23.6592 19.9573 23.6592 18.6647V15.4426V15.4426V12.2236L23.6592 12.2205C23.6592 10.9276 22.7088 9.92218 21.5382 9.28364C21.4368 9.22834 21.3325 9.175 21.2255 9.12367C21.168 8.71746 21.0748 8.31687 20.948 7.91111C20.589 6.76169 19.9619 5.71405 19.1186 4.85451C18.2752 3.99498 17.2396 3.34816 16.0972 2.96736C14.9548 2.58656 13.7383 2.48268 12.5479 2.66428C11.3575 2.84588 10.2272 3.30777 9.25034 4.01187C8.27344 4.71598 7.47785 5.64215 6.92912 6.71405C6.92375 6.72454 6.91841 6.73503 6.9131 6.74554C5.1625 6.46709 3.33087 7.03326 2.05945 8.29546C1.01945 9.34546 0.439453 10.7455 0.439453 12.2255C0.439453 13.7055 1.00945 15.0955 2.05945 16.1455C3.10945 17.1855 4.49945 17.7655 5.97945 17.7655H10.3447ZM22.1592 14.7667V15.4426V15.4426C22.1592 15.9289 21.7873 16.5346 20.8198 17.0624C19.8808 17.5746 18.5324 17.9148 17.002 17.9148C15.4716 17.9148 14.1231 17.5746 13.1841 17.0624C12.2167 16.5346 11.8447 15.9289 11.8447 15.4426V15.4426V14.7667C12.0412 14.9091 12.2497 15.0394 12.4658 15.1573C13.6648 15.8113 15.27 16.1926 17.002 16.1926C18.734 16.1926 20.3392 15.8113 21.5382 15.1573C21.7542 15.0394 21.9628 14.9091 22.1592 14.7667ZM21.5382 18.3792C21.7542 18.2613 21.9628 18.131 22.1592 17.9886V18.6647C22.1592 19.151 21.7873 19.7567 20.8198 20.2845C19.8808 20.7967 18.5324 21.1369 17.002 21.1369C15.4716 21.1369 14.1231 20.7967 13.1841 20.2845C12.2167 19.7567 11.8447 19.151 11.8447 18.6647V17.9886C12.0412 18.131 12.2497 18.2613 12.4658 18.3792C13.6648 19.0333 15.2699 19.4148 17.002 19.4148C18.734 19.4148 20.3392 19.0333 21.5382 18.3792ZM22.1592 12.2192L22.1592 12.2205V12.2224C22.1582 12.7087 21.786 13.3135 20.8199 13.8404C19.8809 14.3526 18.5325 14.6926 17.002 14.6926C15.4715 14.6926 14.1231 14.3526 13.1841 13.8404C12.2167 13.3128 11.8447 12.7071 11.8447 12.2205C11.8447 11.7338 12.2167 11.1281 13.1841 10.6005C14.1231 10.0883 15.4715 9.74832 17.002 9.74832C18.5325 9.74832 19.8809 10.0883 20.8199 10.6005C21.7864 11.1277 22.1586 11.7328 22.1592 12.2192Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/cloud_download.svg

@@ -0,0 +1,5 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M16.5434 6.17798C15.234 5.91753 13.8769 6.0512 12.6434 6.5621C11.41 7.07299 10.3558 7.93815 9.61414 9.04818C8.87244 10.1582 8.47656 11.4633 8.47656 12.7983C8.47656 13.2125 8.14078 13.5483 7.72656 13.5483C7.31235 13.5483 6.97656 13.2125 6.97656 12.7983C6.97656 12.0369 7.08192 11.2835 7.28642 10.5585C7.18344 10.5517 7.0802 10.5482 6.97684 10.5483H6.97656C5.78309 10.5483 4.6385 11.0224 3.79458 11.8663C2.95067 12.7102 2.47656 13.8548 2.47656 15.0483C2.47656 16.2418 2.95067 17.3863 3.79458 18.2303C4.6385 19.0742 5.78309 19.5483 6.97656 19.5483H15.2266C16.5616 19.5483 17.8666 19.1524 18.9767 18.4107C20.0867 17.669 20.9519 16.6148 21.4627 15.3814C21.9736 14.148 22.1073 12.7908 21.8469 11.4814C21.5864 10.1721 20.9435 8.96932 19.9995 8.02531C19.0555 7.08131 17.8528 6.43843 16.5434 6.17798ZM7.84692 9.10999C8.00079 8.80213 8.17432 8.5031 8.36694 8.21483C9.27346 6.85812 10.5619 5.8007 12.0694 5.17628C13.5769 4.55185 15.2357 4.38848 16.8361 4.7068C18.4364 5.02513 19.9064 5.81087 21.0602 6.96465C22.214 8.11843 22.9997 9.58844 23.318 11.1888C23.6364 12.7891 23.473 14.4479 22.8486 15.9554C22.2241 17.4629 21.1667 18.7514 19.81 19.6579C18.4533 20.5644 16.8583 21.0483 15.2266 21.0483H6.97656C5.38526 21.0483 3.85914 20.4161 2.73392 19.2909C1.6087 18.1657 0.976562 16.6396 0.976562 15.0483C0.976562 13.457 1.6087 11.9309 2.73392 10.8056C3.85907 9.68049 5.38508 9.04836 6.97628 9.04828M7.84692 9.10999C7.55889 9.06885 7.26804 9.04819 6.97656 9.04828L7.84692 9.10999Z" fill="#F5F5F5" />
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.8824 12.8036C11.5895 12.5107 11.1146 12.5107 10.8217 12.8036C10.5288 13.0965 10.5288 13.5714 10.8217 13.8643L13.7985 16.8411C13.9019 16.9445 14.0279 17.0113 14.1607 17.0417C14.1881 17.048 14.2161 17.0528 14.2446 17.056C14.2806 17.0601 14.317 17.0615 14.3532 17.0604C14.5563 17.0539 14.739 16.9668 14.8703 16.83L17.836 13.8643C18.1289 13.5714 18.1289 13.0965 17.836 12.8036C17.5431 12.5107 17.0682 12.5107 16.7753 12.8036L15.0791 14.4998L15.0791 9.28581C15.0791 8.87159 14.7433 8.53581 14.3291 8.53581C13.9149 8.53581 13.5791 8.87159 13.5791 9.28581L13.5791 14.5003L11.8824 12.8036Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/cloud_function.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M6.16495 9.7121C6.16495 10.1434 6.51455 10.493 6.9458 10.493C7.37706 10.493 7.72666 10.1434 7.72666 9.7121H6.16495ZM8.20978 5.54532L7.56052 5.1115L7.56052 5.1115L8.20978 5.54532ZM15.909 2.35621L16.0613 1.59036L16.0613 1.59036L15.909 2.35621ZM19.7491 4.4088L20.3012 3.85665L20.3012 3.85665L19.7491 4.4088ZM20.6535 12.2834C20.4884 12.6818 20.6776 13.1386 21.0761 13.3036C21.4745 13.4687 21.9313 13.2795 22.0963 12.881L20.6535 12.2834ZM2.48349 15.6744L1.93134 16.2266L1.93134 16.2266L2.48349 15.6744ZM2.48349 8.24979L1.93134 7.69764L1.93134 7.69764L2.48349 8.24979ZM6.1958 6.7121L6.1958 7.49296L6.19609 7.49296L6.1958 6.7121ZM7.31046 7.62924C7.72896 7.73333 8.15261 7.47845 8.25669 7.05995C8.36078 6.64144 8.1059 6.2178 7.6874 6.11371L7.31046 7.62924ZM7.48982 17.993C7.92108 17.993 8.27068 17.6434 8.27068 17.2121C8.27068 16.7808 7.92108 16.4312 7.48982 16.4312V17.993ZM12.3221 19.1264C12.3221 19.5577 12.6717 19.9073 13.1029 19.9073C13.5342 19.9073 13.8838 19.5577 13.8838 19.1264H12.3221ZM13.1029 10.9289L12.3251 10.8598L12.3221 10.8943V10.9289H13.1029ZM15.1309 9.00081L15.1309 9.78176L15.143 9.78157L15.1309 9.00081ZM16.3632 10.1673C16.7193 10.4106 17.2052 10.3192 17.4485 9.96309C17.6918 9.60702 17.6003 9.12114 17.2442 8.87785L16.3632 10.1673ZM11 12.9075C10.5687 12.9075 10.2191 13.2571 10.2191 13.6884C10.2191 14.1196 10.5687 14.4692 11 14.4692V12.9075ZM17 14.4692C17.4313 14.4692 17.7809 14.1196 17.7809 13.6884C17.7809 13.2571 17.4313 12.9075 17 12.9075V14.4692ZM7.72666 9.7121C7.72666 8.38318 8.12073 7.0841 8.85904 5.97914L7.56052 5.1115C6.65061 6.47328 6.16495 8.0743 6.16495 9.7121H7.72666ZM8.85904 5.97914C9.59735 4.87419 10.6467 4.01298 11.8745 3.50442L11.2769 2.06159C9.76373 2.68835 8.47043 3.74972 7.56052 5.1115L8.85904 5.97914ZM11.8745 3.50442C13.1023 2.99586 14.4533 2.8628 15.7566 3.12206L16.0613 1.59036C14.455 1.27084 12.79 1.43483 11.2769 2.06159L11.8745 3.50442ZM15.7566 3.12206C17.06 3.38132 18.2573 4.02126 19.197 4.96095L20.3012 3.85665C19.1432 2.69855 17.6676 1.90988 16.0613 1.59036L15.7566 3.12206ZM19.197 4.96095C20.1366 5.90064 20.7766 7.09787 21.0358 8.40126L22.5675 8.09659C22.248 6.49026 21.4593 5.01475 20.3012 3.85665L19.197 4.96095ZM21.0358 8.40126C21.2951 9.70465 21.162 11.0556 20.6535 12.2834L22.0963 12.881C22.7231 11.3679 22.8871 9.70292 22.5675 8.09659L21.0358 8.40126ZM6.1958 16.4312C5.01051 16.4312 3.87377 15.9604 3.03564 15.1223L1.93134 16.2266C3.06235 17.3576 4.59632 17.993 6.1958 17.993V16.4312ZM3.03564 15.1223C2.19751 14.2841 1.72666 13.1474 1.72666 11.9621H0.164946C0.164946 13.5616 0.800338 15.0956 1.93134 16.2266L3.03564 15.1223ZM1.72666 11.9621C1.72666 10.7768 2.19751 9.64007 3.03564 8.80194L1.93134 7.69764C0.800337 8.82865 0.164946 10.3626 0.164946 11.9621H1.72666ZM3.03564 8.80194C3.87377 7.96381 5.01051 7.49296 6.1958 7.49296V5.93125C4.59632 5.93125 3.06235 6.56664 1.93134 7.69764L3.03564 8.80194ZM6.19609 7.49296C6.57171 7.49281 6.94594 7.53858 7.31046 7.62924L7.6874 6.11371C7.19939 5.99233 6.69838 5.93106 6.19551 5.93125L6.19609 7.49296ZM7.48982 16.4312H6.1958V17.993H7.48982V16.4312ZM13.8838 19.1264V13.6884H12.3221V19.1264H13.8838ZM13.8838 13.6884V10.9289H12.3221V13.6884H13.8838ZM13.8807 10.9981C13.9215 10.5396 14.0001 10.2615 14.1349 10.0918C14.2312 9.97051 14.4554 9.78166 15.1309 9.78166V8.21995C14.1388 8.21995 13.3915 8.51685 12.912 9.12045C12.471 9.67566 12.3694 10.3616 12.3251 10.8598L13.8807 10.9981ZM15.143 9.78157C15.4023 9.77756 15.5773 9.79741 15.7385 9.84506C15.9011 9.89314 16.0924 9.98228 16.3632 10.1673L17.2442 8.87785C16.8831 8.6311 16.5439 8.45463 16.1811 8.3474C15.8169 8.23974 15.4714 8.21459 15.1188 8.22005L15.143 9.78157ZM11 14.4692H13.1029V12.9075H11V14.4692ZM13.1029 14.4692H17V12.9075H13.1029V14.4692Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/collaboration.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.42041 9.21582C4.42041 7.75708 5.60295 6.57454 7.06169 6.57454C8.52044 6.57454 9.70298 7.75708 9.70298 9.21582C9.70298 10.6746 8.52044 11.8571 7.06169 11.8571C5.60295 11.8571 4.42041 10.6746 4.42041 9.21582ZM7.06169 5.07454C4.77453 5.07454 2.92041 6.92866 2.92041 9.21582C2.92041 10.6749 3.675 11.9578 4.81523 12.6954C2.39082 13.5676 0.621011 15.8112 0.441134 18.4909C0.395088 19.1769 0.954465 19.6912 1.57607 19.6912H12.532H12.5474H22.6973C23.3189 19.6912 23.8783 19.1769 23.8323 18.4909C23.6524 15.8114 21.8828 13.5679 19.4587 12.6956C20.5991 11.958 21.3539 10.6751 21.3539 9.21582C21.3539 6.92866 19.4997 5.07454 17.2126 5.07454C14.9254 5.07454 13.0713 6.92866 13.0713 9.21582C13.0713 10.6748 13.8258 11.9576 14.9659 12.6953C13.8554 13.0947 12.8824 13.7818 12.1367 14.666C11.3909 13.7815 10.4182 13.0947 9.30817 12.6954C10.4484 11.9578 11.203 10.6749 11.203 9.21582C11.203 6.92866 9.34886 5.07454 7.06169 5.07454ZM22.293 18.1912H13.6554C13.5673 17.4086 13.3431 16.6672 13.0071 15.9913C13.9373 14.6681 15.4741 13.8056 17.2117 13.8056C19.7932 13.8056 21.9303 15.7107 22.293 18.1912ZM7.06172 13.8056C9.64324 13.8056 11.7804 15.7107 12.1431 18.1912H1.98036C2.34308 15.7107 4.4802 13.8056 7.06172 13.8056ZM14.5713 9.21582C14.5713 7.75708 15.7538 6.57454 17.2126 6.57454C18.6713 6.57454 19.8539 7.75708 19.8539 9.21582C19.8539 10.6746 18.6713 11.8571 17.2126 11.8571C15.7538 11.8571 14.5713 10.6746 14.5713 9.21582Z" fill="#F5F5F5" />
+</svg>
+  

packages/noodl-editor/src/assets/icons/core-ui-temp/component--nodegraph.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M4.73087 13.2163C4.05911 12.5445 4.05911 11.4554 4.73087 10.7837L10.7835 4.73102C11.4553 4.05926 12.5444 4.05927 13.2161 4.73102L19.2688 10.7837C19.9405 11.4554 19.9405 12.5445 19.2688 13.2163L13.2161 19.2689C12.5444 19.9407 11.4553 19.9407 10.7835 19.2689L4.73087 13.2163ZM5.77342 11.8262C5.67746 11.9222 5.67746 12.0778 5.77342 12.1737L11.8261 18.2264C11.922 18.3224 12.0776 18.3224 12.1736 18.2264L18.2262 12.1737C18.3222 12.0778 18.3222 11.9222 18.2262 11.8262L12.1736 5.77358C12.0776 5.67761 11.922 5.67761 11.8261 5.77358L5.77342 11.8262Z" fill="#cfd5de"/>
+</svg>