`):
+ *
+ * ```javascript
+ * var hljs = require('highlight.js') // https://highlightjs.org/
+ *
+ * // Actual default values
+ * var md = require('markdown-it')({
+ * highlight: function (str, lang) {
+ * if (lang && hljs.getLanguage(lang)) {
+ * try {
+ * return '' +
+ * hljs.highlight(str, { language: lang, ignoreIllegals: true }).value +
+ * '' + md.utils.escapeHtml(str) + '` tags.
+ **/ MarkdownIt.prototype.renderInline = function(src, env) {
+ env = env || {};
+ return this.renderer.render(this.parseInline(src, env), this.options, env);
+ };
+ var lib = MarkdownIt;
+ var markdownIt = lib;
+ return markdownIt;
+}));
diff --git a/src/interface/desktop/assets/org.min.js b/src/interface/desktop/assets/org.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..a919b280b5fbd048f86dbe44f3ff581dbef97f3b
--- /dev/null
+++ b/src/interface/desktop/assets/org.min.js
@@ -0,0 +1,1823 @@
+// Generated by export.rb at Sat Feb 21 07:44:29 UTC 2015
+/*
+ Copyright (c) 2014 Masafumi Oyamada
+
+ Permission is hereby granted, free of charge, to any person obtaining a copy
+ of this software and associated documentation files (the "Software"), to deal
+ in the Software without restriction, including without limitation the rights
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ copies of the Software, and to permit persons to whom the Software is
+ furnished to do so, subject to the following conditions:
+
+ The above copyright notice and this permission notice shall be included in
+ all copies or substantial portions of the Software.
+
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ THE SOFTWARE.
+*/
+
+var Org = (function () {
+ var exports = {};
+
+ // ------------------------------------------------------------
+ // Syntax
+ // ------------------------------------------------------------
+
+ var Syntax = {
+ rules: {},
+
+ define: function (name, syntax) {
+ this.rules[name] = syntax;
+ var methodName = "is" + name.substring(0, 1).toUpperCase() + name.substring(1);
+ this[methodName] = function (line) {
+ return this.rules[name].exec(line);
+ };
+ }
+ };
+
+ Syntax.define("header", /^(\*+)\s+(.*)$/); // m[1] => level, m[2] => content
+ Syntax.define("preformatted", /^(\s*):(?: (.*)$|$)/); // m[1] => indentation, m[2] => content
+ Syntax.define("unorderedListElement", /^(\s*)(?:-|\+|\s+\*)\s+(.*)$/); // m[1] => indentation, m[2] => content
+ Syntax.define("orderedListElement", /^(\s*)(\d+)(?:\.|\))\s+(.*)$/); // m[1] => indentation, m[2] => number, m[3] => content
+ Syntax.define("tableSeparator", /^(\s*)\|((?:\+|-)*?)\|?$/); // m[1] => indentation, m[2] => content
+ Syntax.define("tableRow", /^(\s*)\|(.*?)\|?$/); // m[1] => indentation, m[2] => content
+ Syntax.define("blank", /^$/);
+ Syntax.define("horizontalRule", /^(\s*)-{5,}$/); //
+ Syntax.define("directive", /^(\s*)#\+(?:(begin|end)_)?(.*)$/i); // m[1] => indentation, m[2] => type, m[3] => content
+ Syntax.define("comment", /^(\s*)#(.*)$/);
+ Syntax.define("line", /^(\s*)(.*)$/);
+
+ const propertyDrawer = /:PROPERTIES:(.*):END:/g;
+
+ // ------------------------------------------------------------
+ // Token
+ // ------------------------------------------------------------
+
+ function Token() {
+ }
+
+ Token.prototype = {
+ isListElement: function () {
+ return this.type === Lexer.tokens.orderedListElement ||
+ this.type === Lexer.tokens.unorderedListElement;
+ },
+
+ isTableElement: function () {
+ return this.type === Lexer.tokens.tableSeparator ||
+ this.type === Lexer.tokens.tableRow;
+ }
+ };
+
+ // ------------------------------------------------------------
+ // Lexer
+ // ------------------------------------------------------------
+
+ function Lexer(stream) {
+ this.stream = stream;
+ this.tokenStack = [];
+ }
+
+ Lexer.prototype = {
+ tokenize: function (line) {
+ var token = new Token();
+ token.fromLineNumber = this.stream.lineNumber;
+
+ if (Syntax.isHeader(line)) {
+ token.type = Lexer.tokens.header;
+ token.indentation = 0;
+ token.content = RegExp.$2;
+ // specific
+ token.level = 2;
+ } else if (Syntax.isPreformatted(line)) {
+ token.type = Lexer.tokens.preformatted;
+ token.indentation = RegExp.$1.length;
+ token.content = RegExp.$2;
+ } else if (Syntax.isUnorderedListElement(line)) {
+ token.type = Lexer.tokens.unorderedListElement;
+ token.indentation = RegExp.$1.length;
+ token.content = RegExp.$2;
+ } else if (Syntax.isOrderedListElement(line)) {
+ token.type = Lexer.tokens.orderedListElement;
+ token.indentation = RegExp.$1.length;
+ token.content = RegExp.$3;
+ // specific
+ token.number = RegExp.$2;
+ } else if (Syntax.isTableSeparator(line)) {
+ token.type = Lexer.tokens.tableSeparator;
+ token.indentation = RegExp.$1.length;
+ token.content = RegExp.$2;
+ } else if (Syntax.isTableRow(line)) {
+ token.type = Lexer.tokens.tableRow;
+ token.indentation = RegExp.$1.length;
+ token.content = RegExp.$2;
+ } else if (Syntax.isBlank(line)) {
+ token.type = Lexer.tokens.blank;
+ token.indentation = 0;
+ token.content = null;
+ } else if (Syntax.isHorizontalRule(line)) {
+ token.type = Lexer.tokens.horizontalRule;
+ token.indentation = RegExp.$1.length;
+ token.content = null;
+ } else if (Syntax.isDirective(line)) {
+ token.type = Lexer.tokens.directive;
+ token.indentation = RegExp.$1.length;
+ token.content = RegExp.$3;
+ // decide directive type (begin, end or oneshot)
+ var directiveTypeString = RegExp.$2;
+ if (/^begin/i.test(directiveTypeString))
+ token.beginDirective = true;
+ else if (/^end/i.test(directiveTypeString))
+ token.endDirective = true;
+ else
+ token.oneshotDirective = true;
+ } else if (Syntax.isComment(line)) {
+ token.type = Lexer.tokens.comment;
+ token.indentation = RegExp.$1.length;
+ token.content = RegExp.$2;
+ } else if (Syntax.isLine(line)) {
+ token.type = Lexer.tokens.line;
+ token.indentation = RegExp.$1.length;
+ token.content = RegExp.$2;
+ } else {
+ throw new Error("SyntaxError: Unknown line: " + line);
+ }
+
+ return token;
+ },
+
+ pushToken: function (token) {
+ this.tokenStack.push(token);
+ },
+
+ pushDummyTokenByType: function (type) {
+ var token = new Token();
+ token.type = type;
+ this.tokenStack.push(token);
+ },
+
+ peekStackedToken: function () {
+ return this.tokenStack.length > 0 ?
+ this.tokenStack[this.tokenStack.length - 1] : null;
+ },
+
+ getStackedToken: function () {
+ return this.tokenStack.length > 0 ?
+ this.tokenStack.pop() : null;
+ },
+
+ peekNextToken: function () {
+ return this.peekStackedToken() ||
+ this.tokenize(this.stream.peekNextLine());
+ },
+
+ getNextToken: function () {
+ return this.getStackedToken() ||
+ this.tokenize(this.stream.getNextLine());
+ },
+
+ hasNext: function () {
+ return this.stream.hasNext();
+ },
+
+ getLineNumber: function () {
+ return this.stream.lineNumber;
+ }
+ };
+
+ Lexer.tokens = {};
+ [
+ "header",
+ "orderedListElement",
+ "unorderedListElement",
+ "tableRow",
+ "tableSeparator",
+ "preformatted",
+ "line",
+ "horizontalRule",
+ "blank",
+ "directive",
+ "comment"
+ ].forEach(function (tokenName, i) {
+ Lexer.tokens[tokenName] = i;
+ });
+
+ // ------------------------------------------------------------
+ // Exports
+ // ------------------------------------------------------------
+
+ if (typeof exports !== "undefined")
+ exports.Lexer = Lexer;
+
+ function PrototypeNode(type, children) {
+ this.type = type;
+ this.children = [];
+
+ if (children) {
+ for (var i = 0, len = children.length; i < len; ++i) {
+ this.appendChild(children[i]);
+ }
+ }
+ }
+ PrototypeNode.prototype = {
+ previousSibling: null,
+ parent: null,
+ get firstChild() {
+ return this.children.length < 1 ?
+ null : this.children[0];
+ },
+ get lastChild() {
+ return this.children.length < 1 ?
+ null : this.children[this.children.length - 1];
+ },
+ appendChild: function (newChild) {
+ var previousSibling = this.children.length < 1 ?
+ null : this.lastChild;
+ this.children.push(newChild);
+ newChild.previousSibling = previousSibling;
+ newChild.parent = this;
+ },
+ toString: function () {
+ var string = "<" + this.type + ">";
+
+ if (typeof this.value !== "undefined") {
+ string += " " + this.value;
+ } else if (this.children) {
+ string += "\n" + this.children.map(function (child, idx) {
+ return "#" + idx + " " + child.toString();
+ }).join("\n").split("\n").map(function (line) {
+ return " " + line;
+ }).join("\n");
+ }
+
+ return string;
+ }
+ };
+
+ var Node = {
+ types: {},
+
+ define: function (name, postProcess) {
+ this.types[name] = name;
+
+ var methodName = "create" + name.substring(0, 1).toUpperCase() + name.substring(1);
+ var postProcessGiven = typeof postProcess === "function";
+
+ this[methodName] = function (children, options) {
+ var node = new PrototypeNode(name, children);
+
+ if (postProcessGiven)
+ postProcess(node, options || {});
+
+ return node;
+ };
+ }
+ };
+
+ Node.define("text", function (node, options) {
+ node.value = options.value;
+ });
+ Node.define("header", function (node, options) {
+ node.level = options.level;
+ });
+ Node.define("orderedList");
+ Node.define("unorderedList");
+ Node.define("definitionList");
+ Node.define("listElement");
+ Node.define("paragraph");
+ Node.define("preformatted");
+ Node.define("table");
+ Node.define("tableRow");
+ Node.define("tableCell");
+ Node.define("horizontalRule");
+ Node.define("directive");
+
+ // Inline
+ Node.define("inlineContainer");
+
+ Node.define("bold");
+ Node.define("italic");
+ Node.define("underline");
+ Node.define("code");
+ Node.define("verbatim");
+ Node.define("dashed");
+ Node.define("link", function (node, options) {
+ node.src = options.src;
+ });
+
+ if (typeof exports !== "undefined")
+ exports.Node = Node;
+
+ function Stream(sequence) {
+ this.sequences = sequence.split(/\r?\n/);
+ this.totalLines = this.sequences.length;
+ this.lineNumber = 0;
+ }
+
+ Stream.prototype.peekNextLine = function () {
+ return this.hasNext() ? this.sequences[this.lineNumber] : null;
+ };
+
+ Stream.prototype.getNextLine = function () {
+ return this.hasNext() ? this.sequences[this.lineNumber++] : null;
+ };
+
+ Stream.prototype.hasNext = function () {
+ return this.lineNumber < this.totalLines;
+ };
+
+ if (typeof exports !== "undefined") {
+ exports.Stream = Stream;
+ }
+
+ // var Stream = require("./stream.js").Stream;
+ // var Lexer = require("./lexer.js").Lexer;
+ // var Node = require("./node.js").Node;
+
+ function Parser() {
+ this.inlineParser = new InlineParser();
+ }
+
+ Parser.parseStream = function (stream, options) {
+ var parser = new Parser();
+ parser.initStatus(stream, options);
+ parser.parseNodes();
+ return parser.nodes;
+ };
+
+ Parser.prototype = {
+ initStatus: function (stream, options) {
+ if (typeof stream === "string")
+ stream = new Stream(stream);
+ this.lexer = new Lexer(stream);
+ this.nodes = [];
+ this.options = {
+ toc: true,
+ num: true,
+ "^": "{}",
+ multilineCell: false
+ };
+ // Override option values
+ if (options && typeof options === "object") {
+ for (var key in options) {
+ this.options[key] = options[key];
+ }
+ }
+ this.document = {
+ options: this.options,
+ directiveValues: {},
+ convert: function (ConverterClass, exportOptions) {
+ var converter = new ConverterClass(this, exportOptions);
+ return converter.result;
+ }
+ };
+ },
+
+ parse: function (stream, options) {
+ this.initStatus(stream, options);
+ this.parseDocument();
+ this.document.nodes = this.nodes;
+ return this.document;
+ },
+
+ createErrorReport: function (message) {
+ return new Error(message + " at line " + this.lexer.getLineNumber());
+ },
+
+ skipBlank: function () {
+ var blankToken = null;
+ while (this.lexer.peekNextToken().type === Lexer.tokens.blank)
+ blankToken = this.lexer.getNextToken();
+ return blankToken;
+ },
+
+ setNodeOriginFromToken: function (node, token) {
+ node.fromLineNumber = token.fromLineNumber;
+ return node;
+ },
+
+ appendNode: function (newNode) {
+ var previousSibling = this.nodes.length > 0 ? this.nodes[this.nodes.length - 1] : null;
+ this.nodes.push(newNode);
+ newNode.previousSibling = previousSibling;
+ },
+
+ // ------------------------------------------------------------
+ // ::= *
+ // ------------------------------------------------------------
+
+ parseDocument: function () {
+ this.parseTitle();
+ this.parseNodes();
+ },
+
+ parseNodes: function () {
+ while (this.lexer.hasNext()) {
+ var element = this.parseElement();
+ if (element) this.appendNode(element);
+ }
+ },
+
+ parseTitle: function () {
+ this.skipBlank();
+
+ if (this.lexer.hasNext() &&
+ this.lexer.peekNextToken().type === Lexer.tokens.line)
+ this.document.title = this.createTextNode(this.lexer.getNextToken().content);
+ else
+ this.document.title = null;
+
+ this.lexer.pushDummyTokenByType(Lexer.tokens.blank);
+ },
+
+ // ------------------------------------------------------------
+ // ::= ( |
+ // | |
+ // | )*
+ // ------------------------------------------------------------
+
+ parseElement: function () {
+ var element = null;
+
+ switch (this.lexer.peekNextToken().type) {
+ case Lexer.tokens.header:
+ element = this.parseHeader();
+ break;
+ case Lexer.tokens.preformatted:
+ element = this.parsePreformatted();
+ break;
+ case Lexer.tokens.orderedListElement:
+ case Lexer.tokens.unorderedListElement:
+ element = this.parseList();
+ break;
+ case Lexer.tokens.line:
+ element = this.parseText();
+ break;
+ case Lexer.tokens.tableRow:
+ case Lexer.tokens.tableSeparator:
+ element = this.parseTable();
+ break;
+ case Lexer.tokens.blank:
+ this.skipBlank();
+ if (this.lexer.hasNext()) {
+ if (this.lexer.peekNextToken().type === Lexer.tokens.line)
+ element = this.parseParagraph();
+ else
+ element = this.parseElement();
+ }
+ break;
+ case Lexer.tokens.horizontalRule:
+ this.lexer.getNextToken();
+ element = Node.createHorizontalRule();
+ break;
+ case Lexer.tokens.directive:
+ element = this.parseDirective();
+ break;
+ case Lexer.tokens.comment:
+ // Skip
+ this.lexer.getNextToken();
+ break;
+ default:
+ throw this.createErrorReport("Unhandled token: " + this.lexer.peekNextToken().type);
+ }
+
+ return element;
+ },
+
+ parseElementBesidesDirectiveEnd: function () {
+ try {
+ // Temporary, override the definition of `parseElement`
+ this.parseElement = this.parseElementBesidesDirectiveEndBody;
+ return this.parseElement();
+ } finally {
+ this.parseElement = this.originalParseElement;
+ }
+ },
+
+ parseElementBesidesDirectiveEndBody: function () {
+ if (this.lexer.peekNextToken().type === Lexer.tokens.directive &&
+ this.lexer.peekNextToken().endDirective) {
+ return null;
+ }
+
+ return this.originalParseElement();
+ },
+
+ // ------------------------------------------------------------
+ //
+ //
+ // : preformatted
+ // : block
+ // ------------------------------------------------------------
+
+ parseHeader: function () {
+ var headerToken = this.lexer.getNextToken();
+ var header = Node.createHeader([
+ this.createTextNode(headerToken.content) // TODO: Parse inline markups
+ ], { level: headerToken.level });
+ this.setNodeOriginFromToken(header, headerToken);
+
+ return header;
+ },
+
+ // ------------------------------------------------------------
+ //
+ //
+ // : preformatted
+ // : block
+ // ------------------------------------------------------------
+
+ parsePreformatted: function () {
+ var preformattedFirstToken = this.lexer.peekNextToken();
+ var preformatted = Node.createPreformatted([]);
+ this.setNodeOriginFromToken(preformatted, preformattedFirstToken);
+
+ var textContents = [];
+
+ while (this.lexer.hasNext()) {
+ var token = this.lexer.peekNextToken();
+ if (token.type !== Lexer.tokens.preformatted ||
+ token.indentation < preformattedFirstToken.indentation)
+ break;
+ this.lexer.getNextToken();
+ textContents.push(token.content);
+ }
+
+ preformatted.appendChild(this.createTextNode(textContents.join("\n"), true /* no emphasis */));
+
+ return preformatted;
+ },
+
+ // ------------------------------------------------------------
+ //
+ //
+ // - foo
+ // 1. bar
+ // 2. baz
+ // ------------------------------------------------------------
+
+ // XXX: not consider codes (e.g., =Foo::Bar=)
+ definitionPattern: /^(.*?) :: *(.*)$/,
+
+ parseList: function () {
+ var rootToken = this.lexer.peekNextToken();
+ var list;
+ var isDefinitionList = false;
+
+ if (this.definitionPattern.test(rootToken.content)) {
+ list = Node.createDefinitionList([]);
+ isDefinitionList = true;
+ } else {
+ list = rootToken.type === Lexer.tokens.unorderedListElement ?
+ Node.createUnorderedList([]) : Node.createOrderedList([]);
+ }
+ this.setNodeOriginFromToken(list, rootToken);
+
+ while (this.lexer.hasNext()) {
+ var nextToken = this.lexer.peekNextToken();
+ if (!nextToken.isListElement() || nextToken.indentation !== rootToken.indentation)
+ break;
+ list.appendChild(this.parseListElement(rootToken.indentation, isDefinitionList));
+ }
+
+ return list;
+ },
+
+ unknownDefinitionTerm: "???",
+
+ parseListElement: function (rootIndentation, isDefinitionList) {
+ var listElementToken = this.lexer.getNextToken();
+ var listElement = Node.createListElement([]);
+ this.setNodeOriginFromToken(listElement, listElementToken);
+
+ listElement.isDefinitionList = isDefinitionList;
+
+ if (isDefinitionList) {
+ var match = this.definitionPattern.exec(listElementToken.content);
+ listElement.term = [
+ this.createTextNode(match && match[1] ? match[1] : this.unknownDefinitionTerm)
+ ];
+ listElement.appendChild(this.createTextNode(match ? match[2] : listElementToken.content));
+ } else {
+ listElement.appendChild(this.createTextNode(listElementToken.content));
+ }
+
+ while (this.lexer.hasNext()) {
+ var blankToken = this.skipBlank();
+ if (!this.lexer.hasNext())
+ break;
+
+ var notBlankNextToken = this.lexer.peekNextToken();
+ if (blankToken && !notBlankNextToken.isListElement())
+ this.lexer.pushToken(blankToken); // Recover blank token only when next line is not listElement.
+ // End of the list if hit less indented line or end of directive
+ if (notBlankNextToken.indentation <= rootIndentation ||
+ (notBlankNextToken.type === Lexer.tokens.directive && notBlankNextToken.endDirective))
+ break;
+
+ var element = this.parseElement(); // recursive
+ if (element)
+ listElement.appendChild(element);
+ }
+
+ return listElement;
+ },
+
+ // ------------------------------------------------------------
+ // ::= +
+ // ------------------------------------------------------------
+
+ parseTable: function () {
+ var nextToken = this.lexer.peekNextToken();
+ var table = Node.createTable([]);
+ this.setNodeOriginFromToken(table, nextToken);
+ var sawSeparator = false;
+
+ var allowMultilineCell = nextToken.type === Lexer.tokens.tableSeparator && this.options.multilineCell;
+
+ while (this.lexer.hasNext() &&
+ (nextToken = this.lexer.peekNextToken()).isTableElement()) {
+ if (nextToken.type === Lexer.tokens.tableRow) {
+ var tableRow = this.parseTableRow(allowMultilineCell);
+ table.appendChild(tableRow);
+ } else {
+ // Lexer.tokens.tableSeparator
+ sawSeparator = true;
+ this.lexer.getNextToken();
+ }
+ }
+
+ if (sawSeparator && table.children.length) {
+ table.children[0].children.forEach(function (cell) {
+ cell.isHeader = true;
+ });
+ }
+
+ return table;
+ },
+
+ // ------------------------------------------------------------
+ // ::= +
+ // ------------------------------------------------------------
+
+ parseTableRow: function (allowMultilineCell) {
+ var tableRowTokens = [];
+
+ while (this.lexer.peekNextToken().type === Lexer.tokens.tableRow) {
+ tableRowTokens.push(this.lexer.getNextToken());
+ if (!allowMultilineCell) {
+ break;
+ }
+ }
+
+ if (!tableRowTokens.length) {
+ throw this.createErrorReport("Expected table row");
+ }
+
+ var firstTableRowToken = tableRowTokens.shift();
+ var tableCellTexts = firstTableRowToken.content.split("|");
+
+ tableRowTokens.forEach(function (rowToken) {
+ rowToken.content.split("|").forEach(function (cellText, cellIdx) {
+ tableCellTexts[cellIdx] = (tableCellTexts[cellIdx] || "") + "\n" + cellText;
+ });
+ });
+
+ // TODO: Prepare two pathes: (1)
+ var tableCells = tableCellTexts.map(
+ // TODO: consider '|' escape?
+ function (text) {
+ return Node.createTableCell(Parser.parseStream(text));
+ }, this);
+
+ return this.setNodeOriginFromToken(Node.createTableRow(tableCells), firstTableRowToken);
+ },
+
+ // ------------------------------------------------------------
+ // ::= "#+.*"
+ // ------------------------------------------------------------
+
+ parseDirective: function () {
+ var directiveToken = this.lexer.getNextToken();
+ var directiveNode = this.createDirectiveNodeFromToken(directiveToken);
+
+ if (directiveToken.endDirective)
+ throw this.createErrorReport("Unmatched 'end' directive for " + directiveNode.directiveName);
+
+ if (directiveToken.oneshotDirective) {
+ this.interpretDirective(directiveNode);
+ return directiveNode;
+ }
+
+ if (!directiveToken.beginDirective)
+ throw this.createErrorReport("Invalid directive " + directiveNode.directiveName);
+
+ // Parse begin ~ end
+ directiveNode.children = [];
+ if (this.isVerbatimDirective(directiveNode))
+ return this.parseDirectiveBlockVerbatim(directiveNode);
+ else
+ return this.parseDirectiveBlock(directiveNode);
+ },
+
+ createDirectiveNodeFromToken: function (directiveToken) {
+ var matched = /^[ ]*([^ ]*)[ ]*(.*)[ ]*$/.exec(directiveToken.content);
+
+ var directiveNode = Node.createDirective(null);
+ this.setNodeOriginFromToken(directiveNode, directiveToken);
+ directiveNode.directiveName = matched[1].toLowerCase();
+ directiveNode.directiveArguments = this.parseDirectiveArguments(matched[2]);
+ directiveNode.directiveOptions = this.parseDirectiveOptions(matched[2]);
+ directiveNode.directiveRawValue = matched[2];
+
+ return directiveNode;
+ },
+
+ isVerbatimDirective: function (directiveNode) {
+ var directiveName = directiveNode.directiveName;
+ return directiveName === "src" || directiveName === "example" || directiveName === "html";
+ },
+
+ parseDirectiveBlock: function (directiveNode, verbatim) {
+ this.lexer.pushDummyTokenByType(Lexer.tokens.blank);
+
+ while (this.lexer.hasNext()) {
+ var nextToken = this.lexer.peekNextToken();
+ if (nextToken.type === Lexer.tokens.directive &&
+ nextToken.endDirective &&
+ this.createDirectiveNodeFromToken(nextToken).directiveName === directiveNode.directiveName) {
+ // Close directive
+ this.lexer.getNextToken();
+ return directiveNode;
+ }
+ var element = this.parseElementBesidesDirectiveEnd();
+ if (element)
+ directiveNode.appendChild(element);
+ }
+
+ throw this.createErrorReport("Unclosed directive " + directiveNode.directiveName);
+ },
+
+ parseDirectiveBlockVerbatim: function (directiveNode) {
+ var textContent = [];
+
+ while (this.lexer.hasNext()) {
+ var nextToken = this.lexer.peekNextToken();
+ if (nextToken.type === Lexer.tokens.directive &&
+ nextToken.endDirective &&
+ this.createDirectiveNodeFromToken(nextToken).directiveName === directiveNode.directiveName) {
+ this.lexer.getNextToken();
+ directiveNode.appendChild(this.createTextNode(textContent.join("\n"), true));
+ return directiveNode;
+ }
+ textContent.push(this.lexer.stream.getNextLine());
+ }
+
+ throw this.createErrorReport("Unclosed directive " + directiveNode.directiveName);
+ },
+
+ parseDirectiveArguments: function (parameters) {
+ return parameters.split(/[ ]+/).filter(function (param) {
+ return param.length && param[0] !== "-";
+ });
+ },
+
+ parseDirectiveOptions: function (parameters) {
+ return parameters.split(/[ ]+/).filter(function (param) {
+ return param.length && param[0] === "-";
+ });
+ },
+
+ interpretDirective: function (directiveNode) {
+ // http://orgmode.org/manual/Export-options.html
+ switch (directiveNode.directiveName) {
+ case "options:":
+ this.interpretOptionDirective(directiveNode);
+ break;
+ case "title:":
+ this.document.title = directiveNode.directiveRawValue;
+ break;
+ case "author:":
+ this.document.author = directiveNode.directiveRawValue;
+ break;
+ case "email:":
+ this.document.email = directiveNode.directiveRawValue;
+ break;
+ default:
+ this.document.directiveValues[directiveNode.directiveName] = directiveNode.directiveRawValue;
+ break;
+ }
+ },
+
+ interpretOptionDirective: function (optionDirectiveNode) {
+ optionDirectiveNode.directiveArguments.forEach(function (pairString) {
+ var pair = pairString.split(":");
+ this.options[pair[0]] = this.convertLispyValue(pair[1]);
+ }, this);
+ },
+
+ convertLispyValue: function (lispyValue) {
+ switch (lispyValue) {
+ case "t":
+ return true;
+ case "nil":
+ return false;
+ default:
+ if (/^[0-9]+$/.test(lispyValue))
+ return parseInt(lispyValue);
+ return lispyValue;
+ }
+ },
+
+ // ------------------------------------------------------------
+ // ::= *
+ // ------------------------------------------------------------
+
+ parseParagraph: function () {
+ var paragraphFisrtToken = this.lexer.peekNextToken();
+ var paragraph = Node.createParagraph([]);
+ this.setNodeOriginFromToken(paragraph, paragraphFisrtToken);
+
+ var textContents = [];
+
+ while (this.lexer.hasNext()) {
+ var nextToken = this.lexer.peekNextToken();
+ if (nextToken.type !== Lexer.tokens.line
+ || nextToken.indentation < paragraphFisrtToken.indentation)
+ break;
+ this.lexer.getNextToken();
+ textContents.push(nextToken.content);
+ }
+
+ paragraph.appendChild(this.createTextNode(textContents.join("\n")));
+
+ return paragraph;
+ },
+
+ parseText: function (noEmphasis) {
+ var lineToken = this.lexer.getNextToken();
+ return this.createTextNode(lineToken.content, noEmphasis);
+ },
+
+ // ------------------------------------------------------------
+ // (DOM Like)
+ // ------------------------------------------------------------
+
+ createTextNode: function (text, noEmphasis) {
+ return noEmphasis ? Node.createText(null, { value: text })
+ : this.inlineParser.parseEmphasis(text);
+ }
+ };
+ Parser.prototype.originalParseElement = Parser.prototype.parseElement;
+
+ // ------------------------------------------------------------
+ // Parser for Inline Elements
+ //
+ // @refs org-emphasis-regexp-components
+ // ------------------------------------------------------------
+
+ function InlineParser() {
+ this.preEmphasis = " \t\\('\"";
+ this.postEmphasis = "- \t.,:!?;'\"\\)";
+ this.borderForbidden = " \t\r\n,\"'";
+ this.bodyRegexp = "[\\s\\S]*?";
+ this.markers = "*/_=~+";
+
+ this.emphasisPattern = this.buildEmphasisPattern();
+ this.linkPattern = /\[\[([^\]]*)\](?:\[([^\]]*)\])?\]/g; // \1 => link, \2 => text
+ }
+
+ InlineParser.prototype = {
+ parseEmphasis: function (text) {
+ var emphasisPattern = this.emphasisPattern;
+ emphasisPattern.lastIndex = 0;
+
+ var result = [],
+ match,
+ previousLast = 0,
+ savedLastIndex;
+
+ while ((match = emphasisPattern.exec(text))) {
+ var whole = match[0];
+ var pre = match[1];
+ var marker = match[2];
+ var body = match[3];
+ var post = match[4];
+
+ {
+ // parse links
+ var matchBegin = emphasisPattern.lastIndex - whole.length;
+ var beforeContent = text.substring(previousLast, matchBegin + pre.length);
+ savedLastIndex = emphasisPattern.lastIndex;
+ result.push(this.parseLink(beforeContent));
+ emphasisPattern.lastIndex = savedLastIndex;
+ }
+
+ var bodyNode = [Node.createText(null, { value: body })];
+ var bodyContainer = this.emphasizeElementByMarker(bodyNode, marker);
+ result.push(bodyContainer);
+
+ previousLast = emphasisPattern.lastIndex - post.length;
+ }
+
+ if (emphasisPattern.lastIndex === 0 ||
+ emphasisPattern.lastIndex !== text.length - 1)
+ result.push(this.parseLink(text.substring(previousLast)));
+
+ if (result.length === 1) {
+ // Avoid duplicated inline container wrapping
+ return result[0];
+ } else {
+ return Node.createInlineContainer(result);
+ }
+ },
+
+ depth: 0,
+ parseLink: function (text) {
+ var linkPattern = this.linkPattern;
+ linkPattern.lastIndex = 0;
+
+ var match,
+ result = [],
+ previousLast = 0,
+ savedLastIndex;
+
+ while ((match = linkPattern.exec(text))) {
+ var whole = match[0];
+ var src = match[1];
+ var title = match[2];
+
+ // parse before content
+ var matchBegin = linkPattern.lastIndex - whole.length;
+ var beforeContent = text.substring(previousLast, matchBegin);
+ result.push(Node.createText(null, { value: beforeContent }));
+
+ // parse link
+ var link = Node.createLink([]);
+ link.src = src;
+ if (title) {
+ savedLastIndex = linkPattern.lastIndex;
+ link.appendChild(this.parseEmphasis(title));
+ linkPattern.lastIndex = savedLastIndex;
+ } else {
+ link.appendChild(Node.createText(null, { value: src }));
+ }
+ result.push(link);
+
+ previousLast = linkPattern.lastIndex;
+ }
+
+ if (linkPattern.lastIndex === 0 ||
+ linkPattern.lastIndex !== text.length - 1)
+ result.push(Node.createText(null, { value: text.substring(previousLast) }));
+
+ return Node.createInlineContainer(result);
+ },
+
+ emphasizeElementByMarker: function (element, marker) {
+ switch (marker) {
+ case "*":
+ return Node.createBold(element);
+ case "/":
+ return Node.createItalic(element);
+ case "_":
+ return Node.createUnderline(element);
+ case "=":
+ case "~":
+ return Node.createCode(element);
+ case "+":
+ return Node.createDashed(element);
+ }
+ },
+
+ buildEmphasisPattern: function () {
+ return new RegExp(
+ "([" + this.preEmphasis + "]|^|\r?\n)" + // \1 => pre
+ "([" + this.markers + "])" + // \2 => marker
+ "([^" + this.borderForbidden + "]|" + // \3 => body
+ "[^" + this.borderForbidden + "]" +
+ this.bodyRegexp +
+ "[^" + this.borderForbidden + "])" +
+ "\\2" +
+ "([" + this.postEmphasis +"]|$|\r?\n)", // \4 => post
+ // flags
+ "g"
+ );
+ }
+ };
+
+ if (typeof exports !== "undefined") {
+ exports.Parser = Parser;
+ exports.InlineParser = InlineParser;
+ }
+
+ // var Node = require("../node.js").Node;
+
+ function Converter() {
+ }
+
+ Converter.prototype = {
+ exportOptions: {
+ headerOffset: 1,
+ exportFromLineNumber: false,
+ suppressSubScriptHandling: false,
+ suppressAutoLink: false,
+ // HTML
+ translateSymbolArrow: false,
+ suppressCheckboxHandling: false,
+ // { "directive:": function (node, childText, auxData) {} }
+ customDirectiveHandler: null,
+ // e.g., "org-js-"
+ htmlClassPrefix: null,
+ htmlIdPrefix: null
+ },
+
+ untitled: "Untitled",
+ result: null,
+
+ // TODO: Manage TODO lists
+
+ initialize: function (orgDocument, exportOptions) {
+ this.orgDocument = orgDocument;
+ this.documentOptions = orgDocument.options || {};
+ this.exportOptions = exportOptions || {};
+
+ this.headers = [];
+ this.headerOffset =
+ typeof this.exportOptions.headerOffset === "number" ? this.exportOptions.headerOffset : 1;
+ this.sectionNumbers = [0];
+ },
+
+ createTocItem: function (headerNode, parentTocs) {
+ var childTocs = [];
+ childTocs.parent = parentTocs;
+ var tocItem = { headerNode: headerNode, childTocs: childTocs };
+ return tocItem;
+ },
+
+ computeToc: function (exportTocLevel) {
+ if (typeof exportTocLevel !== "number")
+ exportTocLevel = Infinity;
+
+ var toc = [];
+ toc.parent = null;
+
+ var previousLevel = 1;
+ var currentTocs = toc; // first
+
+ for (var i = 0; i < this.headers.length; ++i) {
+ var headerNode = this.headers[i];
+
+ if (headerNode.level > exportTocLevel)
+ continue;
+
+ var levelDiff = headerNode.level - previousLevel;
+ if (levelDiff > 0) {
+ for (var j = 0; j < levelDiff; ++j) {
+ if (currentTocs.length === 0) {
+ // Create a dummy tocItem
+ var dummyHeader = Node.createHeader([], {
+ level: previousLevel + j
+ });
+ dummyHeader.sectionNumberText = "";
+ currentTocs.push(this.createTocItem(dummyHeader, currentTocs));
+ }
+ currentTocs = currentTocs[currentTocs.length - 1].childTocs;
+ }
+ } else if (levelDiff < 0) {
+ levelDiff = -levelDiff;
+ for (var k = 0; k < levelDiff; ++k) {
+ currentTocs = currentTocs.parent;
+ }
+ }
+
+ currentTocs.push(this.createTocItem(headerNode, currentTocs));
+
+ previousLevel = headerNode.level;
+ }
+
+ return toc;
+ },
+
+ convertNode: function (node, recordHeader, insideCodeElement) {
+ if (!insideCodeElement) {
+ if (node.type === Node.types.directive) {
+ if (node.directiveName === "example" ||
+ node.directiveName === "src") {
+ insideCodeElement = true;
+ }
+ } else if (node.type === Node.types.preformatted) {
+ insideCodeElement = true;
+ }
+ }
+
+ if (typeof node === "string") {
+ node = Node.createText(null, { value: node });
+ }
+
+ var childText = node.children ? this.convertNodesInternal(node.children, recordHeader, insideCodeElement) : "";
+ var text;
+
+ var auxData = this.computeAuxDataForNode(node);
+
+ switch (node.type) {
+ case Node.types.header:
+ // Compute section number
+ var sectionNumberText = null;
+ if (recordHeader) {
+ var thisHeaderLevel = node.level;
+ var previousHeaderLevel = this.sectionNumbers.length;
+ if (thisHeaderLevel > previousHeaderLevel) {
+ // Fill missing section number
+ var levelDiff = thisHeaderLevel - previousHeaderLevel;
+ for (var j = 0; j < levelDiff; ++j) {
+ this.sectionNumbers[thisHeaderLevel - 1 - j] = 0; // Extend
+ }
+ } else if (thisHeaderLevel < previousHeaderLevel) {
+ this.sectionNumbers.length = thisHeaderLevel; // Collapse
+ }
+ this.sectionNumbers[thisHeaderLevel - 1]++;
+ sectionNumberText = this.sectionNumbers.join(".");
+ node.sectionNumberText = sectionNumberText; // Can be used in ToC
+ }
+
+ text = this.convertHeader(node, childText, auxData, sectionNumberText);
+
+ if (recordHeader)
+ this.headers.push(node);
+ break;
+ case Node.types.orderedList:
+ text = this.convertOrderedList(node, childText, auxData);
+ break;
+ case Node.types.unorderedList:
+ text = this.convertUnorderedList(node, childText, auxData);
+ break;
+ case Node.types.definitionList:
+ text = this.convertDefinitionList(node, childText, auxData);
+ break;
+ case Node.types.listElement:
+ if (node.isDefinitionList) {
+ var termText = this.convertNodesInternal(node.term, recordHeader, insideCodeElement);
+ text = this.convertDefinitionItem(node, childText, auxData,
+ termText, childText);
+ } else {
+ text = this.convertListItem(node, childText, auxData);
+ }
+ break;
+ case Node.types.paragraph:
+ text = this.convertParagraph(node, childText, auxData);
+ break;
+ case Node.types.preformatted:
+ text = this.convertPreformatted(node, childText, auxData);
+ break;
+ case Node.types.table:
+ text = this.convertTable(node, childText, auxData);
+ break;
+ case Node.types.tableRow:
+ text = this.convertTableRow(node, childText, auxData);
+ break;
+ case Node.types.tableCell:
+ if (node.isHeader)
+ text = this.convertTableHeader(node, childText, auxData);
+ else
+ text = this.convertTableCell(node, childText, auxData);
+ break;
+ case Node.types.horizontalRule:
+ text = this.convertHorizontalRule(node, childText, auxData);
+ break;
+ // ============================================================ //
+ // Inline
+ // ============================================================ //
+ case Node.types.inlineContainer:
+ text = this.convertInlineContainer(node, childText, auxData);
+ break;
+ case Node.types.bold:
+ text = this.convertBold(node, childText, auxData);
+ break;
+ case Node.types.italic:
+ text = this.convertItalic(node, childText, auxData);
+ break;
+ case Node.types.underline:
+ text = this.convertUnderline(node, childText, auxData);
+ break;
+ case Node.types.code:
+ text = this.convertCode(node, childText, auxData);
+ break;
+ case Node.types.dashed:
+ text = this.convertDashed(node, childText, auxData);
+ break;
+ case Node.types.link:
+ text = this.convertLink(node, childText, auxData);
+ break;
+ case Node.types.directive:
+ switch (node.directiveName) {
+ case "quote":
+ text = this.convertQuote(node, childText, auxData);
+ break;
+ case "example":
+ text = this.convertExample(node, childText, auxData);
+ break;
+ case "src":
+ text = this.convertSrc(node, childText, auxData);
+ break;
+ case "html":
+ case "html:":
+ text = this.convertHTML(node, childText, auxData);
+ break;
+ default:
+ if (this.exportOptions.customDirectiveHandler &&
+ this.exportOptions.customDirectiveHandler[node.directiveName]) {
+ text = this.exportOptions.customDirectiveHandler[node.directiveName](
+ node, childText, auxData
+ );
+ } else {
+ text = childText;
+ }
+ }
+ break;
+ case Node.types.text:
+ text = this.convertText(node.value, insideCodeElement);
+ break;
+ default:
+ throw Error("Unknown node type: " + node.type);
+ }
+
+ if (typeof this.postProcess === "function") {
+ text = this.postProcess(node, text, insideCodeElement);
+ }
+
+ return text;
+ },
+
+ convertText: function (text, insideCodeElement) {
+ var escapedText = this.escapeSpecialChars(text, insideCodeElement);
+
+ if (!this.exportOptions.suppressSubScriptHandling && !insideCodeElement) {
+ escapedText = this.makeSubscripts(escapedText, insideCodeElement);
+ }
+ if (!this.exportOptions.suppressAutoLink) {
+ escapedText = this.linkURL(escapedText);
+ }
+
+ return escapedText;
+ },
+
+ // By default, ignore html
+ convertHTML: function (node, childText, auxData) {
+ return childText;
+ },
+
+ convertNodesInternal: function (nodes, recordHeader, insideCodeElement) {
+ var nodesTexts = [];
+ for (var i = 0; i < nodes.length; ++i) {
+ var node = nodes[i];
+ var nodeText = this.convertNode(node, recordHeader, insideCodeElement);
+ nodesTexts.push(nodeText);
+ }
+
+ // Return entries without their property drawers
+ return this.combineNodesTexts(nodesTexts).replace(propertyDrawer, '');
+ },
+
+ convertHeaderBlock: function (headerBlock, recordHeader) {
+ throw Error("convertHeaderBlock is not implemented");
+ },
+
+ convertHeaderTree: function (headerTree, recordHeader) {
+ return this.convertHeaderBlock(headerTree, recordHeader);
+ },
+
+ convertNodesToHeaderTree: function (nodes, nextBlockBegin, blockHeader) {
+ var childBlocks = [];
+ var childNodes = [];
+
+ if (typeof nextBlockBegin === "undefined") {
+ nextBlockBegin = 0;
+ }
+ if (typeof blockHeader === "undefined") {
+ blockHeader = null;
+ }
+
+ for (var i = nextBlockBegin; i < nodes.length;) {
+ var node = nodes[i];
+
+ var isHeader = node.type === Node.types.header;
+
+ if (!isHeader) {
+ childNodes.push(node);
+ i = i + 1;
+ continue;
+ }
+
+ // Header
+ if (blockHeader && node.level <= blockHeader.level) {
+ // Finish Block
+ break;
+ } else {
+ // blockHeader.level < node.level
+ // Begin child block
+ var childBlock = this.convertNodesToHeaderTree(nodes, i + 1, node);
+ childBlocks.push(childBlock);
+ i = childBlock.nextIndex;
+ }
+ }
+
+ // Finish block
+ return {
+ header: blockHeader,
+ childNodes: childNodes,
+ nextIndex: i,
+ childBlocks: childBlocks
+ };
+ },
+
+ convertNodes: function (nodes, recordHeader, insideCodeElement) {
+ return this.convertNodesInternal(nodes, recordHeader, insideCodeElement);
+ },
+
+ combineNodesTexts: function (nodesTexts) {
+ return nodesTexts.join("");
+ },
+
+ getNodeTextContent: function (node) {
+ if (node.type === Node.types.text)
+ return this.escapeSpecialChars(node.value);
+ else
+ return node.children ? node.children.map(this.getNodeTextContent, this).join("") : "";
+ },
+
+ // @Override
+ escapeSpecialChars: function (text) {
+ throw Error("Implement escapeSpecialChars");
+ },
+
+ // http://daringfireball.net/2010/07/improved_regex_for_matching_urls
+ urlPattern: /\b(?:https?:\/\/|www\d{0,3}[.]|[a-z0-9.\-]+[.][a-z]{2,4}\/)(?:[^\s()<>]+|\(([^\s()<>]+|(\([^\s()<>]+\)))*\))+(?:\(([^\s()<>]+|(\([^\s()<>]+\)))*\)|[^\s`!()\[\]{};:'".,<>?«»“”‘’])/ig,
+
+ // @Override
+ linkURL: function (text) {
+ var self = this;
+ return text.replace(this.urlPattern, function (matched) {
+ if (matched.indexOf("://") < 0)
+ matched = "http://" + matched;
+ return self.makeLink(matched);
+ });
+ },
+
+ makeLink: function (url) {
+ throw Error("Implement makeLink");
+ },
+
+ makeSubscripts: function (text) {
+ if (this.documentOptions["^"] === "{}")
+ return text.replace(/\b([^_ \t]*)_{([^}]*)}/g,
+ this.makeSubscript);
+ else if (this.documentOptions["^"])
+ return text.replace(/\b([^_ \t]*)_([^_]*)\b/g,
+ this.makeSubscript);
+ else
+ return text;
+ },
+
+ makeSubscript: function (match, body, subscript) {
+ throw Error("Implement makeSubscript");
+ },
+
+ stripParametersFromURL: function (url) {
+ return url.replace(/\?.*$/, "");
+ },
+
+ imageExtensionPattern: new RegExp("(" + [
+ "bmp", "png", "jpeg", "jpg", "gif", "tiff",
+ "tif", "xbm", "xpm", "pbm", "pgm", "ppm", "svg"
+ ].join("|") + ")$", "i")
+ };
+
+ if (typeof exports !== "undefined")
+ exports.Converter = Converter;
+
+ // var Converter = require("./converter.js").Converter;
+ // var Node = require("../node.js").Node;
+
+ function ConverterHTML(orgDocument, exportOptions) {
+ this.initialize(orgDocument, exportOptions);
+ this.result = this.convert();
+ }
+
+ ConverterHTML.prototype = {
+ __proto__: Converter.prototype,
+
+ convert: function () {
+ var contentHTML = this.convertNodes(this.orgDocument.nodes, false /* record headers */);
+
+ return {
+ contentHTML: contentHTML,
+ toString: function () {
+ return contentHTML;
+ }
+ };
+ },
+
+ tocToHTML: function (toc) {
+ function tocToHTMLFunction(tocList) {
+ var html = "";
+ for (var i = 0; i < tocList.length; ++i) {
+ var tocItem = tocList[i];
+ var sectionNumberText = tocItem.headerNode.sectionNumberText;
+ var sectionNumber = this.documentOptions.num ?
+ this.inlineTag("span", sectionNumberText, {
+ "class": "section-number"
+ }) : "";
+ var header = this.getNodeTextContent(tocItem.headerNode);
+ var headerLink = this.inlineTag("a", sectionNumber + header, {
+ href: "#header-" + sectionNumberText.replace(/\./g, "-")
+ });
+ var subList = tocItem.childTocs.length ? tocToHTMLFunction.call(this, tocItem.childTocs) : "";
+ html += this.tag("li", headerLink + subList);
+ }
+ return this.tag("ul", html);
+ }
+
+ return tocToHTMLFunction.call(this, toc);
+ },
+
+ computeAuxDataForNode: function (node) {
+ while (node.parent &&
+ node.parent.type === Node.types.inlineContainer) {
+ node = node.parent;
+ }
+ var attributesNode = node.previousSibling;
+ var attributesText = "";
+ while (attributesNode &&
+ attributesNode.type === Node.types.directive &&
+ attributesNode.directiveName === "attr_html:") {
+ attributesText += attributesNode.directiveRawValue + " ";
+ attributesNode = attributesNode.previousSibling;
+ }
+ return attributesText;
+ },
+
+ // Method to construct org-js generated class
+ orgClassName: function (className) {
+ return this.exportOptions.htmlClassPrefix ?
+ this.exportOptions.htmlClassPrefix + className
+ : className;
+ },
+
+ // Method to construct org-js generated id
+ orgId: function (id) {
+ return this.exportOptions.htmlIdPrefix ?
+ this.exportOptions.htmlIdPrefix + id
+ : id;
+ },
+
+ // ----------------------------------------------------
+ // Node conversion
+ // ----------------------------------------------------
+
+ convertHeader: function (node, childText, auxData, sectionNumberText) {
+ var headerAttributes = {};
+
+ // Parse task status
+ taskStatusRegex = /^\s*([A-Z]+) /
+ taskStatusMatch = childText.match(taskStatusRegex);
+ taskStatus = taskStatusMatch && taskStatusMatch[1];
+ childText = childText.replace(taskStatusRegex, "");
+
+ if (taskStatus) {
+ childText = this.inlineTag("span", taskStatus, {
+ "class": "task-status " + taskStatus
+ }) + childText;
+ }
+
+ // Parse task tags
+ taskTagsRegex = /:([\w:]+):/g
+ taskTagsMatch = childText.match(taskTagsRegex);
+ taskTags = taskTagsMatch && taskTagsMatch[0].split(":").slice(1,-1);
+ childText = childText.replace(taskTagsRegex, "");
+
+ if (taskTags) {
+ taskTags.forEach(tag => {
+ childText += this.inlineTag("span", tag, { "class": "task-tag" })
+ });
+ }
+
+ if (sectionNumberText) {
+ childText = this.inlineTag("span", sectionNumberText, {
+ "class": "section-number"
+ }) + childText;
+ headerAttributes["id"] = "header-" + sectionNumberText.replace(/\./g, "-");
+ }
+
+ if (taskStatus)
+ headerAttributes["class"] = "task-status " + taskStatus;
+
+ return this.tag("h" + (this.headerOffset + node.level),
+ childText, headerAttributes, auxData);
+ },
+
+ convertOrderedList: function (node, childText, auxData) {
+ return this.tag("ol", childText, null, auxData);
+ },
+
+ convertUnorderedList: function (node, childText, auxData) {
+ return this.tag("ul", childText, null, auxData);
+ },
+
+ convertDefinitionList: function (node, childText, auxData) {
+ return this.tag("dl", childText, null, auxData);
+ },
+
+ convertDefinitionItem: function (node, childText, auxData,
+ term, definition) {
+ return this.tag("dt", term) + this.tag("dd", definition);
+ },
+
+ convertListItem: function (node, childText, auxData) {
+ if (this.exportOptions.suppressCheckboxHandling) {
+ return this.tag("li", childText, null, auxData);
+ } else {
+ var listItemAttributes = {};
+ var listItemText = childText;
+ // Embed checkbox
+ if (/^\s*\[(X| |-)\]([\s\S]*)/.exec(listItemText)) {
+ listItemText = RegExp.$2 ;
+ var checkboxIndicator = RegExp.$1;
+
+ var checkboxAttributes = { type: "checkbox" };
+ switch (checkboxIndicator) {
+ case "X":
+ checkboxAttributes["checked"] = "true";
+ listItemAttributes["data-checkbox-status"] = "done";
+ break;
+ case "-":
+ listItemAttributes["data-checkbox-status"] = "intermediate";
+ break;
+ default:
+ listItemAttributes["data-checkbox-status"] = "undone";
+ break;
+ }
+
+ listItemText = this.inlineTag("input", null, checkboxAttributes) + listItemText;
+ }
+
+ return this.tag("li", listItemText, listItemAttributes, auxData);
+ }
+ },
+
+ convertParagraph: function (node, childText, auxData) {
+ return this.tag("p", childText, null, auxData);
+ },
+
+ convertPreformatted: function (node, childText, auxData) {
+ return this.tag("pre", childText, null, auxData);
+ },
+
+ convertTable: function (node, childText, auxData) {
+ return this.tag("table", this.tag("tbody", childText), null, auxData);
+ },
+
+ convertTableRow: function (node, childText, auxData) {
+ return this.tag("tr", childText);
+ },
+
+ convertTableHeader: function (node, childText, auxData) {
+ return this.tag("th", childText);
+ },
+
+ convertTableCell: function (node, childText, auxData) {
+ return this.tag("td", childText);
+ },
+
+ convertHorizontalRule: function (node, childText, auxData) {
+ return this.tag("hr", null, null, auxData);
+ },
+
+ convertInlineContainer: function (node, childText, auxData) {
+ return childText;
+ },
+
+ convertBold: function (node, childText, auxData) {
+ return this.inlineTag("b", childText);
+ },
+
+ convertItalic: function (node, childText, auxData) {
+ return this.inlineTag("i", childText);
+ },
+
+ convertUnderline: function (node, childText, auxData) {
+ return this.inlineTag("span", childText, {
+ style: "text-decoration:underline;"
+ });
+ },
+
+ convertCode: function (node, childText, auxData) {
+ return this.inlineTag("code", childText);
+ },
+
+ convertDashed: function (node, childText, auxData) {
+ return this.inlineTag("del", childText);
+ },
+
+ convertLink: function (node, childText, auxData) {
+ var srcParameterStripped = this.stripParametersFromURL(node.src);
+ if (this.imageExtensionPattern.exec(srcParameterStripped)) {
+ var imgText = this.getNodeTextContent(node);
+ return this.inlineTag("img", null, {
+ src: node.src,
+ alt: imgText,
+ title: imgText
+ }, auxData);
+ } else {
+ return this.inlineTag("a", childText, { href: node.src });
+ }
+ },
+
+ convertQuote: function (node, childText, auxData) {
+ return this.tag("blockquote", childText, null, auxData);
+ },
+
+ convertExample: function (node, childText, auxData) {
+ return this.tag("pre", childText, null, auxData);
+ },
+
+ convertSrc: function (node, childText, auxData) {
+ var codeLanguage = node.directiveArguments.length
+ ? node.directiveArguments[0]
+ : "unknown";
+ childText = this.tag("code", childText, {
+ "class": "language-" + codeLanguage
+ }, auxData);
+ return this.tag("pre", childText, {
+ "class": "prettyprint"
+ });
+ },
+
+ // @override
+ convertHTML: function (node, childText, auxData) {
+ if (node.directiveName === "html:") {
+ return node.directiveRawValue;
+ } else if (node.directiveName === "html") {
+ return node.children.map(function (textNode) {
+ return textNode.value;
+ }).join("\n");
+ } else {
+ return childText;
+ }
+ },
+
+ // @implement
+ convertHeaderBlock: function (headerBlock, level, index) {
+ level = level || 0;
+ index = index || 0;
+
+ var contents = [];
+
+ var headerNode = headerBlock.header;
+ if (headerNode) {
+ contents.push(this.convertNode(headerNode));
+ }
+
+ var blockContent = this.convertNodes(headerBlock.childNodes);
+ contents.push(blockContent);
+
+ var childBlockContent = headerBlock.childBlocks
+ .map(function (block, idx) {
+ return this.convertHeaderBlock(block, level + 1, idx);
+ }, this)
+ .join("\n");
+ contents.push(childBlockContent);
+
+ var contentsText = contents.join("\n");
+
+ if (headerNode) {
+ return this.tag("section", "\n" + contents.join("\n"), {
+ "class": "block block-level-" + level
+ });
+ } else {
+ return contentsText;
+ }
+ },
+
+ // ----------------------------------------------------
+ // Supplemental methods
+ // ----------------------------------------------------
+
+ replaceMap: {
+ // [replacing pattern, predicate]
+ "&": ["&", null],
+ "<": ["<", null],
+ ">": [">", null],
+ '"': [""", null],
+ "'": ["'", null],
+ "->": ["➔", function (text, insideCodeElement) {
+ return this.exportOptions.translateSymbolArrow && !insideCodeElement;
+ }]
+ },
+
+ replaceRegexp: null,
+
+ // @implement @override
+ escapeSpecialChars: function (text, insideCodeElement) {
+ if (!this.replaceRegexp) {
+ this.replaceRegexp = new RegExp(Object.keys(this.replaceMap).join("|"), "g");
+ }
+
+ var replaceMap = this.replaceMap;
+ var self = this;
+ return text.replace(this.replaceRegexp, function (matched) {
+ if (!replaceMap[matched]) {
+ throw Error("escapeSpecialChars: Invalid match");
+ }
+
+ var predicate = replaceMap[matched][1];
+ if (typeof predicate === "function" &&
+ !predicate.call(self, text, insideCodeElement)) {
+ // Not fullfill the predicate
+ return matched;
+ }
+
+ return replaceMap[matched][0];
+ });
+ },
+
+ // @implement
+ postProcess: function (node, currentText, insideCodeElement) {
+ if (this.exportOptions.exportFromLineNumber &&
+ typeof node.fromLineNumber === "number") {
+ // Wrap with line number information
+ currentText = this.inlineTag("div", currentText, {
+ "data-line-number": node.fromLineNumber
+ });
+ }
+ return currentText;
+ },
+
+ // @implement
+ makeLink: function (url) {
+ return "" + decodeURIComponent(url) + " ";
+ },
+
+ // @implement
+ makeSubscript: function (match, body, subscript) {
+ return "" +
+ body +
+ " " +
+ subscript +
+ " ";
+ },
+
+ // ----------------------------------------------------
+ // Specific methods
+ // ----------------------------------------------------
+
+ attributesObjectToString: function (attributesObject) {
+ var attributesString = "";
+ for (var attributeName in attributesObject) {
+ if (attributesObject.hasOwnProperty(attributeName)) {
+ var attributeValue = attributesObject[attributeName];
+ // To avoid id/class name conflicts with other frameworks,
+ // users can add arbitrary prefix to org-js generated
+ // ids/classes via exportOptions.
+ if (attributeName === "class") {
+ attributeValue = this.orgClassName(attributeValue);
+ } else if (attributeName === "id") {
+ attributeValue = this.orgId(attributeValue);
+ }
+ attributesString += " " + attributeName + "=\"" + attributeValue + "\"";
+ }
+ }
+ return attributesString;
+ },
+
+ inlineTag: function (name, innerText, attributesObject, auxAttributesText) {
+ attributesObject = attributesObject || {};
+
+ var htmlString = "<" + name;
+ // TODO: check duplicated attributes
+ if (auxAttributesText)
+ htmlString += " " + auxAttributesText;
+ htmlString += this.attributesObjectToString(attributesObject);
+
+ if (innerText === null)
+ return htmlString + "/>";
+
+ htmlString += ">" + innerText + "";
+
+ return htmlString;
+ },
+
+ tag: function (name, innerText, attributesObject, auxAttributesText) {
+ return this.inlineTag(name, innerText, attributesObject, auxAttributesText) + "\n";
+ }
+ };
+
+ if (typeof exports !== "undefined")
+ exports.ConverterHTML = ConverterHTML;
+
+ return exports;
+})();
diff --git a/src/interface/desktop/assets/pico.min.css b/src/interface/desktop/assets/pico.min.css
new file mode 100644
index 0000000000000000000000000000000000000000..1fe468ce15a43a5d8c4e3d3a5203503bbb4594a4
--- /dev/null
+++ b/src/interface/desktop/assets/pico.min.css
@@ -0,0 +1,5 @@
+@charset "UTF-8";/*!
+ * Pico CSS v1.5.10 (https://picocss.com)
+ * Copyright 2019-2023 - Licensed under MIT
+ */:root{--line-height:1.5;--font-weight:400;--font-size:16px;--border-radius:0.25rem;--border-width:1px;--outline-width:3px;--spacing:1rem;--typography-spacing-vertical:1.5rem;--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing);--grid-spacing-vertical:0;--grid-spacing-horizontal:var(--spacing);--form-element-spacing-vertical:0.75rem;--form-element-spacing-horizontal:1rem;--nav-element-spacing-vertical:1rem;--nav-element-spacing-horizontal:0.5rem;--nav-link-spacing-vertical:0.5rem;--nav-link-spacing-horizontal:0.5rem;--form-label-font-weight:var(--font-weight);--transition:0.2s ease-in-out;--modal-overlay-backdrop-filter:blur(0.25rem)}@media (min-width:576px){:root{--font-size:17px}}@media (min-width:768px){:root{--font-size:18px}}@media (min-width:992px){:root{--font-size:19px}}@media (min-width:1200px){:root{--font-size:20px}}@media (min-width:576px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 2.5)}}@media (min-width:768px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3)}}@media (min-width:992px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3.5)}}@media (min-width:1200px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 4)}}@media (min-width:576px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}@media (min-width:992px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.75)}}@media (min-width:1200px){article{--block-spacing-horizontal:calc(var(--spacing) * 2)}}dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing)}@media (min-width:576px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2.5);--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 3);--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}a{--text-decoration:none}a.contrast,a.secondary{--text-decoration:underline}small{--font-size:0.875em}h1,h2,h3,h4,h5,h6{--font-weight:700}h1{--font-size:2rem;--typography-spacing-vertical:3rem}h2{--font-size:1.75rem;--typography-spacing-vertical:2.625rem}h3{--font-size:1.5rem;--typography-spacing-vertical:2.25rem}h4{--font-size:1.25rem;--typography-spacing-vertical:1.874rem}h5{--font-size:1.125rem;--typography-spacing-vertical:1.6875rem}[type=checkbox],[type=radio]{--border-width:2px}[type=checkbox][role=switch]{--border-width:3px}tfoot td,tfoot th,thead td,thead th{--border-width:3px}:not(thead,tfoot)>*>td{--font-size:0.875em}code,kbd,pre,samp{--font-family:"Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}kbd{--font-weight:bolder}:root:not([data-theme=dark]),[data-theme=light]{--background-color:#fff;--color:hsl(205, 20%, 32%);--h1-color:hsl(205, 30%, 15%);--h2-color:#24333e;--h3-color:hsl(205, 25%, 23%);--h4-color:#374956;--h5-color:hsl(205, 20%, 32%);--h6-color:#4d606d;--muted-color:hsl(205, 10%, 50%);--muted-border-color:hsl(205, 20%, 94%);--primary:hsl(195, 85%, 41%);--primary-hover:hsl(195, 90%, 32%);--primary-focus:rgba(16, 149, 193, 0.125);--primary-inverse:#fff;--secondary:hsl(205, 15%, 41%);--secondary-hover:hsl(205, 20%, 32%);--secondary-focus:rgba(89, 107, 120, 0.125);--secondary-inverse:#fff;--contrast:hsl(205, 30%, 15%);--contrast-hover:#000;--contrast-focus:rgba(89, 107, 120, 0.125);--contrast-inverse:#fff;--mark-background-color:#fff2ca;--mark-color:#543a26;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:transparent;--form-element-border-color:hsl(205, 14%, 68%);--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:transparent;--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:hsl(205, 18%, 86%);--form-element-disabled-border-color:hsl(205, 14%, 68%);--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#c62828;--form-element-invalid-active-border-color:#d32f2f;--form-element-invalid-focus-color:rgba(211, 47, 47, 0.125);--form-element-valid-border-color:#388e3c;--form-element-valid-active-border-color:#43a047;--form-element-valid-focus-color:rgba(67, 160, 71, 0.125);--switch-background-color:hsl(205, 16%, 77%);--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:hsl(205, 18%, 86%);--range-active-border-color:hsl(205, 16%, 77%);--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:#f6f8f9;--code-background-color:hsl(205, 20%, 94%);--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:hsl(330, 40%, 50%);--code-property-color:hsl(185, 40%, 40%);--code-value-color:hsl(40, 20%, 50%);--code-comment-color:hsl(205, 14%, 68%);--accordion-border-color:var(--muted-border-color);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:var(--background-color);--card-border-color:var(--muted-border-color);--card-box-shadow:0.0145rem 0.029rem 0.174rem rgba(27, 40, 50, 0.01698),0.0335rem 0.067rem 0.402rem rgba(27, 40, 50, 0.024),0.0625rem 0.125rem 0.75rem rgba(27, 40, 50, 0.03),0.1125rem 0.225rem 1.35rem rgba(27, 40, 50, 0.036),0.2085rem 0.417rem 2.502rem rgba(27, 40, 50, 0.04302),0.5rem 1rem 6rem rgba(27, 40, 50, 0.06),0 0 0 0.0625rem rgba(27, 40, 50, 0.015);--card-sectionning-background-color:#fbfbfc;--dropdown-background-color:#fbfbfc;--dropdown-border-color:#e1e6eb;--dropdown-box-shadow:var(--card-box-shadow);--dropdown-color:var(--color);--dropdown-hover-background-color:hsl(205, 20%, 94%);--modal-overlay-background-color:rgba(213, 220, 226, 0.7);--progress-background-color:hsl(205, 18%, 86%);--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron-button:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron-button-inverse:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(198, 40, 40)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(56, 142, 60)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");color-scheme:light}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme]){--background-color:#11191f;--color:hsl(205, 16%, 77%);--h1-color:hsl(205, 20%, 94%);--h2-color:#e1e6eb;--h3-color:hsl(205, 18%, 86%);--h4-color:#c8d1d8;--h5-color:hsl(205, 16%, 77%);--h6-color:#afbbc4;--muted-color:hsl(205, 10%, 50%);--muted-border-color:#1f2d38;--primary:hsl(195, 85%, 41%);--primary-hover:hsl(195, 80%, 50%);--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:hsl(205, 15%, 41%);--secondary-hover:hsl(205, 10%, 50%);--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:hsl(205, 20%, 94%);--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:hsl(205, 25%, 23%);--form-element-disabled-border-color:hsl(205, 20%, 32%);--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:hsl(205, 25%, 23%);--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:hsl(330, 30%, 50%);--code-property-color:hsl(185, 30%, 50%);--code-value-color:hsl(40, 10%, 50%);--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:var(--card-background-color);--card-box-shadow:0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),0.5rem 1rem 6rem rgba(0, 0, 0, 0.06),0 0 0 0.0625rem rgba(0, 0, 0, 0.015);--card-sectionning-background-color:#18232c;--dropdown-background-color:hsl(205, 30%, 15%);--dropdown-border-color:#24333e;--dropdown-box-shadow:var(--card-box-shadow);--dropdown-color:var(--color);--dropdown-hover-background-color:rgba(36, 51, 62, 0.75);--modal-overlay-background-color:rgba(36, 51, 62, 0.8);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron-button:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron-button-inverse:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 28, 28)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");color-scheme:dark}}[data-theme=dark]{--background-color:#11191f;--color:hsl(205, 16%, 77%);--h1-color:hsl(205, 20%, 94%);--h2-color:#e1e6eb;--h3-color:hsl(205, 18%, 86%);--h4-color:#c8d1d8;--h5-color:hsl(205, 16%, 77%);--h6-color:#afbbc4;--muted-color:hsl(205, 10%, 50%);--muted-border-color:#1f2d38;--primary:hsl(195, 85%, 41%);--primary-hover:hsl(195, 80%, 50%);--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:hsl(205, 15%, 41%);--secondary-hover:hsl(205, 10%, 50%);--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:hsl(205, 20%, 94%);--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:hsl(205, 25%, 23%);--form-element-disabled-border-color:hsl(205, 20%, 32%);--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:hsl(205, 25%, 23%);--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:hsl(330, 30%, 50%);--code-property-color:hsl(185, 30%, 50%);--code-value-color:hsl(40, 10%, 50%);--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:var(--card-background-color);--card-box-shadow:0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),0.5rem 1rem 6rem rgba(0, 0, 0, 0.06),0 0 0 0.0625rem rgba(0, 0, 0, 0.015);--card-sectionning-background-color:#18232c;--dropdown-background-color:hsl(205, 30%, 15%);--dropdown-border-color:#24333e;--dropdown-box-shadow:var(--card-box-shadow);--dropdown-color:var(--color);--dropdown-hover-background-color:rgba(36, 51, 62, 0.75);--modal-overlay-background-color:rgba(36, 51, 62, 0.8);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron-button:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron-button-inverse:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 28, 28)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");color-scheme:dark}[type=checkbox],[type=radio],[type=range],progress{accent-color:var(--primary)}*,::after,::before{box-sizing:border-box;background-repeat:no-repeat}::after,::before{text-decoration:inherit;vertical-align:inherit}:where(:root){-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--background-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);line-height:var(--line-height);font-family:var(--font-family);text-rendering:optimizeLegibility;overflow-wrap:break-word;cursor:default;-moz-tab-size:4;-o-tab-size:4;tab-size:4}main{display:block}body{width:100%;margin:0}body>footer,body>header,body>main{width:100%;margin-right:auto;margin-left:auto;padding:var(--block-spacing-vertical) 0}.container,.container-fluid{width:100%;margin-right:auto;margin-left:auto;padding-right:var(--spacing);padding-left:var(--spacing)}@media (min-width:576px){.container{max-width:510px;padding-right:0;padding-left:0}}@media (min-width:768px){.container{max-width:700px}}@media (min-width:992px){.container{max-width:920px}}@media (min-width:1200px){.container{max-width:1130px}}section{margin-bottom:var(--block-spacing-vertical)}.grid{grid-column-gap:var(--grid-spacing-horizontal);grid-row-gap:var(--grid-spacing-vertical);display:grid;grid-template-columns:1fr;margin:0}@media (min-width:992px){.grid{grid-template-columns:repeat(auto-fit,minmax(0%,1fr))}}.grid>*{min-width:0}figure{display:block;margin:0;padding:0;overflow-x:auto}figure figcaption{padding:calc(var(--spacing) * .5) 0;color:var(--muted-color)}b,strong{font-weight:bolder}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}address,blockquote,dl,figure,form,ol,p,pre,table,ul{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-style:normal;font-weight:var(--font-weight);font-size:var(--font-size)}[role=link],a{--color:var(--primary);--background-color:transparent;outline:0;background-color:var(--background-color);color:var(--color);-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration);transition:background-color var(--transition),color var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition)}[role=link]:is([aria-current],:hover,:active,:focus),a:is([aria-current],:hover,:active,:focus){--color:var(--primary-hover);--text-decoration:underline}[role=link]:focus,a:focus{--background-color:var(--primary-focus)}[role=link].secondary,a.secondary{--color:var(--secondary)}[role=link].secondary:is([aria-current],:hover,:active,:focus),a.secondary:is([aria-current],:hover,:active,:focus){--color:var(--secondary-hover)}[role=link].secondary:focus,a.secondary:focus{--background-color:var(--secondary-focus)}[role=link].contrast,a.contrast{--color:var(--contrast)}[role=link].contrast:is([aria-current],:hover,:active,:focus),a.contrast:is([aria-current],:hover,:active,:focus){--color:var(--contrast-hover)}[role=link].contrast:focus,a.contrast:focus{--background-color:var(--contrast-focus)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);font-family:var(--font-family)}h1{--color:var(--h1-color)}h2{--color:var(--h2-color)}h3{--color:var(--h3-color)}h4{--color:var(--h4-color)}h5{--color:var(--h5-color)}h6{--color:var(--h6-color)}:where(address,blockquote,dl,figure,form,ol,p,pre,table,ul)~:is(h1,h2,h3,h4,h5,h6){margin-top:var(--typography-spacing-vertical)}.headings,hgroup{margin-bottom:var(--typography-spacing-vertical)}.headings>*,hgroup>*{margin-bottom:0}.headings>:last-child,hgroup>:last-child{--color:var(--muted-color);--font-weight:unset;font-size:1rem;font-family:unset}p{margin-bottom:var(--typography-spacing-vertical)}small{font-size:var(--font-size)}:where(dl,ol,ul){padding-right:0;padding-left:var(--spacing);-webkit-padding-start:var(--spacing);padding-inline-start:var(--spacing);-webkit-padding-end:0;padding-inline-end:0}:where(dl,ol,ul) li{margin-bottom:calc(var(--typography-spacing-vertical) * .25)}:where(dl,ol,ul) :is(dl,ol,ul){margin:0;margin-top:calc(var(--typography-spacing-vertical) * .25)}ul li{list-style:square}mark{padding:.125rem .25rem;background-color:var(--mark-background-color);color:var(--mark-color);vertical-align:baseline}blockquote{display:block;margin:var(--typography-spacing-vertical) 0;padding:var(--spacing);border-right:none;border-left:.25rem solid var(--blockquote-border-color);-webkit-border-start:0.25rem solid var(--blockquote-border-color);border-inline-start:0.25rem solid var(--blockquote-border-color);-webkit-border-end:none;border-inline-end:none}blockquote footer{margin-top:calc(var(--typography-spacing-vertical) * .5);color:var(--blockquote-footer-color)}abbr[title]{border-bottom:1px dotted;text-decoration:none;cursor:help}ins{color:var(--ins-color);text-decoration:none}del{color:var(--del-color)}::-moz-selection{background-color:var(--primary-focus)}::selection{background-color:var(--primary-focus)}:where(audio,canvas,iframe,img,svg,video){vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}:where(iframe){border-style:none}img{max-width:100%;height:auto;border-style:none}:where(svg:not([fill])){fill:currentColor}svg:not(:root){overflow:hidden}button{margin:0;overflow:visible;font-family:inherit;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}button{display:block;width:100%;margin-bottom:var(--spacing)}[role=button]{display:inline-block;text-decoration:none}[role=button],button,input[type=button],input[type=reset],input[type=submit]{--background-color:var(--primary);--border-color:var(--primary);--color:var(--primary-inverse);--box-shadow:var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[role=button]:is([aria-current],:hover,:active,:focus),button:is([aria-current],:hover,:active,:focus),input[type=button]:is([aria-current],:hover,:active,:focus),input[type=reset]:is([aria-current],:hover,:active,:focus),input[type=submit]:is([aria-current],:hover,:active,:focus){--background-color:var(--primary-hover);--border-color:var(--primary-hover);--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));--color:var(--primary-inverse)}[role=button]:focus,button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--primary-focus)}:is(button,input[type=submit],input[type=button],[role=button]).secondary,input[type=reset]{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}:is(button,input[type=submit],input[type=button],[role=button]).secondary:is([aria-current],:hover,:active,:focus),input[type=reset]:is([aria-current],:hover,:active,:focus){--background-color:var(--secondary-hover);--border-color:var(--secondary-hover);--color:var(--secondary-inverse)}:is(button,input[type=submit],input[type=button],[role=button]).secondary:focus,input[type=reset]:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--secondary-focus)}:is(button,input[type=submit],input[type=button],[role=button]).contrast{--background-color:var(--contrast);--border-color:var(--contrast);--color:var(--contrast-inverse)}:is(button,input[type=submit],input[type=button],[role=button]).contrast:is([aria-current],:hover,:active,:focus){--background-color:var(--contrast-hover);--border-color:var(--contrast-hover);--color:var(--contrast-inverse)}:is(button,input[type=submit],input[type=button],[role=button]).contrast:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--contrast-focus)}:is(button,input[type=submit],input[type=button],[role=button]).outline,input[type=reset].outline{--background-color:transparent;--color:var(--primary)}:is(button,input[type=submit],input[type=button],[role=button]).outline:is([aria-current],:hover,:active,:focus),input[type=reset].outline:is([aria-current],:hover,:active,:focus){--background-color:transparent;--color:var(--primary-hover)}:is(button,input[type=submit],input[type=button],[role=button]).outline.secondary,input[type=reset].outline{--color:var(--secondary)}:is(button,input[type=submit],input[type=button],[role=button]).outline.secondary:is([aria-current],:hover,:active,:focus),input[type=reset].outline:is([aria-current],:hover,:active,:focus){--color:var(--secondary-hover)}:is(button,input[type=submit],input[type=button],[role=button]).outline.contrast{--color:var(--contrast)}:is(button,input[type=submit],input[type=button],[role=button]).outline.contrast:is([aria-current],:hover,:active,:focus){--color:var(--contrast-hover)}:where(button,[type=submit],[type=button],[type=reset],[role=button])[disabled],:where(fieldset[disabled]) :is(button,[type=submit],[type=button],[type=reset],[role=button]),a[role=button]:not([href]){opacity:.5;pointer-events:none}input,optgroup,select,textarea{margin:0;font-size:1rem;line-height:var(--line-height);font-family:inherit;letter-spacing:inherit}input{overflow:visible}select{text-transform:none}legend{max-width:100%;padding:0;color:inherit;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{padding:0;border-style:none}:-moz-focusring{outline:0}:-moz-ui-invalid{box-shadow:none}::-ms-expand{display:none}[type=file],[type=range]{padding:0;border-width:0}input:not([type=checkbox],[type=radio],[type=range]){height:calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2)}fieldset{margin:0;margin-bottom:var(--spacing);padding:0;border:0}fieldset legend,label{display:block;margin-bottom:calc(var(--spacing) * .25);font-weight:var(--form-label-font-weight,var(--font-weight))}input:not([type=checkbox],[type=radio]),select,textarea{width:100%}input:not([type=checkbox],[type=radio],[type=range],[type=file]),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal)}input,select,textarea{--background-color:var(--form-element-background-color);--border-color:var(--form-element-border-color);--color:var(--form-element-color);--box-shadow:none;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}:where(select,textarea):is(:active,:focus),input:not([type=submit],[type=button],[type=reset],[type=checkbox],[type=radio],[readonly]):is(:active,:focus){--background-color:var(--form-element-active-background-color)}:where(select,textarea):is(:active,:focus),input:not([type=submit],[type=button],[type=reset],[role=switch],[readonly]):is(:active,:focus){--border-color:var(--form-element-active-border-color)}input:not([type=submit],[type=button],[type=reset],[type=range],[type=file],[readonly]):focus,select:focus,textarea:focus{--box-shadow:0 0 0 var(--outline-width) var(--form-element-focus-color)}:where(fieldset[disabled]) :is(input:not([type=submit],[type=button],[type=reset]),select,textarea),input:not([type=submit],[type=button],[type=reset])[disabled],select[disabled],textarea[disabled]{--background-color:var(--form-element-disabled-background-color);--border-color:var(--form-element-disabled-border-color);opacity:var(--form-element-disabled-opacity);pointer-events:none}:where(input,select,textarea):not([type=checkbox],[type=radio],[type=date],[type=datetime-local],[type=month],[type=time],[type=week])[aria-invalid]{padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal)!important;padding-inline-start:var(--form-element-spacing-horizontal)!important;-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}:where(input,select,textarea):not([type=checkbox],[type=radio],[type=date],[type=datetime-local],[type=month],[type=time],[type=week])[aria-invalid=false]{background-image:var(--icon-valid)}:where(input,select,textarea):not([type=checkbox],[type=radio],[type=date],[type=datetime-local],[type=month],[type=time],[type=week])[aria-invalid=true]{background-image:var(--icon-invalid)}:where(input,select,textarea)[aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}:where(input,select,textarea)[aria-invalid=false]:is(:active,:focus){--border-color:var(--form-element-valid-active-border-color)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-valid-focus-color)!important}:where(input,select,textarea)[aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}:where(input,select,textarea)[aria-invalid=true]:is(:active,:focus){--border-color:var(--form-element-invalid-active-border-color)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-invalid-focus-color)!important}[dir=rtl] :where(input,select,textarea):not([type=checkbox],[type=radio]):is([aria-invalid],[aria-invalid=true],[aria-invalid=false]){background-position:center left .75rem}input::-webkit-input-placeholder,input::placeholder,select:invalid,textarea::-webkit-input-placeholder,textarea::placeholder{color:var(--form-element-placeholder-color);opacity:1}input:not([type=checkbox],[type=radio]),select,textarea{margin-bottom:var(--spacing)}select::-ms-expand{border:0;background-color:transparent}select:not([multiple],[size]){padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal);padding-inline-start:var(--form-element-spacing-horizontal);-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);background-image:var(--icon-chevron);background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}[dir=rtl] select:not([multiple],[size]){background-position:center left .75rem}:where(input,select,textarea,.grid)+small{display:block;width:100%;margin-top:calc(var(--spacing) * -.75);margin-bottom:var(--spacing);color:var(--muted-color)}label>:where(input,select,textarea){margin-top:calc(var(--spacing) * .25)}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25em;height:1.25em;margin-top:-.125em;margin-right:.375em;margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:.375em;margin-inline-end:.375em;border-width:var(--border-width);font-size:inherit;vertical-align:middle;cursor:pointer}[type=checkbox]::-ms-check,[type=radio]::-ms-check{display:none}[type=checkbox]:checked,[type=checkbox]:checked:active,[type=checkbox]:checked:focus,[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-checkbox);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=checkbox]~label,[type=radio]~label{display:inline-block;margin-right:.375em;margin-bottom:0;cursor:pointer}[type=checkbox]:indeterminate{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-minus);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=radio]{border-radius:50%}[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary-inverse);border-width:.35em;background-image:none}[type=checkbox][role=switch]{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color);--color:var(--switch-color);width:2.25em;height:1.25em;border:var(--border-width) solid var(--border-color);border-radius:1.25em;background-color:var(--background-color);line-height:1.25em}[type=checkbox][role=switch]:focus{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color)}[type=checkbox][role=switch]:checked{--background-color:var(--switch-checked-background-color);--border-color:var(--switch-checked-background-color)}[type=checkbox][role=switch]:before{display:block;width:calc(1.25em - (var(--border-width) * 2));height:100%;border-radius:50%;background-color:var(--color);content:"";transition:margin .1s ease-in-out}[type=checkbox][role=switch]:checked{background-image:none}[type=checkbox][role=switch]:checked::before{margin-left:calc(1.125em - var(--border-width));-webkit-margin-start:calc(1.125em - var(--border-width));margin-inline-start:calc(1.125em - var(--border-width))}[type=checkbox]:checked[aria-invalid=false],[type=checkbox][aria-invalid=false],[type=checkbox][role=switch]:checked[aria-invalid=false],[type=checkbox][role=switch][aria-invalid=false],[type=radio]:checked[aria-invalid=false],[type=radio][aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}[type=checkbox]:checked[aria-invalid=true],[type=checkbox][aria-invalid=true],[type=checkbox][role=switch]:checked[aria-invalid=true],[type=checkbox][role=switch][aria-invalid=true],[type=radio]:checked[aria-invalid=true],[type=radio][aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}[type=color]::-webkit-color-swatch-wrapper{padding:0}[type=color]::-moz-focus-inner{padding:0}[type=color]::-webkit-color-swatch{border:0;border-radius:calc(var(--border-radius) * .5)}[type=color]::-moz-color-swatch{border:0;border-radius:calc(var(--border-radius) * .5)}input:not([type=checkbox],[type=radio],[type=range],[type=file]):is([type=date],[type=datetime-local],[type=month],[type=time],[type=week]){--icon-position:0.75rem;--icon-width:1rem;padding-right:calc(var(--icon-width) + var(--icon-position));background-image:var(--icon-date);background-position:center right var(--icon-position);background-size:var(--icon-width) auto;background-repeat:no-repeat}input:not([type=checkbox],[type=radio],[type=range],[type=file])[type=time]{background-image:var(--icon-time)}[type=date]::-webkit-calendar-picker-indicator,[type=datetime-local]::-webkit-calendar-picker-indicator,[type=month]::-webkit-calendar-picker-indicator,[type=time]::-webkit-calendar-picker-indicator,[type=week]::-webkit-calendar-picker-indicator{width:var(--icon-width);margin-right:calc(var(--icon-width) * -1);margin-left:var(--icon-position);opacity:0}[dir=rtl] :is([type=date],[type=datetime-local],[type=month],[type=time],[type=week]){text-align:right}@-moz-document url-prefix(){[type=date],[type=datetime-local],[type=month],[type=time],[type=week]{padding-right:var(--form-element-spacing-horizontal)!important;background-image:none!important}}[type=file]{--color:var(--muted-color);padding:calc(var(--form-element-spacing-vertical) * .5) 0;border:0;border-radius:0;background:0 0}[type=file]::file-selector-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::file-selector-button:is(:hover,:active,:focus){--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-webkit-file-upload-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-webkit-file-upload-button:is(:hover,:active,:focus){--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-ms-browse{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;margin-inline-start:0;margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-ms-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-ms-browse:is(:hover,:active,:focus){--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.25rem;background:0 0}[type=range]::-webkit-slider-runnable-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-webkit-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-moz-range-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-moz-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-ms-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-ms-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-webkit-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-moz-range-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-moz-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-ms-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-ms-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]:focus,[type=range]:hover{--range-border-color:var(--range-active-border-color);--range-thumb-color:var(--range-thumb-hover-color)}[type=range]:active{--range-thumb-color:var(--range-thumb-active-color)}[type=range]:active::-webkit-slider-thumb{transform:scale(1.25)}[type=range]:active::-moz-range-thumb{transform:scale(1.25)}[type=range]:active::-ms-thumb{transform:scale(1.25)}input:not([type=checkbox],[type=radio],[type=range],[type=file])[type=search]{-webkit-padding-start:calc(var(--form-element-spacing-horizontal) + 1.75rem);padding-inline-start:calc(var(--form-element-spacing-horizontal) + 1.75rem);border-radius:5rem;background-image:var(--icon-search);background-position:center left 1.125rem;background-size:1rem auto;background-repeat:no-repeat}input:not([type=checkbox],[type=radio],[type=range],[type=file])[type=search][aria-invalid]{-webkit-padding-start:calc(var(--form-element-spacing-horizontal) + 1.75rem)!important;padding-inline-start:calc(var(--form-element-spacing-horizontal) + 1.75rem)!important;background-position:center left 1.125rem,center right .75rem}input:not([type=checkbox],[type=radio],[type=range],[type=file])[type=search][aria-invalid=false]{background-image:var(--icon-search),var(--icon-valid)}input:not([type=checkbox],[type=radio],[type=range],[type=file])[type=search][aria-invalid=true]{background-image:var(--icon-search),var(--icon-invalid)}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}[dir=rtl] :where(input):not([type=checkbox],[type=radio],[type=range],[type=file])[type=search]{background-position:center right 1.125rem}[dir=rtl] :where(input):not([type=checkbox],[type=radio],[type=range],[type=file])[type=search][aria-invalid]{background-position:center right 1.125rem,center left .75rem}:where(table){width:100%;border-collapse:collapse;border-spacing:0;text-indent:0}td,th{padding:calc(var(--spacing)/ 2) var(--spacing);border-bottom:var(--border-width) solid var(--table-border-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);text-align:left;text-align:start}tfoot td,tfoot th{border-top:var(--border-width) solid var(--table-border-color);border-bottom:0}table[role=grid] tbody tr:nth-child(odd){background-color:var(--table-row-stripped-background-color)}code,kbd,pre,samp{font-size:.875em;font-family:var(--font-family)}pre{-ms-overflow-style:scrollbar;overflow:auto}code,kbd,pre{border-radius:var(--border-radius);background:var(--code-background-color);color:var(--code-color);font-weight:var(--font-weight);line-height:initial}code,kbd{display:inline-block;padding:.375rem .5rem}pre{display:block;margin-bottom:var(--spacing);overflow-x:auto}pre>code{display:block;padding:var(--spacing);background:0 0;font-size:14px;line-height:var(--line-height)}code b{color:var(--code-tag-color);font-weight:var(--font-weight)}code i{color:var(--code-property-color);font-style:normal}code u{color:var(--code-value-color);text-decoration:none}code em{color:var(--code-comment-color);font-style:normal}kbd{background-color:var(--code-kbd-background-color);color:var(--code-kbd-color);vertical-align:baseline}hr{height:0;border:0;border-top:1px solid var(--muted-border-color);color:inherit}[hidden],template{display:none!important}canvas{display:inline-block}details{display:block;margin-bottom:var(--spacing);padding-bottom:var(--spacing);border-bottom:var(--border-width) solid var(--accordion-border-color)}details summary{line-height:1rem;list-style-type:none;cursor:pointer;transition:color var(--transition)}details summary:not([role]){color:var(--accordion-close-summary-color)}details summary::-webkit-details-marker{display:none}details summary::marker{display:none}details summary::-moz-list-bullet{list-style-type:none}details summary::after{display:block;width:1rem;height:1rem;-webkit-margin-start:calc(var(--spacing,1rem) * 0.5);margin-inline-start:calc(var(--spacing,1rem) * .5);float:right;transform:rotate(-90deg);background-image:var(--icon-chevron);background-position:right center;background-size:1rem auto;background-repeat:no-repeat;content:"";transition:transform var(--transition)}details summary:focus{outline:0}details summary:focus:not([role=button]){color:var(--accordion-active-summary-color)}details summary[role=button]{width:100%;text-align:left}details summary[role=button]::after{height:calc(1rem * var(--line-height,1.5));background-image:var(--icon-chevron-button)}details summary[role=button]:not(.outline).contrast::after{background-image:var(--icon-chevron-button-inverse)}details[open]>summary{margin-bottom:calc(var(--spacing))}details[open]>summary:not([role]):not(:focus){color:var(--accordion-open-summary-color)}details[open]>summary::after{transform:rotate(0)}[dir=rtl] details summary{text-align:right}[dir=rtl] details summary::after{float:left;background-position:left center}article{margin:var(--block-spacing-vertical) 0;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal);border-radius:var(--border-radius);background:var(--card-background-color);box-shadow:var(--card-box-shadow)}article>footer,article>header{margin-right:calc(var(--block-spacing-horizontal) * -1);margin-left:calc(var(--block-spacing-horizontal) * -1);padding:calc(var(--block-spacing-vertical) * .66) var(--block-spacing-horizontal);background-color:var(--card-sectionning-background-color)}article>header{margin-top:calc(var(--block-spacing-vertical) * -1);margin-bottom:var(--block-spacing-vertical);border-bottom:var(--border-width) solid var(--card-border-color);border-top-right-radius:var(--border-radius);border-top-left-radius:var(--border-radius)}article>footer{margin-top:var(--block-spacing-vertical);margin-bottom:calc(var(--block-spacing-vertical) * -1);border-top:var(--border-width) solid var(--card-border-color);border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}:root{--scrollbar-width:0px}dialog{display:flex;z-index:999;position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;width:inherit;min-width:100%;height:inherit;min-height:100%;padding:var(--spacing);border:0;-webkit-backdrop-filter:var(--modal-overlay-backdrop-filter);backdrop-filter:var(--modal-overlay-backdrop-filter);background-color:var(--modal-overlay-background-color);color:var(--color)}dialog article{max-height:calc(100vh - var(--spacing) * 2);overflow:auto}@media (min-width:576px){dialog article{max-width:510px}}@media (min-width:768px){dialog article{max-width:700px}}dialog article>footer,dialog article>header{padding:calc(var(--block-spacing-vertical) * .5) var(--block-spacing-horizontal)}dialog article>header .close{margin:0;margin-left:var(--spacing);float:right}dialog article>footer{text-align:right}dialog article>footer [role=button]{margin-bottom:0}dialog article>footer [role=button]:not(:first-of-type){margin-left:calc(var(--spacing) * .5)}dialog article p:last-of-type{margin:0}dialog article .close{display:block;width:1rem;height:1rem;margin-top:calc(var(--block-spacing-vertical) * -.5);margin-bottom:var(--typography-spacing-vertical);margin-left:auto;background-image:var(--icon-close);background-position:center;background-size:auto 1rem;background-repeat:no-repeat;opacity:.5;transition:opacity var(--transition)}dialog article .close:is([aria-current],:hover,:active,:focus){opacity:1}dialog:not([open]),dialog[open=false]{display:none}.modal-is-open{padding-right:var(--scrollbar-width,0);overflow:hidden;pointer-events:none;touch-action:none}.modal-is-open dialog{pointer-events:auto}:where(.modal-is-opening,.modal-is-closing) dialog,:where(.modal-is-opening,.modal-is-closing) dialog>article{animation-duration:.2s;animation-timing-function:ease-in-out;animation-fill-mode:both}:where(.modal-is-opening,.modal-is-closing) dialog{animation-duration:.8s;animation-name:modal-overlay}:where(.modal-is-opening,.modal-is-closing) dialog>article{animation-delay:.2s;animation-name:modal}.modal-is-closing dialog,.modal-is-closing dialog>article{animation-delay:0s;animation-direction:reverse}@keyframes modal-overlay{from{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent}}@keyframes modal{from{transform:translateY(-100%);opacity:0}}:where(nav li)::before{float:left;content:""}nav,nav ul{display:flex}nav{justify-content:space-between}nav ol,nav ul{align-items:center;margin-bottom:0;padding:0;list-style:none}nav ol:first-of-type,nav ul:first-of-type{margin-left:calc(var(--nav-element-spacing-horizontal) * -1)}nav ol:last-of-type,nav ul:last-of-type{margin-right:calc(var(--nav-element-spacing-horizontal) * -1)}nav li{display:inline-block;margin:0;padding:var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal)}nav li>*{--spacing:0}nav :where(a,[role=link]){display:inline-block;margin:calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);padding:var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);border-radius:var(--border-radius);text-decoration:none}nav :where(a,[role=link]):is([aria-current],:hover,:active,:focus){text-decoration:none}nav[aria-label=breadcrumb]{align-items:center;justify-content:start}nav[aria-label=breadcrumb] ul li:not(:first-child){-webkit-margin-start:var(--nav-link-spacing-horizontal);margin-inline-start:var(--nav-link-spacing-horizontal)}nav[aria-label=breadcrumb] ul li:not(:last-child) ::after{position:absolute;width:calc(var(--nav-link-spacing-horizontal) * 2);-webkit-margin-start:calc(var(--nav-link-spacing-horizontal)/ 2);margin-inline-start:calc(var(--nav-link-spacing-horizontal)/ 2);content:"/";color:var(--muted-color);text-align:center}nav[aria-label=breadcrumb] a[aria-current]{background-color:transparent;color:inherit;text-decoration:none;pointer-events:none}nav [role=button]{margin-right:inherit;margin-left:inherit;padding:var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal)}aside li,aside nav,aside ol,aside ul{display:block}aside li{padding:calc(var(--nav-element-spacing-vertical) * .5) var(--nav-element-spacing-horizontal)}aside li a{display:block}aside li [role=button]{margin:inherit}[dir=rtl] nav[aria-label=breadcrumb] ul li:not(:last-child) ::after{content:"\\"}progress{display:inline-block;vertical-align:baseline}progress{-webkit-appearance:none;-moz-appearance:none;display:inline-block;appearance:none;width:100%;height:.5rem;margin-bottom:calc(var(--spacing) * .5);overflow:hidden;border:0;border-radius:var(--border-radius);background-color:var(--progress-background-color);color:var(--progress-color)}progress::-webkit-progress-bar{border-radius:var(--border-radius);background:0 0}progress[value]::-webkit-progress-value{background-color:var(--progress-color)}progress::-moz-progress-bar{background-color:var(--progress-color)}@media (prefers-reduced-motion:no-preference){progress:indeterminate{background:var(--progress-background-color) linear-gradient(to right,var(--progress-color) 30%,var(--progress-background-color) 30%) top left/150% 150% no-repeat;animation:progress-indeterminate 1s linear infinite}progress:indeterminate[value]::-webkit-progress-value{background-color:transparent}progress:indeterminate::-moz-progress-bar{background-color:transparent}}@media (prefers-reduced-motion:no-preference){[dir=rtl] progress:indeterminate{animation-direction:reverse}}@keyframes progress-indeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}details[role=list],li[role=list]{position:relative}details[role=list] summary+ul,li[role=list]>ul{display:flex;z-index:99;position:absolute;top:auto;right:0;left:0;flex-direction:column;margin:0;padding:0;border:var(--border-width) solid var(--dropdown-border-color);border-radius:var(--border-radius);border-top-right-radius:0;border-top-left-radius:0;background-color:var(--dropdown-background-color);box-shadow:var(--card-box-shadow);color:var(--dropdown-color);white-space:nowrap}details[role=list] summary+ul li,li[role=list]>ul li{width:100%;margin-bottom:0;padding:calc(var(--form-element-spacing-vertical) * .5) var(--form-element-spacing-horizontal);list-style:none}details[role=list] summary+ul li:first-of-type,li[role=list]>ul li:first-of-type{margin-top:calc(var(--form-element-spacing-vertical) * .5)}details[role=list] summary+ul li:last-of-type,li[role=list]>ul li:last-of-type{margin-bottom:calc(var(--form-element-spacing-vertical) * .5)}details[role=list] summary+ul li a,li[role=list]>ul li a{display:block;margin:calc(var(--form-element-spacing-vertical) * -.5) calc(var(--form-element-spacing-horizontal) * -1);padding:calc(var(--form-element-spacing-vertical) * .5) var(--form-element-spacing-horizontal);overflow:hidden;color:var(--dropdown-color);text-decoration:none;text-overflow:ellipsis}details[role=list] summary+ul li a:hover,li[role=list]>ul li a:hover{background-color:var(--dropdown-hover-background-color)}details[role=list] summary::after,li[role=list]>a::after{display:block;width:1rem;height:calc(1rem * var(--line-height,1.5));-webkit-margin-start:0.5rem;margin-inline-start:.5rem;float:right;transform:rotate(0);background-position:right center;background-size:1rem auto;background-repeat:no-repeat;content:""}details[role=list]{padding:0;border-bottom:none}details[role=list] summary{margin-bottom:0}details[role=list] summary:not([role]){height:calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);border:var(--border-width) solid var(--form-element-border-color);border-radius:var(--border-radius);background-color:var(--form-element-background-color);color:var(--form-element-placeholder-color);line-height:inherit;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}details[role=list] summary:not([role]):active,details[role=list] summary:not([role]):focus{border-color:var(--form-element-active-border-color);background-color:var(--form-element-active-background-color)}details[role=list] summary:not([role]):focus{box-shadow:0 0 0 var(--outline-width) var(--form-element-focus-color)}details[role=list][open] summary{border-bottom-right-radius:0;border-bottom-left-radius:0}details[role=list][open] summary::before{display:block;z-index:1;position:fixed;top:0;right:0;bottom:0;left:0;background:0 0;content:"";cursor:default}nav details[role=list] summary,nav li[role=list] a{display:flex;direction:ltr}nav details[role=list] summary+ul,nav li[role=list]>ul{min-width:-moz-fit-content;min-width:fit-content;border-radius:var(--border-radius)}nav details[role=list] summary+ul li a,nav li[role=list]>ul li a{border-radius:0}nav details[role=list] summary,nav details[role=list] summary:not([role]){height:auto;padding:var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal)}nav details[role=list][open] summary{border-radius:var(--border-radius)}nav details[role=list] summary+ul{margin-top:var(--outline-width);-webkit-margin-start:0;margin-inline-start:0}nav details[role=list] summary[role=link]{margin-bottom:calc(var(--nav-link-spacing-vertical) * -1);line-height:var(--line-height)}nav details[role=list] summary[role=link]+ul{margin-top:calc(var(--nav-link-spacing-vertical) + var(--outline-width));-webkit-margin-start:calc(var(--nav-link-spacing-horizontal) * -1);margin-inline-start:calc(var(--nav-link-spacing-horizontal) * -1)}li[role=list] a:active~ul,li[role=list] a:focus~ul,li[role=list]:hover>ul{display:flex}li[role=list]>ul{display:none;margin-top:calc(var(--nav-link-spacing-vertical) + var(--outline-width));-webkit-margin-start:calc(var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal));margin-inline-start:calc(var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal))}li[role=list]>a::after{background-image:var(--icon-chevron)}label>details[role=list]{margin-top:calc(var(--spacing) * .25);margin-bottom:var(--spacing)}[aria-busy=true]{cursor:progress}[aria-busy=true]:not(input,select,textarea,html)::before{display:inline-block;width:1em;height:1em;border:.1875em solid currentColor;border-radius:1em;border-right-color:transparent;content:"";vertical-align:text-bottom;vertical-align:-.125em;animation:spinner .75s linear infinite;opacity:var(--loading-spinner-opacity)}[aria-busy=true]:not(input,select,textarea,html):not(:empty)::before{margin-right:calc(var(--spacing) * .5);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing) * .5);margin-inline-end:calc(var(--spacing) * .5)}[aria-busy=true]:not(input,select,textarea,html):empty{text-align:center}a[aria-busy=true],button[aria-busy=true],input[type=button][aria-busy=true],input[type=reset][aria-busy=true],input[type=submit][aria-busy=true]{pointer-events:none}@keyframes spinner{to{transform:rotate(360deg)}}[data-tooltip]{position:relative}[data-tooltip]:not(a,button,input){border-bottom:1px dotted;text-decoration:none;cursor:help}[data-tooltip]::after,[data-tooltip]::before,[data-tooltip][data-placement=top]::after,[data-tooltip][data-placement=top]::before{display:block;z-index:99;position:absolute;bottom:100%;left:50%;padding:.25rem .5rem;overflow:hidden;transform:translate(-50%,-.25rem);border-radius:var(--border-radius);background:var(--tooltip-background-color);content:attr(data-tooltip);color:var(--tooltip-color);font-style:normal;font-weight:var(--font-weight);font-size:.875rem;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none}[data-tooltip]::after,[data-tooltip][data-placement=top]::after{padding:0;transform:translate(-50%,0);border-top:.3rem solid;border-right:.3rem solid transparent;border-left:.3rem solid transparent;border-radius:0;background-color:transparent;content:"";color:var(--tooltip-background-color)}[data-tooltip][data-placement=bottom]::after,[data-tooltip][data-placement=bottom]::before{top:100%;bottom:auto;transform:translate(-50%,.25rem)}[data-tooltip][data-placement=bottom]:after{transform:translate(-50%,-.3rem);border:.3rem solid transparent;border-bottom:.3rem solid}[data-tooltip][data-placement=left]::after,[data-tooltip][data-placement=left]::before{top:50%;right:100%;bottom:auto;left:auto;transform:translate(-.25rem,-50%)}[data-tooltip][data-placement=left]:after{transform:translate(.3rem,-50%);border:.3rem solid transparent;border-left:.3rem solid}[data-tooltip][data-placement=right]::after,[data-tooltip][data-placement=right]::before{top:50%;right:auto;bottom:auto;left:100%;transform:translate(.25rem,-50%)}[data-tooltip][data-placement=right]:after{transform:translate(-.3rem,-50%);border:.3rem solid transparent;border-right:.3rem solid}[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:1}@media (hover:hover) and (pointer:fine){[data-tooltip]:hover::after,[data-tooltip]:hover::before,[data-tooltip][data-placement=bottom]:focus::after,[data-tooltip][data-placement=bottom]:focus::before,[data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::after,[data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::before{animation-duration:.2s;animation-name:tooltip-slide-top}[data-tooltip]:hover::after,[data-tooltip][data-placement=bottom]:focus::after,[data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::after{animation-name:tooltip-caret-slide-top}[data-tooltip][data-placement=bottom]:focus::after,[data-tooltip][data-placement=bottom]:focus::before,[data-tooltip][data-placement=bottom]:hover::after,[data-tooltip][data-placement=bottom]:hover::before{animation-duration:.2s;animation-name:tooltip-slide-bottom}[data-tooltip][data-placement=bottom]:focus::after,[data-tooltip][data-placement=bottom]:hover::after{animation-name:tooltip-caret-slide-bottom}[data-tooltip][data-placement=left]:focus::after,[data-tooltip][data-placement=left]:focus::before,[data-tooltip][data-placement=left]:hover::after,[data-tooltip][data-placement=left]:hover::before{animation-duration:.2s;animation-name:tooltip-slide-left}[data-tooltip][data-placement=left]:focus::after,[data-tooltip][data-placement=left]:hover::after{animation-name:tooltip-caret-slide-left}[data-tooltip][data-placement=right]:focus::after,[data-tooltip][data-placement=right]:focus::before,[data-tooltip][data-placement=right]:hover::after,[data-tooltip][data-placement=right]:hover::before{animation-duration:.2s;animation-name:tooltip-slide-right}[data-tooltip][data-placement=right]:focus::after,[data-tooltip][data-placement=right]:hover::after{animation-name:tooltip-caret-slide-right}}@keyframes tooltip-slide-top{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@keyframes tooltip-caret-slide-top{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}@keyframes tooltip-slide-bottom{from{transform:translate(-50%,-.75rem);opacity:0}to{transform:translate(-50%,.25rem);opacity:1}}@keyframes tooltip-caret-slide-bottom{from{opacity:0}50%{transform:translate(-50%,-.5rem);opacity:0}to{transform:translate(-50%,-.3rem);opacity:1}}@keyframes tooltip-slide-left{from{transform:translate(.75rem,-50%);opacity:0}to{transform:translate(-.25rem,-50%);opacity:1}}@keyframes tooltip-caret-slide-left{from{opacity:0}50%{transform:translate(.05rem,-50%);opacity:0}to{transform:translate(.3rem,-50%);opacity:1}}@keyframes tooltip-slide-right{from{transform:translate(-.75rem,-50%);opacity:0}to{transform:translate(.25rem,-50%);opacity:1}}@keyframes tooltip-caret-slide-right{from{opacity:0}50%{transform:translate(-.05rem,-50%);opacity:0}to{transform:translate(-.3rem,-50%);opacity:1}}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]{display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation}[dir=rtl]{direction:rtl}@media (prefers-reduced-motion:reduce){:not([aria-busy=true]),:not([aria-busy=true])::after,:not([aria-busy=true])::before{background-attachment:initial!important;animation-duration:1ms!important;animation-delay:-1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}
+/*# sourceMappingURL=pico.min.css.map */
diff --git a/src/interface/desktop/assets/purify.min.js b/src/interface/desktop/assets/purify.min.js
new file mode 100644
index 0000000000000000000000000000000000000000..40e13ee956aa31ac11db552c443577cb65cda3fc
--- /dev/null
+++ b/src/interface/desktop/assets/purify.min.js
@@ -0,0 +1,3 @@
+/*! @license DOMPurify 3.1.2 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.1.2/LICENSE */
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).DOMPurify=t()}(this,(function(){"use strict";const{entries:e,setPrototypeOf:t,isFrozen:n,getPrototypeOf:o,getOwnPropertyDescriptor:r}=Object;let{freeze:i,seal:a,create:l}=Object,{apply:c,construct:s}="undefined"!=typeof Reflect&&Reflect;i||(i=function(e){return e}),a||(a=function(e){return e}),c||(c=function(e,t,n){return e.apply(t,n)}),s||(s=function(e,t){return new e(...t)});const u=b(Array.prototype.forEach),m=b(Array.prototype.pop),p=b(Array.prototype.push),f=b(String.prototype.toLowerCase),d=b(String.prototype.toString),h=b(String.prototype.match),g=b(String.prototype.replace),T=b(String.prototype.indexOf),_=b(String.prototype.trim),y=b(Object.prototype.hasOwnProperty),E=b(RegExp.prototype.test),A=(N=TypeError,function(){for(var e=arguments.length,t=new Array(e),n=0;n1?n-1:0),r=1;r2&&void 0!==arguments[2]?arguments[2]:f;t&&t(e,null);let i=o.length;for(;i--;){let t=o[i];if("string"==typeof t){const e=r(t);e!==t&&(n(o)||(o[i]=e),t=e)}e[t]=!0}return e}function R(e){for(let t=0;t/gm),B=a(/\${[\w\W]*}/gm),W=a(/^data-[\-\w.\u00B7-\uFFFF]/),G=a(/^aria-[\-\w]+$/),Y=a(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),j=a(/^(?:\w+script|data):/i),X=a(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),q=a(/^html$/i),$=a(/^[a-z][.\w]*(-[.\w]+)+$/i);var K=Object.freeze({__proto__:null,MUSTACHE_EXPR:H,ERB_EXPR:z,TMPLIT_EXPR:B,DATA_ATTR:W,ARIA_ATTR:G,IS_ALLOWED_URI:Y,IS_SCRIPT_OR_DATA:j,ATTR_WHITESPACE:X,DOCTYPE_NAME:q,CUSTOM_ELEMENT:$});const V=function(){return"undefined"==typeof window?null:window},Z=function(e,t){if("object"!=typeof e||"function"!=typeof e.createPolicy)return null;let n=null;const o="data-tt-policy-suffix";t&&t.hasAttribute(o)&&(n=t.getAttribute(o));const r="dompurify"+(n?"#"+n:"");try{return e.createPolicy(r,{createHTML:e=>e,createScriptURL:e=>e})}catch(e){return console.warn("TrustedTypes policy "+r+" could not be created."),null}};var J=function t(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:V();const o=e=>t(e);if(o.version="3.1.2",o.removed=[],!n||!n.document||9!==n.document.nodeType)return o.isSupported=!1,o;let{document:r}=n;const a=r,c=a.currentScript,{DocumentFragment:s,HTMLTemplateElement:N,Node:b,Element:R,NodeFilter:H,NamedNodeMap:z=n.NamedNodeMap||n.MozNamedAttrMap,HTMLFormElement:B,DOMParser:W,trustedTypes:G}=n,j=R.prototype,X=C(j,"cloneNode"),$=C(j,"nextSibling"),J=C(j,"childNodes"),Q=C(j,"parentNode");if("function"==typeof N){const e=r.createElement("template");e.content&&e.content.ownerDocument&&(r=e.content.ownerDocument)}let ee,te="";const{implementation:ne,createNodeIterator:oe,createDocumentFragment:re,getElementsByTagName:ie}=r,{importNode:ae}=a;let le={};o.isSupported="function"==typeof e&&"function"==typeof Q&&ne&&void 0!==ne.createHTMLDocument;const{MUSTACHE_EXPR:ce,ERB_EXPR:se,TMPLIT_EXPR:ue,DATA_ATTR:me,ARIA_ATTR:pe,IS_SCRIPT_OR_DATA:fe,ATTR_WHITESPACE:de,CUSTOM_ELEMENT:he}=K;let{IS_ALLOWED_URI:ge}=K,Te=null;const _e=S({},[...v,...L,...D,...x,...M]);let ye=null;const Ee=S({},[...I,...U,...P,...F]);let Ae=Object.seal(l(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),Ne=null,be=null,Se=!0,Re=!0,we=!1,Ce=!0,ve=!1,Le=!0,De=!1,Oe=!1,xe=!1,ke=!1,Me=!1,Ie=!1,Ue=!0,Pe=!1;const Fe="user-content-";let He=!0,ze=!1,Be={},We=null;const Ge=S({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]);let Ye=null;const je=S({},["audio","video","img","source","image","track"]);let Xe=null;const qe=S({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),$e="http://www.w3.org/1998/Math/MathML",Ke="http://www.w3.org/2000/svg",Ve="http://www.w3.org/1999/xhtml";let Ze=Ve,Je=!1,Qe=null;const et=S({},[$e,Ke,Ve],d);let tt=null;const nt=["application/xhtml+xml","text/html"],ot="text/html";let rt=null,it=null;const at=255,lt=r.createElement("form"),ct=function(e){return e instanceof RegExp||e instanceof Function},st=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!it||it!==e){if(e&&"object"==typeof e||(e={}),e=w(e),tt=-1===nt.indexOf(e.PARSER_MEDIA_TYPE)?ot:e.PARSER_MEDIA_TYPE,rt="application/xhtml+xml"===tt?d:f,Te=y(e,"ALLOWED_TAGS")?S({},e.ALLOWED_TAGS,rt):_e,ye=y(e,"ALLOWED_ATTR")?S({},e.ALLOWED_ATTR,rt):Ee,Qe=y(e,"ALLOWED_NAMESPACES")?S({},e.ALLOWED_NAMESPACES,d):et,Xe=y(e,"ADD_URI_SAFE_ATTR")?S(w(qe),e.ADD_URI_SAFE_ATTR,rt):qe,Ye=y(e,"ADD_DATA_URI_TAGS")?S(w(je),e.ADD_DATA_URI_TAGS,rt):je,We=y(e,"FORBID_CONTENTS")?S({},e.FORBID_CONTENTS,rt):Ge,Ne=y(e,"FORBID_TAGS")?S({},e.FORBID_TAGS,rt):{},be=y(e,"FORBID_ATTR")?S({},e.FORBID_ATTR,rt):{},Be=!!y(e,"USE_PROFILES")&&e.USE_PROFILES,Se=!1!==e.ALLOW_ARIA_ATTR,Re=!1!==e.ALLOW_DATA_ATTR,we=e.ALLOW_UNKNOWN_PROTOCOLS||!1,Ce=!1!==e.ALLOW_SELF_CLOSE_IN_ATTR,ve=e.SAFE_FOR_TEMPLATES||!1,Le=!1!==e.SAFE_FOR_XML,De=e.WHOLE_DOCUMENT||!1,ke=e.RETURN_DOM||!1,Me=e.RETURN_DOM_FRAGMENT||!1,Ie=e.RETURN_TRUSTED_TYPE||!1,xe=e.FORCE_BODY||!1,Ue=!1!==e.SANITIZE_DOM,Pe=e.SANITIZE_NAMED_PROPS||!1,He=!1!==e.KEEP_CONTENT,ze=e.IN_PLACE||!1,ge=e.ALLOWED_URI_REGEXP||Y,Ze=e.NAMESPACE||Ve,Ae=e.CUSTOM_ELEMENT_HANDLING||{},e.CUSTOM_ELEMENT_HANDLING&&ct(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(Ae.tagNameCheck=e.CUSTOM_ELEMENT_HANDLING.tagNameCheck),e.CUSTOM_ELEMENT_HANDLING&&ct(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(Ae.attributeNameCheck=e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),e.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(Ae.allowCustomizedBuiltInElements=e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),ve&&(Re=!1),Me&&(ke=!0),Be&&(Te=S({},M),ye=[],!0===Be.html&&(S(Te,v),S(ye,I)),!0===Be.svg&&(S(Te,L),S(ye,U),S(ye,F)),!0===Be.svgFilters&&(S(Te,D),S(ye,U),S(ye,F)),!0===Be.mathMl&&(S(Te,x),S(ye,P),S(ye,F))),e.ADD_TAGS&&(Te===_e&&(Te=w(Te)),S(Te,e.ADD_TAGS,rt)),e.ADD_ATTR&&(ye===Ee&&(ye=w(ye)),S(ye,e.ADD_ATTR,rt)),e.ADD_URI_SAFE_ATTR&&S(Xe,e.ADD_URI_SAFE_ATTR,rt),e.FORBID_CONTENTS&&(We===Ge&&(We=w(We)),S(We,e.FORBID_CONTENTS,rt)),He&&(Te["#text"]=!0),De&&S(Te,["html","head","body"]),Te.table&&(S(Te,["tbody"]),delete Ne.tbody),e.TRUSTED_TYPES_POLICY){if("function"!=typeof e.TRUSTED_TYPES_POLICY.createHTML)throw A('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if("function"!=typeof e.TRUSTED_TYPES_POLICY.createScriptURL)throw A('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');ee=e.TRUSTED_TYPES_POLICY,te=ee.createHTML("")}else void 0===ee&&(ee=Z(G,c)),null!==ee&&"string"==typeof te&&(te=ee.createHTML(""));i&&i(e),it=e}},ut=S({},["mi","mo","mn","ms","mtext"]),mt=S({},["foreignobject","annotation-xml"]),pt=S({},["title","style","font","a","script"]),ft=S({},[...L,...D,...O]),dt=S({},[...x,...k]),ht=function(e){let t=Q(e);t&&t.tagName||(t={namespaceURI:Ze,tagName:"template"});const n=f(e.tagName),o=f(t.tagName);return!!Qe[e.namespaceURI]&&(e.namespaceURI===Ke?t.namespaceURI===Ve?"svg"===n:t.namespaceURI===$e?"svg"===n&&("annotation-xml"===o||ut[o]):Boolean(ft[n]):e.namespaceURI===$e?t.namespaceURI===Ve?"math"===n:t.namespaceURI===Ke?"math"===n&&mt[o]:Boolean(dt[n]):e.namespaceURI===Ve?!(t.namespaceURI===Ke&&!mt[o])&&(!(t.namespaceURI===$e&&!ut[o])&&(!dt[n]&&(pt[n]||!ft[n]))):!("application/xhtml+xml"!==tt||!Qe[e.namespaceURI]))},gt=function(e){p(o.removed,{element:e});try{e.parentNode.removeChild(e)}catch(t){e.remove()}},Tt=function(e,t){try{p(o.removed,{attribute:t.getAttributeNode(e),from:t})}catch(e){p(o.removed,{attribute:null,from:t})}if(t.removeAttribute(e),"is"===e&&!ye[e])if(ke||Me)try{gt(t)}catch(e){}else try{t.setAttribute(e,"")}catch(e){}},_t=function(e){let t=null,n=null;if(xe)e=">16&255)/255;this.g=(a>>8&255)/255;this.b=(a&255)/255;return this},setRGB:function(a,b,c){this.r=a;this.g=b;this.b=c;return this},setHSL:function(){function a(a,c,d){0>d&&(d+=1);1d?c:d<2/3?a+6*(c-a)*(2/3-d):a}return function(b,c,d){b=THREE.Math.euclideanModulo(b,1);c=THREE.Math.clamp(c,0,1);d=THREE.Math.clamp(d,0,1);0===c?this.r=this.g=this.b=d:(c=.5>=d?d*(1+c):d+c-d*c,d=2*d-c,this.r=a(d,c,b+1/3),this.g=a(d,c,b),this.b=a(d,c,b-1/3));return this}}(),setStyle:function(a){function b(b){void 0!==b&&1>parseFloat(b)&&console.warn("THREE.Color: Alpha component of "+a+" will be ignored.")}var c;if(c=/^((?:rgb|hsl)a?)\(\s*([^\)]*)\)/.exec(a)){var d=c[2];switch(c[1]){case "rgb":case "rgba":if(c=
+/^(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*(,\s*([0-9]*\.?[0-9]+)\s*)?$/.exec(d))return this.r=Math.min(255,parseInt(c[1],10))/255,this.g=Math.min(255,parseInt(c[2],10))/255,this.b=Math.min(255,parseInt(c[3],10))/255,b(c[5]),this;if(c=/^(\d+)\%\s*,\s*(\d+)\%\s*,\s*(\d+)\%\s*(,\s*([0-9]*\.?[0-9]+)\s*)?$/.exec(d))return this.r=Math.min(100,parseInt(c[1],10))/100,this.g=Math.min(100,parseInt(c[2],10))/100,this.b=Math.min(100,parseInt(c[3],10))/100,b(c[5]),this;break;case "hsl":case "hsla":if(c=/^([0-9]*\.?[0-9]+)\s*,\s*(\d+)\%\s*,\s*(\d+)\%\s*(,\s*([0-9]*\.?[0-9]+)\s*)?$/.exec(d)){var d=
+parseFloat(c[1])/360,e=parseInt(c[2],10)/100,f=parseInt(c[3],10)/100;b(c[5]);return this.setHSL(d,e,f)}}}else if(c=/^\#([A-Fa-f0-9]+)$/.exec(a)){c=c[1];d=c.length;if(3===d)return this.r=parseInt(c.charAt(0)+c.charAt(0),16)/255,this.g=parseInt(c.charAt(1)+c.charAt(1),16)/255,this.b=parseInt(c.charAt(2)+c.charAt(2),16)/255,this;if(6===d)return this.r=parseInt(c.charAt(0)+c.charAt(1),16)/255,this.g=parseInt(c.charAt(2)+c.charAt(3),16)/255,this.b=parseInt(c.charAt(4)+c.charAt(5),16)/255,this}a&&0=h?k/(e+f):k/(2-e-f);switch(e){case b:g=(c-d)/k+(cf&&c>b?(c=2*Math.sqrt(1+c-f-b),this._w=(k-g)/c,this._x=.25*c,this._y=(a+e)/c,this._z=(d+h)/c):f>b?(c=2*Math.sqrt(1+f-c-b),this._w=(d-h)/c,this._x=(a+e)/c,this._y=
+.25*c,this._z=(g+k)/c):(c=2*Math.sqrt(1+b-c-f),this._w=(e-a)/c,this._x=(d+h)/c,this._y=(g+k)/c,this._z=.25*c);this.onChangeCallback();return this},setFromUnitVectors:function(){var a,b;return function(c,d){void 0===a&&(a=new THREE.Vector3);b=c.dot(d)+1;1E-6>b?(b=0,Math.abs(c.x)>Math.abs(c.z)?a.set(-c.y,c.x,0):a.set(0,-c.z,c.y)):a.crossVectors(c,d);this._x=a.x;this._y=a.y;this._z=a.z;this._w=b;return this.normalize()}}(),inverse:function(){return this.conjugate().normalize()},conjugate:function(){this._x*=
+-1;this._y*=-1;this._z*=-1;this.onChangeCallback();return this},dot:function(a){return this._x*a._x+this._y*a._y+this._z*a._z+this._w*a._w},lengthSq:function(){return this._x*this._x+this._y*this._y+this._z*this._z+this._w*this._w},length:function(){return Math.sqrt(this._x*this._x+this._y*this._y+this._z*this._z+this._w*this._w)},normalize:function(){var a=this.length();0===a?(this._z=this._y=this._x=0,this._w=1):(a=1/a,this._x*=a,this._y*=a,this._z*=a,this._w*=a);this.onChangeCallback();return this},
+multiply:function(a,b){return void 0!==b?(console.warn("THREE.Quaternion: .multiply() now only accepts one argument. Use .multiplyQuaternions( a, b ) instead."),this.multiplyQuaternions(a,b)):this.multiplyQuaternions(this,a)},premultiply:function(a){return this.multiplyQuaternions(a,this)},multiplyQuaternions:function(a,b){var c=a._x,d=a._y,e=a._z,f=a._w,g=b._x,h=b._y,k=b._z,l=b._w;this._x=c*l+f*g+d*k-e*h;this._y=d*l+f*h+e*g-c*k;this._z=e*l+f*k+c*h-d*g;this._w=f*l-c*g-d*h-e*k;this.onChangeCallback();
+return this},slerp:function(a,b){if(0===b)return this;if(1===b)return this.copy(a);var c=this._x,d=this._y,e=this._z,f=this._w,g=f*a._w+c*a._x+d*a._y+e*a._z;0>g?(this._w=-a._w,this._x=-a._x,this._y=-a._y,this._z=-a._z,g=-g):this.copy(a);if(1<=g)return this._w=f,this._x=c,this._y=d,this._z=e,this;var h=Math.sqrt(1-g*g);if(.001>Math.abs(h))return this._w=.5*(f+this._w),this._x=.5*(c+this._x),this._y=.5*(d+this._y),this._z=.5*(e+this._z),this;var k=Math.atan2(h,g),g=Math.sin((1-b)*k)/h,h=Math.sin(b*
+k)/h;this._w=f*g+this._w*h;this._x=c*g+this._x*h;this._y=d*g+this._y*h;this._z=e*g+this._z*h;this.onChangeCallback();return this},equals:function(a){return a._x===this._x&&a._y===this._y&&a._z===this._z&&a._w===this._w},fromArray:function(a,b){void 0===b&&(b=0);this._x=a[b];this._y=a[b+1];this._z=a[b+2];this._w=a[b+3];this.onChangeCallback();return this},toArray:function(a,b){void 0===a&&(a=[]);void 0===b&&(b=0);a[b]=this._x;a[b+1]=this._y;a[b+2]=this._z;a[b+3]=this._w;return a},onChange:function(a){this.onChangeCallback=
+a;return this},onChangeCallback:function(){}};
+Object.assign(THREE.Quaternion,{slerp:function(a,b,c,d){return c.copy(a).slerp(b,d)},slerpFlat:function(a,b,c,d,e,f,g){var h=c[d+0],k=c[d+1],l=c[d+2];c=c[d+3];d=e[f+0];var n=e[f+1],p=e[f+2];e=e[f+3];if(c!==e||h!==d||k!==n||l!==p){f=1-g;var m=h*d+k*n+l*p+c*e,q=0<=m?1:-1,r=1-m*m;r>Number.EPSILON&&(r=Math.sqrt(r),m=Math.atan2(r,m*q),f=Math.sin(f*m)/r,g=Math.sin(g*m)/r);q*=g;h=h*f+d*q;k=k*f+n*q;l=l*f+p*q;c=c*f+e*q;f===1-g&&(g=1/Math.sqrt(h*h+k*k+l*l+c*c),h*=g,k*=g,l*=g,c*=g)}a[b]=h;a[b+1]=k;a[b+2]=l;
+a[b+3]=c}});THREE.Vector2=function(a,b){this.x=a||0;this.y=b||0};
+THREE.Vector2.prototype={constructor:THREE.Vector2,get width(){return this.x},set width(a){this.x=a},get height(){return this.y},set height(a){this.y=a},set:function(a,b){this.x=a;this.y=b;return this},setScalar:function(a){this.y=this.x=a;return this},setX:function(a){this.x=a;return this},setY:function(a){this.y=a;return this},setComponent:function(a,b){switch(a){case 0:this.x=b;break;case 1:this.y=b;break;default:throw Error("index is out of range: "+a);}},getComponent:function(a){switch(a){case 0:return this.x;
+case 1:return this.y;default:throw Error("index is out of range: "+a);}},clone:function(){return new this.constructor(this.x,this.y)},copy:function(a){this.x=a.x;this.y=a.y;return this},add:function(a,b){if(void 0!==b)return console.warn("THREE.Vector2: .add() now only accepts one argument. Use .addVectors( a, b ) instead."),this.addVectors(a,b);this.x+=a.x;this.y+=a.y;return this},addScalar:function(a){this.x+=a;this.y+=a;return this},addVectors:function(a,b){this.x=a.x+b.x;this.y=a.y+b.y;return this},
+addScaledVector:function(a,b){this.x+=a.x*b;this.y+=a.y*b;return this},sub:function(a,b){if(void 0!==b)return console.warn("THREE.Vector2: .sub() now only accepts one argument. Use .subVectors( a, b ) instead."),this.subVectors(a,b);this.x-=a.x;this.y-=a.y;return this},subScalar:function(a){this.x-=a;this.y-=a;return this},subVectors:function(a,b){this.x=a.x-b.x;this.y=a.y-b.y;return this},multiply:function(a){this.x*=a.x;this.y*=a.y;return this},multiplyScalar:function(a){isFinite(a)?(this.x*=a,
+this.y*=a):this.y=this.x=0;return this},divide:function(a){this.x/=a.x;this.y/=a.y;return this},divideScalar:function(a){return this.multiplyScalar(1/a)},min:function(a){this.x=Math.min(this.x,a.x);this.y=Math.min(this.y,a.y);return this},max:function(a){this.x=Math.max(this.x,a.x);this.y=Math.max(this.y,a.y);return this},clamp:function(a,b){this.x=Math.max(a.x,Math.min(b.x,this.x));this.y=Math.max(a.y,Math.min(b.y,this.y));return this},clampScalar:function(){var a,b;return function(c,d){void 0===
+a&&(a=new THREE.Vector2,b=new THREE.Vector2);a.set(c,c);b.set(d,d);return this.clamp(a,b)}}(),clampLength:function(a,b){var c=this.length();return this.multiplyScalar(Math.max(a,Math.min(b,c))/c)},floor:function(){this.x=Math.floor(this.x);this.y=Math.floor(this.y);return this},ceil:function(){this.x=Math.ceil(this.x);this.y=Math.ceil(this.y);return this},round:function(){this.x=Math.round(this.x);this.y=Math.round(this.y);return this},roundToZero:function(){this.x=0>this.x?Math.ceil(this.x):Math.floor(this.x);
+this.y=0>this.y?Math.ceil(this.y):Math.floor(this.y);return this},negate:function(){this.x=-this.x;this.y=-this.y;return this},dot:function(a){return this.x*a.x+this.y*a.y},lengthSq:function(){return this.x*this.x+this.y*this.y},length:function(){return Math.sqrt(this.x*this.x+this.y*this.y)},lengthManhattan:function(){return Math.abs(this.x)+Math.abs(this.y)},normalize:function(){return this.divideScalar(this.length())},angle:function(){var a=Math.atan2(this.y,this.x);0>a&&(a+=2*Math.PI);return a},
+distanceTo:function(a){return Math.sqrt(this.distanceToSquared(a))},distanceToSquared:function(a){var b=this.x-a.x;a=this.y-a.y;return b*b+a*a},setLength:function(a){return this.multiplyScalar(a/this.length())},lerp:function(a,b){this.x+=(a.x-this.x)*b;this.y+=(a.y-this.y)*b;return this},lerpVectors:function(a,b,c){return this.subVectors(b,a).multiplyScalar(c).add(a)},equals:function(a){return a.x===this.x&&a.y===this.y},fromArray:function(a,b){void 0===b&&(b=0);this.x=a[b];this.y=a[b+1];return this},
+toArray:function(a,b){void 0===a&&(a=[]);void 0===b&&(b=0);a[b]=this.x;a[b+1]=this.y;return a},fromAttribute:function(a,b,c){void 0===c&&(c=0);b=b*a.itemSize+c;this.x=a.array[b];this.y=a.array[b+1];return this},rotateAround:function(a,b){var c=Math.cos(b),d=Math.sin(b),e=this.x-a.x,f=this.y-a.y;this.x=e*c-f*d+a.x;this.y=e*d+f*c+a.y;return this}};THREE.Vector3=function(a,b,c){this.x=a||0;this.y=b||0;this.z=c||0};
+THREE.Vector3.prototype={constructor:THREE.Vector3,set:function(a,b,c){this.x=a;this.y=b;this.z=c;return this},setScalar:function(a){this.z=this.y=this.x=a;return this},setX:function(a){this.x=a;return this},setY:function(a){this.y=a;return this},setZ:function(a){this.z=a;return this},setComponent:function(a,b){switch(a){case 0:this.x=b;break;case 1:this.y=b;break;case 2:this.z=b;break;default:throw Error("index is out of range: "+a);}},getComponent:function(a){switch(a){case 0:return this.x;case 1:return this.y;
+case 2:return this.z;default:throw Error("index is out of range: "+a);}},clone:function(){return new this.constructor(this.x,this.y,this.z)},copy:function(a){this.x=a.x;this.y=a.y;this.z=a.z;return this},add:function(a,b){if(void 0!==b)return console.warn("THREE.Vector3: .add() now only accepts one argument. Use .addVectors( a, b ) instead."),this.addVectors(a,b);this.x+=a.x;this.y+=a.y;this.z+=a.z;return this},addScalar:function(a){this.x+=a;this.y+=a;this.z+=a;return this},addVectors:function(a,
+b){this.x=a.x+b.x;this.y=a.y+b.y;this.z=a.z+b.z;return this},addScaledVector:function(a,b){this.x+=a.x*b;this.y+=a.y*b;this.z+=a.z*b;return this},sub:function(a,b){if(void 0!==b)return console.warn("THREE.Vector3: .sub() now only accepts one argument. Use .subVectors( a, b ) instead."),this.subVectors(a,b);this.x-=a.x;this.y-=a.y;this.z-=a.z;return this},subScalar:function(a){this.x-=a;this.y-=a;this.z-=a;return this},subVectors:function(a,b){this.x=a.x-b.x;this.y=a.y-b.y;this.z=a.z-b.z;return this},
+multiply:function(a,b){if(void 0!==b)return console.warn("THREE.Vector3: .multiply() now only accepts one argument. Use .multiplyVectors( a, b ) instead."),this.multiplyVectors(a,b);this.x*=a.x;this.y*=a.y;this.z*=a.z;return this},multiplyScalar:function(a){isFinite(a)?(this.x*=a,this.y*=a,this.z*=a):this.z=this.y=this.x=0;return this},multiplyVectors:function(a,b){this.x=a.x*b.x;this.y=a.y*b.y;this.z=a.z*b.z;return this},applyEuler:function(){var a;return function(b){!1===b instanceof THREE.Euler&&
+console.error("THREE.Vector3: .applyEuler() now expects an Euler rotation rather than a Vector3 and order.");void 0===a&&(a=new THREE.Quaternion);return this.applyQuaternion(a.setFromEuler(b))}}(),applyAxisAngle:function(){var a;return function(b,c){void 0===a&&(a=new THREE.Quaternion);return this.applyQuaternion(a.setFromAxisAngle(b,c))}}(),applyMatrix3:function(a){var b=this.x,c=this.y,d=this.z;a=a.elements;this.x=a[0]*b+a[3]*c+a[6]*d;this.y=a[1]*b+a[4]*c+a[7]*d;this.z=a[2]*b+a[5]*c+a[8]*d;return this},
+applyMatrix4:function(a){var b=this.x,c=this.y,d=this.z;a=a.elements;this.x=a[0]*b+a[4]*c+a[8]*d+a[12];this.y=a[1]*b+a[5]*c+a[9]*d+a[13];this.z=a[2]*b+a[6]*c+a[10]*d+a[14];return this},applyProjection:function(a){var b=this.x,c=this.y,d=this.z;a=a.elements;var e=1/(a[3]*b+a[7]*c+a[11]*d+a[15]);this.x=(a[0]*b+a[4]*c+a[8]*d+a[12])*e;this.y=(a[1]*b+a[5]*c+a[9]*d+a[13])*e;this.z=(a[2]*b+a[6]*c+a[10]*d+a[14])*e;return this},applyQuaternion:function(a){var b=this.x,c=this.y,d=this.z,e=a.x,f=a.y,g=a.z;a=
+a.w;var h=a*b+f*d-g*c,k=a*c+g*b-e*d,l=a*d+e*c-f*b,b=-e*b-f*c-g*d;this.x=h*a+b*-e+k*-g-l*-f;this.y=k*a+b*-f+l*-e-h*-g;this.z=l*a+b*-g+h*-f-k*-e;return this},project:function(){var a;return function(b){void 0===a&&(a=new THREE.Matrix4);a.multiplyMatrices(b.projectionMatrix,a.getInverse(b.matrixWorld));return this.applyProjection(a)}}(),unproject:function(){var a;return function(b){void 0===a&&(a=new THREE.Matrix4);a.multiplyMatrices(b.matrixWorld,a.getInverse(b.projectionMatrix));return this.applyProjection(a)}}(),
+transformDirection:function(a){var b=this.x,c=this.y,d=this.z;a=a.elements;this.x=a[0]*b+a[4]*c+a[8]*d;this.y=a[1]*b+a[5]*c+a[9]*d;this.z=a[2]*b+a[6]*c+a[10]*d;return this.normalize()},divide:function(a){this.x/=a.x;this.y/=a.y;this.z/=a.z;return this},divideScalar:function(a){return this.multiplyScalar(1/a)},min:function(a){this.x=Math.min(this.x,a.x);this.y=Math.min(this.y,a.y);this.z=Math.min(this.z,a.z);return this},max:function(a){this.x=Math.max(this.x,a.x);this.y=Math.max(this.y,a.y);this.z=
+Math.max(this.z,a.z);return this},clamp:function(a,b){this.x=Math.max(a.x,Math.min(b.x,this.x));this.y=Math.max(a.y,Math.min(b.y,this.y));this.z=Math.max(a.z,Math.min(b.z,this.z));return this},clampScalar:function(){var a,b;return function(c,d){void 0===a&&(a=new THREE.Vector3,b=new THREE.Vector3);a.set(c,c,c);b.set(d,d,d);return this.clamp(a,b)}}(),clampLength:function(a,b){var c=this.length();return this.multiplyScalar(Math.max(a,Math.min(b,c))/c)},floor:function(){this.x=Math.floor(this.x);this.y=
+Math.floor(this.y);this.z=Math.floor(this.z);return this},ceil:function(){this.x=Math.ceil(this.x);this.y=Math.ceil(this.y);this.z=Math.ceil(this.z);return this},round:function(){this.x=Math.round(this.x);this.y=Math.round(this.y);this.z=Math.round(this.z);return this},roundToZero:function(){this.x=0>this.x?Math.ceil(this.x):Math.floor(this.x);this.y=0>this.y?Math.ceil(this.y):Math.floor(this.y);this.z=0>this.z?Math.ceil(this.z):Math.floor(this.z);return this},negate:function(){this.x=-this.x;this.y=
+-this.y;this.z=-this.z;return this},dot:function(a){return this.x*a.x+this.y*a.y+this.z*a.z},lengthSq:function(){return this.x*this.x+this.y*this.y+this.z*this.z},length:function(){return Math.sqrt(this.x*this.x+this.y*this.y+this.z*this.z)},lengthManhattan:function(){return Math.abs(this.x)+Math.abs(this.y)+Math.abs(this.z)},normalize:function(){return this.divideScalar(this.length())},setLength:function(a){return this.multiplyScalar(a/this.length())},lerp:function(a,b){this.x+=(a.x-this.x)*b;this.y+=
+(a.y-this.y)*b;this.z+=(a.z-this.z)*b;return this},lerpVectors:function(a,b,c){return this.subVectors(b,a).multiplyScalar(c).add(a)},cross:function(a,b){if(void 0!==b)return console.warn("THREE.Vector3: .cross() now only accepts one argument. Use .crossVectors( a, b ) instead."),this.crossVectors(a,b);var c=this.x,d=this.y,e=this.z;this.x=d*a.z-e*a.y;this.y=e*a.x-c*a.z;this.z=c*a.y-d*a.x;return this},crossVectors:function(a,b){var c=a.x,d=a.y,e=a.z,f=b.x,g=b.y,h=b.z;this.x=d*h-e*g;this.y=e*f-c*h;
+this.z=c*g-d*f;return this},projectOnVector:function(){var a,b;return function(c){void 0===a&&(a=new THREE.Vector3);a.copy(c).normalize();b=this.dot(a);return this.copy(a).multiplyScalar(b)}}(),projectOnPlane:function(){var a;return function(b){void 0===a&&(a=new THREE.Vector3);a.copy(this).projectOnVector(b);return this.sub(a)}}(),reflect:function(){var a;return function(b){void 0===a&&(a=new THREE.Vector3);return this.sub(a.copy(b).multiplyScalar(2*this.dot(b)))}}(),angleTo:function(a){a=this.dot(a)/
+Math.sqrt(this.lengthSq()*a.lengthSq());return Math.acos(THREE.Math.clamp(a,-1,1))},distanceTo:function(a){return Math.sqrt(this.distanceToSquared(a))},distanceToSquared:function(a){var b=this.x-a.x,c=this.y-a.y;a=this.z-a.z;return b*b+c*c+a*a},setFromSpherical:function(a){var b=Math.sin(a.phi)*a.radius;this.x=b*Math.sin(a.theta);this.y=Math.cos(a.phi)*a.radius;this.z=b*Math.cos(a.theta);return this},setFromMatrixPosition:function(a){return this.setFromMatrixColumn(a,3)},setFromMatrixScale:function(a){var b=
+this.setFromMatrixColumn(a,0).length(),c=this.setFromMatrixColumn(a,1).length();a=this.setFromMatrixColumn(a,2).length();this.x=b;this.y=c;this.z=a;return this},setFromMatrixColumn:function(a,b){if("number"===typeof a){console.warn("THREE.Vector3: setFromMatrixColumn now expects ( matrix, index ).");var c=a;a=b;b=c}return this.fromArray(a.elements,4*b)},equals:function(a){return a.x===this.x&&a.y===this.y&&a.z===this.z},fromArray:function(a,b){void 0===b&&(b=0);this.x=a[b];this.y=a[b+1];this.z=a[b+
+2];return this},toArray:function(a,b){void 0===a&&(a=[]);void 0===b&&(b=0);a[b]=this.x;a[b+1]=this.y;a[b+2]=this.z;return a},fromAttribute:function(a,b,c){void 0===c&&(c=0);b=b*a.itemSize+c;this.x=a.array[b];this.y=a.array[b+1];this.z=a.array[b+2];return this}};THREE.Vector4=function(a,b,c,d){this.x=a||0;this.y=b||0;this.z=c||0;this.w=void 0!==d?d:1};
+THREE.Vector4.prototype={constructor:THREE.Vector4,set:function(a,b,c,d){this.x=a;this.y=b;this.z=c;this.w=d;return this},setScalar:function(a){this.w=this.z=this.y=this.x=a;return this},setX:function(a){this.x=a;return this},setY:function(a){this.y=a;return this},setZ:function(a){this.z=a;return this},setW:function(a){this.w=a;return this},setComponent:function(a,b){switch(a){case 0:this.x=b;break;case 1:this.y=b;break;case 2:this.z=b;break;case 3:this.w=b;break;default:throw Error("index is out of range: "+
+a);}},getComponent:function(a){switch(a){case 0:return this.x;case 1:return this.y;case 2:return this.z;case 3:return this.w;default:throw Error("index is out of range: "+a);}},clone:function(){return new this.constructor(this.x,this.y,this.z,this.w)},copy:function(a){this.x=a.x;this.y=a.y;this.z=a.z;this.w=void 0!==a.w?a.w:1;return this},add:function(a,b){if(void 0!==b)return console.warn("THREE.Vector4: .add() now only accepts one argument. Use .addVectors( a, b ) instead."),this.addVectors(a,b);
+this.x+=a.x;this.y+=a.y;this.z+=a.z;this.w+=a.w;return this},addScalar:function(a){this.x+=a;this.y+=a;this.z+=a;this.w+=a;return this},addVectors:function(a,b){this.x=a.x+b.x;this.y=a.y+b.y;this.z=a.z+b.z;this.w=a.w+b.w;return this},addScaledVector:function(a,b){this.x+=a.x*b;this.y+=a.y*b;this.z+=a.z*b;this.w+=a.w*b;return this},sub:function(a,b){if(void 0!==b)return console.warn("THREE.Vector4: .sub() now only accepts one argument. Use .subVectors( a, b ) instead."),this.subVectors(a,b);this.x-=
+a.x;this.y-=a.y;this.z-=a.z;this.w-=a.w;return this},subScalar:function(a){this.x-=a;this.y-=a;this.z-=a;this.w-=a;return this},subVectors:function(a,b){this.x=a.x-b.x;this.y=a.y-b.y;this.z=a.z-b.z;this.w=a.w-b.w;return this},multiplyScalar:function(a){isFinite(a)?(this.x*=a,this.y*=a,this.z*=a,this.w*=a):this.w=this.z=this.y=this.x=0;return this},applyMatrix4:function(a){var b=this.x,c=this.y,d=this.z,e=this.w;a=a.elements;this.x=a[0]*b+a[4]*c+a[8]*d+a[12]*e;this.y=a[1]*b+a[5]*c+a[9]*d+a[13]*e;this.z=
+a[2]*b+a[6]*c+a[10]*d+a[14]*e;this.w=a[3]*b+a[7]*c+a[11]*d+a[15]*e;return this},divideScalar:function(a){return this.multiplyScalar(1/a)},setAxisAngleFromQuaternion:function(a){this.w=2*Math.acos(a.w);var b=Math.sqrt(1-a.w*a.w);1E-4>b?(this.x=1,this.z=this.y=0):(this.x=a.x/b,this.y=a.y/b,this.z=a.z/b);return this},setAxisAngleFromRotationMatrix:function(a){var b,c,d;a=a.elements;var e=a[0];d=a[4];var f=a[8],g=a[1],h=a[5],k=a[9];c=a[2];b=a[6];var l=a[10];if(.01>Math.abs(d-g)&&.01>Math.abs(f-c)&&.01>
+Math.abs(k-b)){if(.1>Math.abs(d+g)&&.1>Math.abs(f+c)&&.1>Math.abs(k+b)&&.1>Math.abs(e+h+l-3))return this.set(1,0,0,0),this;a=Math.PI;e=(e+1)/2;h=(h+1)/2;l=(l+1)/2;d=(d+g)/4;f=(f+c)/4;k=(k+b)/4;e>h&&e>l?.01>e?(b=0,d=c=.707106781):(b=Math.sqrt(e),c=d/b,d=f/b):h>l?.01>h?(b=.707106781,c=0,d=.707106781):(c=Math.sqrt(h),b=d/c,d=k/c):.01>l?(c=b=.707106781,d=0):(d=Math.sqrt(l),b=f/d,c=k/d);this.set(b,c,d,a);return this}a=Math.sqrt((b-k)*(b-k)+(f-c)*(f-c)+(g-d)*(g-d));.001>Math.abs(a)&&(a=1);this.x=(b-k)/
+a;this.y=(f-c)/a;this.z=(g-d)/a;this.w=Math.acos((e+h+l-1)/2);return this},min:function(a){this.x=Math.min(this.x,a.x);this.y=Math.min(this.y,a.y);this.z=Math.min(this.z,a.z);this.w=Math.min(this.w,a.w);return this},max:function(a){this.x=Math.max(this.x,a.x);this.y=Math.max(this.y,a.y);this.z=Math.max(this.z,a.z);this.w=Math.max(this.w,a.w);return this},clamp:function(a,b){this.x=Math.max(a.x,Math.min(b.x,this.x));this.y=Math.max(a.y,Math.min(b.y,this.y));this.z=Math.max(a.z,Math.min(b.z,this.z));
+this.w=Math.max(a.w,Math.min(b.w,this.w));return this},clampScalar:function(){var a,b;return function(c,d){void 0===a&&(a=new THREE.Vector4,b=new THREE.Vector4);a.set(c,c,c,c);b.set(d,d,d,d);return this.clamp(a,b)}}(),floor:function(){this.x=Math.floor(this.x);this.y=Math.floor(this.y);this.z=Math.floor(this.z);this.w=Math.floor(this.w);return this},ceil:function(){this.x=Math.ceil(this.x);this.y=Math.ceil(this.y);this.z=Math.ceil(this.z);this.w=Math.ceil(this.w);return this},round:function(){this.x=
+Math.round(this.x);this.y=Math.round(this.y);this.z=Math.round(this.z);this.w=Math.round(this.w);return this},roundToZero:function(){this.x=0>this.x?Math.ceil(this.x):Math.floor(this.x);this.y=0>this.y?Math.ceil(this.y):Math.floor(this.y);this.z=0>this.z?Math.ceil(this.z):Math.floor(this.z);this.w=0>this.w?Math.ceil(this.w):Math.floor(this.w);return this},negate:function(){this.x=-this.x;this.y=-this.y;this.z=-this.z;this.w=-this.w;return this},dot:function(a){return this.x*a.x+this.y*a.y+this.z*
+a.z+this.w*a.w},lengthSq:function(){return this.x*this.x+this.y*this.y+this.z*this.z+this.w*this.w},length:function(){return Math.sqrt(this.x*this.x+this.y*this.y+this.z*this.z+this.w*this.w)},lengthManhattan:function(){return Math.abs(this.x)+Math.abs(this.y)+Math.abs(this.z)+Math.abs(this.w)},normalize:function(){return this.divideScalar(this.length())},setLength:function(a){return this.multiplyScalar(a/this.length())},lerp:function(a,b){this.x+=(a.x-this.x)*b;this.y+=(a.y-this.y)*b;this.z+=(a.z-
+this.z)*b;this.w+=(a.w-this.w)*b;return this},lerpVectors:function(a,b,c){return this.subVectors(b,a).multiplyScalar(c).add(a)},equals:function(a){return a.x===this.x&&a.y===this.y&&a.z===this.z&&a.w===this.w},fromArray:function(a,b){void 0===b&&(b=0);this.x=a[b];this.y=a[b+1];this.z=a[b+2];this.w=a[b+3];return this},toArray:function(a,b){void 0===a&&(a=[]);void 0===b&&(b=0);a[b]=this.x;a[b+1]=this.y;a[b+2]=this.z;a[b+3]=this.w;return a},fromAttribute:function(a,b,c){void 0===c&&(c=0);b=b*a.itemSize+
+c;this.x=a.array[b];this.y=a.array[b+1];this.z=a.array[b+2];this.w=a.array[b+3];return this}};THREE.Euler=function(a,b,c,d){this._x=a||0;this._y=b||0;this._z=c||0;this._order=d||THREE.Euler.DefaultOrder};THREE.Euler.RotationOrders="XYZ YZX ZXY XZY YXZ ZYX".split(" ");THREE.Euler.DefaultOrder="XYZ";
+THREE.Euler.prototype={constructor:THREE.Euler,get x(){return this._x},set x(a){this._x=a;this.onChangeCallback()},get y(){return this._y},set y(a){this._y=a;this.onChangeCallback()},get z(){return this._z},set z(a){this._z=a;this.onChangeCallback()},get order(){return this._order},set order(a){this._order=a;this.onChangeCallback()},set:function(a,b,c,d){this._x=a;this._y=b;this._z=c;this._order=d||this._order;this.onChangeCallback();return this},clone:function(){return new this.constructor(this._x,
+this._y,this._z,this._order)},copy:function(a){this._x=a._x;this._y=a._y;this._z=a._z;this._order=a._order;this.onChangeCallback();return this},setFromRotationMatrix:function(a,b,c){var d=THREE.Math.clamp,e=a.elements;a=e[0];var f=e[4],g=e[8],h=e[1],k=e[5],l=e[9],n=e[2],p=e[6],e=e[10];b=b||this._order;"XYZ"===b?(this._y=Math.asin(d(g,-1,1)),.99999>Math.abs(g)?(this._x=Math.atan2(-l,e),this._z=Math.atan2(-f,a)):(this._x=Math.atan2(p,k),this._z=0)):"YXZ"===b?(this._x=Math.asin(-d(l,-1,1)),.99999>Math.abs(l)?
+(this._y=Math.atan2(g,e),this._z=Math.atan2(h,k)):(this._y=Math.atan2(-n,a),this._z=0)):"ZXY"===b?(this._x=Math.asin(d(p,-1,1)),.99999>Math.abs(p)?(this._y=Math.atan2(-n,e),this._z=Math.atan2(-f,k)):(this._y=0,this._z=Math.atan2(h,a))):"ZYX"===b?(this._y=Math.asin(-d(n,-1,1)),.99999>Math.abs(n)?(this._x=Math.atan2(p,e),this._z=Math.atan2(h,a)):(this._x=0,this._z=Math.atan2(-f,k))):"YZX"===b?(this._z=Math.asin(d(h,-1,1)),.99999>Math.abs(h)?(this._x=Math.atan2(-l,k),this._y=Math.atan2(-n,a)):(this._x=
+0,this._y=Math.atan2(g,e))):"XZY"===b?(this._z=Math.asin(-d(f,-1,1)),.99999>Math.abs(f)?(this._x=Math.atan2(p,k),this._y=Math.atan2(g,a)):(this._x=Math.atan2(-l,e),this._y=0)):console.warn("THREE.Euler: .setFromRotationMatrix() given unsupported order: "+b);this._order=b;if(!1!==c)this.onChangeCallback();return this},setFromQuaternion:function(){var a;return function(b,c,d){void 0===a&&(a=new THREE.Matrix4);a.makeRotationFromQuaternion(b);return this.setFromRotationMatrix(a,c,d)}}(),setFromVector3:function(a,
+b){return this.set(a.x,a.y,a.z,b||this._order)},reorder:function(){var a=new THREE.Quaternion;return function(b){a.setFromEuler(this);return this.setFromQuaternion(a,b)}}(),equals:function(a){return a._x===this._x&&a._y===this._y&&a._z===this._z&&a._order===this._order},fromArray:function(a){this._x=a[0];this._y=a[1];this._z=a[2];void 0!==a[3]&&(this._order=a[3]);this.onChangeCallback();return this},toArray:function(a,b){void 0===a&&(a=[]);void 0===b&&(b=0);a[b]=this._x;a[b+1]=this._y;a[b+2]=this._z;
+a[b+3]=this._order;return a},toVector3:function(a){return a?a.set(this._x,this._y,this._z):new THREE.Vector3(this._x,this._y,this._z)},onChange:function(a){this.onChangeCallback=a;return this},onChangeCallback:function(){}};THREE.Line3=function(a,b){this.start=void 0!==a?a:new THREE.Vector3;this.end=void 0!==b?b:new THREE.Vector3};
+THREE.Line3.prototype={constructor:THREE.Line3,set:function(a,b){this.start.copy(a);this.end.copy(b);return this},clone:function(){return(new this.constructor).copy(this)},copy:function(a){this.start.copy(a.start);this.end.copy(a.end);return this},center:function(a){return(a||new THREE.Vector3).addVectors(this.start,this.end).multiplyScalar(.5)},delta:function(a){return(a||new THREE.Vector3).subVectors(this.end,this.start)},distanceSq:function(){return this.start.distanceToSquared(this.end)},distance:function(){return this.start.distanceTo(this.end)},
+at:function(a,b){var c=b||new THREE.Vector3;return this.delta(c).multiplyScalar(a).add(this.start)},closestPointToPointParameter:function(){var a=new THREE.Vector3,b=new THREE.Vector3;return function(c,d){a.subVectors(c,this.start);b.subVectors(this.end,this.start);var e=b.dot(b),e=b.dot(a)/e;d&&(e=THREE.Math.clamp(e,0,1));return e}}(),closestPointToPoint:function(a,b,c){a=this.closestPointToPointParameter(a,b);c=c||new THREE.Vector3;return this.delta(c).multiplyScalar(a).add(this.start)},applyMatrix4:function(a){this.start.applyMatrix4(a);
+this.end.applyMatrix4(a);return this},equals:function(a){return a.start.equals(this.start)&&a.end.equals(this.end)}};THREE.Box2=function(a,b){this.min=void 0!==a?a:new THREE.Vector2(Infinity,Infinity);this.max=void 0!==b?b:new THREE.Vector2(-Infinity,-Infinity)};
+THREE.Box2.prototype={constructor:THREE.Box2,set:function(a,b){this.min.copy(a);this.max.copy(b);return this},setFromPoints:function(a){this.makeEmpty();for(var b=0,c=a.length;bthis.max.x||a.ythis.max.y?!1:!0},containsBox:function(a){return this.min.x<=a.min.x&&a.max.x<=this.max.x&&this.min.y<=a.min.y&&a.max.y<=this.max.y?!0:!1},getParameter:function(a,b){return(b||new THREE.Vector2).set((a.x-this.min.x)/(this.max.x-this.min.x),(a.y-this.min.y)/(this.max.y-this.min.y))},intersectsBox:function(a){return a.max.xthis.max.x||a.max.y
+this.max.y?!1:!0},clampPoint:function(a,b){return(b||new THREE.Vector2).copy(a).clamp(this.min,this.max)},distanceToPoint:function(){var a=new THREE.Vector2;return function(b){return a.copy(b).clamp(this.min,this.max).sub(b).length()}}(),intersect:function(a){this.min.max(a.min);this.max.min(a.max);return this},union:function(a){this.min.min(a.min);this.max.max(a.max);return this},translate:function(a){this.min.add(a);this.max.add(a);return this},equals:function(a){return a.min.equals(this.min)&&
+a.max.equals(this.max)}};THREE.Box3=function(a,b){this.min=void 0!==a?a:new THREE.Vector3(Infinity,Infinity,Infinity);this.max=void 0!==b?b:new THREE.Vector3(-Infinity,-Infinity,-Infinity)};
+THREE.Box3.prototype={constructor:THREE.Box3,set:function(a,b){this.min.copy(a);this.max.copy(b);return this},setFromArray:function(a){for(var b=Infinity,c=Infinity,d=Infinity,e=-Infinity,f=-Infinity,g=-Infinity,h=0,k=a.length;he&&(e=l);n>f&&(f=n);p>g&&(g=p)}this.min.set(b,c,d);this.max.set(e,f,g)},setFromPoints:function(a){this.makeEmpty();for(var b=0,c=a.length;bthis.max.x||a.ythis.max.y||a.z<
+this.min.z||a.z>this.max.z?!1:!0},containsBox:function(a){return this.min.x<=a.min.x&&a.max.x<=this.max.x&&this.min.y<=a.min.y&&a.max.y<=this.max.y&&this.min.z<=a.min.z&&a.max.z<=this.max.z?!0:!1},getParameter:function(a,b){return(b||new THREE.Vector3).set((a.x-this.min.x)/(this.max.x-this.min.x),(a.y-this.min.y)/(this.max.y-this.min.y),(a.z-this.min.z)/(this.max.z-this.min.z))},intersectsBox:function(a){return a.max.xthis.max.x||a.max.ythis.max.y||a.max.z<
+this.min.z||a.min.z>this.max.z?!1:!0},intersectsSphere:function(){var a;return function(b){void 0===a&&(a=new THREE.Vector3);this.clampPoint(b.center,a);return a.distanceToSquared(b.center)<=b.radius*b.radius}}(),intersectsPlane:function(a){var b,c;0=a.constant},clampPoint:function(a,b){return(b||new THREE.Vector3).copy(a).clamp(this.min,this.max)},distanceToPoint:function(){var a=new THREE.Vector3;return function(b){return a.copy(b).clamp(this.min,this.max).sub(b).length()}}(),getBoundingSphere:function(){var a=new THREE.Vector3;return function(b){b=b||new THREE.Sphere;b.center=this.center();b.radius=.5*this.size(a).length();return b}}(),
+intersect:function(a){this.min.max(a.min);this.max.min(a.max);this.isEmpty()&&this.makeEmpty();return this},union:function(a){this.min.min(a.min);this.max.max(a.max);return this},applyMatrix4:function(){var a=[new THREE.Vector3,new THREE.Vector3,new THREE.Vector3,new THREE.Vector3,new THREE.Vector3,new THREE.Vector3,new THREE.Vector3,new THREE.Vector3];return function(b){if(this.isEmpty())return this;a[0].set(this.min.x,this.min.y,this.min.z).applyMatrix4(b);a[1].set(this.min.x,this.min.y,this.max.z).applyMatrix4(b);
+a[2].set(this.min.x,this.max.y,this.min.z).applyMatrix4(b);a[3].set(this.min.x,this.max.y,this.max.z).applyMatrix4(b);a[4].set(this.max.x,this.min.y,this.min.z).applyMatrix4(b);a[5].set(this.max.x,this.min.y,this.max.z).applyMatrix4(b);a[6].set(this.max.x,this.max.y,this.min.z).applyMatrix4(b);a[7].set(this.max.x,this.max.y,this.max.z).applyMatrix4(b);this.setFromPoints(a);return this}}(),translate:function(a){this.min.add(a);this.max.add(a);return this},equals:function(a){return a.min.equals(this.min)&&
+a.max.equals(this.max)}};THREE.Matrix3=function(){this.elements=new Float32Array([1,0,0,0,1,0,0,0,1]);0this.determinant()&&(g=-g);c.x=f[12];c.y=f[13];c.z=f[14];b.elements.set(this.elements);c=1/g;var f=1/h,l=1/k;b.elements[0]*=c;b.elements[1]*=c;
+b.elements[2]*=c;b.elements[4]*=f;b.elements[5]*=f;b.elements[6]*=f;b.elements[8]*=l;b.elements[9]*=l;b.elements[10]*=l;d.setFromRotationMatrix(b);e.x=g;e.y=h;e.z=k;return this}}(),makeFrustum:function(a,b,c,d,e,f){var g=this.elements;g[0]=2*e/(b-a);g[4]=0;g[8]=(b+a)/(b-a);g[12]=0;g[1]=0;g[5]=2*e/(d-c);g[9]=(d+c)/(d-c);g[13]=0;g[2]=0;g[6]=0;g[10]=-(f+e)/(f-e);g[14]=-2*f*e/(f-e);g[3]=0;g[7]=0;g[11]=-1;g[15]=0;return this},makePerspective:function(a,b,c,d){a=c*Math.tan(THREE.Math.DEG2RAD*a*.5);var e=
+-a;return this.makeFrustum(e*b,a*b,e,a,c,d)},makeOrthographic:function(a,b,c,d,e,f){var g=this.elements,h=1/(b-a),k=1/(c-d),l=1/(f-e);g[0]=2*h;g[4]=0;g[8]=0;g[12]=-((b+a)*h);g[1]=0;g[5]=2*k;g[9]=0;g[13]=-((c+d)*k);g[2]=0;g[6]=0;g[10]=-2*l;g[14]=-((f+e)*l);g[3]=0;g[7]=0;g[11]=0;g[15]=1;return this},equals:function(a){var b=this.elements;a=a.elements;for(var c=0;16>c;c++)if(b[c]!==a[c])return!1;return!0},fromArray:function(a){this.elements.set(a);return this},toArray:function(a,b){void 0===a&&(a=[]);
+void 0===b&&(b=0);var c=this.elements;a[b]=c[0];a[b+1]=c[1];a[b+2]=c[2];a[b+3]=c[3];a[b+4]=c[4];a[b+5]=c[5];a[b+6]=c[6];a[b+7]=c[7];a[b+8]=c[8];a[b+9]=c[9];a[b+10]=c[10];a[b+11]=c[11];a[b+12]=c[12];a[b+13]=c[13];a[b+14]=c[14];a[b+15]=c[15];return a}};THREE.Ray=function(a,b){this.origin=void 0!==a?a:new THREE.Vector3;this.direction=void 0!==b?b:new THREE.Vector3};
+THREE.Ray.prototype={constructor:THREE.Ray,set:function(a,b){this.origin.copy(a);this.direction.copy(b);return this},clone:function(){return(new this.constructor).copy(this)},copy:function(a){this.origin.copy(a.origin);this.direction.copy(a.direction);return this},at:function(a,b){return(b||new THREE.Vector3).copy(this.direction).multiplyScalar(a).add(this.origin)},lookAt:function(a){this.direction.copy(a).sub(this.origin).normalize();return this},recast:function(){var a=new THREE.Vector3;return function(b){this.origin.copy(this.at(b,
+a));return this}}(),closestPointToPoint:function(a,b){var c=b||new THREE.Vector3;c.subVectors(a,this.origin);var d=c.dot(this.direction);return 0>d?c.copy(this.origin):c.copy(this.direction).multiplyScalar(d).add(this.origin)},distanceToPoint:function(a){return Math.sqrt(this.distanceSqToPoint(a))},distanceSqToPoint:function(){var a=new THREE.Vector3;return function(b){var c=a.subVectors(b,this.origin).dot(this.direction);if(0>c)return this.origin.distanceToSquared(b);a.copy(this.direction).multiplyScalar(c).add(this.origin);
+return a.distanceToSquared(b)}}(),distanceSqToSegment:function(){var a=new THREE.Vector3,b=new THREE.Vector3,c=new THREE.Vector3;return function(d,e,f,g){a.copy(d).add(e).multiplyScalar(.5);b.copy(e).sub(d).normalize();c.copy(this.origin).sub(a);var h=.5*d.distanceTo(e),k=-this.direction.dot(b),l=c.dot(this.direction),n=-c.dot(b),p=c.lengthSq(),m=Math.abs(1-k*k),q;0=-q?e<=q?(h=1/m,d*=h,e*=h,k=d*(d+k*e+2*l)+e*(k*d+e+2*n)+p):(e=h,d=Math.max(0,-(k*e+l)),k=-d*d+e*(e+2*
+n)+p):(e=-h,d=Math.max(0,-(k*e+l)),k=-d*d+e*(e+2*n)+p):e<=-q?(d=Math.max(0,-(-k*h+l)),e=0f)return null;f=Math.sqrt(f-e);e=d-f;d+=f;return 0>e&&0>d?null:0>e?this.at(d,c):this.at(e,c)}}(),intersectsSphere:function(a){return this.distanceToPoint(a.center)<=a.radius},distanceToPlane:function(a){var b=a.normal.dot(this.direction);if(0===b)return 0===a.distanceToPoint(this.origin)?0:null;a=-(this.origin.dot(a.normal)+a.constant)/b;return 0<=a?a:null},intersectPlane:function(a,b){var c=
+this.distanceToPlane(a);return null===c?null:this.at(c,b)},intersectsPlane:function(a){var b=a.distanceToPoint(this.origin);return 0===b||0>a.normal.dot(this.direction)*b?!0:!1},intersectBox:function(a,b){var c,d,e,f,g;d=1/this.direction.x;f=1/this.direction.y;g=1/this.direction.z;var h=this.origin;0<=d?(c=(a.min.x-h.x)*d,d*=a.max.x-h.x):(c=(a.max.x-h.x)*d,d*=a.min.x-h.x);0<=f?(e=(a.min.y-h.y)*f,f*=a.max.y-h.y):(e=(a.max.y-h.y)*f,f*=a.min.y-h.y);if(c>f||e>d)return null;if(e>c||c!==c)c=e;if(fg||e>d)return null;if(e>c||c!==c)c=e;if(gd?null:this.at(0<=c?c:d,b)},intersectsBox:function(){var a=new THREE.Vector3;return function(b){return null!==this.intersectBox(b,a)}}(),intersectTriangle:function(){var a=new THREE.Vector3,b=new THREE.Vector3,c=new THREE.Vector3,d=new THREE.Vector3;return function(e,f,g,h,k){b.subVectors(f,e);c.subVectors(g,e);d.crossVectors(b,c);f=this.direction.dot(d);
+if(0f)h=-1,f=-f;else return null;a.subVectors(this.origin,e);e=h*this.direction.dot(c.crossVectors(a,c));if(0>e)return null;g=h*this.direction.dot(b.cross(a));if(0>g||e+g>f)return null;e=-h*a.dot(d);return 0>e?null:this.at(e/f,k)}}(),applyMatrix4:function(a){this.direction.add(this.origin).applyMatrix4(a);this.origin.applyMatrix4(a);this.direction.sub(this.origin);this.direction.normalize();return this},equals:function(a){return a.origin.equals(this.origin)&&a.direction.equals(this.direction)}};
+THREE.Sphere=function(a,b){this.center=void 0!==a?a:new THREE.Vector3;this.radius=void 0!==b?b:0};
+THREE.Sphere.prototype={constructor:THREE.Sphere,set:function(a,b){this.center.copy(a);this.radius=b;return this},setFromPoints:function(){var a=new THREE.Box3;return function(b,c){var d=this.center;void 0!==c?d.copy(c):a.setFromPoints(b).center(d);for(var e=0,f=0,g=b.length;f=this.radius},containsPoint:function(a){return a.distanceToSquared(this.center)<=this.radius*this.radius},distanceToPoint:function(a){return a.distanceTo(this.center)-this.radius},intersectsSphere:function(a){var b=this.radius+a.radius;return a.center.distanceToSquared(this.center)<=b*b},intersectsBox:function(a){return a.intersectsSphere(this)},intersectsPlane:function(a){return Math.abs(this.center.dot(a.normal)-a.constant)<=this.radius},clampPoint:function(a,b){var c=
+this.center.distanceToSquared(a),d=b||new THREE.Vector3;d.copy(a);c>this.radius*this.radius&&(d.sub(this.center).normalize(),d.multiplyScalar(this.radius).add(this.center));return d},getBoundingBox:function(a){a=a||new THREE.Box3;a.set(this.center,this.center);a.expandByScalar(this.radius);return a},applyMatrix4:function(a){this.center.applyMatrix4(a);this.radius*=a.getMaxScaleOnAxis();return this},translate:function(a){this.center.add(a);return this},equals:function(a){return a.center.equals(this.center)&&
+a.radius===this.radius}};THREE.Frustum=function(a,b,c,d,e,f){this.planes=[void 0!==a?a:new THREE.Plane,void 0!==b?b:new THREE.Plane,void 0!==c?c:new THREE.Plane,void 0!==d?d:new THREE.Plane,void 0!==e?e:new THREE.Plane,void 0!==f?f:new THREE.Plane]};
+THREE.Frustum.prototype={constructor:THREE.Frustum,set:function(a,b,c,d,e,f){var g=this.planes;g[0].copy(a);g[1].copy(b);g[2].copy(c);g[3].copy(d);g[4].copy(e);g[5].copy(f);return this},clone:function(){return(new this.constructor).copy(this)},copy:function(a){for(var b=this.planes,c=0;6>c;c++)b[c].copy(a.planes[c]);return this},setFromMatrix:function(a){var b=this.planes,c=a.elements;a=c[0];var d=c[1],e=c[2],f=c[3],g=c[4],h=c[5],k=c[6],l=c[7],n=c[8],p=c[9],m=c[10],q=c[11],r=c[12],s=c[13],u=c[14],
+c=c[15];b[0].setComponents(f-a,l-g,q-n,c-r).normalize();b[1].setComponents(f+a,l+g,q+n,c+r).normalize();b[2].setComponents(f+d,l+h,q+p,c+s).normalize();b[3].setComponents(f-d,l-h,q-p,c-s).normalize();b[4].setComponents(f-e,l-k,q-m,c-u).normalize();b[5].setComponents(f+e,l+k,q+m,c+u).normalize();return this},intersectsObject:function(){var a=new THREE.Sphere;return function(b){var c=b.geometry;null===c.boundingSphere&&c.computeBoundingSphere();a.copy(c.boundingSphere).applyMatrix4(b.matrixWorld);return this.intersectsSphere(a)}}(),
+intersectsSprite:function(){var a=new THREE.Sphere;return function(b){a.center.set(0,0,0);a.radius=.7071067811865476;a.applyMatrix4(b.matrixWorld);return this.intersectsSphere(a)}}(),intersectsSphere:function(a){var b=this.planes,c=a.center;a=-a.radius;for(var d=0;6>d;d++)if(b[d].distanceToPoint(c)e;e++){var f=d[e];a.x=0g&&0>f)return!1}return!0}}(),containsPoint:function(a){for(var b=this.planes,c=0;6>c;c++)if(0>b[c].distanceToPoint(a))return!1;return!0}};THREE.Plane=function(a,b){this.normal=void 0!==a?a:new THREE.Vector3(1,0,0);this.constant=void 0!==b?b:0};
+THREE.Plane.prototype={constructor:THREE.Plane,set:function(a,b){this.normal.copy(a);this.constant=b;return this},setComponents:function(a,b,c,d){this.normal.set(a,b,c);this.constant=d;return this},setFromNormalAndCoplanarPoint:function(a,b){this.normal.copy(a);this.constant=-b.dot(this.normal);return this},setFromCoplanarPoints:function(){var a=new THREE.Vector3,b=new THREE.Vector3;return function(c,d,e){d=a.subVectors(e,d).cross(b.subVectors(c,d)).normalize();this.setFromNormalAndCoplanarPoint(d,
+c);return this}}(),clone:function(){return(new this.constructor).copy(this)},copy:function(a){this.normal.copy(a.normal);this.constant=a.constant;return this},normalize:function(){var a=1/this.normal.length();this.normal.multiplyScalar(a);this.constant*=a;return this},negate:function(){this.constant*=-1;this.normal.negate();return this},distanceToPoint:function(a){return this.normal.dot(a)+this.constant},distanceToSphere:function(a){return this.distanceToPoint(a.center)-a.radius},projectPoint:function(a,
+b){return this.orthoPoint(a,b).sub(a).negate()},orthoPoint:function(a,b){var c=this.distanceToPoint(a);return(b||new THREE.Vector3).copy(this.normal).multiplyScalar(c)},intersectLine:function(){var a=new THREE.Vector3;return function(b,c){var d=c||new THREE.Vector3,e=b.delta(a),f=this.normal.dot(e);if(0===f){if(0===this.distanceToPoint(b.start))return d.copy(b.start)}else return f=-(b.start.dot(this.normal)+this.constant)/f,0>f||1b&&0a&&0e;e++)8===e||13===e||18===e||23===e?b[e]="-":14===e?b[e]="4":(2>=c&&(c=33554432+16777216*Math.random()|0),d=c&15,c>>=4,b[e]=a[19===e?d&3|8:d]);return b.join("")}}(),clamp:function(a,b,c){return Math.max(b,Math.min(c,a))},euclideanModulo:function(a,b){return(a%b+b)%b},mapLinear:function(a,b,c,
+d,e){return d+(a-b)*(e-d)/(c-b)},smoothstep:function(a,b,c){if(a<=b)return 0;if(a>=c)return 1;a=(a-b)/(c-b);return a*a*(3-2*a)},smootherstep:function(a,b,c){if(a<=b)return 0;if(a>=c)return 1;a=(a-b)/(c-b);return a*a*a*(a*(6*a-15)+10)},random16:function(){console.warn("THREE.Math.random16() has been deprecated. Use Math.random() instead.");return Math.random()},randInt:function(a,b){return a+Math.floor(Math.random()*(b-a+1))},randFloat:function(a,b){return a+Math.random()*(b-a)},randFloatSpread:function(a){return a*
+(.5-Math.random())},degToRad:function(a){return a*THREE.Math.DEG2RAD},radToDeg:function(a){return a*THREE.Math.RAD2DEG},isPowerOfTwo:function(a){return 0===(a&a-1)&&0!==a},nearestPowerOfTwo:function(a){return Math.pow(2,Math.round(Math.log(a)/Math.LN2))},nextPowerOfTwo:function(a){a--;a|=a>>1;a|=a>>2;a|=a>>4;a|=a>>8;a|=a>>16;a++;return a}};
+THREE.Spline=function(a){function b(a,b,c,d,e,f,g){a=.5*(c-a);d=.5*(d-b);return(2*(b-c)+a+d)*g+(-3*(b-c)-2*a-d)*f+a*e+b}this.points=a;var c=[],d={x:0,y:0,z:0},e,f,g,h,k,l,n,p,m;this.initFromArray=function(a){this.points=[];for(var b=0;bthis.points.length-2?this.points.length-1:f+1;c[3]=f>this.points.length-3?this.points.length-1:f+
+2;l=this.points[c[0]];n=this.points[c[1]];p=this.points[c[2]];m=this.points[c[3]];h=g*g;k=g*h;d.x=b(l.x,n.x,p.x,m.x,g,h,k);d.y=b(l.y,n.y,p.y,m.y,g,h,k);d.z=b(l.z,n.z,p.z,m.z,g,h,k);return d};this.getControlPointsArray=function(){var a,b,c=this.points.length,d=[];for(a=0;a=b.x+b.y}}();
+THREE.Triangle.prototype={constructor:THREE.Triangle,set:function(a,b,c){this.a.copy(a);this.b.copy(b);this.c.copy(c);return this},setFromPointsAndIndices:function(a,b,c,d){this.a.copy(a[b]);this.b.copy(a[c]);this.c.copy(a[d]);return this},clone:function(){return(new this.constructor).copy(this)},copy:function(a){this.a.copy(a.a);this.b.copy(a.b);this.c.copy(a.c);return this},area:function(){var a=new THREE.Vector3,b=new THREE.Vector3;return function(){a.subVectors(this.c,this.b);b.subVectors(this.a,
+this.b);return.5*a.cross(b).length()}}(),midpoint:function(a){return(a||new THREE.Vector3).addVectors(this.a,this.b).add(this.c).multiplyScalar(1/3)},normal:function(a){return THREE.Triangle.normal(this.a,this.b,this.c,a)},plane:function(a){return(a||new THREE.Plane).setFromCoplanarPoints(this.a,this.b,this.c)},barycoordFromPoint:function(a,b){return THREE.Triangle.barycoordFromPoint(a,this.a,this.b,this.c,b)},containsPoint:function(a){return THREE.Triangle.containsPoint(a,this.a,this.b,this.c)},
+closestPointToPoint:function(){var a,b,c,d;return function(e,f){void 0===a&&(a=new THREE.Plane,b=[new THREE.Line3,new THREE.Line3,new THREE.Line3],c=new THREE.Vector3,d=new THREE.Vector3);var g=f||new THREE.Vector3,h=Infinity;a.setFromCoplanarPoints(this.a,this.b,this.c);a.projectPoint(e,c);if(!0===this.containsPoint(c))g.copy(c);else{b[0].set(this.a,this.b);b[1].set(this.b,this.c);b[2].set(this.c,this.a);for(var k=0;k=e)break a;else{f=b[1];a=e)break b}d=
+c;c=0}}for(;c>>1,ad;d++)if(e[d]===e[(d+1)%3]){a.push(f);break}for(f=a.length-1;0<=f;f--)for(e=a[f],this.faces.splice(e,
+1),c=0,g=this.faceVertexUvs.length;cb||0===c)return;this._startTime=null;b*=c}b*=this._updateTimeScale(a);c=this._updateTime(b);a=this._updateWeight(a);if(0c.parameterPositions[1]&&(this.stopFading(),0===d&&(this.enabled=!1))}}return this._effectiveWeight=b},_updateTimeScale:function(a){var b=0;if(!this.paused){var b=this.timeScale,c=this._timeScaleInterpolant;if(null!==c){var d=c.evaluate(a)[0],b=b*d;a>c.parameterPositions[1]&&(this.stopWarping(),0===b?this.pause=!0:
+this.timeScale=b)}}return this._effectiveTimeScale=b},_updateTime:function(a){var b=this.time+a;if(0===a)return b;var c=this._clip.duration,d=this.loop,e=this._loopCount;if(d===THREE.LoopOnce)a:{if(-1===e&&(this.loopCount=0,this._setEndings(!0,!0,!1)),b>=c)b=c;else if(0>b)b=0;else break a;this.clampWhenFinished?this.pause=!0:this.enabled=!1;this._mixer.dispatchEvent({type:"finished",action:this,direction:0>a?-1:1})}else{d=d===THREE.LoopPingPong;-1===e&&(0<=a?(e=0,this._setEndings(!0,0===this.repetitions,
+d)):this._setEndings(0===this.repetitions,!0,d));if(b>=c||0>b){var f=Math.floor(b/c),b=b-c*f,e=e+Math.abs(f),g=this.repetitions-e;0>g?(this.clampWhenFinished?this.paused=!0:this.enabled=!1,b=0a,this._setEndings(a,!a,d)):this._setEndings(!1,!1,d),this._loopCount=e,this._mixer.dispatchEvent({type:"loop",action:this,loopDelta:f}))}if(d&&1===(e&1))return this.time=b,c-b}return this.time=b},_setEndings:function(a,
+b,c){var d=this._interpolantSettings;c?(d.endingStart=THREE.ZeroSlopeEnding,d.endingEnd=THREE.ZeroSlopeEnding):(d.endingStart=a?this.zeroSlopeAtStart?THREE.ZeroSlopeEnding:THREE.ZeroCurvatureEnding:THREE.WrapAroundEnding,d.endingEnd=b?this.zeroSlopeAtEnd?THREE.ZeroSlopeEnding:THREE.ZeroCurvatureEnding:THREE.WrapAroundEnding)},_scheduleFading:function(a,b,c){var d=this._mixer,e=d.time,f=this._weightInterpolant;null===f&&(this._weightInterpolant=f=d._lendControlInterpolant());d=f.parameterPositions;
+f=f.sampleValues;d[0]=e;f[0]=b;d[1]=e+a;f[1]=c;return this}};THREE.AnimationClip=function(a,b,c){this.name=a;this.tracks=c;this.duration=void 0!==b?b:-1;this.uuid=THREE.Math.generateUUID();0>this.duration&&this.resetDuration();this.trim();this.optimize()};
+THREE.AnimationClip.prototype={constructor:THREE.AnimationClip,resetDuration:function(){for(var a=0,b=0,c=this.tracks.length;b!==c;++b)var d=this.tracks[b],a=Math.max(a,d.times[d.times.length-1]);this.duration=a},trim:function(){for(var a=0;a=c){var p=c++,m=b[p];d[m.uuid]=
+n;b[n]=m;d[l]=p;b[p]=k;k=0;for(l=f;k!==l;++k){var m=e[k],q=m[n];m[n]=m[p];m[p]=q}}}this.nCachedObjects_=c},uncache:function(a){for(var b=this._objects,c=b.length,d=this.nCachedObjects_,e=this._indicesByUUID,f=this._bindings,g=f.length,h=0,k=arguments.length;h!==k;++h){var l=arguments[h].uuid,n=e[l];if(void 0!==n)if(delete e[l],nb;)--f;++f;if(0!==e||f!==d)e>=f&&(f=Math.max(f,1),e=f-1),d=this.getValueSize(),this.times=THREE.AnimationUtils.arraySlice(c,e,f),this.values=THREE.AnimationUtils.arraySlice(this.values,e*d,f*d);return this},validate:function(){var a=!0,b=this.getValueSize();0!==b-Math.floor(b)&&(console.error("invalid value size in track",
+this),a=!1);var c=this.times,b=this.values,d=c.length;0===d&&(console.error("track is empty",this),a=!1);for(var e=null,f=0;f!==d;f++){var g=c[f];if("number"===typeof g&&isNaN(g)){console.error("time is not a valid number",this,f,g);a=!1;break}if(null!==e&&e>g){console.error("out of order keys",this,f,g,e);a=!1;break}e=g}if(void 0!==b&&THREE.AnimationUtils.isTypedArray(b))for(f=0,c=b.length;f!==c;++f)if(d=b[f],isNaN(d)){console.error("value is not a valid number",this,f,d);a=!1;break}return a},optimize:function(){for(var a=
+this.times,b=this.values,c=this.getValueSize(),d=1,e=1,f=a.length-1;e<=f;++e){var g=!1,h=a[e];if(h!==a[e+1]&&(1!==e||h!==h[0]))for(var k=e*c,l=k-c,n=k+c,h=0;h!==c;++h){var p=b[k+h];if(p!==b[l+h]||p!==b[n+h]){g=!0;break}}if(g){if(e!==d)for(a[d]=a[e],g=e*c,k=d*c,h=0;h!==c;++h)b[k+h]=b[g+h];++d}}d!==a.length&&(this.times=THREE.AnimationUtils.arraySlice(a,0,d),this.values=THREE.AnimationUtils.arraySlice(b,0,d*c));return this}};
+Object.assign(THREE.KeyframeTrack,{parse:function(a){if(void 0===a.type)throw Error("track type undefined, can not parse");var b=THREE.KeyframeTrack._getTrackTypeForValueTypeName(a.type);if(void 0===a.times){var c=[],d=[];THREE.AnimationUtils.flattenJSON(a.keys,c,d,"value");a.times=c;a.values=d}return void 0!==b.parse?b.parse(a):new b(a.name,a.times,a.values,a.interpolation)},toJSON:function(a){var b=a.constructor;if(void 0!==b.toJSON)b=b.toJSON(a);else{var b={name:a.name,times:THREE.AnimationUtils.convertArray(a.times,
+Array),values:THREE.AnimationUtils.convertArray(a.values,Array)},c=a.getInterpolation();c!==a.DefaultInterpolation&&(b.interpolation=c)}b.type=a.ValueTypeName;return b},_getTrackTypeForValueTypeName:function(a){switch(a.toLowerCase()){case "scalar":case "double":case "float":case "number":case "integer":return THREE.NumberKeyframeTrack;case "vector":case "vector2":case "vector3":case "vector4":return THREE.VectorKeyframeTrack;case "color":return THREE.ColorKeyframeTrack;case "quaternion":return THREE.QuaternionKeyframeTrack;
+case "bool":case "boolean":return THREE.BooleanKeyframeTrack;case "string":return THREE.StringKeyframeTrack}throw Error("Unsupported typeName: "+a);}});THREE.PropertyBinding=function(a,b,c){this.path=b;this.parsedPath=c||THREE.PropertyBinding.parseTrackName(b);this.node=THREE.PropertyBinding.findNode(a,this.parsedPath.nodeName)||a;this.rootNode=a};
+THREE.PropertyBinding.prototype={constructor:THREE.PropertyBinding,getValue:function(a,b){this.bind();this.getValue(a,b)},setValue:function(a,b){this.bind();this.setValue(a,b)},bind:function(){var a=this.node,b=this.parsedPath,c=b.objectName,d=b.propertyName,e=b.propertyIndex;a||(this.node=a=THREE.PropertyBinding.findNode(this.rootNode,b.nodeName)||this.rootNode);this.getValue=this._getValue_unavailable;this.setValue=this._setValue_unavailable;if(a){if(c){var f=b.objectIndex;switch(c){case "materials":if(!a.material){console.error(" can not bind to material as node does not have a material",
+this);return}if(!a.material.materials){console.error(" can not bind to material.materials as node.material does not have a materials array",this);return}a=a.material.materials;break;case "bones":if(!a.skeleton){console.error(" can not bind to bones as node does not have a skeleton",this);return}a=a.skeleton.bones;for(c=0;cd&&this._mixBufferRegion(c,a,3*b,1-d,b);for(var d=b,f=b+b;d!==f;++d)if(c[d]!==c[d+b]){e.setValue(c,a);
+break}},saveOriginalState:function(){var a=this.buffer,b=this.valueSize,c=3*b;this.binding.getValue(a,c);for(var d=b;d!==c;++d)a[d]=a[c+d%b];this.cumulativeWeight=0},restoreOriginalState:function(){this.binding.setValue(this.buffer,3*this.valueSize)},_select:function(a,b,c,d,e){if(.5<=d)for(d=0;d!==e;++d)a[b+d]=a[c+d]},_slerp:function(a,b,c,d,e){THREE.Quaternion.slerpFlat(a,b,a,b,a,c,d)},_lerp:function(a,b,c,d,e){for(var f=1-d,g=0;g!==e;++g){var h=b+g;a[h]=a[h]*f+a[c+g]*d}}};
+THREE.BooleanKeyframeTrack=function(a,b,c){THREE.KeyframeTrack.call(this,a,b,c)};THREE.BooleanKeyframeTrack.prototype=Object.assign(Object.create(THREE.KeyframeTrack.prototype),{constructor:THREE.BooleanKeyframeTrack,ValueTypeName:"bool",ValueBufferType:Array,DefaultInterpolation:THREE.InterpolateDiscrete,InterpolantFactoryMethodLinear:void 0,InterpolantFactoryMethodSmooth:void 0});THREE.ColorKeyframeTrack=function(a,b,c,d){THREE.KeyframeTrack.call(this,a,b,c,d)};
+THREE.ColorKeyframeTrack.prototype=Object.assign(Object.create(THREE.KeyframeTrack.prototype),{constructor:THREE.ColorKeyframeTrack,ValueTypeName:"color"});THREE.NumberKeyframeTrack=function(a,b,c,d){THREE.KeyframeTrack.call(this,a,b,c,d)};THREE.NumberKeyframeTrack.prototype=Object.assign(Object.create(THREE.KeyframeTrack.prototype),{constructor:THREE.NumberKeyframeTrack,ValueTypeName:"number"});THREE.QuaternionKeyframeTrack=function(a,b,c,d){THREE.KeyframeTrack.call(this,a,b,c,d)};
+THREE.QuaternionKeyframeTrack.prototype=Object.assign(Object.create(THREE.KeyframeTrack.prototype),{constructor:THREE.QuaternionKeyframeTrack,ValueTypeName:"quaternion",DefaultInterpolation:THREE.InterpolateLinear,InterpolantFactoryMethodLinear:function(a){return new THREE.QuaternionLinearInterpolant(this.times,this.values,this.getValueSize(),a)},InterpolantFactoryMethodSmooth:void 0});THREE.StringKeyframeTrack=function(a,b,c,d){THREE.KeyframeTrack.call(this,a,b,c,d)};
+THREE.StringKeyframeTrack.prototype=Object.assign(Object.create(THREE.KeyframeTrack.prototype),{constructor:THREE.StringKeyframeTrack,ValueTypeName:"string",ValueBufferType:Array,DefaultInterpolation:THREE.InterpolateDiscrete,InterpolantFactoryMethodLinear:void 0,InterpolantFactoryMethodSmooth:void 0});THREE.VectorKeyframeTrack=function(a,b,c,d){THREE.KeyframeTrack.call(this,a,b,c,d)};
+THREE.VectorKeyframeTrack.prototype=Object.assign(Object.create(THREE.KeyframeTrack.prototype),{constructor:THREE.VectorKeyframeTrack,ValueTypeName:"vector"});
+THREE.Audio=function(a){THREE.Object3D.call(this);this.type="Audio";this.context=a.context;this.source=this.context.createBufferSource();this.source.onended=this.onEnded.bind(this);this.gain=this.context.createGain();this.gain.connect(a.getInput());this.autoplay=!1;this.startTime=0;this.playbackRate=1;this.isPlaying=!1;this.hasPlaybackControl=!0;this.sourceType="empty";this.filters=[]};
+THREE.Audio.prototype=Object.assign(Object.create(THREE.Object3D.prototype),{constructor:THREE.Audio,getOutput:function(){return this.gain},setNodeSource:function(a){this.hasPlaybackControl=!1;this.sourceType="audioNode";this.source=a;this.connect();return this},setBuffer:function(a){this.source.buffer=a;this.sourceType="buffer";this.autoplay&&this.play();return this},play:function(){if(!0===this.isPlaying)console.warn("THREE.Audio: Audio is already playing.");else if(!1===this.hasPlaybackControl)console.warn("THREE.Audio: this Audio has no playback control.");
+else{var a=this.context.createBufferSource();a.buffer=this.source.buffer;a.loop=this.source.loop;a.onended=this.source.onended;a.start(0,this.startTime);a.playbackRate.value=this.playbackRate;this.isPlaying=!0;this.source=a;return this.connect()}},pause:function(){if(!1===this.hasPlaybackControl)console.warn("THREE.Audio: this Audio has no playback control.");else return this.source.stop(),this.startTime=this.context.currentTime,this},stop:function(){if(!1===this.hasPlaybackControl)console.warn("THREE.Audio: this Audio has no playback control.");
+else return this.source.stop(),this.startTime=0,this},connect:function(){if(0k.opacity&&(k.transparent=!0);c.setTextures(h);return c.parse(k)}}()};
+THREE.Loader.Handlers={handlers:[],add:function(a,b){this.handlers.push(a,b)},get:function(a){for(var b=this.handlers,c=0,d=b.length;cg;g++)m=v[k++],x=u[2*m],m=u[2*m+1],x=new THREE.Vector2(x,m),2!==g&&c.faceVertexUvs[d][h].push(x),0!==g&&c.faceVertexUvs[d][h+1].push(x);p&&(p=3*v[k++],q.normal.set(C[p++],C[p++],C[p]),s.normal.copy(q.normal));if(r)for(d=0;4>d;d++)p=3*v[k++],r=new THREE.Vector3(C[p++],C[p++],C[p]),2!==d&&q.vertexNormals.push(r),0!==d&&s.vertexNormals.push(r);
+n&&(n=v[k++],n=w[n],q.color.setHex(n),s.color.setHex(n));if(b)for(d=0;4>d;d++)n=v[k++],n=w[n],2!==d&&q.vertexColors.push(new THREE.Color(n)),0!==d&&s.vertexColors.push(new THREE.Color(n));c.faces.push(q);c.faces.push(s)}else{q=new THREE.Face3;q.a=v[k++];q.b=v[k++];q.c=v[k++];h&&(h=v[k++],q.materialIndex=h);h=c.faces.length;if(d)for(d=0;dg;g++)m=v[k++],x=u[2*m],m=u[2*m+1],x=new THREE.Vector2(x,m),c.faceVertexUvs[d][h].push(x);p&&(p=3*v[k++],q.normal.set(C[p++],
+C[p++],C[p]));if(r)for(d=0;3>d;d++)p=3*v[k++],r=new THREE.Vector3(C[p++],C[p++],C[p]),q.vertexNormals.push(r);n&&(n=v[k++],q.color.setHex(w[n]));if(b)for(d=0;3>d;d++)n=v[k++],q.vertexColors.push(new THREE.Color(w[n]));c.faces.push(q)}})(d);(function(){var b=void 0!==a.influencesPerVertex?a.influencesPerVertex:2;if(a.skinWeights)for(var d=0,g=a.skinWeights.length;dthis.opacity&&(d.opacity=this.opacity);!0===this.transparent&&(d.transparent=this.transparent);0a.x||1a.x?0:1;break;case THREE.MirroredRepeatWrapping:1===Math.abs(Math.floor(a.x)%2)?a.x=Math.ceil(a.x)-a.x:a.x-=Math.floor(a.x)}if(0>a.y||1a.y?0:1;break;case THREE.MirroredRepeatWrapping:1===
+Math.abs(Math.floor(a.y)%2)?a.y=Math.ceil(a.y)-a.y:a.y-=Math.floor(a.y)}this.flipY&&(a.y=1-a.y)}}};Object.assign(THREE.Texture.prototype,THREE.EventDispatcher.prototype);THREE.TextureIdCount=0;
+THREE.DepthTexture=function(a,b,c,d,e,f,g,h,k){THREE.Texture.call(this,null,d,e,f,g,h,THREE.DepthFormat,c,k);this.image={width:a,height:b};this.type=void 0!==c?c:THREE.UnsignedShortType;this.magFilter=void 0!==g?g:THREE.NearestFilter;this.minFilter=void 0!==h?h:THREE.NearestFilter;this.generateMipmaps=this.flipY=!1};THREE.DepthTexture.prototype=Object.create(THREE.Texture.prototype);THREE.DepthTexture.prototype.constructor=THREE.DepthTexture;
+THREE.CanvasTexture=function(a,b,c,d,e,f,g,h,k){THREE.Texture.call(this,a,b,c,d,e,f,g,h,k);this.needsUpdate=!0};THREE.CanvasTexture.prototype=Object.create(THREE.Texture.prototype);THREE.CanvasTexture.prototype.constructor=THREE.CanvasTexture;THREE.CubeTexture=function(a,b,c,d,e,f,g,h,k,l){a=void 0!==a?a:[];b=void 0!==b?b:THREE.CubeReflectionMapping;THREE.Texture.call(this,a,b,c,d,e,f,g,h,k,l);this.flipY=!1};THREE.CubeTexture.prototype=Object.create(THREE.Texture.prototype);
+THREE.CubeTexture.prototype.constructor=THREE.CubeTexture;Object.defineProperty(THREE.CubeTexture.prototype,"images",{get:function(){return this.image},set:function(a){this.image=a}});THREE.CompressedTexture=function(a,b,c,d,e,f,g,h,k,l,n,p){THREE.Texture.call(this,null,f,g,h,k,l,d,e,n,p);this.image={width:b,height:c};this.mipmaps=a;this.generateMipmaps=this.flipY=!1};THREE.CompressedTexture.prototype=Object.create(THREE.Texture.prototype);THREE.CompressedTexture.prototype.constructor=THREE.CompressedTexture;
+THREE.DataTexture=function(a,b,c,d,e,f,g,h,k,l,n,p){THREE.Texture.call(this,null,f,g,h,k,l,d,e,n,p);this.image={data:a,width:b,height:c};this.magFilter=void 0!==k?k:THREE.NearestFilter;this.minFilter=void 0!==l?l:THREE.NearestFilter;this.generateMipmaps=this.flipY=!1};THREE.DataTexture.prototype=Object.create(THREE.Texture.prototype);THREE.DataTexture.prototype.constructor=THREE.DataTexture;
+THREE.VideoTexture=function(a,b,c,d,e,f,g,h,k){function l(){requestAnimationFrame(l);a.readyState>=a.HAVE_CURRENT_DATA&&(n.needsUpdate=!0)}THREE.Texture.call(this,a,b,c,d,e,f,g,h,k);this.generateMipmaps=!1;var n=this;l()};THREE.VideoTexture.prototype=Object.create(THREE.Texture.prototype);THREE.VideoTexture.prototype.constructor=THREE.VideoTexture;THREE.Group=function(){THREE.Object3D.call(this);this.type="Group"};THREE.Group.prototype=Object.assign(Object.create(THREE.Object3D.prototype),{constructor:THREE.Group});
+THREE.Points=function(a,b){THREE.Object3D.call(this);this.type="Points";this.geometry=void 0!==a?a:new THREE.BufferGeometry;this.material=void 0!==b?b:new THREE.PointsMaterial({color:16777215*Math.random()})};
+THREE.Points.prototype=Object.assign(Object.create(THREE.Object3D.prototype),{constructor:THREE.Points,raycast:function(){var a=new THREE.Matrix4,b=new THREE.Ray,c=new THREE.Sphere;return function(d,e){function f(a,c){var f=b.distanceSqToPoint(a);if(fd.far||e.push({distance:m,distanceToRay:Math.sqrt(f),point:h.clone(),index:c,face:null,object:g})}}var g=this,h=this.geometry,k=this.matrixWorld,l=d.params.Points.threshold;
+null===h.boundingSphere&&h.computeBoundingSphere();c.copy(h.boundingSphere);c.applyMatrix4(k);if(!1!==d.ray.intersectsSphere(c)){a.getInverse(k);b.copy(d.ray).applyMatrix4(a);var l=l/((this.scale.x+this.scale.y+this.scale.z)/3),n=l*l,l=new THREE.Vector3;if(h instanceof THREE.BufferGeometry){var p=h.index,h=h.attributes.position.array;if(null!==p)for(var m=p.array,p=0,q=m.length;pf||(n.applyMatrix4(this.matrixWorld),s=d.ray.origin.distanceTo(n),sd.far||e.push({distance:s,point:h.clone().applyMatrix4(this.matrixWorld),index:g,face:null,faceIndex:null,object:this}))}else for(g=0,r=
+q.length/3-1;gf||(n.applyMatrix4(this.matrixWorld),s=d.ray.origin.distanceTo(n),sd.far||e.push({distance:s,point:h.clone().applyMatrix4(this.matrixWorld),index:g,face:null,faceIndex:null,object:this}))}else if(g instanceof THREE.Geometry)for(k=g.vertices,l=k.length,g=0;gf||(n.applyMatrix4(this.matrixWorld),s=d.ray.origin.distanceTo(n),sd.far||
+e.push({distance:s,point:h.clone().applyMatrix4(this.matrixWorld),index:g,face:null,faceIndex:null,object:this}))}}}(),clone:function(){return(new this.constructor(this.geometry,this.material)).copy(this)}});THREE.LineSegments=function(a,b){THREE.Line.call(this,a,b);this.type="LineSegments"};THREE.LineSegments.prototype=Object.assign(Object.create(THREE.Line.prototype),{constructor:THREE.LineSegments});
+THREE.Mesh=function(a,b){THREE.Object3D.call(this);this.type="Mesh";this.geometry=void 0!==a?a:new THREE.BufferGeometry;this.material=void 0!==b?b:new THREE.MeshBasicMaterial({color:16777215*Math.random()});this.drawMode=THREE.TrianglesDrawMode;this.updateMorphTargets()};
+THREE.Mesh.prototype=Object.assign(Object.create(THREE.Object3D.prototype),{constructor:THREE.Mesh,setDrawMode:function(a){this.drawMode=a},updateMorphTargets:function(){if(void 0!==this.geometry.morphTargets&&0b.far?null:{distance:c,point:x.clone(),object:a}}function c(c,d,e,f,l,p,n,s){g.fromArray(f,3*p);h.fromArray(f,3*n);k.fromArray(f,3*s);if(c=b(c,d,e,g,h,k,u))l&&(m.fromArray(l,2*p),q.fromArray(l,2*n),r.fromArray(l,2*s),c.uv=a(u,g,h,k,m,q,r)),c.face=new THREE.Face3(p,n,s,THREE.Triangle.normal(g,h,k)),c.faceIndex=p;return c}var d=new THREE.Matrix4,e=new THREE.Ray,f=new THREE.Sphere,
+g=new THREE.Vector3,h=new THREE.Vector3,k=new THREE.Vector3,l=new THREE.Vector3,n=new THREE.Vector3,p=new THREE.Vector3,m=new THREE.Vector2,q=new THREE.Vector2,r=new THREE.Vector2,s=new THREE.Vector3,u=new THREE.Vector3,x=new THREE.Vector3;return function(s,x){var w=this.geometry,D=this.material,A=this.matrixWorld;if(void 0!==D&&(null===w.boundingSphere&&w.computeBoundingSphere(),f.copy(w.boundingSphere),f.applyMatrix4(A),!1!==s.ray.intersectsSphere(f)&&(d.getInverse(A),e.copy(s.ray).applyMatrix4(d),
+null===w.boundingBox||!1!==e.intersectsBox(w.boundingBox)))){var y,B;if(w instanceof THREE.BufferGeometry){var G,z,D=w.index,A=w.attributes,w=A.position.array;void 0!==A.uv&&(y=A.uv.array);if(null!==D)for(var A=D.array,H=0,M=A.length;H=
+d[e].distance)d[e-1].object.visible=!1,d[e].object.visible=!0;else break;for(;ethis.scale.x*this.scale.y/4||c.push({distance:Math.sqrt(d),point:this.position,face:null,object:this})}}(),clone:function(){return(new this.constructor(this.material)).copy(this)}});
+THREE.LensFlare=function(a,b,c,d,e){THREE.Object3D.call(this);this.lensFlares=[];this.positionScreen=new THREE.Vector3;this.customUpdateCallback=void 0;void 0!==a&&this.add(a,b,c,d,e)};
+THREE.LensFlare.prototype=Object.assign(Object.create(THREE.Object3D.prototype),{constructor:THREE.LensFlare,copy:function(a){THREE.Object3D.prototype.copy.call(this,a);this.positionScreen.copy(a.positionScreen);this.customUpdateCallback=a.customUpdateCallback;for(var b=0,c=a.lensFlares.length;bc;c++)t.deleteFramebuffer(b.__webglFramebuffer[c]),b.__webglDepthbuffer&&t.deleteRenderbuffer(b.__webglDepthbuffer[c]);else t.deleteFramebuffer(b.__webglFramebuffer),
+b.__webglDepthbuffer&&t.deleteRenderbuffer(b.__webglDepthbuffer);T.delete(a.texture);T.delete(a)}ja.textures--}function h(a){a=a.target;a.removeEventListener("dispose",h);k(a);T.delete(a)}function k(a){var b=T.get(a).program;a.program=void 0;void 0!==b&&pa.releaseProgram(b)}function l(a,b){return Math.abs(b[0])-Math.abs(a[0])}function n(a,b){return a.object.renderOrder!==b.object.renderOrder?a.object.renderOrder-b.object.renderOrder:a.material.id!==b.material.id?a.material.id-b.material.id:a.z!==
+b.z?a.z-b.z:a.id-b.id}function p(a,b){return a.object.renderOrder!==b.object.renderOrder?a.object.renderOrder-b.object.renderOrder:a.z!==b.z?b.z-a.z:a.id-b.id}function m(a,b,c,d,e){var g;c.transparent?(d=R,g=++F):(d=P,g=++Q);g=d[g];void 0!==g?(g.id=a.id,g.object=a,g.geometry=b,g.material=c,g.z=X.z,g.group=e):(g={id:a.id,object:a,geometry:b,material:c,z:X.z,group:e},d.push(g))}function q(a){if(!Ba.intersectsSphere(a))return!1;var b=ba.numPlanes;if(0===b)return!0;var c=W.clippingPlanes,d=a.center;a=
+-a.radius;var e=0;do if(c[e].distanceToPoint(d)b||a.height>b){var c=b/Math.max(a.width,a.height),d=document.createElement("canvas");d.width=Math.floor(a.width*c);d.height=Math.floor(a.height*c);d.getContext("2d").drawImage(a,0,0,a.width,a.height,0,0,d.width,d.height);console.warn("THREE.WebGLRenderer: image is too big ("+a.width+"x"+a.height+
+"). Resized to "+d.width+"x"+d.height,a);return d}return a}function D(a){return THREE.Math.isPowerOfTwo(a.width)&&THREE.Math.isPowerOfTwo(a.height)}function A(a,b,c,d){var e=G(b.texture.format),f=G(b.texture.type);J.texImage2D(d,0,e,b.width,b.height,0,e,f,null);t.bindFramebuffer(t.FRAMEBUFFER,a);t.framebufferTexture2D(t.FRAMEBUFFER,c,d,T.get(b.texture).__webglTexture,0);t.bindFramebuffer(t.FRAMEBUFFER,null)}function y(a,b){t.bindRenderbuffer(t.RENDERBUFFER,a);b.depthBuffer&&!b.stencilBuffer?(t.renderbufferStorage(t.RENDERBUFFER,
+t.DEPTH_COMPONENT16,b.width,b.height),t.framebufferRenderbuffer(t.FRAMEBUFFER,t.DEPTH_ATTACHMENT,t.RENDERBUFFER,a)):b.depthBuffer&&b.stencilBuffer?(t.renderbufferStorage(t.RENDERBUFFER,t.DEPTH_STENCIL,b.width,b.height),t.framebufferRenderbuffer(t.FRAMEBUFFER,t.DEPTH_STENCIL_ATTACHMENT,t.RENDERBUFFER,a)):t.renderbufferStorage(t.RENDERBUFFER,t.RGBA4,b.width,b.height);t.bindRenderbuffer(t.RENDERBUFFER,null)}function B(a){return a===THREE.NearestFilter||a===THREE.NearestMipMapNearestFilter||a===THREE.NearestMipMapLinearFilter?
+t.NEAREST:t.LINEAR}function G(a){var b;if(a===THREE.RepeatWrapping)return t.REPEAT;if(a===THREE.ClampToEdgeWrapping)return t.CLAMP_TO_EDGE;if(a===THREE.MirroredRepeatWrapping)return t.MIRRORED_REPEAT;if(a===THREE.NearestFilter)return t.NEAREST;if(a===THREE.NearestMipMapNearestFilter)return t.NEAREST_MIPMAP_NEAREST;if(a===THREE.NearestMipMapLinearFilter)return t.NEAREST_MIPMAP_LINEAR;if(a===THREE.LinearFilter)return t.LINEAR;if(a===THREE.LinearMipMapNearestFilter)return t.LINEAR_MIPMAP_NEAREST;if(a===
+THREE.LinearMipMapLinearFilter)return t.LINEAR_MIPMAP_LINEAR;if(a===THREE.UnsignedByteType)return t.UNSIGNED_BYTE;if(a===THREE.UnsignedShort4444Type)return t.UNSIGNED_SHORT_4_4_4_4;if(a===THREE.UnsignedShort5551Type)return t.UNSIGNED_SHORT_5_5_5_1;if(a===THREE.UnsignedShort565Type)return t.UNSIGNED_SHORT_5_6_5;if(a===THREE.ByteType)return t.BYTE;if(a===THREE.ShortType)return t.SHORT;if(a===THREE.UnsignedShortType)return t.UNSIGNED_SHORT;if(a===THREE.IntType)return t.INT;if(a===THREE.UnsignedIntType)return t.UNSIGNED_INT;
+if(a===THREE.FloatType)return t.FLOAT;b=V.get("OES_texture_half_float");if(null!==b&&a===THREE.HalfFloatType)return b.HALF_FLOAT_OES;if(a===THREE.AlphaFormat)return t.ALPHA;if(a===THREE.RGBFormat)return t.RGB;if(a===THREE.RGBAFormat)return t.RGBA;if(a===THREE.LuminanceFormat)return t.LUMINANCE;if(a===THREE.LuminanceAlphaFormat)return t.LUMINANCE_ALPHA;if(a===THREE.DepthFormat)return t.DEPTH_COMPONENT;if(a===THREE.AddEquation)return t.FUNC_ADD;if(a===THREE.SubtractEquation)return t.FUNC_SUBTRACT;if(a===
+THREE.ReverseSubtractEquation)return t.FUNC_REVERSE_SUBTRACT;if(a===THREE.ZeroFactor)return t.ZERO;if(a===THREE.OneFactor)return t.ONE;if(a===THREE.SrcColorFactor)return t.SRC_COLOR;if(a===THREE.OneMinusSrcColorFactor)return t.ONE_MINUS_SRC_COLOR;if(a===THREE.SrcAlphaFactor)return t.SRC_ALPHA;if(a===THREE.OneMinusSrcAlphaFactor)return t.ONE_MINUS_SRC_ALPHA;if(a===THREE.DstAlphaFactor)return t.DST_ALPHA;if(a===THREE.OneMinusDstAlphaFactor)return t.ONE_MINUS_DST_ALPHA;if(a===THREE.DstColorFactor)return t.DST_COLOR;
+if(a===THREE.OneMinusDstColorFactor)return t.ONE_MINUS_DST_COLOR;if(a===THREE.SrcAlphaSaturateFactor)return t.SRC_ALPHA_SATURATE;b=V.get("WEBGL_compressed_texture_s3tc");if(null!==b){if(a===THREE.RGB_S3TC_DXT1_Format)return b.COMPRESSED_RGB_S3TC_DXT1_EXT;if(a===THREE.RGBA_S3TC_DXT1_Format)return b.COMPRESSED_RGBA_S3TC_DXT1_EXT;if(a===THREE.RGBA_S3TC_DXT3_Format)return b.COMPRESSED_RGBA_S3TC_DXT3_EXT;if(a===THREE.RGBA_S3TC_DXT5_Format)return b.COMPRESSED_RGBA_S3TC_DXT5_EXT}b=V.get("WEBGL_compressed_texture_pvrtc");
+if(null!==b){if(a===THREE.RGB_PVRTC_4BPPV1_Format)return b.COMPRESSED_RGB_PVRTC_4BPPV1_IMG;if(a===THREE.RGB_PVRTC_2BPPV1_Format)return b.COMPRESSED_RGB_PVRTC_2BPPV1_IMG;if(a===THREE.RGBA_PVRTC_4BPPV1_Format)return b.COMPRESSED_RGBA_PVRTC_4BPPV1_IMG;if(a===THREE.RGBA_PVRTC_2BPPV1_Format)return b.COMPRESSED_RGBA_PVRTC_2BPPV1_IMG}b=V.get("WEBGL_compressed_texture_etc1");if(null!==b&&a===THREE.RGB_ETC1_Format)return b.COMPRESSED_RGB_ETC1_WEBGL;b=V.get("EXT_blend_minmax");if(null!==b){if(a===THREE.MinEquation)return b.MIN_EXT;
+if(a===THREE.MaxEquation)return b.MAX_EXT}return 0}console.log("THREE.WebGLRenderer",THREE.REVISION);a=a||{};var z=void 0!==a.canvas?a.canvas:document.createElement("canvas"),H=void 0!==a.context?a.context:null,M=void 0!==a.alpha?a.alpha:!1,O=void 0!==a.depth?a.depth:!0,N=void 0!==a.stencil?a.stencil:!0,E=void 0!==a.antialias?a.antialias:!1,K=void 0!==a.premultipliedAlpha?a.premultipliedAlpha:!0,I=void 0!==a.preserveDrawingBuffer?a.preserveDrawingBuffer:!1,L=[],P=[],Q=-1,R=[],F=-1,da=new Float32Array(8),
+U=[],Y=[];this.domElement=z;this.context=null;this.sortObjects=this.autoClearStencil=this.autoClearDepth=this.autoClearColor=this.autoClear=!0;this.clippingPlanes=[];this.localClippingEnabled=!1;this.gammaFactor=2;this.physicallyCorrectLights=this.gammaOutput=this.gammaInput=!1;this.toneMapping=THREE.LinearToneMapping;this.toneMappingWhitePoint=this.toneMappingExposure=1;this.maxMorphTargets=8;this.maxMorphNormals=4;this.autoScaleCubemaps=!0;var W=this,fa=null,la=null,ga=null,Z=-1,oa="",ea=null,ra=
+new THREE.Vector4,Aa=null,ma=new THREE.Vector4,ta=0,aa=new THREE.Color(0),ia=0,va=z.width,wa=z.height,$=1,ya=new THREE.Vector4(0,0,va,wa),Ca=!1,na=new THREE.Vector4(0,0,va,wa),Ba=new THREE.Frustum,ba=new THREE.WebGLClipping,ua=!1,za=!1,ka=new THREE.Sphere,sa=new THREE.Matrix4,X=new THREE.Vector3,S={hash:"",ambient:[0,0,0],directional:[],directionalShadowMap:[],directionalShadowMatrix:[],spot:[],spotShadowMap:[],spotShadowMatrix:[],point:[],pointShadowMap:[],pointShadowMatrix:[],hemi:[],shadows:[]},
+ja={geometries:0,textures:0},ha={calls:0,vertices:0,faces:0,points:0};this.info={render:ha,memory:ja,programs:null};var t;try{M={alpha:M,depth:O,stencil:N,antialias:E,premultipliedAlpha:K,preserveDrawingBuffer:I};t=H||z.getContext("webgl",M)||z.getContext("experimental-webgl",M);if(null===t){if(null!==z.getContext("webgl"))throw"Error creating WebGL context with your selected attributes.";throw"Error creating WebGL context.";}void 0===t.getShaderPrecisionFormat&&(t.getShaderPrecisionFormat=function(){return{rangeMin:1,
+rangeMax:1,precision:1}});z.addEventListener("webglcontextlost",e,!1)}catch(Fa){console.error("THREE.WebGLRenderer: "+Fa)}var Da="undefined"!==typeof WebGL2RenderingContext&&t instanceof WebGL2RenderingContext,V=new THREE.WebGLExtensions(t);V.get("WEBGL_depth_texture");V.get("OES_texture_float");V.get("OES_texture_float_linear");V.get("OES_texture_half_float");V.get("OES_texture_half_float_linear");V.get("OES_standard_derivatives");V.get("ANGLE_instanced_arrays");V.get("OES_element_index_uint")&&
+(THREE.BufferGeometry.MaxIndex=4294967296);var ca=new THREE.WebGLCapabilities(t,V,a),J=new THREE.WebGLState(t,V,G),T=new THREE.WebGLProperties,qa=new THREE.WebGLObjects(t,T,this.info),pa=new THREE.WebGLPrograms(this,ca),xa=new THREE.WebGLLights;this.info.programs=pa.programs;var Ga=new THREE.WebGLBufferRenderer(t,V,ha),Ha=new THREE.WebGLIndexedBufferRenderer(t,V,ha);c();this.context=t;this.capabilities=ca;this.extensions=V;this.properties=T;this.state=J;var Ea=new THREE.WebGLShadowMap(this,S,qa);
+this.shadowMap=Ea;var Ia=new THREE.SpritePlugin(this,U),Ja=new THREE.LensFlarePlugin(this,Y);this.getContext=function(){return t};this.getContextAttributes=function(){return t.getContextAttributes()};this.forceContextLoss=function(){V.get("WEBGL_lose_context").loseContext()};this.getMaxAnisotropy=function(){var a;return function(){if(void 0!==a)return a;var b=V.get("EXT_texture_filter_anisotropic");return a=null!==b?t.getParameter(b.MAX_TEXTURE_MAX_ANISOTROPY_EXT):0}}();this.getPrecision=function(){return ca.precision};
+this.getPixelRatio=function(){return $};this.setPixelRatio=function(a){void 0!==a&&($=a,this.setSize(na.z,na.w,!1))};this.getSize=function(){return{width:va,height:wa}};this.setSize=function(a,b,c){va=a;wa=b;z.width=a*$;z.height=b*$;!1!==c&&(z.style.width=a+"px",z.style.height=b+"px");this.setViewport(0,0,a,b)};this.setViewport=function(a,b,c,d){J.viewport(na.set(a,b,c,d))};this.setScissor=function(a,b,c,d){J.scissor(ya.set(a,b,c,d))};this.setScissorTest=function(a){J.setScissorTest(Ca=a)};this.getClearColor=
+function(){return aa};this.setClearColor=function(a,c){aa.set(a);ia=void 0!==c?c:1;b(aa.r,aa.g,aa.b,ia)};this.getClearAlpha=function(){return ia};this.setClearAlpha=function(a){ia=a;b(aa.r,aa.g,aa.b,ia)};this.clear=function(a,b,c){var d=0;if(void 0===a||a)d|=t.COLOR_BUFFER_BIT;if(void 0===b||b)d|=t.DEPTH_BUFFER_BIT;if(void 0===c||c)d|=t.STENCIL_BUFFER_BIT;t.clear(d)};this.clearColor=function(){this.clear(!0,!1,!1)};this.clearDepth=function(){this.clear(!1,!0,!1)};this.clearStencil=function(){this.clear(!1,
+!1,!0)};this.clearTarget=function(a,b,c,d){this.setRenderTarget(a);this.clear(b,c,d)};this.resetGLState=d;this.dispose=function(){z.removeEventListener("webglcontextlost",e,!1)};this.renderBufferImmediate=function(a,b,c){J.initAttributes();var d=T.get(a);a.hasPositions&&!d.position&&(d.position=t.createBuffer());a.hasNormals&&!d.normal&&(d.normal=t.createBuffer());a.hasUvs&&!d.uv&&(d.uv=t.createBuffer());a.hasColors&&!d.color&&(d.color=t.createBuffer());b=b.getAttributes();a.hasPositions&&(t.bindBuffer(t.ARRAY_BUFFER,
+d.position),t.bufferData(t.ARRAY_BUFFER,a.positionArray,t.DYNAMIC_DRAW),J.enableAttribute(b.position),t.vertexAttribPointer(b.position,3,t.FLOAT,!1,0,0));if(a.hasNormals){t.bindBuffer(t.ARRAY_BUFFER,d.normal);if("MeshPhongMaterial"!==c.type&&"MeshStandardMaterial"!==c.type&&"MeshPhysicalMaterial"!==c.type&&c.shading===THREE.FlatShading)for(var e=0,f=3*a.count;e=ca.maxTextures&&console.warn("WebGLRenderer: trying to use "+
+a+" texture units while this GPU supports only "+ca.maxTextures);ta+=1;return a};this.setTexture2D=function(){var a=!1;return function(b,c){b instanceof THREE.WebGLRenderTarget&&(a||(console.warn("THREE.WebGLRenderer.setTexture2D: don't use render targets as textures. Use their .texture property instead."),a=!0),b=b.texture);var d=b,e=T.get(d);if(0m;m++)k[m]=!W.autoScaleCubemaps||g||h?h?d.image[m].image:d.image[m]:w(d.image[m],ca.maxCubemapSize);var l=D(k[0]),n=G(d.format),p=G(d.type);C(t.TEXTURE_CUBE_MAP,d,l);for(m=0;6>m;m++)if(g)for(var q,r=k[m].mipmaps,
+s=0,x=r.length;sf;f++)b.__webglFramebuffer[f]=t.createFramebuffer()}else b.__webglFramebuffer=t.createFramebuffer();if(d){J.bindTexture(t.TEXTURE_CUBE_MAP,c.__webglTexture);C(t.TEXTURE_CUBE_MAP,a.texture,e);for(f=0;6>f;f++)A(b.__webglFramebuffer[f],
+a,t.COLOR_ATTACHMENT0,t.TEXTURE_CUBE_MAP_POSITIVE_X+f);a.texture.generateMipmaps&&e&&t.generateMipmap(t.TEXTURE_CUBE_MAP);J.bindTexture(t.TEXTURE_CUBE_MAP,null)}else J.bindTexture(t.TEXTURE_2D,c.__webglTexture),C(t.TEXTURE_2D,a.texture,e),A(b.__webglFramebuffer,a,t.COLOR_ATTACHMENT0,t.TEXTURE_2D),a.texture.generateMipmaps&&e&&t.generateMipmap(t.TEXTURE_2D),J.bindTexture(t.TEXTURE_2D,null);if(a.depthBuffer){b=T.get(a);c=a instanceof THREE.WebGLRenderTargetCube;if(a.depthTexture){if(c)throw Error("target.depthTexture not supported in Cube render targets");
+if(a instanceof THREE.WebGLRenderTargetCube)throw Error("Depth Texture with cube render targets is not supported!");t.bindFramebuffer(t.FRAMEBUFFER,b.__webglFramebuffer);if(!(a.depthTexture instanceof THREE.DepthTexture))throw Error("renderTarget.depthTexture must be an instance of THREE.DepthTexture");T.get(a.depthTexture).__webglTexture&&a.depthTexture.image.width===a.width&&a.depthTexture.image.height===a.height||(a.depthTexture.image.width=a.width,a.depthTexture.image.height=a.height,a.depthTexture.needsUpdate=
+!0);W.setTexture2D(a.depthTexture,0);b=T.get(a.depthTexture).__webglTexture;t.framebufferTexture2D(t.FRAMEBUFFER,t.DEPTH_ATTACHMENT,t.TEXTURE_2D,b,0)}else if(c)for(b.__webglDepthbuffer=[],c=0;6>c;c++)t.bindFramebuffer(t.FRAMEBUFFER,b.__webglFramebuffer[c]),b.__webglDepthbuffer[c]=t.createRenderbuffer(),y(b.__webglDepthbuffer[c],a);else t.bindFramebuffer(t.FRAMEBUFFER,b.__webglFramebuffer),b.__webglDepthbuffer=t.createRenderbuffer(),y(b.__webglDepthbuffer,a);t.bindFramebuffer(t.FRAMEBUFFER,null)}}b=
+a instanceof THREE.WebGLRenderTargetCube;a?(c=T.get(a),c=b?c.__webglFramebuffer[a.activeCubeFace]:c.__webglFramebuffer,ra.copy(a.scissor),Aa=a.scissorTest,ma.copy(a.viewport)):(c=null,ra.copy(ya).multiplyScalar($),Aa=Ca,ma.copy(na).multiplyScalar($));ga!==c&&(t.bindFramebuffer(t.FRAMEBUFFER,c),ga=c);J.scissor(ra);J.setScissorTest(Aa);J.viewport(ma);b&&(b=T.get(a.texture),t.framebufferTexture2D(t.FRAMEBUFFER,t.COLOR_ATTACHMENT0,t.TEXTURE_CUBE_MAP_POSITIVE_X+a.activeCubeFace,b.__webglTexture,a.activeMipMapLevel))};
+this.readRenderTargetPixels=function(a,b,c,d,e,f){if(!1===a instanceof THREE.WebGLRenderTarget)console.error("THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not THREE.WebGLRenderTarget.");else{var g=T.get(a).__webglFramebuffer;if(g){var h=!1;g!==ga&&(t.bindFramebuffer(t.FRAMEBUFFER,g),h=!0);try{var k=a.texture;k.format!==THREE.RGBAFormat&&G(k.format)!==t.getParameter(t.IMPLEMENTATION_COLOR_READ_FORMAT)?console.error("THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not in RGBA or implementation defined format."):
+k.type===THREE.UnsignedByteType||G(k.type)===t.getParameter(t.IMPLEMENTATION_COLOR_READ_TYPE)||k.type===THREE.FloatType&&V.get("WEBGL_color_buffer_float")||k.type===THREE.HalfFloatType&&V.get("EXT_color_buffer_half_float")?t.checkFramebufferStatus(t.FRAMEBUFFER)===t.FRAMEBUFFER_COMPLETE?0<=b&&b<=a.width-d&&0<=c&&c<=a.height-e&&t.readPixels(b,c,d,e,G(k.format),G(k.type),f):console.error("THREE.WebGLRenderer.readRenderTargetPixels: readPixels from renderTarget failed. Framebuffer not complete."):console.error("THREE.WebGLRenderer.readRenderTargetPixels: renderTarget is not in UnsignedByteType or implementation defined type.")}finally{h&&
+t.bindFramebuffer(t.FRAMEBUFFER,ga)}}}}};
+THREE.WebGLRenderTarget=function(a,b,c){this.uuid=THREE.Math.generateUUID();this.width=a;this.height=b;this.scissor=new THREE.Vector4(0,0,a,b);this.scissorTest=!1;this.viewport=new THREE.Vector4(0,0,a,b);c=c||{};void 0===c.minFilter&&(c.minFilter=THREE.LinearFilter);this.texture=new THREE.Texture(void 0,void 0,c.wrapS,c.wrapT,c.magFilter,c.minFilter,c.format,c.type,c.anisotropy,c.encoding);this.depthBuffer=void 0!==c.depthBuffer?c.depthBuffer:!0;this.stencilBuffer=void 0!==c.stencilBuffer?c.stencilBuffer:
+!0;this.depthTexture=null};
+Object.assign(THREE.WebGLRenderTarget.prototype,THREE.EventDispatcher.prototype,{setSize:function(a,b){if(this.width!==a||this.height!==b)this.width=a,this.height=b,this.dispose();this.viewport.set(0,0,a,b);this.scissor.set(0,0,a,b)},clone:function(){return(new this.constructor).copy(this)},copy:function(a){this.width=a.width;this.height=a.height;this.viewport.copy(a.viewport);this.texture=a.texture.clone();this.depthBuffer=a.depthBuffer;this.stencilBuffer=a.stencilBuffer;this.depthTexture=a.depthTexture;
+return this},dispose:function(){this.dispatchEvent({type:"dispose"})}});THREE.WebGLRenderTargetCube=function(a,b,c){THREE.WebGLRenderTarget.call(this,a,b,c);this.activeMipMapLevel=this.activeCubeFace=0};THREE.WebGLRenderTargetCube.prototype=Object.create(THREE.WebGLRenderTarget.prototype);THREE.WebGLRenderTargetCube.prototype.constructor=THREE.WebGLRenderTargetCube;
+THREE.WebGLBufferRenderer=function(a,b,c){var d;this.setMode=function(a){d=a};this.render=function(b,f){a.drawArrays(d,b,f);c.calls++;c.vertices+=f;d===a.TRIANGLES&&(c.faces+=f/3)};this.renderInstances=function(e){var f=b.get("ANGLE_instanced_arrays");if(null===f)console.error("THREE.WebGLBufferRenderer: using THREE.InstancedBufferGeometry but hardware does not support extension ANGLE_instanced_arrays.");else{var g=e.attributes.position,h=0,h=g instanceof THREE.InterleavedBufferAttribute?g.data.count:
+g.count;f.drawArraysInstancedANGLE(d,0,h,e.maxInstancedCount);c.calls++;c.vertices+=h*e.maxInstancedCount;d===a.TRIANGLES&&(c.faces+=e.maxInstancedCount*h/3)}}};
+THREE.WebGLClipping=function(){function a(){l.value!==d&&(l.value=d,l.needsUpdate=0c){var d=b;b=c;c=d}d=a[b];return void 0===d?(a[b]=[c],!0):-1===d.indexOf(c)?(d.push(c),!0):!1}var f=new THREE.WebGLGeometries(a,b,c);this.getAttributeBuffer=function(a){return a instanceof THREE.InterleavedBufferAttribute?b.get(a.data).__webglBuffer:b.get(a).__webglBuffer};this.getWireframeAttribute=
+function(c){var f=b.get(c);if(void 0!==f.wireframe)return f.wireframe;var k=[],l=c.index,n=c.attributes;c=n.position;if(null!==l)for(var n={},l=l.array,p=0,m=l.length;p/g,function(a,b){var c=THREE.ShaderChunk[b];if(void 0===c)throw Error("Can not resolve #include <"+
+b+">");return k(c)})}function l(a){return a.replace(/for \( int i \= (\d+)\; i < (\d+)\; i \+\+ \) \{([\s\S]+?)(?=\})\}/g,function(a,b,c,d){a="";for(b=parseInt(b);b=e||0 0 ) {\nfloat depth = gl_FragCoord.z / gl_FragCoord.w;\nfloat fogFactor = 0.0;\nif ( fogType == 1 ) {\nfogFactor = smoothstep( fogNear, fogFar, depth );\n} else {\nconst float LOG2 = 1.442695;\nfogFactor = exp2( - fogDensity * fogDensity * depth * depth * LOG2 );\nfogFactor = 1.0 - clamp( fogFactor, 0.0, 1.0 );\n}\ngl_FragColor = mix( gl_FragColor, vec4( fogColor, gl_FragColor.w ), fogFactor );\n}\n}"].join("\n"));
+w.compileShader(K);w.compileShader(I);w.attachShader(E,K);w.attachShader(E,I);w.linkProgram(E);B=E;x=w.getAttribLocation(B,"position");v=w.getAttribLocation(B,"uv");c=w.getUniformLocation(B,"uvOffset");d=w.getUniformLocation(B,"uvScale");e=w.getUniformLocation(B,"rotation");f=w.getUniformLocation(B,"scale");g=w.getUniformLocation(B,"color");h=w.getUniformLocation(B,"map");k=w.getUniformLocation(B,"opacity");l=w.getUniformLocation(B,"modelViewMatrix");n=w.getUniformLocation(B,"projectionMatrix");p=
+w.getUniformLocation(B,"fogType");m=w.getUniformLocation(B,"fogDensity");q=w.getUniformLocation(B,"fogNear");r=w.getUniformLocation(B,"fogFar");s=w.getUniformLocation(B,"fogColor");u=w.getUniformLocation(B,"alphaTest");E=document.createElement("canvas");E.width=8;E.height=8;K=E.getContext("2d");K.fillStyle="white";K.fillRect(0,0,8,8);G=new THREE.Texture(E);G.needsUpdate=!0}w.useProgram(B);D.initAttributes();D.enableAttribute(x);D.enableAttribute(v);D.disableUnusedAttributes();D.disable(w.CULL_FACE);
+D.enable(w.BLEND);w.bindBuffer(w.ARRAY_BUFFER,A);w.vertexAttribPointer(x,2,w.FLOAT,!1,16,0);w.vertexAttribPointer(v,2,w.FLOAT,!1,16,8);w.bindBuffer(w.ELEMENT_ARRAY_BUFFER,y);w.uniformMatrix4fv(n,!1,N.projectionMatrix.elements);D.activeTexture(w.TEXTURE0);w.uniform1i(h,0);K=E=0;(I=O.fog)?(w.uniform3f(s,I.color.r,I.color.g,I.color.b),I instanceof THREE.Fog?(w.uniform1f(q,I.near),w.uniform1f(r,I.far),w.uniform1i(p,1),K=E=1):I instanceof THREE.FogExp2&&(w.uniform1f(m,I.density),w.uniform1i(p,2),K=E=2)):
+(w.uniform1i(p,0),K=E=0);for(var I=0,L=b.length;Ic)return null;var d=[],e=[],f=[],g,h,k;if(0=l--){console.warn("THREE.ShapeUtils: Unable to triangulate polygon! in triangulate()");break}g=h;c<=g&&(g=0);h=g+1;c<=h&&(h=0);k=h+1;c<=k&&(k=0);var n;a:{var p=
+n=void 0,m=void 0,q=void 0,r=void 0,s=void 0,u=void 0,x=void 0,v=void 0,p=a[e[g]].x,m=a[e[g]].y,q=a[e[h]].x,r=a[e[h]].y,s=a[e[k]].x,u=a[e[k]].y;if(Number.EPSILON>(q-p)*(u-m)-(r-m)*(s-p))n=!1;else{var C=void 0,w=void 0,D=void 0,A=void 0,y=void 0,B=void 0,G=void 0,z=void 0,H=void 0,M=void 0,H=z=G=v=x=void 0,C=s-q,w=u-r,D=p-s,A=m-u,y=q-p,B=r-m;for(n=0;n=-Number.EPSILON&&
+z>=-Number.EPSILON&&G>=-Number.EPSILON)){n=!1;break a}n=!0}}if(n){d.push([a[e[g]],a[e[h]],a[e[k]]]);f.push([e[g],e[h],e[k]]);g=h;for(k=h+1;kNumber.EPSILON){if(0B||B>
+y)return[];k=l*n-k*p;if(0>k||k>y)return[]}else{if(0d?[]:k===d?f?[]:[g]:a<=d?[g,h]:[g,l]}function e(a,b,c,d){var e=b.x-a.x,f=b.y-a.y;b=c.x-a.x;c=c.y-a.y;var g=d.x-a.x;d=d.y-a.y;a=e*c-f*b;e=e*d-f*g;return Math.abs(a)>Number.EPSILON?(b=g*c-d*b,0f&&(f=d);var g=a+1;g>d&&(g=0);d=e(h[a],h[f],h[g],k[b]);if(!d)return!1;d=k.length-1;f=b-1;0>f&&(f=d);g=b+1;g>d&&(g=0);return(d=e(k[b],k[f],k[g],h[a]))?!0:!1}function f(a,b){var c,e;for(c=0;cN){console.log("Infinite Loop! Holes left:"+l.length+", Probably Hole outside Shape!");break}for(p=z;ph;h++)l=k[h].x+":"+k[h].y,l=n[l],void 0!==l&&(k[h]=l);return p.concat()},isClockWise:function(a){return 0>THREE.ShapeUtils.area(a)},b2:function(){return function(a,b,c,d){var e=1-a;return e*e*b+2*(1-a)*a*c+a*a*d}}(),b3:function(){return function(a,b,c,d,e){var f=
+1-a,g=1-a;return f*f*f*b+3*g*g*a*c+3*(1-a)*a*a*d+a*a*a*e}}()};THREE.Curve=function(){};
+THREE.Curve.prototype={constructor:THREE.Curve,getPoint:function(a){console.warn("THREE.Curve: Warning, getPoint() not implemented!");return null},getPointAt:function(a){a=this.getUtoTmapping(a);return this.getPoint(a)},getPoints:function(a){a||(a=5);var b,c=[];for(b=0;b<=a;b++)c.push(this.getPoint(b/a));return c},getSpacedPoints:function(a){a||(a=5);var b,c=[];for(b=0;b<=a;b++)c.push(this.getPointAt(b/a));return c},getLength:function(){var a=this.getLengths();return a[a.length-1]},getLengths:function(a){a||
+(a=this.__arcLengthDivisions?this.__arcLengthDivisions:200);if(this.cacheArcLengths&&this.cacheArcLengths.length===a+1&&!this.needsUpdate)return this.cacheArcLengths;this.needsUpdate=!1;var b=[],c,d=this.getPoint(0),e,f=0;b.push(0);for(e=1;e<=a;e++)c=this.getPoint(e/a),f+=c.distanceTo(d),b.push(f),d=c;return this.cacheArcLengths=b},updateArcLengths:function(){this.needsUpdate=!0;this.getLengths()},getUtoTmapping:function(a,b){var c=this.getLengths(),d=0,e=c.length,f;f=b?b:a*c[e-1];for(var g=0,h=e-
+1,k;g<=h;)if(d=Math.floor(g+(h-g)/2),k=c[d]-f,0>k)g=d+1;else if(0b&&(b=0);1=b)return a=this.curves[d],b=1-(c[d]-b)/a.getLength(),a.getPointAt(b);d++}return null},getLength:function(){var a=
+this.getCurveLengths();return a[a.length-1]},getCurveLengths:function(){if(this.cacheLengths&&this.cacheLengths.length===this.curves.length)return this.cacheLengths;for(var a=[],b=0,c=0,d=this.curves.length;cNumber.EPSILON){if(0>l&&(g=b[f],k=-k,h=b[e],l=-l),!(a.yh.y))if(a.y===g.y){if(a.x===
+g.x)return!0}else{e=l*(a.x-g.x)-k*(a.y-g.y);if(0===e)return!0;0>e||(d=!d)}}else if(a.y===g.y&&(h.x<=a.x&&a.x<=g.x||g.x<=a.x&&a.x<=h.x))return!0}return d}var e=THREE.ShapeUtils.isClockWise,f=function(a){for(var b=[],c=new THREE.Path,d=0,e=a.length;db.length-2?b.length-1:c+1],b=b[c>b.length-3?b.length-1:c+2],c=THREE.CurveUtils.interpolate;return new THREE.Vector2(c(d.x,e.x,f.x,b.x,a),c(d.y,e.y,f.y,b.y,a))};
+THREE.EllipseCurve=function(a,b,c,d,e,f,g,h){this.aX=a;this.aY=b;this.xRadius=c;this.yRadius=d;this.aStartAngle=e;this.aEndAngle=f;this.aClockwise=g;this.aRotation=h||0};THREE.EllipseCurve.prototype=Object.create(THREE.Curve.prototype);THREE.EllipseCurve.prototype.constructor=THREE.EllipseCurve;
+THREE.EllipseCurve.prototype.getPoint=function(a){var b=this.aEndAngle-this.aStartAngle;0>b&&(b+=2*Math.PI);b>2*Math.PI&&(b-=2*Math.PI);b=!0===this.aClockwise?this.aEndAngle+(1-a)*(2*Math.PI-b):this.aStartAngle+a*b;a=this.aX+this.xRadius*Math.cos(b);var c=this.aY+this.yRadius*Math.sin(b);if(0!==this.aRotation){var b=Math.cos(this.aRotation),d=Math.sin(this.aRotation),e=a;a=(e-this.aX)*b-(c-this.aY)*d+this.aX;c=(e-this.aX)*d+(c-this.aY)*b+this.aY}return new THREE.Vector2(a,c)};
+THREE.ArcCurve=function(a,b,c,d,e,f){THREE.EllipseCurve.call(this,a,b,c,c,d,e,f)};THREE.ArcCurve.prototype=Object.create(THREE.EllipseCurve.prototype);THREE.ArcCurve.prototype.constructor=THREE.ArcCurve;THREE.LineCurve3=THREE.Curve.create(function(a,b){this.v1=a;this.v2=b},function(a){var b=new THREE.Vector3;b.subVectors(this.v2,this.v1);b.multiplyScalar(a);b.add(this.v1);return b});
+THREE.QuadraticBezierCurve3=THREE.Curve.create(function(a,b,c){this.v0=a;this.v1=b;this.v2=c},function(a){var b=THREE.ShapeUtils.b2;return new THREE.Vector3(b(a,this.v0.x,this.v1.x,this.v2.x),b(a,this.v0.y,this.v1.y,this.v2.y),b(a,this.v0.z,this.v1.z,this.v2.z))});
+THREE.CubicBezierCurve3=THREE.Curve.create(function(a,b,c,d){this.v0=a;this.v1=b;this.v2=c;this.v3=d},function(a){var b=THREE.ShapeUtils.b3;return new THREE.Vector3(b(a,this.v0.x,this.v1.x,this.v2.x,this.v3.x),b(a,this.v0.y,this.v1.y,this.v2.y,this.v3.y),b(a,this.v0.z,this.v1.z,this.v2.z,this.v3.z))});
+THREE.SplineCurve3=THREE.Curve.create(function(a){console.warn("THREE.SplineCurve3 will be deprecated. Please use THREE.CatmullRomCurve3");this.points=void 0==a?[]:a},function(a){var b=this.points;a*=b.length-1;var c=Math.floor(a);a-=c;var d=b[0==c?c:c-1],e=b[c],f=b[c>b.length-2?b.length-1:c+1],b=b[c>b.length-3?b.length-1:c+2],c=THREE.CurveUtils.interpolate;return new THREE.Vector3(c(d.x,e.x,f.x,b.x,a),c(d.y,e.y,f.y,b.y,a),c(d.z,e.z,f.z,b.z,a))});
+THREE.CatmullRomCurve3=function(){function a(){}var b=new THREE.Vector3,c=new a,d=new a,e=new a;a.prototype.init=function(a,b,c,d){this.c0=a;this.c1=c;this.c2=-3*a+3*b-2*c-d;this.c3=2*a-2*b+c+d};a.prototype.initNonuniformCatmullRom=function(a,b,c,d,e,n,p){a=((b-a)/e-(c-a)/(e+n)+(c-b)/n)*n;d=((c-b)/n-(d-b)/(n+p)+(d-c)/p)*n;this.init(b,c,a,d)};a.prototype.initCatmullRom=function(a,b,c,d,e){this.init(b,c,e*(c-a),e*(d-b))};a.prototype.calc=function(a){var b=a*a;return this.c0+this.c1*a+this.c2*b+this.c3*
+b*a};return THREE.Curve.create(function(a){this.points=a||[];this.closed=!1},function(a){var g=this.points,h,k;k=g.length;2>k&&console.log("duh, you need at least 2 points");a*=k-(this.closed?0:1);h=Math.floor(a);a-=h;this.closed?h+=0h&&(h=1);1E-4>k&&(k=h);1E-4>m&&(m=h);c.initNonuniformCatmullRom(l.x,n.x,p.x,g.x,k,h,m);d.initNonuniformCatmullRom(l.y,n.y,p.y,g.y,k,h,m);e.initNonuniformCatmullRom(l.z,n.z,p.z,g.z,k,h,m)}else"catmullrom"===this.type&&(k=void 0!==this.tension?this.tension:.5,c.initCatmullRom(l.x,n.x,p.x,g.x,
+k),d.initCatmullRom(l.y,n.y,p.y,g.y,k),e.initCatmullRom(l.z,n.z,p.z,g.z,k));return new THREE.Vector3(c.calc(a),d.calc(a),e.calc(a))})}();THREE.ClosedSplineCurve3=function(a){console.warn("THREE.ClosedSplineCurve3 has been deprecated. Please use THREE.CatmullRomCurve3.");THREE.CatmullRomCurve3.call(this,a);this.type="catmullrom";this.closed=!0};THREE.ClosedSplineCurve3.prototype=Object.create(THREE.CatmullRomCurve3.prototype);
+THREE.BoxGeometry=function(a,b,c,d,e,f){THREE.Geometry.call(this);this.type="BoxGeometry";this.parameters={width:a,height:b,depth:c,widthSegments:d,heightSegments:e,depthSegments:f};this.fromBufferGeometry(new THREE.BoxBufferGeometry(a,b,c,d,e,f));this.mergeVertices()};THREE.BoxGeometry.prototype=Object.create(THREE.Geometry.prototype);THREE.BoxGeometry.prototype.constructor=THREE.BoxGeometry;THREE.CubeGeometry=THREE.BoxGeometry;
+THREE.BoxBufferGeometry=function(a,b,c,d,e,f){function g(a,b,c,d,e,f,g,k,l,M,O){var N=f/l,E=g/M,K=f/2,I=g/2,L=k/2;g=l+1;for(var P=M+1,Q=f=0,R=new THREE.Vector3,F=0;Fm;m++){e[0]=p[g[m]];e[1]=p[g[(m+1)%3]];e.sort(c);var q=e.toString();void 0===f[q]?f[q]={vert1:e[0],vert2:e[1],face1:l,
+face2:void 0}:f[q].face2=l}e=[];for(q in f)if(g=f[q],void 0===g.face2||h[g.face1].normal.dot(h[g.face2].normal)<=d)l=k[g.vert1],e.push(l.x),e.push(l.y),e.push(l.z),l=k[g.vert2],e.push(l.x),e.push(l.y),e.push(l.z);this.addAttribute("position",new THREE.BufferAttribute(new Float32Array(e),3))};THREE.EdgesGeometry.prototype=Object.create(THREE.BufferGeometry.prototype);THREE.EdgesGeometry.prototype.constructor=THREE.EdgesGeometry;
+THREE.ExtrudeGeometry=function(a,b){"undefined"!==typeof a&&(THREE.Geometry.call(this),this.type="ExtrudeGeometry",a=Array.isArray(a)?a:[a],this.addShapeList(a,b),this.computeFaceNormals())};THREE.ExtrudeGeometry.prototype=Object.create(THREE.Geometry.prototype);THREE.ExtrudeGeometry.prototype.constructor=THREE.ExtrudeGeometry;THREE.ExtrudeGeometry.prototype.addShapeList=function(a,b){for(var c=a.length,d=0;dNumber.EPSILON){var k=Math.sqrt(h),l=Math.sqrt(f*f+g*g),h=b.x-e/k;b=b.y+d/k;f=((c.x-g/l-h)*g-(c.y+f/l-b)*f)/(d*g-e*f);c=h+d*f-a.x;a=b+e*f-a.y;d=c*c+a*a;if(2>=d)return new THREE.Vector2(c,a);d=Math.sqrt(d/2)}else a=!1,d>Number.EPSILON?
+f>Number.EPSILON&&(a=!0):d<-Number.EPSILON?f<-Number.EPSILON&&(a=!0):Math.sign(e)===Math.sign(g)&&(a=!0),a?(c=-e,a=d,d=Math.sqrt(h)):(c=d,a=e,d=Math.sqrt(h/2));return new THREE.Vector2(c/d,a/d)}function e(a,b){var c,d;for(F=a.length;0<=--F;){c=F;d=F-1;0>d&&(d=a.length-1);for(var e=0,f=q+2*n,e=0;eMath.abs(b.y-c.y)?[new THREE.Vector2(b.x,1-b.z),new THREE.Vector2(c.x,1-c.z),new THREE.Vector2(d.x,1-d.z),new THREE.Vector2(e.x,1-e.z)]:[new THREE.Vector2(b.y,1-b.z),new THREE.Vector2(c.y,1-c.z),new THREE.Vector2(d.y,
+1-d.z),new THREE.Vector2(e.y,1-e.z)]}};THREE.ShapeGeometry=function(a,b){THREE.Geometry.call(this);this.type="ShapeGeometry";!1===Array.isArray(a)&&(a=[a]);this.addShapeList(a,b);this.computeFaceNormals()};THREE.ShapeGeometry.prototype=Object.create(THREE.Geometry.prototype);THREE.ShapeGeometry.prototype.constructor=THREE.ShapeGeometry;THREE.ShapeGeometry.prototype.addShapeList=function(a,b){for(var c=0,d=a.length;cNumber.EPSILON&&(h.normalize(),d=Math.acos(THREE.Math.clamp(e[l-1].dot(e[l]),-1,1)),f[l].applyMatrix4(k.makeRotationAxis(h,d))),g[l].crossVectors(e[l],f[l]);if(c)for(d=Math.acos(THREE.Math.clamp(f[0].dot(f[b-1]),-1,1)),d/=b-1,0c&&1===a.x&&(a=new THREE.Vector2(a.x-1,a.y));0===b.x&&0===b.z&&(a=new THREE.Vector2(c/
+2/Math.PI+.5,a.y));return a.clone()}THREE.Geometry.call(this);this.type="PolyhedronGeometry";this.parameters={vertices:a,indices:b,radius:c,detail:d};c=c||1;d=d||0;for(var k=this,l=0,n=a.length;lq&&(.2>d&&(b[0].x+=1),.2>a&&(b[1].x+=1),.2>p&&(b[2].x+=1));l=0;for(n=this.vertices.length;lp;p++){c[0]=n[e[p]];c[1]=n[e[(p+1)%3]];c.sort(b);var m=c.toString();void 0===d[m]&&(k[2*h]=c[0],k[2*h+1]=c[1],d[m]=!0,h++)}c=new Float32Array(6*h);a=0;for(l=h;ap;p++)d=f[k[2*a+p]],h=6*a+3*p,c[h+0]=d.x,c[h+1]=d.y,
+c[h+2]=d.z;this.addAttribute("position",new THREE.BufferAttribute(c,3))}else if(a instanceof THREE.BufferGeometry){if(null!==a.index){l=a.index.array;f=a.attributes.position;e=a.groups;h=0;0===e.length&&a.addGroup(0,l.length);k=new Uint32Array(2*l.length);g=0;for(n=e.length;gp;p++)c[0]=l[a+p],c[1]=l[a+(p+1)%3],c.sort(b),m=c.toString(),void 0===d[m]&&(k[2*h]=c[0],k[2*h+1]=c[1],d[m]=!0,h++)}c=new Float32Array(6*h);a=0;for(l=h;a<
+l;a++)for(p=0;2>p;p++)h=6*a+3*p,d=k[2*a+p],c[h+0]=f.getX(d),c[h+1]=f.getY(d),c[h+2]=f.getZ(d)}else for(f=a.attributes.position.array,h=f.length/3,k=h/3,c=new Float32Array(6*h),a=0,l=k;ap;p++)h=18*a+6*p,k=9*a+3*p,c[h+0]=f[k],c[h+1]=f[k+1],c[h+2]=f[k+2],d=9*a+(p+1)%3*3,c[h+3]=f[d],c[h+4]=f[d+1],c[h+5]=f[d+2];this.addAttribute("position",new THREE.BufferAttribute(c,3))}};THREE.WireframeGeometry.prototype=Object.create(THREE.BufferGeometry.prototype);
+THREE.WireframeGeometry.prototype.constructor=THREE.WireframeGeometry;THREE.AxisHelper=function(a){a=a||1;var b=new Float32Array([0,0,0,a,0,0,0,0,0,0,a,0,0,0,0,0,0,a]),c=new Float32Array([1,0,0,1,.6,0,0,1,0,.6,1,0,0,0,1,0,.6,1]);a=new THREE.BufferGeometry;a.addAttribute("position",new THREE.BufferAttribute(b,3));a.addAttribute("color",new THREE.BufferAttribute(c,3));b=new THREE.LineBasicMaterial({vertexColors:THREE.VertexColors});THREE.LineSegments.call(this,a,b)};THREE.AxisHelper.prototype=Object.create(THREE.LineSegments.prototype);
+THREE.AxisHelper.prototype.constructor=THREE.AxisHelper;
+THREE.ArrowHelper=function(){var a=new THREE.BufferGeometry;a.addAttribute("position",new THREE.Float32Attribute([0,0,0,0,1,0],3));var b=new THREE.CylinderBufferGeometry(0,.5,1,5,1);b.translate(0,-.5,0);return function(c,d,e,f,g,h){THREE.Object3D.call(this);void 0===f&&(f=16776960);void 0===e&&(e=1);void 0===g&&(g=.2*e);void 0===h&&(h=.2*g);this.position.copy(d);this.line=new THREE.Line(a,new THREE.LineBasicMaterial({color:f}));this.line.matrixAutoUpdate=!1;this.add(this.line);this.cone=new THREE.Mesh(b,
+new THREE.MeshBasicMaterial({color:f}));this.cone.matrixAutoUpdate=!1;this.add(this.cone);this.setDirection(c);this.setLength(e,g,h)}}();THREE.ArrowHelper.prototype=Object.create(THREE.Object3D.prototype);THREE.ArrowHelper.prototype.constructor=THREE.ArrowHelper;
+THREE.ArrowHelper.prototype.setDirection=function(){var a=new THREE.Vector3,b;return function(c){.99999c.y?this.quaternion.set(1,0,0,0):(a.set(c.z,0,-c.x).normalize(),b=Math.acos(c.y),this.quaternion.setFromAxisAngle(a,b))}}();THREE.ArrowHelper.prototype.setLength=function(a,b,c){void 0===b&&(b=.2*a);void 0===c&&(c=.2*b);this.line.scale.set(1,Math.max(0,a-b),1);this.line.updateMatrix();this.cone.scale.set(c,b,c);this.cone.position.y=a;this.cone.updateMatrix()};
+THREE.ArrowHelper.prototype.setColor=function(a){this.line.material.color.copy(a);this.cone.material.color.copy(a)};THREE.BoxHelper=function(a){var b=new Uint16Array([0,1,1,2,2,3,3,0,4,5,5,6,6,7,7,4,0,4,1,5,2,6,3,7]),c=new Float32Array(24),d=new THREE.BufferGeometry;d.setIndex(new THREE.BufferAttribute(b,1));d.addAttribute("position",new THREE.BufferAttribute(c,3));THREE.LineSegments.call(this,d,new THREE.LineBasicMaterial({color:16776960}));void 0!==a&&this.update(a)};THREE.BoxHelper.prototype=Object.create(THREE.LineSegments.prototype);
+THREE.BoxHelper.prototype.constructor=THREE.BoxHelper;
+THREE.BoxHelper.prototype.update=function(){var a=new THREE.Box3;return function(b){b instanceof THREE.Box3?a.copy(b):a.setFromObject(b);if(!a.isEmpty()){b=a.min;var c=a.max,d=this.geometry.attributes.position,e=d.array;e[0]=c.x;e[1]=c.y;e[2]=c.z;e[3]=b.x;e[4]=c.y;e[5]=c.z;e[6]=b.x;e[7]=b.y;e[8]=c.z;e[9]=c.x;e[10]=b.y;e[11]=c.z;e[12]=c.x;e[13]=c.y;e[14]=b.z;e[15]=b.x;e[16]=c.y;e[17]=b.z;e[18]=b.x;e[19]=b.y;e[20]=b.z;e[21]=c.x;e[22]=b.y;e[23]=b.z;d.needsUpdate=!0;this.geometry.computeBoundingSphere()}}}();
+THREE.BoundingBoxHelper=function(a,b){var c=void 0!==b?b:8947848;this.object=a;this.box=new THREE.Box3;THREE.Mesh.call(this,new THREE.BoxGeometry(1,1,1),new THREE.MeshBasicMaterial({color:c,wireframe:!0}))};THREE.BoundingBoxHelper.prototype=Object.create(THREE.Mesh.prototype);THREE.BoundingBoxHelper.prototype.constructor=THREE.BoundingBoxHelper;THREE.BoundingBoxHelper.prototype.update=function(){this.box.setFromObject(this.object);this.box.size(this.scale);this.box.center(this.position)};
+THREE.CameraHelper=function(a){function b(a,b,d){c(a,d);c(b,d)}function c(a,b){d.vertices.push(new THREE.Vector3);d.colors.push(new THREE.Color(b));void 0===f[a]&&(f[a]=[]);f[a].push(d.vertices.length-1)}var d=new THREE.Geometry,e=new THREE.LineBasicMaterial({color:16777215,vertexColors:THREE.FaceColors}),f={};b("n1","n2",16755200);b("n2","n4",16755200);b("n4","n3",16755200);b("n3","n1",16755200);b("f1","f2",16755200);b("f2","f4",16755200);b("f4","f3",16755200);b("f3","f1",16755200);b("n1","f1",16755200);
+b("n2","f2",16755200);b("n3","f3",16755200);b("n4","f4",16755200);b("p","n1",16711680);b("p","n2",16711680);b("p","n3",16711680);b("p","n4",16711680);b("u1","u2",43775);b("u2","u3",43775);b("u3","u1",43775);b("c","t",16777215);b("p","c",3355443);b("cn1","cn2",3355443);b("cn3","cn4",3355443);b("cf1","cf2",3355443);b("cf3","cf4",3355443);THREE.LineSegments.call(this,d,e);this.camera=a;this.camera.updateProjectionMatrix();this.matrix=a.matrixWorld;this.matrixAutoUpdate=!1;this.pointMap=f;this.update()};
+THREE.CameraHelper.prototype=Object.create(THREE.LineSegments.prototype);THREE.CameraHelper.prototype.constructor=THREE.CameraHelper;
+THREE.CameraHelper.prototype.update=function(){function a(a,g,h,k){d.set(g,h,k).unproject(e);a=c[a];if(void 0!==a)for(g=0,h=a.length;gd;d++)c.faces[d].color=this.colors[4>d?0:1];d=new THREE.MeshBasicMaterial({vertexColors:THREE.FaceColors,wireframe:!0});this.lightSphere=new THREE.Mesh(c,d);this.add(this.lightSphere);this.update()};
+THREE.HemisphereLightHelper.prototype=Object.create(THREE.Object3D.prototype);THREE.HemisphereLightHelper.prototype.constructor=THREE.HemisphereLightHelper;THREE.HemisphereLightHelper.prototype.dispose=function(){this.lightSphere.geometry.dispose();this.lightSphere.material.dispose()};
+THREE.HemisphereLightHelper.prototype.update=function(){var a=new THREE.Vector3;return function(){this.colors[0].copy(this.light.color).multiplyScalar(this.light.intensity);this.colors[1].copy(this.light.groundColor).multiplyScalar(this.light.intensity);this.lightSphere.lookAt(a.setFromMatrixPosition(this.light.matrixWorld).negate());this.lightSphere.geometry.colorsNeedUpdate=!0}}();
+THREE.PointLightHelper=function(a,b){this.light=a;this.light.updateMatrixWorld();var c=new THREE.SphereBufferGeometry(b,4,2),d=new THREE.MeshBasicMaterial({wireframe:!0,fog:!1});d.color.copy(this.light.color).multiplyScalar(this.light.intensity);THREE.Mesh.call(this,c,d);this.matrix=this.light.matrixWorld;this.matrixAutoUpdate=!1};THREE.PointLightHelper.prototype=Object.create(THREE.Mesh.prototype);THREE.PointLightHelper.prototype.constructor=THREE.PointLightHelper;
+THREE.PointLightHelper.prototype.dispose=function(){this.geometry.dispose();this.material.dispose()};THREE.PointLightHelper.prototype.update=function(){this.material.color.copy(this.light.color).multiplyScalar(this.light.intensity)};
+THREE.SkeletonHelper=function(a){this.bones=this.getBoneList(a);for(var b=new THREE.Geometry,c=0;cc;c++,d++){var e=c/32*Math.PI*2,f=d/32*Math.PI*2;b.push(Math.cos(e),Math.sin(e),1,Math.cos(f),Math.sin(f),1)}a.addAttribute("position",new THREE.Float32Attribute(b,3));b=new THREE.LineBasicMaterial({fog:!1});this.cone=new THREE.LineSegments(a,
+b);this.add(this.cone);this.update()};THREE.SpotLightHelper.prototype=Object.create(THREE.Object3D.prototype);THREE.SpotLightHelper.prototype.constructor=THREE.SpotLightHelper;THREE.SpotLightHelper.prototype.dispose=function(){this.cone.geometry.dispose();this.cone.material.dispose()};
+THREE.SpotLightHelper.prototype.update=function(){var a=new THREE.Vector3,b=new THREE.Vector3;return function(){var c=this.light.distance?this.light.distance:1E3,d=c*Math.tan(this.light.angle);this.cone.scale.set(d,d,c);a.setFromMatrixPosition(this.light.matrixWorld);b.setFromMatrixPosition(this.light.target.matrixWorld);this.cone.lookAt(b.sub(a));this.cone.material.color.copy(this.light.color).multiplyScalar(this.light.intensity)}}();
+THREE.VertexNormalsHelper=function(a,b,c,d){this.object=a;this.size=void 0!==b?b:1;a=void 0!==c?c:16711680;d=void 0!==d?d:1;b=0;c=this.object.geometry;c instanceof THREE.Geometry?b=3*c.faces.length:c instanceof THREE.BufferGeometry&&(b=c.attributes.normal.count);c=new THREE.BufferGeometry;b=new THREE.Float32Attribute(6*b,3);c.addAttribute("position",b);THREE.LineSegments.call(this,c,new THREE.LineBasicMaterial({color:a,linewidth:d}));this.matrixAutoUpdate=!1;this.update()};
+THREE.VertexNormalsHelper.prototype=Object.create(THREE.LineSegments.prototype);THREE.VertexNormalsHelper.prototype.constructor=THREE.VertexNormalsHelper;
+THREE.VertexNormalsHelper.prototype.update=function(){var a=new THREE.Vector3,b=new THREE.Vector3,c=new THREE.Matrix3;return function(){var d=["a","b","c"];this.object.updateMatrixWorld(!0);c.getNormalMatrix(this.object.matrixWorld);var e=this.object.matrixWorld,f=this.geometry.attributes.position,g=this.object.geometry;if(g instanceof THREE.Geometry)for(var h=g.vertices,k=g.faces,l=g=0,n=k.length;lh.end&&(h.end=f);c||(c=k)}}for(k in d)h=d[k],this.createAnimation(k,h.start,h.end,a);this.firstAnimation=c};
+THREE.MorphBlendMesh.prototype.setAnimationDirectionForward=function(a){if(a=this.animationsMap[a])a.direction=1,a.directionBackwards=!1};THREE.MorphBlendMesh.prototype.setAnimationDirectionBackward=function(a){if(a=this.animationsMap[a])a.direction=-1,a.directionBackwards=!0};THREE.MorphBlendMesh.prototype.setAnimationFPS=function(a,b){var c=this.animationsMap[a];c&&(c.fps=b,c.duration=(c.end-c.start)/c.fps)};
+THREE.MorphBlendMesh.prototype.setAnimationDuration=function(a,b){var c=this.animationsMap[a];c&&(c.duration=b,c.fps=(c.end-c.start)/c.duration)};THREE.MorphBlendMesh.prototype.setAnimationWeight=function(a,b){var c=this.animationsMap[a];c&&(c.weight=b)};THREE.MorphBlendMesh.prototype.setAnimationTime=function(a,b){var c=this.animationsMap[a];c&&(c.time=b)};THREE.MorphBlendMesh.prototype.getAnimationTime=function(a){var b=0;if(a=this.animationsMap[a])b=a.time;return b};
+THREE.MorphBlendMesh.prototype.getAnimationDuration=function(a){var b=-1;if(a=this.animationsMap[a])b=a.duration;return b};THREE.MorphBlendMesh.prototype.playAnimation=function(a){var b=this.animationsMap[a];b?(b.time=0,b.active=!0):console.warn("THREE.MorphBlendMesh: animation["+a+"] undefined in .playAnimation()")};THREE.MorphBlendMesh.prototype.stopAnimation=function(a){if(a=this.animationsMap[a])a.active=!1};
+THREE.MorphBlendMesh.prototype.update=function(a){for(var b=0,c=this.animationsList.length;bd.duration||0>d.time)d.direction*=-1,d.time>d.duration&&(d.time=d.duration,d.directionBackwards=!0),0>d.time&&(d.time=0,d.directionBackwards=!1)}else d.time%=d.duration,0>d.time&&(d.time+=d.duration);var f=d.start+THREE.Math.clamp(Math.floor(d.time/e),0,d.length-1),g=d.weight;f!==d.currentFrame&&
+(this.morphTargetInfluences[d.lastFrame]=0,this.morphTargetInfluences[d.currentFrame]=1*g,this.morphTargetInfluences[f]=0,d.lastFrame=d.currentFrame,d.currentFrame=f);e=d.time%e/e;d.directionBackwards&&(e=1-e);d.currentFrame!==d.lastFrame?(this.morphTargetInfluences[d.currentFrame]=e*g,this.morphTargetInfluences[d.lastFrame]=(1-e)*g):this.morphTargetInfluences[d.currentFrame]=g}}};
diff --git a/src/interface/desktop/chatutils.js b/src/interface/desktop/chatutils.js
new file mode 100644
index 0000000000000000000000000000000000000000..3443586603296d371d921461e87231d38f800cc8
--- /dev/null
+++ b/src/interface/desktop/chatutils.js
@@ -0,0 +1,568 @@
+function copyParentText(event, message=null) {
+ const button = event.currentTarget;
+ const textContent = message ?? button.parentNode.textContent.trim();
+ navigator.clipboard.writeText(textContent).then(() => {
+ button.firstChild.src = "./assets/icons/copy-button-success.svg";
+ setTimeout(() => {
+ button.firstChild.src = "./assets/icons/copy-button.svg";
+ }, 1000);
+ }).catch((error) => {
+ console.error("Error copying text to clipboard:", error);
+ const originalButtonText = button.innerHTML;
+ button.innerHTML = "⛔️";
+ setTimeout(() => {
+ button.innerHTML = originalButtonText;
+ button.firstChild.src = "./assets/icons/copy-button.svg";
+ }, 2000);
+ });
+}
+
+function createCopyParentText(message) {
+ return function(event) {
+ copyParentText(event, message);
+ }
+}
+function formatDate(date) {
+ // Format date in HH:MM, DD MMM YYYY format
+ let time_string = date.toLocaleTimeString('en-IN', { hour: '2-digit', minute: '2-digit', hour12: false });
+ let date_string = date.toLocaleString('en-IN', { year: 'numeric', month: 'short', day: '2-digit'}).replaceAll('-', ' ');
+ return `${time_string}, ${date_string}`;
+}
+
+function generateReference(referenceJson, index) {
+ let reference = referenceJson.hasOwnProperty("compiled") ? referenceJson.compiled : referenceJson;
+ let referenceFile = referenceJson.hasOwnProperty("file") ? referenceJson.file : null;
+
+ // Escape reference for HTML rendering
+ let escaped_ref = reference.replaceAll('"', '"');
+
+ // Generate HTML for Chat Reference
+ let short_ref = escaped_ref.slice(0, 100);
+ short_ref = short_ref.length < escaped_ref.length ? short_ref + "..." : short_ref;
+ let referenceButton = document.createElement('button');
+ referenceButton.textContent = short_ref;
+ referenceButton.id = `ref-${index}`;
+ referenceButton.classList.add("reference-button");
+ referenceButton.classList.add("collapsed");
+ referenceButton.tabIndex = 0;
+
+ // Add event listener to toggle full reference on click
+ referenceButton.addEventListener('click', function() {
+ if (this.classList.contains("collapsed")) {
+ this.classList.remove("collapsed");
+ this.classList.add("expanded");
+ this.textContent = escaped_ref;
+ } else {
+ this.classList.add("collapsed");
+ this.classList.remove("expanded");
+ this.textContent = short_ref;
+ }
+ });
+
+ return referenceButton;
+}
+
+function generateOnlineReference(reference, index) {
+
+ // Generate HTML for Chat Reference
+ let title = reference.title || reference.link;
+ let link = reference.link;
+ let snippet = reference.snippet;
+ let question = reference.question;
+ if (question) {
+ question = `Question: ${question}[INST] and tags. These are spurious instructions for the AI chat model.
+ newHTML = newHTML.replace(/\[INST\].+(<\/s>)?/g, '');
+
+ // Customize the rendering of images
+ md.renderer.rules.image = function(tokens, idx, options, env, self) {
+ let token = tokens[idx];
+
+ // Add class="text-to-image" to images
+ token.attrPush(['class', 'text-to-image']);
+
+ // Use the default renderer to render image markdown format
+ return self.renderToken(tokens, idx, options);
+ };
+
+ // Render markdown
+ newHTML = raw ? newHTML : md.render(newHTML);
+ // Sanitize the rendered markdown
+ newHTML = DOMPurify.sanitize(newHTML);
+ // Set rendered markdown to HTML DOM element
+ let element = document.createElement('div');
+ element.innerHTML = newHTML;
+ element.className = "chat-message-text-response";
+
+ // Add a copy button to each chat message
+ if (willReplace === true) {
+ let copyButton = document.createElement('button');
+ copyButton.classList.add("copy-button");
+ copyButton.title = "Copy Message";
+ let copyIcon = document.createElement("img");
+ copyIcon.id = "copy-icon";
+ copyIcon.src = "./assets/icons/copy-button.svg";
+ copyIcon.classList.add("copy-icon");
+ copyButton.appendChild(copyIcon);
+ copyButton.addEventListener('click', createCopyParentText(message));
+ element.append(copyButton);
+ }
+
+ // Get any elements with a class that starts with "language"
+ let codeBlockElements = element.querySelectorAll('[class^="language-"]');
+ // For each element, add a parent div with the class "programmatic-output"
+ codeBlockElements.forEach((codeElement, key) => {
+ // Create the parent div
+ let parentDiv = document.createElement('div');
+ parentDiv.classList.add("programmatic-output");
+ // Add the parent div before the code element
+ codeElement.parentNode.insertBefore(parentDiv, codeElement);
+ // Move the code element into the parent div
+ parentDiv.appendChild(codeElement);
+ // Add a copy button to each element
+ });
+
+ // Get all code elements that have no class.
+ let codeElements = element.querySelectorAll('code:not([class])');
+ codeElements.forEach((codeElement) => {
+ // Add the class "chat-response" to each element
+ codeElement.classList.add("chat-response");
+ });
+
+ let anchorElements = element.querySelectorAll('a');
+ anchorElements.forEach((anchorElement) => {
+ // Tag external links to open in separate window
+ if (
+ !anchorElement.href.startsWith("./") &&
+ !anchorElement.href.startsWith("#") &&
+ !anchorElement.href.startsWith("/")
+ ) {
+ anchorElement.setAttribute('target', '_blank');
+ anchorElement.setAttribute('rel', 'noopener noreferrer');
+ }
+
+ // Add the class "inline-chat-link" to each element
+ anchorElement.classList.add("inline-chat-link");
+ });
+
+ return element
+}
+
+function createReferenceSection(references, createLinkerSection=false) {
+ let referenceSection = document.createElement('div');
+ referenceSection.classList.add("reference-section");
+ referenceSection.classList.add("collapsed");
+
+ let numReferences = 0;
+
+ if (references.hasOwnProperty("notes")) {
+ numReferences += references["notes"].length;
+
+ references["notes"].forEach((reference, index) => {
+ let polishedReference = generateReference(reference, index);
+ referenceSection.appendChild(polishedReference);
+ });
+ }
+ if (references.hasOwnProperty("online")){
+ numReferences += processOnlineReferences(referenceSection, references["online"]);
+ }
+
+ let referenceExpandButton = document.createElement('button');
+ referenceExpandButton.id = "reference-expand-button";
+ referenceExpandButton.classList.add("reference-expand-button");
+ referenceExpandButton.innerHTML = numReferences == 1 ? "1 reference" : `${numReferences} references`;
+
+ referenceExpandButton.addEventListener('click', function() {
+ if (referenceSection.classList.contains("collapsed")) {
+ referenceSection.classList.remove("collapsed");
+ referenceSection.classList.add("expanded");
+ } else {
+ referenceSection.classList.add("collapsed");
+ referenceSection.classList.remove("expanded");
+ }
+ });
+
+ let referencesDiv = document.createElement('div');
+ referencesDiv.classList.add("references");
+ referencesDiv.appendChild(referenceExpandButton);
+ if (createLinkerSection) {
+ //add a linker button back to the desktop application
+ let linkerButton = document.createElement('button');
+ linkerButton.innerHTML = "Continue Conversation";
+ linkerButton.id = "linker-button";
+ linkerButton.addEventListener('click', function() {
+ window.routeBackToMainWindowAPI.sendSignal();
+ });
+ referencesDiv.appendChild(linkerButton);
+ console.log("shortcut window");
+ }
+ referencesDiv.appendChild(referenceSection);
+
+ return referencesDiv;
+}
+
+function createLoadingEllipsis() {
+ let loadingEllipsis = document.createElement("div");
+ loadingEllipsis.classList.add("lds-ellipsis");
+
+ let firstEllipsis = document.createElement("div");
+ firstEllipsis.classList.add("lds-ellipsis-item");
+
+ let secondEllipsis = document.createElement("div");
+ secondEllipsis.classList.add("lds-ellipsis-item");
+
+ let thirdEllipsis = document.createElement("div");
+ thirdEllipsis.classList.add("lds-ellipsis-item");
+
+ let fourthEllipsis = document.createElement("div");
+ fourthEllipsis.classList.add("lds-ellipsis-item");
+
+ loadingEllipsis.appendChild(firstEllipsis);
+ loadingEllipsis.appendChild(secondEllipsis);
+ loadingEllipsis.appendChild(thirdEllipsis);
+ loadingEllipsis.appendChild(fourthEllipsis);
+
+ return loadingEllipsis;
+}
+
+function handleStreamResponse(newResponseElement, rawResponse, rawQuery, loadingEllipsis, replace=true) {
+ if (!newResponseElement) return;
+ // Remove loading ellipsis if it exists
+ if (newResponseElement.getElementsByClassName("lds-ellipsis").length > 0 && loadingEllipsis)
+ newResponseElement.removeChild(loadingEllipsis);
+ // Clear the response element if replace is true
+ if (replace) newResponseElement.innerHTML = "";
+
+ // Append response to the response element
+ newResponseElement.appendChild(formatHTMLMessage(rawResponse, false, replace, rawQuery));
+
+ // Append loading ellipsis if it exists
+ if (!replace && loadingEllipsis) newResponseElement.appendChild(loadingEllipsis);
+ // Scroll to bottom of chat view
+ document.getElementById("chat-body").scrollTop = document.getElementById("chat-body").scrollHeight;
+}
+
+function handleImageResponse(imageJson, rawResponse) {
+ if (imageJson.image) {
+ const inferredQuery = imageJson.inferredQueries?.[0] ?? "generated image";
+
+ // If response has image field, response is a generated image.
+ if (imageJson.intentType === "text-to-image") {
+ rawResponse += ``;
+ } else if (imageJson.intentType === "text-to-image2") {
+ rawResponse += ``;
+ } else if (imageJson.intentType === "text-to-image-v3") {
+ rawResponse = ``;
+ } else if (imageJson.intentType === "excalidraw") {
+ const redirectMessage = `Hey, I'm not ready to show you diagrams yet here. But you can view it in the web app`;
+ rawResponse += redirectMessage;
+ }
+
+ if (inferredQuery) {
+ rawResponse += `\n\n**Inferred Query**:\n\n${inferredQuery}`;
+ }
+ }
+
+ // If response has detail field, response is an error message.
+ if (imageJson.detail) rawResponse += imageJson.detail;
+
+ return rawResponse;
+}
+
+function finalizeChatBodyResponse(references, newResponseElement) {
+ if (!!newResponseElement && references != null && Object.keys(references).length > 0) {
+ newResponseElement.appendChild(createReferenceSection(references));
+ }
+ document.getElementById("chat-body").scrollTop = document.getElementById("chat-body").scrollHeight;
+ document.getElementById("chat-input")?.removeAttribute("disabled");
+}
+
+function convertMessageChunkToJson(rawChunk) {
+ // Split the chunk into lines
+ if (rawChunk?.startsWith("{") && rawChunk?.endsWith("}")) {
+ try {
+ let jsonChunk = JSON.parse(rawChunk);
+ if (!jsonChunk.type)
+ jsonChunk = {type: 'message', data: jsonChunk};
+ return jsonChunk;
+ } catch (e) {
+ return {type: 'message', data: rawChunk};
+ }
+ } else if (rawChunk.length > 0) {
+ return {type: 'message', data: rawChunk};
+ }
+}
+
+function processMessageChunk(rawChunk) {
+ const chunk = convertMessageChunkToJson(rawChunk);
+ console.debug("Chunk:", chunk);
+ if (!chunk || !chunk.type) return;
+ if (chunk.type ==='status') {
+ console.log(`status: ${chunk.data}`);
+ const statusMessage = chunk.data;
+ handleStreamResponse(chatMessageState.newResponseTextEl, statusMessage, chatMessageState.rawQuery, chatMessageState.loadingEllipsis, false);
+ } else if (chunk.type === 'start_llm_response') {
+ console.log("Started streaming", new Date());
+ } else if (chunk.type === 'end_llm_response') {
+ console.log("Stopped streaming", new Date());
+
+ // Automatically respond with voice if the subscribed user has sent voice message
+ if (chatMessageState.isVoice && "{{ is_active }}" == "True")
+ textToSpeech(chatMessageState.rawResponse);
+
+ // Append any references after all the data has been streamed
+ finalizeChatBodyResponse(chatMessageState.references, chatMessageState.newResponseTextEl);
+
+ const liveQuery = chatMessageState.rawQuery;
+ // Reset variables
+ chatMessageState = {
+ newResponseTextEl: null,
+ newResponseEl: null,
+ loadingEllipsis: null,
+ references: {},
+ rawResponse: "",
+ rawQuery: liveQuery,
+ isVoice: false,
+ }
+ } else if (chunk.type === "references") {
+ chatMessageState.references = {"notes": chunk.data.context, "online": chunk.data.onlineContext};
+ } else if (chunk.type === 'message') {
+ const chunkData = chunk.data;
+ if (typeof chunkData === 'object' && chunkData !== null) {
+ // If chunkData is already a JSON object
+ handleJsonResponse(chunkData);
+ } else if (typeof chunkData === 'string' && chunkData.trim()?.startsWith("{") && chunkData.trim()?.endsWith("}")) {
+ // Try process chunk data as if it is a JSON object
+ try {
+ const jsonData = JSON.parse(chunkData.trim());
+ handleJsonResponse(jsonData);
+ } catch (e) {
+ chatMessageState.rawResponse += chunkData;
+ handleStreamResponse(chatMessageState.newResponseTextEl, chatMessageState.rawResponse, chatMessageState.rawQuery, chatMessageState.loadingEllipsis);
+ }
+ } else {
+ chatMessageState.rawResponse += chunkData;
+ handleStreamResponse(chatMessageState.newResponseTextEl, chatMessageState.rawResponse, chatMessageState.rawQuery, chatMessageState.loadingEllipsis);
+ }
+ }
+}
+
+function handleJsonResponse(jsonData) {
+ if (jsonData.image || jsonData.detail) {
+ chatMessageState.rawResponse = handleImageResponse(jsonData, chatMessageState.rawResponse);
+ } else if (jsonData.response) {
+ chatMessageState.rawResponse = jsonData.response;
+ }
+
+ if (chatMessageState.newResponseTextEl) {
+ chatMessageState.newResponseTextEl.innerHTML = "";
+ chatMessageState.newResponseTextEl.appendChild(formatHTMLMessage(chatMessageState.rawResponse));
+ }
+}
+
+async function readChatStream(response) {
+ if (!response.body) return;
+ const reader = response.body.getReader();
+ const decoder = new TextDecoder();
+ const eventDelimiter = '␃🔚␗';
+ let buffer = '';
+
+ while (true) {
+ const { value, done } = await reader.read();
+ // If the stream is done
+ if (done) {
+ // Process the last chunk
+ processMessageChunk(buffer);
+ buffer = '';
+ break;
+ }
+
+ // Read chunk from stream and append it to the buffer
+ const chunk = decoder.decode(value, { stream: true });
+ console.debug("Raw Chunk:", chunk)
+ // Start buffering chunks until complete event is received
+ buffer += chunk;
+
+ // Once the buffer contains a complete event
+ let newEventIndex;
+ while ((newEventIndex = buffer.indexOf(eventDelimiter)) !== -1) {
+ // Extract the event from the buffer
+ const event = buffer.slice(0, newEventIndex);
+ buffer = buffer.slice(newEventIndex + eventDelimiter.length);
+
+ // Process the event
+ if (event) processMessageChunk(event);
+ }
+ }
+}
diff --git a/src/interface/desktop/loading-animation.js b/src/interface/desktop/loading-animation.js
new file mode 100644
index 0000000000000000000000000000000000000000..8d7b2fc0ee247547b1a25cae2c053b83fa3f1d0b
--- /dev/null
+++ b/src/interface/desktop/loading-animation.js
@@ -0,0 +1,129 @@
+let $wrap = document.getElementById('loading-animation'),
+
+canvassize = 380,
+
+length = 40,
+radius = 6.8,
+
+rotatevalue = 0.02,
+acceleration = 0,
+animatestep = 0,
+toend = false,
+
+pi2 = Math.PI*2,
+
+group = new THREE.Group(),
+mesh, ringcover, ring,
+
+camera, scene, renderer;
+
+
+camera = new THREE.PerspectiveCamera(65, 1, 1, 10000);
+camera.position.z = 120;
+
+scene = new THREE.Scene();
+// scene.add(new THREE.AxisHelper(30));
+scene.add(group);
+
+mesh = new THREE.Mesh(
+ new THREE.TubeGeometry(new (THREE.Curve.create(function() {},
+ function(percent) {
+
+ let x = length*Math.sin(pi2*percent),
+ y = radius*Math.cos(pi2*3*percent),
+ z, t;
+
+ t = percent%0.25/0.25;
+ t = percent%0.25-(2*(1-t)*t* -0.0185 +t*t*0.25);
+ if (Math.floor(percent/0.25) == 0 || Math.floor(percent/0.25) == 2) {
+ t *= -1;
+ }
+ z = radius*Math.sin(pi2*2* (percent-t));
+
+ return new THREE.Vector3(x, y, z);
+
+ }
+ ))(), 200, 1.1, 2, true),
+ new THREE.MeshBasicMaterial({
+ color: 0xfcc50b
+ // , wireframe: true
+ })
+);
+group.add(mesh);
+
+ringcover = new THREE.Mesh(new THREE.PlaneGeometry(50, 15, 1), new THREE.MeshBasicMaterial({color: 0xd1684e, opacity: 0, transparent: true}));
+ringcover.position.x = length+1;
+ringcover.rotation.y = Math.PI/2;
+group.add(ringcover);
+
+ring = new THREE.Mesh(new THREE.RingGeometry(4.3, 5.55, 32), new THREE.MeshBasicMaterial({color: 0xfcc50b, opacity: 0, transparent: true}));
+ring.position.x = length+1.1;
+ring.rotation.y = Math.PI/2;
+group.add(ring);
+
+// fake shadow
+(function() {
+ let plain, i;
+ for (i = 0; i < 10; i++) {
+ plain = new THREE.Mesh(new THREE.PlaneGeometry(length*2+1, radius*3, 1), new THREE.MeshBasicMaterial({color: 0xd1684e, transparent: true, opacity: 0.15}));
+ plain.position.z = -2.5+i*0.5;
+ group.add(plain);
+ }
+})();
+
+renderer = new THREE.WebGLRenderer({
+ antialias: true
+});
+renderer.setPixelRatio(window.devicePixelRatio);
+renderer.setSize(canvassize, canvassize);
+renderer.setClearColor('#d1684e');
+
+
+$wrap.appendChild(renderer.domElement);
+
+function start() {
+ toend = true;
+}
+
+function back() {
+ toend = false;
+}
+
+function tilt(percent) {
+ group.rotation.y = percent*0.5;
+}
+
+function render() {
+ let progress;
+
+ animatestep = Math.max(0, Math.min(240, toend ? animatestep+1 : animatestep-4));
+ acceleration = easing(animatestep, 0, 1, 240);
+
+ if (acceleration > 0.35) {
+ progress = (acceleration-0.35)/0.65;
+ group.rotation.y = -Math.PI/2 *progress;
+ group.position.z = 20*progress;
+ progress = Math.max(0, (acceleration-0.99)/0.01);
+ mesh.material.opacity = 1-progress;
+ ringcover.material.opacity = ring.material.opacity = progress;
+ ring.scale.x = ring.scale.y = 0.9 + 0.1*progress;
+ }
+
+ renderer.render(scene, camera);
+
+}
+
+function animate() {
+ mesh.rotation.x += rotatevalue + acceleration*Math.sin(Math.PI*acceleration);
+ render();
+ requestAnimationFrame(animate);
+}
+
+function easing(t, b, c, d) {
+ if ((t /= d/2) < 1)
+ return c/2*t*t+b;
+ return c/2*((t-=2)*t*t+2)+b;
+}
+
+animate();
+setTimeout(start, 30);
diff --git a/src/interface/desktop/main.js b/src/interface/desktop/main.js
new file mode 100644
index 0000000000000000000000000000000000000000..a2d382deef05268a91bd615ef0260b32943ee65d
--- /dev/null
+++ b/src/interface/desktop/main.js
@@ -0,0 +1,746 @@
+const { app, BrowserWindow, ipcMain, Tray, Menu, nativeImage, shell, session } = require('electron');
+const todesktop = require("@todesktop/runtime");
+const khojPackage = require('./package.json');
+
+todesktop.init();
+
+const fs = require('fs');
+const {dialog} = require('electron');
+
+const cron = require('cron').CronJob;
+const axios = require('axios');
+
+const KHOJ_URL = 'https://app.khoj.dev';
+
+const Store = require('electron-store');
+
+const textFileTypes = [
+ // Default valid file extensions supported by Khoj
+ 'org', 'md', 'markdown', 'txt', 'html', 'xml',
+ // Other valid text file extensions from https://google.github.io/magika/model/config.json
+ 'appleplist', 'asm', 'asp', 'batch', 'c', 'cs', 'css', 'csv', 'eml', 'go', 'html', 'ini', 'internetshortcut', 'java', 'javascript', 'json', 'latex', 'lisp', 'makefile', 'markdown', 'mht', 'mum', 'pem', 'perl', 'php', 'powershell', 'python', 'rdf', 'rst', 'rtf', 'ruby', 'rust', 'scala', 'shell', 'smali', 'sql', 'svg', 'symlinktext', 'txt', 'vba', 'winregistry', 'xml', 'yaml']
+const binaryFileTypes = ['pdf', 'jpg', 'jpeg', 'png', 'webp']
+const validFileTypes = textFileTypes.concat(binaryFileTypes);
+
+const schema = {
+ files: {
+ type: 'array',
+ items: {
+ type: 'object',
+ properties: {
+ path: {
+ type: 'string'
+ }
+ }
+ },
+ default: []
+ },
+ folders: {
+ type: 'array',
+ items: {
+ type: 'object',
+ properties: {
+ path: {
+ type: 'string'
+ }
+ }
+ },
+ default: []
+ },
+ khojToken: {
+ type: 'string',
+ default: ''
+ },
+ hostURL: {
+ type: 'string',
+ default: KHOJ_URL
+ },
+ lastSync: {
+ type: 'array',
+ items: {
+ type: 'object',
+ properties: {
+ path: {
+ type: 'string'
+ },
+ datetime: {
+ type: 'string'
+ }
+ }
+ }
+ }
+};
+
+let syncing = false;
+let state = {}
+const store = new Store({ schema });
+
+console.log(store);
+
+// include the Node.js 'path' module at the top of your file
+const path = require('path');
+
+function handleSetTitle (event, title) {
+ const webContents = event.sender
+ const win = BrowserWindow.fromWebContents(webContents)
+ win.setTitle(title)
+ dialog.showOpenDialog({properties: ['openFile', 'openDirectory'] }).then(function (response) {
+ if (!response.canceled) {
+ // handle fully qualified file name
+ console.log(response.filePaths[0]);
+ } else {
+ console.log("no file selected");
+ }
+ });
+}
+
+function filenameToMimeType (filename) {
+ const extension = filename.split('.').pop();
+ switch (extension) {
+ case 'pdf':
+ return 'application/pdf';
+ case 'png':
+ return 'image/png';
+ case 'jpg':
+ case 'jpeg':
+ return 'image/jpeg';
+ case 'webp':
+ return 'image/webp';
+ case 'md':
+ case 'markdown':
+ return 'text/markdown';
+ case 'org':
+ return 'text/org';
+ default:
+ console.warn(`Unknown file type: ${extension}. Defaulting to text/plain.`);
+ return 'text/plain';
+ }
+}
+
+function isSupportedFileType(filePath) {
+ const fileExtension = filePath.split('.').pop().toLowerCase();
+ return validFileTypes.includes(fileExtension);
+}
+
+function processDirectory(filesToPush, folder) {
+ try {
+ const files = fs.readdirSync(folder.path, { withFileTypes: true });
+
+ for (const file of files) {
+ const filePath = path.join(file.path, file.name || '');
+ // Skip hidden files and folders
+ if (file.name.startsWith('.')) {
+ continue;
+ }
+ // Add supported files to index
+ if (file.isFile() && isSupportedFileType(filePath)) {
+ console.log(`Add ${file.name} in ${file.path} for indexing`);
+ filesToPush.push(filePath);
+ }
+ // Recursively process subdirectories
+ if (file.isDirectory()) {
+ processDirectory(filesToPush, {'path': filePath});
+ }
+ }
+ } catch (err) {
+ if (err.code === 'EACCES') {
+ console.error(`Access denied to ${folder.path}`);
+ } else if (err.code === 'ENOENT') {
+ console.error(`${folder.path} does not exist`);
+ } else {
+ console.error(`An error occurred while reading directory: ${error.message}`);
+ }
+ return;
+ }
+
+}
+
+function pushDataToKhoj (regenerate = false) {
+ // Don't sync if token or hostURL is not set or if already syncing
+ if (store.get('khojToken') === '' || store.get('hostURL') === '' || syncing === true) {
+ const win = BrowserWindow.getAllWindows()[0];
+ if (win) win.webContents.send('update-state', state);
+ return;
+ } else {
+ syncing = true;
+ }
+
+ let filesToPush = [];
+ const files = store.get('files') || [];
+ const folders = store.get('folders') || [];
+ state = { completed: true }
+
+ // Collect paths of all configured files to index
+ for (const file of files) {
+ // Remove files that no longer exist
+ if (!fs.existsSync(file.path)) {
+ console.error(`${file.path} does not exist`);
+ continue;
+ }
+ filesToPush.push(file.path);
+ }
+
+ // Collect paths of all indexable files in configured folders
+ for (const folder of folders) {
+ // Remove folders that no longer exist
+ if (!fs.existsSync(folder.path)) {
+ console.error(`${folder.path} does not exist`);
+ continue;
+ }
+ processDirectory(filesToPush, folder);
+ }
+
+ const lastSync = store.get('lastSync') || [];
+ const filesDataToPush = [];
+ for (const file of filesToPush) {
+ const stats = fs.statSync(file);
+ if (!regenerate) {
+ // Only push files that have been modified since last sync
+ if (stats.mtime.toISOString() < lastSync.find((syncedFile) => syncedFile.path === file)?.datetime) {
+ continue;
+ }
+ }
+
+ // Collect all updated or newly created files since last sync to index on Khoj server
+ try {
+ let encoding = binaryFileTypes.includes(file.split('.').pop()) ? "binary" : "utf8";
+ let mimeType = filenameToMimeType(file) + (encoding === "utf8" ? "; charset=UTF-8" : "");
+ let fileContent = Buffer.from(fs.readFileSync(file, { encoding: encoding }), encoding);
+ let fileObj = new Blob([fileContent], { type: mimeType });
+ filesDataToPush.push({blob: fileObj, path: file});
+ state[file] = {
+ success: true,
+ }
+ } catch (err) {
+ console.error(err);
+ state[file] = {
+ success: false,
+ error: err
+ }
+ }
+ }
+
+ // Mark deleted files for removal from index on Khoj server
+ for (const syncedFile of lastSync) {
+ if (!filesToPush.includes(syncedFile.path)) {
+ fileObj = new Blob([""], { type: filenameToMimeType(syncedFile.path) });
+ filesDataToPush.push({blob: fileObj, path: syncedFile.path});
+ }
+ }
+
+ // Send collected files to Khoj server for indexing
+ const hostURL = store.get('hostURL') || KHOJ_URL;
+ const headers = { 'Authorization': `Bearer ${store.get("khojToken")}` };
+ let requests = [];
+
+ // Request indexing files on server. With upto 1000 files in each request
+ for (let i = 0; i < filesDataToPush.length; i += 1000) {
+ const syncUrl = `${hostURL}/api/content?client=desktop`;
+ const filesDataGroup = filesDataToPush.slice(i, i + 1000);
+ const formData = new FormData();
+ filesDataGroup.forEach(fileData => { formData.append('files', fileData.blob, fileData.path) });
+ requests.push(
+ regenerate
+ ? axios.put(syncUrl, formData, { headers })
+ : axios.patch(syncUrl, formData, { headers })
+ );
+ }
+
+ // Wait for requests batch to finish
+ Promise
+ .all(requests)
+ .then(responses => {
+ const lastSync = filesToPush
+ .filter(file => responses.find(response => response.data.includes(file)))
+ .map(file => ({ path: file, datetime: new Date().toISOString() }));
+ store.set('lastSync', lastSync);
+ })
+ .catch(error => {
+ console.error(error);
+ state["completed"] = false;
+ if (error?.response?.status === 429 && (BrowserWindow.getAllWindows().find(win => win.webContents.getURL().includes('settings')))) {
+ state["error"] = `Looks like you're out of space to sync your files. Upgrade your plan to unlock more space.`;
+ const win = BrowserWindow.getAllWindows().find(win => win.webContents.getURL().includes('settings'));
+ if (win) win.webContents.send('needsSubscription', true);
+ } else if (error?.code === 'ECONNREFUSED') {
+ state["error"] = `Could not connect to Khoj server. Ensure you can connect to it at ${error.address}:${error.port}.`;
+ } else {
+ currentTime = new Date();
+ state["error"] = `Sync was unsuccessful at ${currentTime.toLocaleTimeString()}. Contact team@khoj.dev to report this issue.`;
+ }
+ })
+ .finally(() => {
+ // Syncing complete
+ syncing = false;
+ const win = BrowserWindow.getAllWindows().find(win => win.webContents.getURL().includes('settings'));
+ if (win) {
+ win.webContents.send('update-state', state);
+ }
+ });
+}
+
+pushDataToKhoj();
+
+async function handleFileOpen (type) {
+ let { canceled, filePaths } = {canceled: true, filePaths: []};
+ if (type === 'file') {
+ ({ canceled, filePaths } = await dialog.showOpenDialog({properties: ['openFile' ], filters: [{ name: "Valid Khoj Files", extensions: validFileTypes }] }));
+ } else if (type === 'folder') {
+ ({ canceled, filePaths } = await dialog.showOpenDialog({properties: ['openDirectory' ]}));
+ }
+ if (!canceled) {
+ const files = store.get('files') || [];
+ const folders = store.get('folders') || [];
+
+ for (const filePath of filePaths) {
+ console.log(filePath);
+ if (fs.existsSync(filePath)) {
+ const stats = fs.statSync(filePath);
+ if (stats.isFile()) {
+ console.log(`${filePath} is a file.`);
+
+ if (files.find((file) => file.path === filePath)) {
+ continue;
+ }
+
+ files.push({path: filePath});
+ store.set('files', files);
+ } else if (stats.isDirectory()) {
+ console.log(`${filePath} is a directory.`);
+
+ if (folders.find((folder) => folder.path === filePath)) {
+ continue;
+ }
+
+ folders.push({path: filePath});
+ store.set('folders', folders);
+ }
+
+ } else {
+ console.log(`${filePath} does not exist.`);
+ }
+ }
+ return {
+ files: store.get('files'),
+ folders: store.get('folders')
+ }
+ }
+}
+
+async function getToken () {
+ return store.get('khojToken');
+}
+
+async function setToken (event, token) {
+ store.set('khojToken', token);
+ return store.get('khojToken');
+}
+
+async function getFiles () {
+ return store.get('files');
+}
+
+async function getFolders () {
+ return store.get('folders');
+}
+
+async function setURL (event, url) {
+ // Sanitize the URL. Remove trailing slash if present. Add http:// if not present.
+ url = url.replace(/\/$/, "");
+ if (!url.match(/^[a-zA-Z]+:\/\//)) {
+ url = `http://${url}`;
+ }
+
+ store.set('hostURL', url);
+ return store.get('hostURL');
+}
+
+async function getURL () {
+ return store.get('hostURL');
+}
+
+async function removeFile (event, filePath) {
+ const files = store.get('files');
+ const newFiles = files.filter((file) => file.path !== filePath);
+ store.set('files', newFiles);
+ return newFiles;
+}
+
+async function removeFolder (event, folderPath) {
+ const folders = store.get('folders');
+ const newFolders = folders.filter((folder) => folder.path !== folderPath);
+ store.set('folders', newFolders);
+ return newFolders;
+}
+
+async function syncData (regenerate = false) {
+ try {
+ pushDataToKhoj(regenerate);
+ const date = new Date();
+ console.log('Pushing data to Khoj at: ', date);
+ } catch (err) {
+ console.error(err);
+ }
+}
+
+async function deleteAllFiles () {
+ try {
+ store.set('files', []);
+ store.set('folders', []);
+ pushDataToKhoj(true);
+ const date = new Date();
+ console.log('Pushing data to Khoj at: ', date);
+ } catch (err) {
+ console.error(err);
+ }
+}
+
+// Fetch user info from Khoj server
+async function getUserInfo() {
+ const getUserInfoURL = `${store.get('hostURL') || KHOJ_URL}/api/v1/user?client=desktop`;
+ const headers = { 'Authorization': `Bearer ${store.get('khojToken')}` };
+ try {
+ let response = await axios.get(getUserInfoURL, { headers });
+ return response.data;
+ } catch (err) {
+ console.error(err);
+ }
+}
+
+function addCSPHeaderToSession () {
+ // Get hostURL from store or use default
+ const hostURL = store.get('hostURL') || KHOJ_URL;
+
+ // Construct Content Security Policy
+ const defaultDomains = `'self' ${hostURL} https://app.khoj.dev https://assets.khoj.dev`;
+ const default_src = `default-src ${defaultDomains};`;
+ const script_src = `script-src ${defaultDomains} 'unsafe-inline';`;
+ const connect_src = `connect-src ${hostURL} https://ipapi.co/json;`;
+ const style_src = `style-src ${defaultDomains} 'unsafe-inline' https://fonts.googleapis.com;`;
+ const img_src = `img-src ${defaultDomains} data: https://*.khoj.dev https://*.googleusercontent.com;`;
+ const font_src = `font-src https://fonts.gstatic.com;`;
+ const child_src = `child-src 'none';`;
+ const objectSrc = `object-src 'none';`;
+ const csp = `${default_src} ${script_src} ${connect_src} ${style_src} ${img_src} ${font_src} ${child_src} ${objectSrc}`;
+
+ // Add Content Security Policy to all web requests
+ session.defaultSession.webRequest.onHeadersReceived((details, callback) => {
+ callback({
+ responseHeaders: {
+ ...details.responseHeaders,
+ 'Content-Security-Policy': [csp]
+ }
+ })
+ })
+ }
+
+let firstRun = true;
+let win = null;
+let titleBarStyle = process.platform === 'win32' ? 'default' : 'hidden';
+const {globalShortcut, clipboard} = require('electron'); // global shortcut and clipboard dependencies for shortcut window
+const openShortcutWindowKeyBind = 'CommandOrControl+Shift+K'
+
+const createWindow = (tab = 'settings.html') => {
+ win = new BrowserWindow({
+ width: 800,
+ height: 800,
+ show: false,
+ titleBarStyle: titleBarStyle,
+ autoHideMenuBar: true,
+ webPreferences: {
+ preload: path.join(__dirname, 'preload.js'),
+ nodeIntegration: true,
+ }
+ })
+
+ const job = new cron('0 */10 * * * *', function() {
+ try {
+ pushDataToKhoj();
+ const date = new Date();
+ console.log('Pushing data to Khoj at: ', date);
+ win.webContents.send('update-state', state);
+ } catch (err) {
+ console.error(err);
+ }
+ });
+
+ win.setResizable(true);
+ win.setOpacity(0.95);
+ win.setBackgroundColor('#f5f4f3');
+ win.setHasShadow(true);
+
+ // Open external links in link handler registered on OS (e.g. browser)
+ win.webContents.setWindowOpenHandler(async ({ url }) => {
+ let shouldOpen = { response: 0 };
+
+ if (!url.startsWith(store.get('hostURL'))) {
+ // Confirm before opening external links
+ const confirmNotice = `Do you want to open this link? It will be handled by an external application.\n\n${url}`;
+ shouldOpen = await dialog.showMessageBox({
+ type: 'question',
+ buttons: ['Yes', 'No'],
+ defaultId: 1,
+ title: 'Confirm',
+ message: confirmNotice,
+ });
+ }
+
+ // If user confirms, let OS link handler open the link in appropriate app
+ if (shouldOpen.response === 0) shell.openExternal(url);
+
+ // Do not open external links within the app
+ return { action: 'deny' };
+ });
+
+ job.start();
+
+ win.loadFile(tab)
+
+ if (firstRun === true) {
+ firstRun = false;
+
+ // Create splash screen
+ let splash = new BrowserWindow({width: 400, height: 400, transparent: true, frame: false, alwaysOnTop: true});
+ splash.setOpacity(1.0);
+ splash.setBackgroundColor('#d16b4e');
+ splash.loadFile('splash.html');
+
+ // Show splash screen on app load
+ win.once('ready-to-show', () => {
+ setTimeout(function(){ splash.close(); win.show(); }, 4500);
+ });
+ } else {
+ // Show main window directly if not first run
+ win.once('ready-to-show', () => { win.show(); });
+ }
+}
+
+const createShortcutWindow = (tab = 'shortcut.html') => {
+ var shortcutWin = new BrowserWindow({
+ width: 400,
+ height: 600,
+ show: false,
+ titleBarStyle: titleBarStyle,
+ autoHideMenuBar: true,
+ frame: false,
+ webPreferences: {
+ preload: path.join(__dirname, 'preload.js'),
+ nodeIntegration: true,
+ }
+ });
+ shortcutWin.setMenuBarVisibility(false);
+ shortcutWin.setResizable(false);
+ shortcutWin.setOpacity(0.95);
+ shortcutWin.setBackgroundColor('#f5f4f3');
+ shortcutWin.setHasShadow(true);
+ shortcutWin.setVibrancy('popover');
+
+ shortcutWin.loadFile(tab);
+ shortcutWin.once('ready-to-show', () => {
+ shortcutWin.show();
+ });
+
+ shortcutWin.on('closed', () => {
+ shortcutWin = null;
+ });
+
+ return shortcutWin;
+};
+
+function isShortcutWindowOpen() {
+ const windows = BrowserWindow.getAllWindows();
+ for (let i = 0; i < windows.length; i++) {
+ if (windows[i].webContents.getURL().endsWith('shortcut.html')) {
+ return true;
+ }
+ }
+ return false;
+}
+
+app.whenReady().then(() => {
+ addCSPHeaderToSession();
+
+ ipcMain.on('set-title', handleSetTitle);
+
+ ipcMain.handle('handleFileOpen', (event, type) => {
+ return handleFileOpen(type);
+ });
+
+ ipcMain.on('update-state', (event, arg) => {
+ console.log(arg);
+ event.reply('update-state', arg);
+ });
+
+ ipcMain.on('needsSubscription', (event, arg) => {
+ console.log(arg);
+ event.reply('needsSubscription', arg);
+ });
+
+ ipcMain.on('navigate', (event, page) => {
+ win.loadFile(page);
+ });
+
+ ipcMain.on('navigateToWebApp', (event, page) => {
+ shell.openExternal(`${store.get('hostURL')}/${page}`);
+ });
+
+ ipcMain.handle('getFiles', getFiles);
+ ipcMain.handle('getFolders', getFolders);
+
+ ipcMain.handle('removeFile', removeFile);
+ ipcMain.handle('removeFolder', removeFolder);
+
+ ipcMain.handle('setURL', setURL);
+ ipcMain.handle('getURL', getURL);
+
+ ipcMain.handle('setToken', setToken);
+ ipcMain.handle('getToken', getToken);
+ ipcMain.handle('getUserInfo', getUserInfo);
+
+ ipcMain.handle('syncData', (event, regenerate) => {
+ syncData(regenerate);
+ });
+ ipcMain.handle('deleteAllFiles', deleteAllFiles);
+
+ ipcMain.handle('openFile', async (_, path) => {
+ try {
+ await shell.openPath(path);
+ } catch (error) {
+ console.error('Error opening file:', error);
+ }
+ });
+
+ const mainWindow = createWindow();
+
+ app.setAboutPanelOptions({
+ applicationName: "Khoj",
+ applicationVersion: khojPackage.version,
+ version: khojPackage.version,
+ authors: "Khoj AI",
+ website: "https://khoj.dev",
+ copyright: "GPL v3",
+ iconPath: path.join(__dirname, 'assets', 'icons', 'favicon-128x128.png')
+ });
+
+ app.on('ready', async() => {
+ try {
+ const result = await todesktop.autoUpdater.checkForUpdates();
+ if (result.updateInfo) {
+ console.log("Desktop app update found:", result.updateInfo.version);
+ todesktop.autoUpdater.restartAndInstall();
+ }
+ } catch (e) {
+ console.warn("Desktop app update check failed:", e);
+ }
+ })
+ globalShortcut.register(openShortcutWindowKeyBind, () => {
+ console.log("Shortcut key pressed")
+ if(isShortcutWindowOpen()) return;
+
+ const shortcutWin = createShortcutWindow(); // Create a new shortcut window each time the shortcut is triggered
+ shortcutWin.setAlwaysOnTop(true, 'screen-saver', 1);
+ const clipboardText = clipboard.readText();
+ console.log('Sending clipboard text:', clipboardText); // Debug log
+ shortcutWin.webContents.once('dom-ready', () => {
+ shortcutWin.webContents.send('clip', clipboardText);
+ console.log('Message sent to window'); // Debug log
+ });
+
+ // Register a global shortcut for the Escape key for the shortcutWin
+ globalShortcut.register('Escape', () => {
+ if (shortcutWin) {
+ shortcutWin.close();
+ }
+ // Unregister the Escape key shortcut
+ globalShortcut.unregister('Escape');
+ });
+
+ shortcutWin.on('closed', () => {
+ // Unregister the Escape key shortcut
+ globalShortcut.unregister('Escape');
+ });
+ ipcMain.on('continue-conversation-button-clicked', () => {
+ openWindow('settings.html');
+ if (shortcutWin && !shortcutWin.isDestroyed()) {
+ shortcutWin.close();
+ }
+ // Unregister the Escape key shortcut
+ globalShortcut.unregister('Escape');
+ });
+ });
+ app.on('activate', () => {
+ if (BrowserWindow.getAllWindows().length === 0) createWindow()
+ })
+})
+
+app.on('window-all-closed', () => {
+ if (process.platform !== 'darwin') app.quit()
+})
+
+/*
+** About Page
+*/
+
+let aboutWindow;
+
+function openAboutWindow() {
+ if (aboutWindow) { aboutWindow.focus(); return; }
+
+ aboutWindow = new BrowserWindow({
+ width: 400,
+ height: 400,
+ titleBarStyle: titleBarStyle,
+ autoHideMenuBar: true,
+ show: false,
+ webPreferences: {
+ preload: path.join(__dirname, 'preload.js'),
+ nodeIntegration: true,
+ },
+ });
+
+ aboutWindow.loadFile('about.html');
+
+ // Pass OS, Khoj version to About page
+ aboutWindow.webContents.on('did-finish-load', () => {
+ aboutWindow.webContents.send('appInfo', { version: khojPackage.version, platform: process.platform });
+ });
+
+ // Open links in external browser
+ aboutWindow.webContents.setWindowOpenHandler(({ url }) => {
+ shell.openExternal(url);
+ return { action: 'deny' };
+ });
+
+ aboutWindow.once('ready-to-show', () => { aboutWindow.show(); });
+ aboutWindow.on('closed', () => { aboutWindow = null; });
+}
+
+/*
+** System Tray Icon
+*/
+
+let tray
+
+openWindow = (page) => {
+ if (BrowserWindow.getAllWindows().length === 0) {
+ createWindow(page);
+ } else {
+ win.loadFile(page); win.show();
+ }
+}
+
+app.whenReady().then(() => {
+ const iconPath = path.join(__dirname, './assets/icons/favicon-20x20.png')
+ const icon = nativeImage.createFromPath(iconPath)
+ tray = new Tray(icon)
+
+ const contextMenu = Menu.buildFromTemplate([
+ { label: 'Configure', type: 'normal', click: () => { openWindow('settings.html') }},
+ { type: 'separator' },
+ { label: 'About Khoj', type: 'normal', click: () => { openAboutWindow(); } },
+ { label: 'Quit', type: 'normal', click: () => { app.quit() } }
+ ])
+
+ tray.setToolTip('Khoj')
+ tray.setContextMenu(contextMenu)
+})
diff --git a/src/interface/desktop/package.json b/src/interface/desktop/package.json
new file mode 100644
index 0000000000000000000000000000000000000000..58b8f08149c8d31aa3065363a9f3562ca7b99b34
--- /dev/null
+++ b/src/interface/desktop/package.json
@@ -0,0 +1,27 @@
+{
+ "name": "Khoj",
+ "version": "2.0.0-beta.25",
+ "description": "Your Second Brain",
+ "author": "Khoj Inc. ",
+ "license": "GPL-3.0-or-later",
+ "homepage": "https://khoj.dev",
+ "repository": "\"https://github.com/khoj-ai/khoj\"",
+ "productName": "Khoj",
+ "main": "main.js",
+ "private": false,
+ "devDependencies": {
+ "electron": "35.7.5"
+ },
+ "scripts": {
+ "start": "yarn electron ."
+ },
+ "dependencies": {
+ "@todesktop/runtime": "^2.0.0",
+ "axios": "^1.13.5",
+ "cron": "^2.4.3",
+ "electron-store": "^8.1.0"
+ },
+ "resolutions": {
+ "ajv": "^8.18.0"
+ }
+}
diff --git a/src/interface/desktop/preload.js b/src/interface/desktop/preload.js
new file mode 100644
index 0000000000000000000000000000000000000000..a264960919a56e0ac43ff1d0114ddd767c73ccf9
--- /dev/null
+++ b/src/interface/desktop/preload.js
@@ -0,0 +1,91 @@
+window.addEventListener('DOMContentLoaded', () => {
+ const replaceText = (selector, text) => {
+ const element = document.getElementById(selector)
+ if (element) element.innerText = text
+ }
+
+ for (const dependency of ['chrome', 'node', 'electron']) {
+ replaceText(`${dependency}-version`, process.versions[dependency])
+ }
+})
+
+const { contextBridge, ipcRenderer } = require('electron');
+
+contextBridge.exposeInMainWorld('electronAPI', {
+ setTitle: (title) => ipcRenderer.send('set-title', title)
+})
+
+contextBridge.exposeInMainWorld('clipboardAPI', {
+ sendClipboardText: (callback) => {
+ ipcRenderer.on('clip', (event, message) => {
+ callback(message);
+ });
+ }
+ });
+
+contextBridge.exposeInMainWorld('routeBackToMainWindowAPI', {
+ sendSignal: () => {
+ ipcRenderer.send('continue-conversation-button-clicked'); // Custom event name
+ }
+ });
+
+contextBridge.exposeInMainWorld('storeValueAPI', {
+ handleFileOpen: (key) => ipcRenderer.invoke('handleFileOpen', key)
+})
+
+contextBridge.exposeInMainWorld('getFilesAPI', {
+ getFiles: () => ipcRenderer.invoke('getFiles')
+})
+
+contextBridge.exposeInMainWorld('getFoldersAPI', {
+ getFolders: () => ipcRenderer.invoke('getFolders')
+})
+
+contextBridge.exposeInMainWorld('updateStateAPI', {
+ onUpdateState: (callback) => ipcRenderer.on('update-state', callback)
+})
+
+contextBridge.exposeInMainWorld('needsSubscriptionAPI', {
+ onNeedsSubscription: (callback) => ipcRenderer.on('needsSubscription', callback)
+})
+
+contextBridge.exposeInMainWorld('removeFileAPI', {
+ removeFile: (filePath) => ipcRenderer.invoke('removeFile', filePath)
+})
+
+contextBridge.exposeInMainWorld('removeFolderAPI', {
+ removeFolder: (folderPath) => ipcRenderer.invoke('removeFolder', folderPath)
+})
+
+contextBridge.exposeInMainWorld('hostURLAPI', {
+ setURL: (url) => ipcRenderer.invoke('setURL', url),
+ getURL: () => ipcRenderer.invoke('getURL')
+})
+
+contextBridge.exposeInMainWorld('syncDataAPI', {
+ syncData: (regenerate) => ipcRenderer.invoke('syncData', regenerate),
+ deleteAllFiles: () => ipcRenderer.invoke('deleteAllFiles')
+})
+
+contextBridge.exposeInMainWorld('userInfoAPI', {
+ getUserInfo: () => ipcRenderer.invoke('getUserInfo')
+})
+
+contextBridge.exposeInMainWorld('tokenAPI', {
+ setToken: (token) => ipcRenderer.invoke('setToken', token),
+ getToken: () => ipcRenderer.invoke('getToken')
+})
+
+contextBridge.exposeInMainWorld('appInfoAPI', {
+ getInfo: (callback) => ipcRenderer.on('appInfo', callback)
+})
+
+contextBridge.exposeInMainWorld('navigateAPI', {
+ navigateToSettings: () => ipcRenderer.send('navigate', 'settings.html'),
+ navigateToWebSettings: () => ipcRenderer.send('navigateToWebApp', 'settings'),
+ navigateToWebHome: () => ipcRenderer.send('navigateToWebApp', ''),
+})
+
+contextBridge.exposeInMainWorld('openFileAPI', {
+ openFile: (path) => ipcRenderer.invoke('openFile', path)
+});
diff --git a/src/interface/desktop/renderer.js b/src/interface/desktop/renderer.js
new file mode 100644
index 0000000000000000000000000000000000000000..aa35927458217764597d3477023fba93c6f827a3
--- /dev/null
+++ b/src/interface/desktop/renderer.js
@@ -0,0 +1,242 @@
+const setFolderButton = document.getElementById('update-folder');
+const setFileButton = document.getElementById('update-file');
+const loadingBar = document.getElementById('loading-bar');
+
+async function removeFile(filePath) {
+ const updatedFiles = await window.removeFileAPI.removeFile(filePath);
+
+ let currentFilesElement = document.getElementById("current-files");
+ currentFilesElement.innerHTML = '';
+ for (const file of updatedFiles) {
+ console.log(file);
+ let fileElement = makeFileElement(file);
+ currentFilesElement.appendChild(fileElement);
+ }
+}
+
+async function removeFolder(folderPath) {
+ const updatedFolders = await window.removeFolderAPI.removeFolder(folderPath);
+
+ let currentFoldersElement = document.getElementById("current-folders");
+ currentFoldersElement.innerHTML = '';
+ for (const folder of updatedFolders) {
+ console.log(folder);
+ let folderElement = makeFolderElement(folder);
+ currentFoldersElement.appendChild(folderElement);
+ }
+}
+
+const currentFiles = document.getElementById('current-files');
+
+const currentFolders = document.getElementById('current-folders');
+
+function makeFileElement(file) {
+ let fileElement = document.createElement("div");
+ fileElement.classList.add("file-element");
+
+ let fileNameElement = document.createElement("div");
+ fileNameElement.classList.add("content-name");
+ fileNameElement.innerHTML = file.path;
+ fileNameElement.style.cursor = "pointer";
+
+ fileNameElement.addEventListener("click", () => {
+ window.openFileAPI.openFile(file.path);
+ });
+
+ fileElement.appendChild(fileNameElement);
+
+ let buttonContainer = document.createElement("div");
+ buttonContainer.classList.add("remove-button-container");
+ let removeFileButton = document.createElement("button");
+ let fileSyncedImage = document.createElement("img");
+ fileSyncedImage.classList.add("file-synced-image");
+ fileSyncedImage.src = "./assets/icons/file-synced.svg";
+
+ // Create trash icon image
+ let trashIcon = document.createElement("img");
+ trashIcon.src = "./assets/icons/trash-solid.svg";
+ trashIcon.classList.add("trash-icon");
+
+ removeFileButton.classList.add("remove-file-button");
+ removeFileButton.appendChild(trashIcon);
+ removeFileButton.addEventListener("click", () => {
+ removeFile(file.path);
+ });
+
+ buttonContainer.appendChild(removeFileButton);
+ buttonContainer.insertAdjacentElement("afterbegin", fileSyncedImage);
+ fileElement.appendChild(buttonContainer);
+ return fileElement;
+}
+
+function makeFolderElement(folder) {
+ let folderElement = document.createElement("div");
+ folderElement.classList.add("folder-element");
+
+ let folderNameElement = document.createElement("div");
+ folderNameElement.classList.add("content-name");
+ folderNameElement.innerHTML = folder.path;
+ folderNameElement.style.cursor = "pointer";
+
+ folderNameElement.addEventListener("click", () => {
+ window.openFileAPI.openFile(folder.path);
+ });
+
+ folderElement.appendChild(folderNameElement);
+
+ let buttonContainer = document.createElement("div");
+ buttonContainer.classList.add("remove-button-container");
+ let removeFolderButton = document.createElement("button");
+ removeFolderButton.classList.add("remove-folder-button");
+
+ // Create trash icon image
+ let trashIcon = document.createElement("img");
+ trashIcon.src = "./assets/icons/trash-solid.svg";
+ trashIcon.classList.add("trash-icon");
+
+ removeFolderButton.appendChild(trashIcon);
+
+ removeFolderButton.addEventListener("click", () => {
+ removeFolder(folder.path);
+ });
+ buttonContainer.appendChild(removeFolderButton);
+ folderElement.appendChild(buttonContainer);
+ return folderElement;
+}
+
+(async function () {
+ const files = await window.getFilesAPI.getFiles();
+ let currentFilesElement = document.getElementById("current-files");
+ for (const file of files) {
+ console.log(file);
+ let fileElement = makeFileElement(file);
+ currentFilesElement.appendChild(fileElement);
+ }
+
+ const folders = await window.getFoldersAPI.getFolders();
+ let currentFoldersElement = document.getElementById("current-folders");
+ for (const folder of folders) {
+ let folderElement = makeFolderElement(folder);
+ currentFoldersElement.appendChild(folderElement);
+ }
+})();
+
+setFolderButton.addEventListener('click', async () => {
+ await handleFileOpen('folder');
+});
+
+setFileButton.addEventListener('click', async () => {
+ await handleFileOpen('file');
+});
+
+async function handleFileOpen(type) {
+ const value = await window.storeValueAPI.handleFileOpen(type);
+ console.log(value);
+ let currentFilesElement = document.getElementById("current-files");
+ let currentFoldersElement = document.getElementById("current-folders");
+
+ if (value.files) {
+ currentFilesElement.innerHTML = '';
+ value.files.forEach((file) => {
+ let fileElement = makeFileElement(file);
+ currentFilesElement.appendChild(fileElement);
+ });
+ }
+
+ if (value.folders) {
+ currentFoldersElement.innerHTML = '';
+ value.folders.forEach((folder) => {
+ let folderElement = makeFolderElement(folder);
+ currentFoldersElement.appendChild(folderElement);
+ });
+ }
+}
+
+window.updateStateAPI.onUpdateState((event, state) => {
+ const fileSyncedImage = document.querySelectorAll(".file-synced-image");
+ console.log("state was updated", state);
+ loadingBar.style.display = 'none';
+ let syncStatusElement = document.getElementById("sync-status");
+ syncStatusElement.innerHTML = '';
+ const currentTime = new Date();
+ nextSyncTime = new Date();
+ nextSyncTime.setMinutes(Math.ceil((nextSyncTime.getMinutes() + 1) / 10) * 10);
+ if (state.completed == false) {
+
+ fileSyncedImage.forEach((image) => {
+ image.style.display = "block"
+ image.src = "./assets/icons/file-not-synced.svg"
+ })
+ if (state.error) syncStatusElement.innerHTML = state.error;
+ return;
+ } else {
+ fileSyncedImage.forEach((image) => {
+ image.style.display = "block"
+ image.src = "./assets/icons/file-synced.svg"
+ })
+
+ }
+ const options = { hour: '2-digit', minute: '2-digit' };
+
+ const clockElement = document.createElement("div");
+ const clockIcon = document.createElement("img");
+ clockIcon.src = "./assets/icons/clock.svg";
+ clockIcon.classList.add("clock-icon");
+
+ clockElement.appendChild(clockIcon);
+ syncStatusElement.appendChild(clockElement);
+ syncStatusElement.innerHTML += ` Synced at ${currentTime.toLocaleTimeString(undefined, options)}. Next sync at ${nextSyncTime.toLocaleTimeString(undefined, options)}.`;
+});
+
+window.needsSubscriptionAPI.onNeedsSubscription((event, needsSubscription) => {
+ console.log("needs subscription", needsSubscription);
+ if (needsSubscription) {
+ window.alert("Looks like you're out of space to sync your files. Upgrade your plan to unlock more space here: https://app.khoj.dev/settings#subscription");
+ needsSubscriptionElement.style.display = 'block';
+ }
+});
+
+const urlInput = document.getElementById('khoj-host-url');
+(async function () {
+ const url = await window.hostURLAPI.getURL();
+ urlInput.value = url;
+})();
+
+urlInput.addEventListener('blur', async () => {
+ const urlInputValue = urlInput.value;
+
+ // Check if it's a valid URL
+ try {
+ new URL(urlInputValue);
+ } catch (e) {
+ console.log(e);
+ alert('Please enter a valid URL');
+ return;
+ }
+
+ const url = await window.hostURLAPI.setURL(urlInput.value.trim());
+ urlInput.value = url;
+});
+
+const khojKeyInput = document.getElementById('khoj-access-key');
+(async function () {
+ const token = await window.tokenAPI.getToken();
+ khojKeyInput.value = token;
+})();
+
+khojKeyInput.addEventListener('blur', async () => {
+ const token = await window.tokenAPI.setToken(khojKeyInput.value.trim());
+ khojKeyInput.value = token;
+});
+
+const syncForceButton = document.getElementById('sync-force');
+syncForceButton.addEventListener('click', async () => {
+ loadingBar.style.display = 'block';
+ await window.syncDataAPI.syncData(true);
+});
+
+const deleteAllButton = document.getElementById('delete-all');
+deleteAllButton.addEventListener('click', async () => {
+ loadingBar.style.display = 'block';
+ await window.syncDataAPI.deleteAllFiles();
+});
diff --git a/src/interface/desktop/settings.html b/src/interface/desktop/settings.html
new file mode 100644
index 0000000000000000000000000000000000000000..601cb27b5f95237b487f8bfc429cbbbac06a7cab
--- /dev/null
+++ b/src/interface/desktop/settings.html
@@ -0,0 +1,320 @@
+
+
+
+
+ Khoj - Settings
+
+
+
+
+
+ Server URL
+
+
+
+
+
+ API Key
+
+
+
+
+
+
Folders
+
+
Add Folder
+
+
+
+
+
+
+
+
+
+
+
+
+
Khoj Mini
+
+
+
+ Khoj (Esc to Quit)
+
+
+
+
+
+
+
+
+
diff --git a/src/interface/desktop/splash.html b/src/interface/desktop/splash.html
new file mode 100644
index 0000000000000000000000000000000000000000..5cc32ab6dcdf37dee13954ab9136d95256520ae9
--- /dev/null
+++ b/src/interface/desktop/splash.html
@@ -0,0 +1,15 @@
+
+
+ Khoj
+
+
+
+
+
diff --git a/src/interface/desktop/utils.js b/src/interface/desktop/utils.js
new file mode 100644
index 0000000000000000000000000000000000000000..8d244ff113703882e7ef2ba7dcf0c8395245e5c3
--- /dev/null
+++ b/src/interface/desktop/utils.js
@@ -0,0 +1,90 @@
+console.log(`%c %s`, "font-family:monospace", `
+ __ __ __ __ ______ __ _____ __
+/\\ \\/ / /\\ \\_\\ \\ /\\ __ \\ /\\ \\ /\\ __ \\ /\\ \\
+\\ \\ _"-. \\ \\ __ \\ \\ \\ \\/\\ \\ _\\_\\ \\ \\ \\ __ \\ \\ \\ \\
+ \\ \\_\\ \\_\\ \\ \\_\\ \\_\\ \\ \\_____\\ /\\_____\\ \\ \\_\\ \\_\\ \\ \\_\\
+ \\/_/\\/_/ \\/_/\\/_/ \\/_____/ \\/_____/ \\/_/\\/_/ \\/_/
+
+Greetings traveller,
+
+I am ✨Khoj✨, your open-source, personal AI copilot.
+
+See my source code at https://github.com/khoj-ai/khoj
+Read my operating manual at https://docs.khoj.dev
+`);
+
+
+window.appInfoAPI.getInfo((_, info) => {
+ let khojVersionElement = document.getElementById("about-page-version");
+ if (khojVersionElement) {
+ khojVersionElement.innerHTML = `${info.version}`;
+ }
+ let khojTitleElement = document.getElementById("about-page-title");
+ if (khojTitleElement) {
+ khojTitleElement.innerHTML = 'Khoj for ' + (info.platform === 'win32' ? 'Windows' : info.platform === 'darwin' ? 'macOS' : 'Linux') + ' ';
+ }
+});
+
+function toggleNavMenu() {
+ let menu = document.getElementById("khoj-nav-menu");
+ menu.classList.toggle("show");
+}
+
+// Close the dropdown menu if the user clicks outside of it
+document.addEventListener('click', function (event) {
+ let menu = document.getElementById("khoj-nav-menu");
+ let menuContainer = document.getElementById("khoj-nav-menu-container");
+ let isClickOnMenu = menuContainer?.contains(event.target) || menuContainer === event.target;
+ if (menu && isClickOnMenu === false && menu.classList.contains("show")) {
+ menu.classList.remove("show");
+ }
+});
+
+async function populateHeaderPane() {
+ let userInfo = null;
+ try {
+ userInfo = await window.userInfoAPI.getUserInfo();
+ } catch (error) {
+ console.log("User not logged in");
+ }
+
+ let username = userInfo?.username ?? "?";
+ let user_photo = userInfo?.photo;
+ let is_active = userInfo?.is_active;
+ let has_documents = userInfo?.has_documents;
+
+ // Populate the header element with the navigation pane
+ return `
+
+
+
+ ${userInfo && userInfo.email
+ ? `
+ Connected to server
+
`
+ : `
+ Not connected to server
+
`
+ }
+ ${username ? `
+
+ ` : ''}
+
+ `;
+}
diff --git a/src/interface/desktop/yarn.lock b/src/interface/desktop/yarn.lock
new file mode 100644
index 0000000000000000000000000000000000000000..e30aa86844919d0370f24e4bf34a4f5ac1ee8c7f
--- /dev/null
+++ b/src/interface/desktop/yarn.lock
@@ -0,0 +1,1276 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@electron/get@^2.0.0":
+ version "2.0.3"
+ resolved "https://registry.yarnpkg.com/@electron/get/-/get-2.0.3.tgz#fba552683d387aebd9f3fcadbcafc8e12ee4f960"
+ integrity sha512-Qkzpg2s9GnVV2I2BjRksUi43U5e6+zaQMcjoJy0C+C5oxaKl+fmckGDQFtRpZpZV0NQekuZZ+tGz7EA9TVnQtQ==
+ dependencies:
+ debug "^4.1.1"
+ env-paths "^2.2.0"
+ fs-extra "^8.1.0"
+ got "^11.8.5"
+ progress "^2.0.3"
+ semver "^6.2.0"
+ sumchecker "^3.0.1"
+ optionalDependencies:
+ global-agent "^3.0.0"
+
+"@nodelib/fs.scandir@2.1.5":
+ version "2.1.5"
+ resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
+ integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
+ dependencies:
+ "@nodelib/fs.stat" "2.0.5"
+ run-parallel "^1.1.9"
+
+"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
+ version "2.0.5"
+ resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
+ integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
+
+"@nodelib/fs.walk@^1.2.3":
+ version "1.2.8"
+ resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
+ integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
+ dependencies:
+ "@nodelib/fs.scandir" "2.1.5"
+ fastq "^1.6.0"
+
+"@sindresorhus/is@^4.0.0":
+ version "4.6.0"
+ resolved "https://registry.yarnpkg.com/@sindresorhus/is/-/is-4.6.0.tgz#3c7c9c46e678feefe7a2e5bb609d3dbd665ffb3f"
+ integrity sha512-t09vSN3MdfsyCHoFcTRCH/iUtG7OJ0CsjzB8cjAmKc/va/kIgeDI/TxsigdncE/4be734m0cvIYwNaV4i2XqAw==
+
+"@szmarczak/http-timer@^4.0.5":
+ version "4.0.6"
+ resolved "https://registry.yarnpkg.com/@szmarczak/http-timer/-/http-timer-4.0.6.tgz#b4a914bb62e7c272d4e5989fe4440f812ab1d807"
+ integrity sha512-4BAffykYOgO+5nzBWYwE3W90sBgLJoUPRWWcL8wlyiM8IB8ipJz3UMJ9KXQd1RKQXpKp8Tutn80HZtWsu2u76w==
+ dependencies:
+ defer-to-connect "^2.0.0"
+
+"@todesktop/runtime@^2.0.0":
+ version "2.1.3"
+ resolved "https://registry.yarnpkg.com/@todesktop/runtime/-/runtime-2.1.3.tgz#47e772d6e71d9768c80452a3cb9bfc439b6ff34e"
+ integrity sha512-dtC/BwpW5k0kJN/aSxHRznkjwCNcvPRUQ1AeZ/OeBszvdYrAmdGtw8mb4Ztk/6Z/2jzlCJ6mPtf4jtujXMpIHg==
+ dependencies:
+ del "^6.1.1"
+ electron-updater "^6.3.9"
+ eventemitter2 "^6.4.9"
+ execa "^5.0.0"
+ lodash.once "^4.1.1"
+ semver "^7.6.3"
+
+"@types/cacheable-request@^6.0.1":
+ version "6.0.3"
+ resolved "https://registry.yarnpkg.com/@types/cacheable-request/-/cacheable-request-6.0.3.tgz#a430b3260466ca7b5ca5bfd735693b36e7a9d183"
+ integrity sha512-IQ3EbTzGxIigb1I3qPZc1rWJnH0BmSKv5QYTalEwweFvyBDLSAe24zP0le/hyi7ecGfZVlIVAg4BZqb8WBwKqw==
+ dependencies:
+ "@types/http-cache-semantics" "*"
+ "@types/keyv" "^3.1.4"
+ "@types/node" "*"
+ "@types/responselike" "^1.0.0"
+
+"@types/http-cache-semantics@*":
+ version "4.0.4"
+ resolved "https://registry.yarnpkg.com/@types/http-cache-semantics/-/http-cache-semantics-4.0.4.tgz#b979ebad3919799c979b17c72621c0bc0a31c6c4"
+ integrity sha512-1m0bIFVc7eJWyve9S0RnuRgcQqF/Xd5QsUZAZeQFr1Q3/p9JWoQQEqmVy+DPTNpGXwhgIetAoYF8JSc33q29QA==
+
+"@types/keyv@^3.1.4":
+ version "3.1.4"
+ resolved "https://registry.yarnpkg.com/@types/keyv/-/keyv-3.1.4.tgz#3ccdb1c6751b0c7e52300bcdacd5bcbf8faa75b6"
+ integrity sha512-BQ5aZNSCpj7D6K2ksrRCTmKRLEpnPvWDiLPfoGyhZ++8YtiK9d/3DBKPJgry359X/P1PfruyYwvnvwFjuEiEIg==
+ dependencies:
+ "@types/node" "*"
+
+"@types/luxon@~3.3.0":
+ version "3.3.8"
+ resolved "https://registry.yarnpkg.com/@types/luxon/-/luxon-3.3.8.tgz#84dbf2d020a9209a272058725e168f21d331a67e"
+ integrity sha512-jYvz8UMLDgy3a5SkGJne8H7VA7zPV2Lwohjx0V8V31+SqAjNmurWMkk9cQhfvlcnXWudBpK9xPM1n4rljOcHYQ==
+
+"@types/node@*":
+ version "24.10.1"
+ resolved "https://registry.yarnpkg.com/@types/node/-/node-24.10.1.tgz#91e92182c93db8bd6224fca031e2370cef9a8f01"
+ integrity sha512-GNWcUTRBgIRJD5zj+Tq0fKOJ5XZajIiBroOF0yvj2bSU1WvNdYS/dn9UxwsujGW4JX06dnHyjV2y9rRaybH0iQ==
+ dependencies:
+ undici-types "~7.16.0"
+
+"@types/node@^22.7.7":
+ version "22.19.1"
+ resolved "https://registry.yarnpkg.com/@types/node/-/node-22.19.1.tgz#1188f1ddc9f46b4cc3aec76749050b4e1f459b7b"
+ integrity sha512-LCCV0HdSZZZb34qifBsyWlUmok6W7ouER+oQIGBScS8EsZsQbrtFTUrDX4hOl+CS6p7cnNC4td+qrSVGSCTUfQ==
+ dependencies:
+ undici-types "~6.21.0"
+
+"@types/responselike@^1.0.0":
+ version "1.0.3"
+ resolved "https://registry.yarnpkg.com/@types/responselike/-/responselike-1.0.3.tgz#cc29706f0a397cfe6df89debfe4bf5cea159db50"
+ integrity sha512-H/+L+UkTV33uf49PH5pCAUBVPNj2nDBXTN+qS1dOwyyg24l3CcicicCA7ca+HMvJBZcFgl5r8e+RR6elsb4Lyw==
+ dependencies:
+ "@types/node" "*"
+
+"@types/yauzl@^2.9.1":
+ version "2.10.3"
+ resolved "https://registry.yarnpkg.com/@types/yauzl/-/yauzl-2.10.3.tgz#e9b2808b4f109504a03cda958259876f61017999"
+ integrity sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==
+ dependencies:
+ "@types/node" "*"
+
+aggregate-error@^3.0.0:
+ version "3.1.0"
+ resolved "https://registry.yarnpkg.com/aggregate-error/-/aggregate-error-3.1.0.tgz#92670ff50f5359bdb7a3e0d40d0ec30c5737687a"
+ integrity sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==
+ dependencies:
+ clean-stack "^2.0.0"
+ indent-string "^4.0.0"
+
+ajv-formats@^2.1.1:
+ version "2.1.1"
+ resolved "https://registry.yarnpkg.com/ajv-formats/-/ajv-formats-2.1.1.tgz#6e669400659eb74973bbf2e33327180a0996b520"
+ integrity sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==
+ dependencies:
+ ajv "^8.0.0"
+
+ajv@^8.0.0, ajv@^8.18.0, ajv@^8.6.3:
+ version "8.18.0"
+ resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.18.0.tgz#8864186b6738d003eb3a933172bb3833e10cefbc"
+ integrity sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==
+ dependencies:
+ fast-deep-equal "^3.1.3"
+ fast-uri "^3.0.1"
+ json-schema-traverse "^1.0.0"
+ require-from-string "^2.0.2"
+
+argparse@^2.0.1:
+ version "2.0.1"
+ resolved "https://registry.yarnpkg.com/argparse/-/argparse-2.0.1.tgz#246f50f3ca78a3240f6c997e8a9bd1eac49e4b38"
+ integrity sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==
+
+array-union@^2.1.0:
+ version "2.1.0"
+ resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
+ integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
+
+asynckit@^0.4.0:
+ version "0.4.0"
+ resolved "https://registry.yarnpkg.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
+ integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
+
+atomically@^1.7.0:
+ version "1.7.0"
+ resolved "https://registry.yarnpkg.com/atomically/-/atomically-1.7.0.tgz#c07a0458432ea6dbc9a3506fffa424b48bccaafe"
+ integrity sha512-Xcz9l0z7y9yQ9rdDaxlmaI4uJHf/T8g9hOEzJcsEqX2SjCj4J20uK7+ldkDHMbpJDK76wF7xEIgxc/vSlsfw5w==
+
+axios@^1.13.5:
+ version "1.13.5"
+ resolved "https://registry.yarnpkg.com/axios/-/axios-1.13.5.tgz#5e464688fa127e11a660a2c49441c009f6567a43"
+ integrity sha512-cz4ur7Vb0xS4/KUN0tPWe44eqxrIu31me+fbang3ijiNscE129POzipJJA6zniq2C/Z6sJCjMimjS8Lc/GAs8Q==
+ dependencies:
+ follow-redirects "^1.15.11"
+ form-data "^4.0.5"
+ proxy-from-env "^1.1.0"
+
+balanced-match@^1.0.0:
+ version "1.0.2"
+ resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
+ integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
+
+boolean@^3.0.1:
+ version "3.2.0"
+ resolved "https://registry.yarnpkg.com/boolean/-/boolean-3.2.0.tgz#9e5294af4e98314494cbb17979fa54ca159f116b"
+ integrity sha512-d0II/GO9uf9lfUHH2BQsjxzRJZBdsjgsBiW4BvhWk/3qoKwQFjIDVN19PfX8F2D/r9PCMTtLWjYVCFrpeYUzsw==
+
+brace-expansion@^1.1.7:
+ version "1.1.12"
+ resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.12.tgz#ab9b454466e5a8cc3a187beaad580412a9c5b843"
+ integrity sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==
+ dependencies:
+ balanced-match "^1.0.0"
+ concat-map "0.0.1"
+
+braces@^3.0.3:
+ version "3.0.3"
+ resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.3.tgz#490332f40919452272d55a8480adc0c441358789"
+ integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
+ dependencies:
+ fill-range "^7.1.1"
+
+buffer-crc32@~0.2.3:
+ version "0.2.13"
+ resolved "https://registry.yarnpkg.com/buffer-crc32/-/buffer-crc32-0.2.13.tgz#0d333e3f00eac50aa1454abd30ef8c2a5d9a7242"
+ integrity sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==
+
+builder-util-runtime@9.3.1:
+ version "9.3.1"
+ resolved "https://registry.yarnpkg.com/builder-util-runtime/-/builder-util-runtime-9.3.1.tgz#0daedde0f6d381f2a00a50a407b166fe7dca1a67"
+ integrity sha512-2/egrNDDnRaxVwK3A+cJq6UOlqOdedGA7JPqCeJjN2Zjk1/QB/6QUi3b714ScIGS7HafFXTyzJEOr5b44I3kvQ==
+ dependencies:
+ debug "^4.3.4"
+ sax "^1.2.4"
+
+cacheable-lookup@^5.0.3:
+ version "5.0.4"
+ resolved "https://registry.yarnpkg.com/cacheable-lookup/-/cacheable-lookup-5.0.4.tgz#5a6b865b2c44357be3d5ebc2a467b032719a7005"
+ integrity sha512-2/kNscPhpcxrOigMZzbiWF7dz8ilhb/nIHU3EyZiXWXpeq/au8qJ8VhdftMkty3n7Gj6HIGalQG8oiBNB3AJgA==
+
+cacheable-request@^7.0.2:
+ version "7.0.4"
+ resolved "https://registry.yarnpkg.com/cacheable-request/-/cacheable-request-7.0.4.tgz#7a33ebf08613178b403635be7b899d3e69bbe817"
+ integrity sha512-v+p6ongsrp0yTGbJXjgxPow2+DL93DASP4kXCDKb8/bwRtt9OEF3whggkkDkGNzgcWy2XaF4a8nZglC7uElscg==
+ dependencies:
+ clone-response "^1.0.2"
+ get-stream "^5.1.0"
+ http-cache-semantics "^4.0.0"
+ keyv "^4.0.0"
+ lowercase-keys "^2.0.0"
+ normalize-url "^6.0.1"
+ responselike "^2.0.0"
+
+call-bind-apply-helpers@^1.0.1, call-bind-apply-helpers@^1.0.2:
+ version "1.0.2"
+ resolved "https://registry.yarnpkg.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz#4b5428c222be985d79c3d82657479dbe0b59b2d6"
+ integrity sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==
+ dependencies:
+ es-errors "^1.3.0"
+ function-bind "^1.1.2"
+
+clean-stack@^2.0.0:
+ version "2.2.0"
+ resolved "https://registry.yarnpkg.com/clean-stack/-/clean-stack-2.2.0.tgz#ee8472dbb129e727b31e8a10a427dee9dfe4008b"
+ integrity sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==
+
+clone-response@^1.0.2:
+ version "1.0.3"
+ resolved "https://registry.yarnpkg.com/clone-response/-/clone-response-1.0.3.tgz#af2032aa47816399cf5f0a1d0db902f517abb8c3"
+ integrity sha512-ROoL94jJH2dUVML2Y/5PEDNaSHgeOdSDicUyS7izcF63G6sTc/FTjLub4b8Il9S8S0beOfYt0TaA5qvFK+w0wA==
+ dependencies:
+ mimic-response "^1.0.0"
+
+combined-stream@^1.0.8:
+ version "1.0.8"
+ resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
+ integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
+ dependencies:
+ delayed-stream "~1.0.0"
+
+concat-map@0.0.1:
+ version "0.0.1"
+ resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
+ integrity sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==
+
+conf@^10.2.0:
+ version "10.2.0"
+ resolved "https://registry.yarnpkg.com/conf/-/conf-10.2.0.tgz#838e757be963f1a2386dfe048a98f8f69f7b55d6"
+ integrity sha512-8fLl9F04EJqjSqH+QjITQfJF8BrOVaYr1jewVgSRAEWePfxT0sku4w2hrGQ60BC/TNLGQ2pgxNlTbWQmMPFvXg==
+ dependencies:
+ ajv "^8.6.3"
+ ajv-formats "^2.1.1"
+ atomically "^1.7.0"
+ debounce-fn "^4.0.0"
+ dot-prop "^6.0.1"
+ env-paths "^2.2.1"
+ json-schema-typed "^7.0.3"
+ onetime "^5.1.2"
+ pkg-up "^3.1.0"
+ semver "^7.3.5"
+
+cron@^2.4.3:
+ version "2.4.4"
+ resolved "https://registry.yarnpkg.com/cron/-/cron-2.4.4.tgz#988c1757b3f288d1dfcc360ee6d80087448916dc"
+ integrity sha512-MHlPImXJj3K7x7lyUHjtKEOl69CSlTOWxS89jiFgNkzXfvhVjhMz/nc7/EIfN9vgooZp8XTtXJ1FREdmbyXOiQ==
+ dependencies:
+ "@types/luxon" "~3.3.0"
+ luxon "~3.3.0"
+
+cross-spawn@^7.0.3:
+ version "7.0.6"
+ resolved "https://registry.yarnpkg.com/cross-spawn/-/cross-spawn-7.0.6.tgz#8a58fe78f00dcd70c370451759dfbfaf03e8ee9f"
+ integrity sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==
+ dependencies:
+ path-key "^3.1.0"
+ shebang-command "^2.0.0"
+ which "^2.0.1"
+
+debounce-fn@^4.0.0:
+ version "4.0.0"
+ resolved "https://registry.yarnpkg.com/debounce-fn/-/debounce-fn-4.0.0.tgz#ed76d206d8a50e60de0dd66d494d82835ffe61c7"
+ integrity sha512-8pYCQiL9Xdcg0UPSD3d+0KMlOjp+KGU5EPwYddgzQ7DATsg4fuUDjQtsYLmWjnk2obnNHgV3vE2Y4jejSOJVBQ==
+ dependencies:
+ mimic-fn "^3.0.0"
+
+debug@^4.1.0, debug@^4.1.1, debug@^4.3.4:
+ version "4.4.3"
+ resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.3.tgz#c6ae432d9bd9662582fce08709b038c58e9e3d6a"
+ integrity sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==
+ dependencies:
+ ms "^2.1.3"
+
+decompress-response@^6.0.0:
+ version "6.0.0"
+ resolved "https://registry.yarnpkg.com/decompress-response/-/decompress-response-6.0.0.tgz#ca387612ddb7e104bd16d85aab00d5ecf09c66fc"
+ integrity sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==
+ dependencies:
+ mimic-response "^3.1.0"
+
+defer-to-connect@^2.0.0:
+ version "2.0.1"
+ resolved "https://registry.yarnpkg.com/defer-to-connect/-/defer-to-connect-2.0.1.tgz#8016bdb4143e4632b77a3449c6236277de520587"
+ integrity sha512-4tvttepXG1VaYGrRibk5EwJd1t4udunSOVMdLSAL6mId1ix438oPwPZMALY41FCijukO1L0twNcGsdzS7dHgDg==
+
+define-data-property@^1.0.1:
+ version "1.1.4"
+ resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.4.tgz#894dc141bb7d3060ae4366f6a0107e68fbe48c5e"
+ integrity sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==
+ dependencies:
+ es-define-property "^1.0.0"
+ es-errors "^1.3.0"
+ gopd "^1.0.1"
+
+define-properties@^1.2.1:
+ version "1.2.1"
+ resolved "https://registry.yarnpkg.com/define-properties/-/define-properties-1.2.1.tgz#10781cc616eb951a80a034bafcaa7377f6af2b6c"
+ integrity sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==
+ dependencies:
+ define-data-property "^1.0.1"
+ has-property-descriptors "^1.0.0"
+ object-keys "^1.1.1"
+
+del@^6.1.1:
+ version "6.1.1"
+ resolved "https://registry.yarnpkg.com/del/-/del-6.1.1.tgz#3b70314f1ec0aa325c6b14eb36b95786671edb7a"
+ integrity sha512-ua8BhapfP0JUJKC/zV9yHHDW/rDoDxP4Zhn3AkA6/xT6gY7jYXJiaeyBZznYVujhZZET+UgcbZiQ7sN3WqcImg==
+ dependencies:
+ globby "^11.0.1"
+ graceful-fs "^4.2.4"
+ is-glob "^4.0.1"
+ is-path-cwd "^2.2.0"
+ is-path-inside "^3.0.2"
+ p-map "^4.0.0"
+ rimraf "^3.0.2"
+ slash "^3.0.0"
+
+delayed-stream@~1.0.0:
+ version "1.0.0"
+ resolved "https://registry.yarnpkg.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
+ integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
+
+detect-node@^2.0.4:
+ version "2.1.0"
+ resolved "https://registry.yarnpkg.com/detect-node/-/detect-node-2.1.0.tgz#c9c70775a49c3d03bc2c06d9a73be550f978f8b1"
+ integrity sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==
+
+dir-glob@^3.0.1:
+ version "3.0.1"
+ resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
+ integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
+ dependencies:
+ path-type "^4.0.0"
+
+dot-prop@^6.0.1:
+ version "6.0.1"
+ resolved "https://registry.yarnpkg.com/dot-prop/-/dot-prop-6.0.1.tgz#fc26b3cf142b9e59b74dbd39ed66ce620c681083"
+ integrity sha512-tE7ztYzXHIeyvc7N+hR3oi7FIbf/NIjVP9hmAt3yMXzrQ072/fpjGLx2GxNxGxUl5V73MEqYzioOMoVhGMJ5cA==
+ dependencies:
+ is-obj "^2.0.0"
+
+dunder-proto@^1.0.1:
+ version "1.0.1"
+ resolved "https://registry.yarnpkg.com/dunder-proto/-/dunder-proto-1.0.1.tgz#d7ae667e1dc83482f8b70fd0f6eefc50da30f58a"
+ integrity sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==
+ dependencies:
+ call-bind-apply-helpers "^1.0.1"
+ es-errors "^1.3.0"
+ gopd "^1.2.0"
+
+electron-store@^8.1.0:
+ version "8.2.0"
+ resolved "https://registry.yarnpkg.com/electron-store/-/electron-store-8.2.0.tgz#114e6e453e8bb746ab4ccb542424d8c881ad2ca1"
+ integrity sha512-ukLL5Bevdil6oieAOXz3CMy+OgaItMiVBg701MNlG6W5RaC0AHN7rvlqTCmeb6O7jP0Qa1KKYTE0xV0xbhF4Hw==
+ dependencies:
+ conf "^10.2.0"
+ type-fest "^2.17.0"
+
+electron-updater@^6.3.9:
+ version "6.6.2"
+ resolved "https://registry.yarnpkg.com/electron-updater/-/electron-updater-6.6.2.tgz#3e65e044f1a99b00d61e200e24de8e709c69ce99"
+ integrity sha512-Cr4GDOkbAUqRHP5/oeOmH/L2Bn6+FQPxVLZtPbcmKZC63a1F3uu5EefYOssgZXG3u/zBlubbJ5PJdITdMVggbw==
+ dependencies:
+ builder-util-runtime "9.3.1"
+ fs-extra "^10.1.0"
+ js-yaml "^4.1.0"
+ lazy-val "^1.0.5"
+ lodash.escaperegexp "^4.1.2"
+ lodash.isequal "^4.5.0"
+ semver "^7.6.3"
+ tiny-typed-emitter "^2.1.0"
+
+electron@35.7.5:
+ version "35.7.5"
+ resolved "https://registry.yarnpkg.com/electron/-/electron-35.7.5.tgz#294a4aebb2ad2a884de730c410f2358d061e8d53"
+ integrity sha512-dnL+JvLraKZl7iusXTVTGYs10TKfzUi30uEDTqsmTm0guN9V2tbOjTzyIZbh9n3ygUjgEYyo+igAwMRXIi3IPw==
+ dependencies:
+ "@electron/get" "^2.0.0"
+ "@types/node" "^22.7.7"
+ extract-zip "^2.0.1"
+
+end-of-stream@^1.1.0:
+ version "1.4.5"
+ resolved "https://registry.yarnpkg.com/end-of-stream/-/end-of-stream-1.4.5.tgz#7344d711dea40e0b74abc2ed49778743ccedb08c"
+ integrity sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==
+ dependencies:
+ once "^1.4.0"
+
+env-paths@^2.2.0, env-paths@^2.2.1:
+ version "2.2.1"
+ resolved "https://registry.yarnpkg.com/env-paths/-/env-paths-2.2.1.tgz#420399d416ce1fbe9bc0a07c62fa68d67fd0f8f2"
+ integrity sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==
+
+es-define-property@^1.0.0, es-define-property@^1.0.1:
+ version "1.0.1"
+ resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.1.tgz#983eb2f9a6724e9303f61addf011c72e09e0b0fa"
+ integrity sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==
+
+es-errors@^1.3.0:
+ version "1.3.0"
+ resolved "https://registry.yarnpkg.com/es-errors/-/es-errors-1.3.0.tgz#05f75a25dab98e4fb1dcd5e1472c0546d5057c8f"
+ integrity sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==
+
+es-object-atoms@^1.0.0, es-object-atoms@^1.1.1:
+ version "1.1.1"
+ resolved "https://registry.yarnpkg.com/es-object-atoms/-/es-object-atoms-1.1.1.tgz#1c4f2c4837327597ce69d2ca190a7fdd172338c1"
+ integrity sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==
+ dependencies:
+ es-errors "^1.3.0"
+
+es-set-tostringtag@^2.1.0:
+ version "2.1.0"
+ resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz#f31dbbe0c183b00a6d26eb6325c810c0fd18bd4d"
+ integrity sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==
+ dependencies:
+ es-errors "^1.3.0"
+ get-intrinsic "^1.2.6"
+ has-tostringtag "^1.0.2"
+ hasown "^2.0.2"
+
+es6-error@^4.1.1:
+ version "4.1.1"
+ resolved "https://registry.yarnpkg.com/es6-error/-/es6-error-4.1.1.tgz#9e3af407459deed47e9a91f9b885a84eb05c561d"
+ integrity sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg==
+
+escape-string-regexp@^4.0.0:
+ version "4.0.0"
+ resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
+ integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
+
+eventemitter2@^6.4.9:
+ version "6.4.9"
+ resolved "https://registry.yarnpkg.com/eventemitter2/-/eventemitter2-6.4.9.tgz#41f2750781b4230ed58827bc119d293471ecb125"
+ integrity sha512-JEPTiaOt9f04oa6NOkc4aH+nVp5I3wEjpHbIPqfgCdD5v5bUzy7xQqwcVO2aDQgOWhI28da57HksMrzK9HlRxg==
+
+execa@^5.0.0:
+ version "5.1.1"
+ resolved "https://registry.yarnpkg.com/execa/-/execa-5.1.1.tgz#f80ad9cbf4298f7bd1d4c9555c21e93741c411dd"
+ integrity sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg==
+ dependencies:
+ cross-spawn "^7.0.3"
+ get-stream "^6.0.0"
+ human-signals "^2.1.0"
+ is-stream "^2.0.0"
+ merge-stream "^2.0.0"
+ npm-run-path "^4.0.1"
+ onetime "^5.1.2"
+ signal-exit "^3.0.3"
+ strip-final-newline "^2.0.0"
+
+extract-zip@^2.0.1:
+ version "2.0.1"
+ resolved "https://registry.yarnpkg.com/extract-zip/-/extract-zip-2.0.1.tgz#663dca56fe46df890d5f131ef4a06d22bb8ba13a"
+ integrity sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==
+ dependencies:
+ debug "^4.1.1"
+ get-stream "^5.1.0"
+ yauzl "^2.10.0"
+ optionalDependencies:
+ "@types/yauzl" "^2.9.1"
+
+fast-deep-equal@^3.1.3:
+ version "3.1.3"
+ resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
+ integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==
+
+fast-glob@^3.2.9:
+ version "3.3.3"
+ resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.3.tgz#d06d585ce8dba90a16b0505c543c3ccfb3aeb818"
+ integrity sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==
+ dependencies:
+ "@nodelib/fs.stat" "^2.0.2"
+ "@nodelib/fs.walk" "^1.2.3"
+ glob-parent "^5.1.2"
+ merge2 "^1.3.0"
+ micromatch "^4.0.8"
+
+fast-uri@^3.0.1:
+ version "3.1.0"
+ resolved "https://registry.yarnpkg.com/fast-uri/-/fast-uri-3.1.0.tgz#66eecff6c764c0df9b762e62ca7edcfb53b4edfa"
+ integrity sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==
+
+fastq@^1.6.0:
+ version "1.19.1"
+ resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.19.1.tgz#d50eaba803c8846a883c16492821ebcd2cda55f5"
+ integrity sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==
+ dependencies:
+ reusify "^1.0.4"
+
+fd-slicer@~1.1.0:
+ version "1.1.0"
+ resolved "https://registry.yarnpkg.com/fd-slicer/-/fd-slicer-1.1.0.tgz#25c7c89cb1f9077f8891bbe61d8f390eae256f1e"
+ integrity sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==
+ dependencies:
+ pend "~1.2.0"
+
+fill-range@^7.1.1:
+ version "7.1.1"
+ resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.1.1.tgz#44265d3cac07e3ea7dc247516380643754a05292"
+ integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==
+ dependencies:
+ to-regex-range "^5.0.1"
+
+find-up@^3.0.0:
+ version "3.0.0"
+ resolved "https://registry.yarnpkg.com/find-up/-/find-up-3.0.0.tgz#49169f1d7993430646da61ecc5ae355c21c97b73"
+ integrity sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==
+ dependencies:
+ locate-path "^3.0.0"
+
+follow-redirects@^1.15.11:
+ version "1.15.11"
+ resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.11.tgz#777d73d72a92f8ec4d2e410eb47352a56b8e8340"
+ integrity sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==
+
+form-data@^4.0.5:
+ version "4.0.5"
+ resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.5.tgz#b49e48858045ff4cbf6b03e1805cebcad3679053"
+ integrity sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==
+ dependencies:
+ asynckit "^0.4.0"
+ combined-stream "^1.0.8"
+ es-set-tostringtag "^2.1.0"
+ hasown "^2.0.2"
+ mime-types "^2.1.12"
+
+fs-extra@^10.1.0:
+ version "10.1.0"
+ resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-10.1.0.tgz#02873cfbc4084dde127eaa5f9905eef2325d1abf"
+ integrity sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==
+ dependencies:
+ graceful-fs "^4.2.0"
+ jsonfile "^6.0.1"
+ universalify "^2.0.0"
+
+fs-extra@^8.1.0:
+ version "8.1.0"
+ resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-8.1.0.tgz#49d43c45a88cd9677668cb7be1b46efdb8d2e1c0"
+ integrity sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==
+ dependencies:
+ graceful-fs "^4.2.0"
+ jsonfile "^4.0.0"
+ universalify "^0.1.0"
+
+fs.realpath@^1.0.0:
+ version "1.0.0"
+ resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
+ integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==
+
+function-bind@^1.1.2:
+ version "1.1.2"
+ resolved "https://registry.yarnpkg.com/function-bind/-/function-bind-1.1.2.tgz#2c02d864d97f3ea6c8830c464cbd11ab6eab7a1c"
+ integrity sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==
+
+get-intrinsic@^1.2.6:
+ version "1.3.0"
+ resolved "https://registry.yarnpkg.com/get-intrinsic/-/get-intrinsic-1.3.0.tgz#743f0e3b6964a93a5491ed1bffaae054d7f98d01"
+ integrity sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==
+ dependencies:
+ call-bind-apply-helpers "^1.0.2"
+ es-define-property "^1.0.1"
+ es-errors "^1.3.0"
+ es-object-atoms "^1.1.1"
+ function-bind "^1.1.2"
+ get-proto "^1.0.1"
+ gopd "^1.2.0"
+ has-symbols "^1.1.0"
+ hasown "^2.0.2"
+ math-intrinsics "^1.1.0"
+
+get-proto@^1.0.1:
+ version "1.0.1"
+ resolved "https://registry.yarnpkg.com/get-proto/-/get-proto-1.0.1.tgz#150b3f2743869ef3e851ec0c49d15b1d14d00ee1"
+ integrity sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==
+ dependencies:
+ dunder-proto "^1.0.1"
+ es-object-atoms "^1.0.0"
+
+get-stream@^5.1.0:
+ version "5.2.0"
+ resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-5.2.0.tgz#4966a1795ee5ace65e706c4b7beb71257d6e22d3"
+ integrity sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==
+ dependencies:
+ pump "^3.0.0"
+
+get-stream@^6.0.0:
+ version "6.0.1"
+ resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
+ integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
+
+glob-parent@^5.1.2:
+ version "5.1.2"
+ resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
+ integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
+ dependencies:
+ is-glob "^4.0.1"
+
+glob@^7.1.3:
+ version "7.2.3"
+ resolved "https://registry.yarnpkg.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
+ integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
+ dependencies:
+ fs.realpath "^1.0.0"
+ inflight "^1.0.4"
+ inherits "2"
+ minimatch "^3.1.1"
+ once "^1.3.0"
+ path-is-absolute "^1.0.0"
+
+global-agent@^3.0.0:
+ version "3.0.0"
+ resolved "https://registry.yarnpkg.com/global-agent/-/global-agent-3.0.0.tgz#ae7cd31bd3583b93c5a16437a1afe27cc33a1ab6"
+ integrity sha512-PT6XReJ+D07JvGoxQMkT6qji/jVNfX/h364XHZOWeRzy64sSFr+xJ5OX7LI3b4MPQzdL4H8Y8M0xzPpsVMwA8Q==
+ dependencies:
+ boolean "^3.0.1"
+ es6-error "^4.1.1"
+ matcher "^3.0.0"
+ roarr "^2.15.3"
+ semver "^7.3.2"
+ serialize-error "^7.0.1"
+
+globalthis@^1.0.1:
+ version "1.0.4"
+ resolved "https://registry.yarnpkg.com/globalthis/-/globalthis-1.0.4.tgz#7430ed3a975d97bfb59bcce41f5cabbafa651236"
+ integrity sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==
+ dependencies:
+ define-properties "^1.2.1"
+ gopd "^1.0.1"
+
+globby@^11.0.1:
+ version "11.1.0"
+ resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
+ integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
+ dependencies:
+ array-union "^2.1.0"
+ dir-glob "^3.0.1"
+ fast-glob "^3.2.9"
+ ignore "^5.2.0"
+ merge2 "^1.4.1"
+ slash "^3.0.0"
+
+gopd@^1.0.1, gopd@^1.2.0:
+ version "1.2.0"
+ resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.2.0.tgz#89f56b8217bdbc8802bd299df6d7f1081d7e51a1"
+ integrity sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==
+
+got@^11.8.5:
+ version "11.8.6"
+ resolved "https://registry.yarnpkg.com/got/-/got-11.8.6.tgz#276e827ead8772eddbcfc97170590b841823233a"
+ integrity sha512-6tfZ91bOr7bOXnK7PRDCGBLa1H4U080YHNaAQ2KsMGlLEzRbk44nsZF2E1IeRc3vtJHPVbKCYgdFbaGO2ljd8g==
+ dependencies:
+ "@sindresorhus/is" "^4.0.0"
+ "@szmarczak/http-timer" "^4.0.5"
+ "@types/cacheable-request" "^6.0.1"
+ "@types/responselike" "^1.0.0"
+ cacheable-lookup "^5.0.3"
+ cacheable-request "^7.0.2"
+ decompress-response "^6.0.0"
+ http2-wrapper "^1.0.0-beta.5.2"
+ lowercase-keys "^2.0.0"
+ p-cancelable "^2.0.0"
+ responselike "^2.0.0"
+
+graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.4:
+ version "4.2.11"
+ resolved "https://registry.yarnpkg.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
+ integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
+
+has-property-descriptors@^1.0.0:
+ version "1.0.2"
+ resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz#963ed7d071dc7bf5f084c5bfbe0d1b6222586854"
+ integrity sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==
+ dependencies:
+ es-define-property "^1.0.0"
+
+has-symbols@^1.0.3, has-symbols@^1.1.0:
+ version "1.1.0"
+ resolved "https://registry.yarnpkg.com/has-symbols/-/has-symbols-1.1.0.tgz#fc9c6a783a084951d0b971fe1018de813707a338"
+ integrity sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==
+
+has-tostringtag@^1.0.2:
+ version "1.0.2"
+ resolved "https://registry.yarnpkg.com/has-tostringtag/-/has-tostringtag-1.0.2.tgz#2cdc42d40bef2e5b4eeab7c01a73c54ce7ab5abc"
+ integrity sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==
+ dependencies:
+ has-symbols "^1.0.3"
+
+hasown@^2.0.2:
+ version "2.0.2"
+ resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.2.tgz#003eaf91be7adc372e84ec59dc37252cedb80003"
+ integrity sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==
+ dependencies:
+ function-bind "^1.1.2"
+
+http-cache-semantics@^4.0.0:
+ version "4.2.0"
+ resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-4.2.0.tgz#205f4db64f8562b76a4ff9235aa5279839a09dd5"
+ integrity sha512-dTxcvPXqPvXBQpq5dUr6mEMJX4oIEFv6bwom3FDwKRDsuIjjJGANqhBuoAn9c1RQJIdAKav33ED65E2ys+87QQ==
+
+http2-wrapper@^1.0.0-beta.5.2:
+ version "1.0.3"
+ resolved "https://registry.yarnpkg.com/http2-wrapper/-/http2-wrapper-1.0.3.tgz#b8f55e0c1f25d4ebd08b3b0c2c079f9590800b3d"
+ integrity sha512-V+23sDMr12Wnz7iTcDeJr3O6AIxlnvT/bmaAAAP/Xda35C90p9599p0F1eHR/N1KILWSoWVAiOMFjBBXaXSMxg==
+ dependencies:
+ quick-lru "^5.1.1"
+ resolve-alpn "^1.0.0"
+
+human-signals@^2.1.0:
+ version "2.1.0"
+ resolved "https://registry.yarnpkg.com/human-signals/-/human-signals-2.1.0.tgz#dc91fcba42e4d06e4abaed33b3e7a3c02f514ea0"
+ integrity sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw==
+
+ignore@^5.2.0:
+ version "5.3.2"
+ resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.2.tgz#3cd40e729f3643fd87cb04e50bf0eb722bc596f5"
+ integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==
+
+indent-string@^4.0.0:
+ version "4.0.0"
+ resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-4.0.0.tgz#624f8f4497d619b2d9768531d58f4122854d7251"
+ integrity sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==
+
+inflight@^1.0.4:
+ version "1.0.6"
+ resolved "https://registry.yarnpkg.com/inflight/-/inflight-1.0.6.tgz#49bd6331d7d02d0c09bc910a1075ba8165b56df9"
+ integrity sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==
+ dependencies:
+ once "^1.3.0"
+ wrappy "1"
+
+inherits@2:
+ version "2.0.4"
+ resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.4.tgz#0fa2c64f932917c3433a0ded55363aae37416b7c"
+ integrity sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==
+
+is-extglob@^2.1.1:
+ version "2.1.1"
+ resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+ integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
+
+is-glob@^4.0.1:
+ version "4.0.3"
+ resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
+ integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
+ dependencies:
+ is-extglob "^2.1.1"
+
+is-number@^7.0.0:
+ version "7.0.0"
+ resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
+ integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
+
+is-obj@^2.0.0:
+ version "2.0.0"
+ resolved "https://registry.yarnpkg.com/is-obj/-/is-obj-2.0.0.tgz#473fb05d973705e3fd9620545018ca8e22ef4982"
+ integrity sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==
+
+is-path-cwd@^2.2.0:
+ version "2.2.0"
+ resolved "https://registry.yarnpkg.com/is-path-cwd/-/is-path-cwd-2.2.0.tgz#67d43b82664a7b5191fd9119127eb300048a9fdb"
+ integrity sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ==
+
+is-path-inside@^3.0.2:
+ version "3.0.3"
+ resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283"
+ integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==
+
+is-stream@^2.0.0:
+ version "2.0.1"
+ resolved "https://registry.yarnpkg.com/is-stream/-/is-stream-2.0.1.tgz#fac1e3d53b97ad5a9d0ae9cef2389f5810a5c077"
+ integrity sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==
+
+isexe@^2.0.0:
+ version "2.0.0"
+ resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
+ integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
+
+js-yaml@^4.1.0:
+ version "4.1.1"
+ resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-4.1.1.tgz#854c292467705b699476e1a2decc0c8a3458806b"
+ integrity sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==
+ dependencies:
+ argparse "^2.0.1"
+
+json-buffer@3.0.1:
+ version "3.0.1"
+ resolved "https://registry.yarnpkg.com/json-buffer/-/json-buffer-3.0.1.tgz#9338802a30d3b6605fbe0613e094008ca8c05a13"
+ integrity sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==
+
+json-schema-traverse@^1.0.0:
+ version "1.0.0"
+ resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz#ae7bcb3656ab77a73ba5c49bf654f38e6b6860e2"
+ integrity sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==
+
+json-schema-typed@^7.0.3:
+ version "7.0.3"
+ resolved "https://registry.yarnpkg.com/json-schema-typed/-/json-schema-typed-7.0.3.tgz#23ff481b8b4eebcd2ca123b4fa0409e66469a2d9"
+ integrity sha512-7DE8mpG+/fVw+dTpjbxnx47TaMnDfOI1jwft9g1VybltZCduyRQPJPvc+zzKY9WPHxhPWczyFuYa6I8Mw4iU5A==
+
+json-stringify-safe@^5.0.1:
+ version "5.0.1"
+ resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
+ integrity sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==
+
+jsonfile@^4.0.0:
+ version "4.0.0"
+ resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-4.0.0.tgz#8771aae0799b64076b76640fca058f9c10e33ecb"
+ integrity sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==
+ optionalDependencies:
+ graceful-fs "^4.1.6"
+
+jsonfile@^6.0.1:
+ version "6.2.0"
+ resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-6.2.0.tgz#7c265bd1b65de6977478300087c99f1c84383f62"
+ integrity sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==
+ dependencies:
+ universalify "^2.0.0"
+ optionalDependencies:
+ graceful-fs "^4.1.6"
+
+keyv@^4.0.0:
+ version "4.5.4"
+ resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.4.tgz#a879a99e29452f942439f2a405e3af8b31d4de93"
+ integrity sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==
+ dependencies:
+ json-buffer "3.0.1"
+
+lazy-val@^1.0.5:
+ version "1.0.5"
+ resolved "https://registry.yarnpkg.com/lazy-val/-/lazy-val-1.0.5.tgz#6cf3b9f5bc31cee7ee3e369c0832b7583dcd923d"
+ integrity sha512-0/BnGCCfyUMkBpeDgWihanIAF9JmZhHBgUhEqzvf+adhNGLoP6TaiI5oF8oyb3I45P+PcnrqihSf01M0l0G5+Q==
+
+locate-path@^3.0.0:
+ version "3.0.0"
+ resolved "https://registry.yarnpkg.com/locate-path/-/locate-path-3.0.0.tgz#dbec3b3ab759758071b58fe59fc41871af21400e"
+ integrity sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==
+ dependencies:
+ p-locate "^3.0.0"
+ path-exists "^3.0.0"
+
+lodash.escaperegexp@^4.1.2:
+ version "4.1.2"
+ resolved "https://registry.yarnpkg.com/lodash.escaperegexp/-/lodash.escaperegexp-4.1.2.tgz#64762c48618082518ac3df4ccf5d5886dae20347"
+ integrity sha512-TM9YBvyC84ZxE3rgfefxUWiQKLilstD6k7PTGt6wfbtXF8ixIJLOL3VYyV/z+ZiPLsVxAsKAFVwWlWeb2Y8Yyw==
+
+lodash.isequal@^4.5.0:
+ version "4.5.0"
+ resolved "https://registry.yarnpkg.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz#415c4478f2bcc30120c22ce10ed3226f7d3e18e0"
+ integrity sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==
+
+lodash.once@^4.1.1:
+ version "4.1.1"
+ resolved "https://registry.yarnpkg.com/lodash.once/-/lodash.once-4.1.1.tgz#0dd3971213c7c56df880977d504c88fb471a97ac"
+ integrity sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg==
+
+lowercase-keys@^2.0.0:
+ version "2.0.0"
+ resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-2.0.0.tgz#2603e78b7b4b0006cbca2fbcc8a3202558ac9479"
+ integrity sha512-tqNXrS78oMOE73NMxK4EMLQsQowWf8jKooH9g7xPavRT706R6bkQJ6DY2Te7QukaZsulxa30wQ7bk0pm4XiHmA==
+
+luxon@~3.3.0:
+ version "3.3.0"
+ resolved "https://registry.yarnpkg.com/luxon/-/luxon-3.3.0.tgz#d73ab5b5d2b49a461c47cedbc7e73309b4805b48"
+ integrity sha512-An0UCfG/rSiqtAIiBPO0Y9/zAnHUZxAMiCpTd5h2smgsj7GGmcenvrvww2cqNA8/4A5ZrD1gJpHN2mIHZQF+Mg==
+
+matcher@^3.0.0:
+ version "3.0.0"
+ resolved "https://registry.yarnpkg.com/matcher/-/matcher-3.0.0.tgz#bd9060f4c5b70aa8041ccc6f80368760994f30ca"
+ integrity sha512-OkeDaAZ/bQCxeFAozM55PKcKU0yJMPGifLwV4Qgjitu+5MoAfSQN4lsLJeXZ1b8w0x+/Emda6MZgXS1jvsapng==
+ dependencies:
+ escape-string-regexp "^4.0.0"
+
+math-intrinsics@^1.1.0:
+ version "1.1.0"
+ resolved "https://registry.yarnpkg.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz#a0dd74be81e2aa5c2f27e65ce283605ee4e2b7f9"
+ integrity sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==
+
+merge-stream@^2.0.0:
+ version "2.0.0"
+ resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
+ integrity sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==
+
+merge2@^1.3.0, merge2@^1.4.1:
+ version "1.4.1"
+ resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
+ integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
+
+micromatch@^4.0.8:
+ version "4.0.8"
+ resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.8.tgz#d66fa18f3a47076789320b9b1af32bd86d9fa202"
+ integrity sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==
+ dependencies:
+ braces "^3.0.3"
+ picomatch "^2.3.1"
+
+mime-db@1.52.0:
+ version "1.52.0"
+ resolved "https://registry.yarnpkg.com/mime-db/-/mime-db-1.52.0.tgz#bbabcdc02859f4987301c856e3387ce5ec43bf70"
+ integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
+
+mime-types@^2.1.12:
+ version "2.1.35"
+ resolved "https://registry.yarnpkg.com/mime-types/-/mime-types-2.1.35.tgz#381a871b62a734450660ae3deee44813f70d959a"
+ integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
+ dependencies:
+ mime-db "1.52.0"
+
+mimic-fn@^2.1.0:
+ version "2.1.0"
+ resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-2.1.0.tgz#7ed2c2ccccaf84d3ffcb7a69b57711fc2083401b"
+ integrity sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==
+
+mimic-fn@^3.0.0:
+ version "3.1.0"
+ resolved "https://registry.yarnpkg.com/mimic-fn/-/mimic-fn-3.1.0.tgz#65755145bbf3e36954b949c16450427451d5ca74"
+ integrity sha512-Ysbi9uYW9hFyfrThdDEQuykN4Ey6BuwPD2kpI5ES/nFTDn/98yxYNLZJcgUAKPT/mcrLLKaGzJR9YVxJrIdASQ==
+
+mimic-response@^1.0.0:
+ version "1.0.1"
+ resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-1.0.1.tgz#4923538878eef42063cb8a3e3b0798781487ab1b"
+ integrity sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==
+
+mimic-response@^3.1.0:
+ version "3.1.0"
+ resolved "https://registry.yarnpkg.com/mimic-response/-/mimic-response-3.1.0.tgz#2d1d59af9c1b129815accc2c46a022a5ce1fa3c9"
+ integrity sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==
+
+minimatch@^3.1.1:
+ version "3.1.2"
+ resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
+ integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
+ dependencies:
+ brace-expansion "^1.1.7"
+
+ms@^2.1.3:
+ version "2.1.3"
+ resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
+ integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
+normalize-url@^6.0.1:
+ version "6.1.0"
+ resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-6.1.0.tgz#40d0885b535deffe3f3147bec877d05fe4c5668a"
+ integrity sha512-DlL+XwOy3NxAQ8xuC0okPgK46iuVNAK01YN7RueYBqqFeGsBjV9XmCAzAdgt+667bCl5kPh9EqKKDwnaPG1I7A==
+
+npm-run-path@^4.0.1:
+ version "4.0.1"
+ resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-4.0.1.tgz#b7ecd1e5ed53da8e37a55e1c2269e0b97ed748ea"
+ integrity sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==
+ dependencies:
+ path-key "^3.0.0"
+
+object-keys@^1.1.1:
+ version "1.1.1"
+ resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
+ integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
+
+once@^1.3.0, once@^1.3.1, once@^1.4.0:
+ version "1.4.0"
+ resolved "https://registry.yarnpkg.com/once/-/once-1.4.0.tgz#583b1aa775961d4b113ac17d9c50baef9dd76bd1"
+ integrity sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==
+ dependencies:
+ wrappy "1"
+
+onetime@^5.1.2:
+ version "5.1.2"
+ resolved "https://registry.yarnpkg.com/onetime/-/onetime-5.1.2.tgz#d0e96ebb56b07476df1dd9c4806e5237985ca45e"
+ integrity sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==
+ dependencies:
+ mimic-fn "^2.1.0"
+
+p-cancelable@^2.0.0:
+ version "2.1.1"
+ resolved "https://registry.yarnpkg.com/p-cancelable/-/p-cancelable-2.1.1.tgz#aab7fbd416582fa32a3db49859c122487c5ed2cf"
+ integrity sha512-BZOr3nRQHOntUjTrH8+Lh54smKHoHyur8We1V8DSMVrl5A2malOOwuJRnKRDjSnkoeBh4at6BwEnb5I7Jl31wg==
+
+p-limit@^2.0.0:
+ version "2.3.0"
+ resolved "https://registry.yarnpkg.com/p-limit/-/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
+ integrity sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==
+ dependencies:
+ p-try "^2.0.0"
+
+p-locate@^3.0.0:
+ version "3.0.0"
+ resolved "https://registry.yarnpkg.com/p-locate/-/p-locate-3.0.0.tgz#322d69a05c0264b25997d9f40cd8a891ab0064a4"
+ integrity sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==
+ dependencies:
+ p-limit "^2.0.0"
+
+p-map@^4.0.0:
+ version "4.0.0"
+ resolved "https://registry.yarnpkg.com/p-map/-/p-map-4.0.0.tgz#bb2f95a5eda2ec168ec9274e06a747c3e2904d2b"
+ integrity sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==
+ dependencies:
+ aggregate-error "^3.0.0"
+
+p-try@^2.0.0:
+ version "2.2.0"
+ resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
+ integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
+
+path-exists@^3.0.0:
+ version "3.0.0"
+ resolved "https://registry.yarnpkg.com/path-exists/-/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
+ integrity sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==
+
+path-is-absolute@^1.0.0:
+ version "1.0.1"
+ resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
+ integrity sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==
+
+path-key@^3.0.0, path-key@^3.1.0:
+ version "3.1.1"
+ resolved "https://registry.yarnpkg.com/path-key/-/path-key-3.1.1.tgz#581f6ade658cbba65a0d3380de7753295054f375"
+ integrity sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==
+
+path-type@^4.0.0:
+ version "4.0.0"
+ resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
+ integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
+
+pend@~1.2.0:
+ version "1.2.0"
+ resolved "https://registry.yarnpkg.com/pend/-/pend-1.2.0.tgz#7a57eb550a6783f9115331fcf4663d5c8e007a50"
+ integrity sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==
+
+picomatch@^2.3.1:
+ version "2.3.1"
+ resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
+ integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
+
+pkg-up@^3.1.0:
+ version "3.1.0"
+ resolved "https://registry.yarnpkg.com/pkg-up/-/pkg-up-3.1.0.tgz#100ec235cc150e4fd42519412596a28512a0def5"
+ integrity sha512-nDywThFk1i4BQK4twPQ6TA4RT8bDY96yeuCVBWL3ePARCiEKDRSrNGbFIgUJpLp+XeIR65v8ra7WuJOFUBtkMA==
+ dependencies:
+ find-up "^3.0.0"
+
+progress@^2.0.3:
+ version "2.0.3"
+ resolved "https://registry.yarnpkg.com/progress/-/progress-2.0.3.tgz#7e8cf8d8f5b8f239c1bc68beb4eb78567d572ef8"
+ integrity sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==
+
+proxy-from-env@^1.1.0:
+ version "1.1.0"
+ resolved "https://registry.yarnpkg.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
+ integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
+
+pump@^3.0.0:
+ version "3.0.3"
+ resolved "https://registry.yarnpkg.com/pump/-/pump-3.0.3.tgz#151d979f1a29668dc0025ec589a455b53282268d"
+ integrity sha512-todwxLMY7/heScKmntwQG8CXVkWUOdYxIvY2s0VWAAMh/nd8SoYiRaKjlr7+iCs984f2P8zvrfWcDDYVb73NfA==
+ dependencies:
+ end-of-stream "^1.1.0"
+ once "^1.3.1"
+
+queue-microtask@^1.2.2:
+ version "1.2.3"
+ resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
+ integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
+
+quick-lru@^5.1.1:
+ version "5.1.1"
+ resolved "https://registry.yarnpkg.com/quick-lru/-/quick-lru-5.1.1.tgz#366493e6b3e42a3a6885e2e99d18f80fb7a8c932"
+ integrity sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==
+
+require-from-string@^2.0.2:
+ version "2.0.2"
+ resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-2.0.2.tgz#89a7fdd938261267318eafe14f9c32e598c36909"
+ integrity sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==
+
+resolve-alpn@^1.0.0:
+ version "1.2.1"
+ resolved "https://registry.yarnpkg.com/resolve-alpn/-/resolve-alpn-1.2.1.tgz#b7adbdac3546aaaec20b45e7d8265927072726f9"
+ integrity sha512-0a1F4l73/ZFZOakJnQ3FvkJ2+gSTQWz/r2KE5OdDY0TxPm5h4GkqkWWfM47T7HsbnOtcJVEF4epCVy6u7Q3K+g==
+
+responselike@^2.0.0:
+ version "2.0.1"
+ resolved "https://registry.yarnpkg.com/responselike/-/responselike-2.0.1.tgz#9a0bc8fdc252f3fb1cca68b016591059ba1422bc"
+ integrity sha512-4gl03wn3hj1HP3yzgdI7d3lCkF95F21Pz4BPGvKHinyQzALR5CapwC8yIi0Rh58DEMQ/SguC03wFj2k0M/mHhw==
+ dependencies:
+ lowercase-keys "^2.0.0"
+
+reusify@^1.0.4:
+ version "1.1.0"
+ resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.1.0.tgz#0fe13b9522e1473f51b558ee796e08f11f9b489f"
+ integrity sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==
+
+rimraf@^3.0.2:
+ version "3.0.2"
+ resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
+ integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==
+ dependencies:
+ glob "^7.1.3"
+
+roarr@^2.15.3:
+ version "2.15.4"
+ resolved "https://registry.yarnpkg.com/roarr/-/roarr-2.15.4.tgz#f5fe795b7b838ccfe35dc608e0282b9eba2e7afd"
+ integrity sha512-CHhPh+UNHD2GTXNYhPWLnU8ONHdI+5DI+4EYIAOaiD63rHeYlZvyh8P+in5999TTSFgUYuKUAjzRI4mdh/p+2A==
+ dependencies:
+ boolean "^3.0.1"
+ detect-node "^2.0.4"
+ globalthis "^1.0.1"
+ json-stringify-safe "^5.0.1"
+ semver-compare "^1.0.0"
+ sprintf-js "^1.1.2"
+
+run-parallel@^1.1.9:
+ version "1.2.0"
+ resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
+ integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
+ dependencies:
+ queue-microtask "^1.2.2"
+
+sax@^1.2.4:
+ version "1.4.3"
+ resolved "https://registry.yarnpkg.com/sax/-/sax-1.4.3.tgz#fcebae3b756cdc8428321805f4b70f16ec0ab5db"
+ integrity sha512-yqYn1JhPczigF94DMS+shiDMjDowYO6y9+wB/4WgO0Y19jWYk0lQ4tuG5KI7kj4FTp1wxPj5IFfcrz/s1c3jjQ==
+
+semver-compare@^1.0.0:
+ version "1.0.0"
+ resolved "https://registry.yarnpkg.com/semver-compare/-/semver-compare-1.0.0.tgz#0dee216a1c941ab37e9efb1788f6afc5ff5537fc"
+ integrity sha512-YM3/ITh2MJ5MtzaM429anh+x2jiLVjqILF4m4oyQB18W7Ggea7BfqdH/wGMK7dDiMghv/6WG7znWMwUDzJiXow==
+
+semver@^6.2.0:
+ version "6.3.1"
+ resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.1.tgz#556d2ef8689146e46dcea4bfdd095f3434dffcb4"
+ integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==
+
+semver@^7.3.2, semver@^7.3.5, semver@^7.6.3:
+ version "7.7.3"
+ resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.3.tgz#4b5f4143d007633a8dc671cd0a6ef9147b8bb946"
+ integrity sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==
+
+serialize-error@^7.0.1:
+ version "7.0.1"
+ resolved "https://registry.yarnpkg.com/serialize-error/-/serialize-error-7.0.1.tgz#f1360b0447f61ffb483ec4157c737fab7d778e18"
+ integrity sha512-8I8TjW5KMOKsZQTvoxjuSIa7foAwPWGOts+6o7sgjz41/qMD9VQHEDxi6PBvK2l0MXUmqZyNpUK+T2tQaaElvw==
+ dependencies:
+ type-fest "^0.13.1"
+
+shebang-command@^2.0.0:
+ version "2.0.0"
+ resolved "https://registry.yarnpkg.com/shebang-command/-/shebang-command-2.0.0.tgz#ccd0af4f8835fbdc265b82461aaf0c36663f34ea"
+ integrity sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==
+ dependencies:
+ shebang-regex "^3.0.0"
+
+shebang-regex@^3.0.0:
+ version "3.0.0"
+ resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
+ integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==
+
+signal-exit@^3.0.3:
+ version "3.0.7"
+ resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9"
+ integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==
+
+slash@^3.0.0:
+ version "3.0.0"
+ resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
+ integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
+
+sprintf-js@^1.1.2:
+ version "1.1.3"
+ resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.1.3.tgz#4914b903a2f8b685d17fdf78a70e917e872e444a"
+ integrity sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==
+
+strip-final-newline@^2.0.0:
+ version "2.0.0"
+ resolved "https://registry.yarnpkg.com/strip-final-newline/-/strip-final-newline-2.0.0.tgz#89b852fb2fcbe936f6f4b3187afb0a12c1ab58ad"
+ integrity sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==
+
+sumchecker@^3.0.1:
+ version "3.0.1"
+ resolved "https://registry.yarnpkg.com/sumchecker/-/sumchecker-3.0.1.tgz#6377e996795abb0b6d348e9b3e1dfb24345a8e42"
+ integrity sha512-MvjXzkz/BOfyVDkG0oFOtBxHX2u3gKbMHIF/dXblZsgD3BWOFLmHovIpZY7BykJdAjcqRCBi1WYBNdEC9yI7vg==
+ dependencies:
+ debug "^4.1.0"
+
+tiny-typed-emitter@^2.1.0:
+ version "2.1.0"
+ resolved "https://registry.yarnpkg.com/tiny-typed-emitter/-/tiny-typed-emitter-2.1.0.tgz#b3b027fdd389ff81a152c8e847ee2f5be9fad7b5"
+ integrity sha512-qVtvMxeXbVej0cQWKqVSSAHmKZEHAvxdF8HEUBFWts8h+xEo5m/lEiPakuyZ3BnCBjOD8i24kzNOiOLLgsSxhA==
+
+to-regex-range@^5.0.1:
+ version "5.0.1"
+ resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
+ integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
+ dependencies:
+ is-number "^7.0.0"
+
+type-fest@^0.13.1:
+ version "0.13.1"
+ resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.13.1.tgz#0172cb5bce80b0bd542ea348db50c7e21834d934"
+ integrity sha512-34R7HTnG0XIJcBSn5XhDd7nNFPRcXYRZrBB2O2jdKqYODldSzBAqzsWoZYYvduky73toYS/ESqxPvkDf/F0XMg==
+
+type-fest@^2.17.0:
+ version "2.19.0"
+ resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-2.19.0.tgz#88068015bb33036a598b952e55e9311a60fd3a9b"
+ integrity sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==
+
+undici-types@~6.21.0:
+ version "6.21.0"
+ resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-6.21.0.tgz#691d00af3909be93a7faa13be61b3a5b50ef12cb"
+ integrity sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==
+
+undici-types@~7.16.0:
+ version "7.16.0"
+ resolved "https://registry.yarnpkg.com/undici-types/-/undici-types-7.16.0.tgz#ffccdff36aea4884cbfce9a750a0580224f58a46"
+ integrity sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==
+
+universalify@^0.1.0:
+ version "0.1.2"
+ resolved "https://registry.yarnpkg.com/universalify/-/universalify-0.1.2.tgz#b646f69be3942dabcecc9d6639c80dc105efaa66"
+ integrity sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==
+
+universalify@^2.0.0:
+ version "2.0.1"
+ resolved "https://registry.yarnpkg.com/universalify/-/universalify-2.0.1.tgz#168efc2180964e6386d061e094df61afe239b18d"
+ integrity sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==
+
+which@^2.0.1:
+ version "2.0.2"
+ resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"
+ integrity sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==
+ dependencies:
+ isexe "^2.0.0"
+
+wrappy@1:
+ version "1.0.2"
+ resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
+ integrity sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==
+
+yauzl@^2.10.0:
+ version "2.10.0"
+ resolved "https://registry.yarnpkg.com/yauzl/-/yauzl-2.10.0.tgz#c7eb17c93e112cb1086fa6d8e51fb0667b79a5f9"
+ integrity sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==
+ dependencies:
+ buffer-crc32 "~0.2.3"
+ fd-slicer "~1.1.0"
diff --git a/src/interface/emacs/khoj.el b/src/interface/emacs/khoj.el
new file mode 100644
index 0000000000000000000000000000000000000000..2821a11cede66fe03a65019b1453e9b194ad79b2
--- /dev/null
+++ b/src/interface/emacs/khoj.el
@@ -0,0 +1,1386 @@
+;;; khoj.el --- Your Second Brain -*- lexical-binding: t -*-
+
+;; Copyright (C) 2021-2023 Khoj Inc.
+
+;; Author: Debanjum Singh Solanky
+;; Saba Imran
+;; Description: Your Second Brain
+;; Keywords: search, chat, ai, org-mode, outlines, markdown, pdf, image
+;; Version: 2.0.0-beta.25
+;; Package-Requires: ((emacs "27.1") (transient "0.3.0") (dash "2.19.1"))
+;; URL: https://github.com/khoj-ai/khoj/tree/master/src/interface/emacs
+
+;; This file is NOT part of GNU Emacs.
+
+;;; License:
+
+;; This program is free software; you can redistribute it and/or
+;; modify it under the terms of the GNU General Public License
+;; as published by the Free Software Foundation; either version 3
+;; of the License, or (at your option) any later version.
+
+;; This program is distributed in the hope that it will be useful,
+;; but WITHOUT ANY WARRANTY; without even the implied warranty of
+;; MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+;; GNU General Public License for more details.
+
+;; You should have received a copy of the GNU General Public License
+;; along with this program. If not, see %s %s\n\n\n")
+ ;; Format string to wrap images into html img, href tags with metadata in headings
+ (image-result-html-format-str "\n\nScore: %s Meta: %s Image: %s \n\n\n "))
+ (thread-last
+ json-response
+ ;; Extract each image entry from response and render as html
+ (mapcar (lambda (json-response-item)
+ (let ((score (cdr (assoc 'score json-response-item)))
+ (metadata_score (cdr (assoc 'metadata_score (assoc 'additional json-response-item))))
+ (image_score (cdr (assoc 'image_score (assoc 'additional json-response-item))))
+ (image_url (concat khoj-server-url (cdr (assoc 'entry json-response-item)))))
+ ;; Wrap images into html img, href tags with metadata in headings
+ (format image-result-html-format-str
+ ;; image scores metadata
+ score metadata_score image_score
+ ;; image url
+ image_url image_url (random 10000)
+ ;; image dimensions
+ khoj-image-width khoj-image-height))))
+ ;; Collate entries into single html page string
+ (format image-results-buffer-html-format-str query)
+ ;; remove leading (, ) or SPC from extracted entries string
+ (replace-regexp-in-string "^[\(\) ]" "")
+ ;; remove trailing (, ) or SPC from extracted entries string
+ (replace-regexp-in-string "[\(\) ]$" ""))))
+
+(defun khoj--extract-entries (json-response query is-find-similar)
+ "Convert JSON-RESPONSE, QUERY from API to text entries.
+Use IS-FIND-SIMILAR bool to filter out first result.
+As first result is the current entry at point."
+ (thread-last json-response
+ ;; filter our first result if is find similar as it'll be the current entry at point
+ ((lambda (response) (if is-find-similar (seq-drop response 1) response)))
+ ;; extract and render entries from API response
+ (mapcar (lambda (json-response-item)
+ (thread-last
+ ;; Extract pdf entry from each item in json response
+ (cdr (assoc 'entry json-response-item))
+ (format "%s\n\n")
+ ;; Standardize results to 2nd level heading for consistent rendering
+ (replace-regexp-in-string "^\*+" "")
+ ;; Standardize results to 2nd level heading for consistent rendering
+ (replace-regexp-in-string "^\#+" "")
+ ;; Format entries as org entry string
+ (format "** %s"))))
+ ;; Set query as heading in rendered results buffer
+ (format "* %s\n%s\n" (if is-find-similar (khoj--construct-find-similar-title query) query))
+ ;; remove leading (, ) or SPC from extracted entries string
+ (replace-regexp-in-string "^[\(\) ]" "")
+ ;; remove trailing (, ) or SPC from extracted entries string
+ (replace-regexp-in-string "[\(\) ]$" "")))
+
+(defun khoj--buffer-name-to-content-type (buffer-name)
+ "Infer content type based on BUFFER-NAME."
+ (let ((enabled-content-types (khoj--get-enabled-content-types))
+ (file-extension (file-name-extension buffer-name)))
+ (cond
+ ((and (member 'org enabled-content-types) (equal file-extension "org")) "org")
+ ((and (member 'pdf enabled-content-types) (equal file-extension "pdf")) "pdf")
+ ((and (member 'markdown enabled-content-types) (or (equal file-extension "markdown") (equal file-extension "md"))) "markdown")
+ (t khoj-default-content-type))))
+
+
+(defun khoj--org-cycle-content (&optional arg)
+ "Show all headlines in the buffer, like a table of contents.
+With numerical argument ARG, show content up to level ARG.
+
+Simplified fork of `org-cycle-content' from Emacs 29.1 to work with >=27.1."
+ (interactive "p")
+ (save-excursion
+ (goto-char (point-max))
+ (let ((regexp (if (and (wholenump arg) (> arg 0))
+ (format "^\\*\\{1,%d\\} " arg)
+ "^\\*+ "))
+ (last (point)))
+ (while (re-search-backward regexp nil t)
+ (org-fold-region (line-end-position) last t 'outline)
+ (setq last (line-end-position 0))))))
+
+
+;; --------------
+;; Query Khoj API
+;; --------------
+(defun khoj--call-api (path &optional method params body callback &rest cbargs)
+ "Sync call API at PATH with METHOD, query PARAMS and BODY as kv assoc list.
+Optionally apply CALLBACK with JSON parsed response and CBARGS."
+ (let* ((url-request-method (or method "GET"))
+ (url-request-extra-headers `(("Authorization" . ,(encode-coding-string (format "Bearer %s" khoj-api-key) 'utf-8))
+ ("Content-Type" . "application/json")))
+ (url-request-data (if body (encode-coding-string (json-encode body) 'utf-8) nil))
+ (param-string (url-build-query-string (append params '((client "emacs")))))
+ (query-url (format "%s%s?%s" khoj-server-url path param-string))
+ (cbargs (if (and (listp cbargs) (listp (car cbargs))) (car cbargs) cbargs))) ; normalize cbargs to (a b) from ((a b)) if required
+ (with-temp-buffer
+ (condition-case ex
+ (progn
+ (url-insert-file-contents query-url)
+ (if (and callback cbargs)
+ (apply callback (json-parse-buffer :object-type 'alist) cbargs)
+ (if callback
+ (funcall callback (json-parse-buffer :object-type 'alist))
+ (json-parse-buffer :object-type 'alist))))
+ ('file-error (message "Chat exception: [%s]" ex))))))
+
+(defun khoj--call-api-async (path &optional method params body callback &rest cbargs)
+ "Async call to API at PATH with specified METHOD, query PARAMS and request BODY.
+Optionally apply CALLBACK with JSON parsed response and CBARGS."
+ (let* ((url-request-method (or method "GET"))
+ (url-request-extra-headers `(("Authorization" . ,(encode-coding-string (format "Bearer %s" khoj-api-key) 'utf-8))
+ ("Content-Type" . "application/json")))
+ (url-request-data (if body (encode-coding-string (json-encode body) 'utf-8) nil))
+ (param-string (url-build-query-string (append params '((client "emacs")))))
+ (query-url (format "%s%s?%s" khoj-server-url path param-string))
+ (cbargs (if (and (listp cbargs) (listp (car cbargs))) (car cbargs) cbargs))) ; normalize cbargs to (a b) from ((a b)) if required
+ (url-retrieve query-url
+ (lambda (status)
+ (if (plist-get status :error)
+ (message "Chat exception: [%s]" (plist-get status :error))
+ (goto-char (point-min))
+ (re-search-forward "^$")
+ (delete-region (point) (point-min))
+ (if (and callback cbargs)
+ (apply callback (json-parse-buffer :object-type 'alist) cbargs)
+ (if callback
+ (funcall callback (json-parse-buffer :object-type 'alist))
+ (json-parse-buffer :object-type 'alist))))))))
+
+(defun khoj--get-enabled-content-types ()
+ "Get content types enabled for search from API."
+ (khoj--call-api "/api/content/types" "GET" nil nil `(lambda (item) (mapcar #'intern item))))
+
+(defun khoj--query-search-api-and-render-results (query content-type buffer-name &optional rerank is-find-similar)
+ "Query Khoj Search API with QUERY, CONTENT-TYPE and RERANK as query params.
+Render search results in BUFFER-NAME using CONTENT-TYPE and QUERY.
+Filter out first similar result if IS-FIND-SIMILAR set."
+ (let* ((rerank (or rerank "false"))
+ (params `((q ,(encode-coding-string query 'utf-8))
+ (t ,content-type)
+ (r ,rerank)
+ (n ,khoj-results-count)))
+ (path "/api/search"))
+ (khoj--call-api-async path
+ "GET"
+ params
+ nil
+ 'khoj--render-search-results
+ content-type query buffer-name is-find-similar)))
+
+(defun khoj--render-search-results (json-response content-type query buffer-name &optional is-find-similar)
+ "Render search results in BUFFER-NAME using JSON-RESPONSE, CONTENT-TYPE, QUERY.
+Filter out first similar result if IS-FIND-SIMILAR set."
+ ;; render json response into formatted entries
+ (with-current-buffer buffer-name
+ (let ((is-find-similar (or is-find-similar nil))
+ (inhibit-read-only t))
+ (erase-buffer)
+ (insert
+ (cond ((equal content-type "org") (khoj--extract-entries-as-org json-response query is-find-similar))
+ ((equal content-type "markdown") (khoj--extract-entries-as-markdown json-response query is-find-similar))
+ ((equal content-type "pdf") (khoj--extract-entries-as-pdf json-response query is-find-similar))
+ ((equal content-type "image") (khoj--extract-entries-as-images json-response query))
+ (t (khoj--extract-entries json-response query is-find-similar))))
+ (cond ((or (equal content-type "all")
+ (equal content-type "pdf")
+ (equal content-type "org"))
+ (progn (visual-line-mode)
+ (org-mode)
+ (setq-local
+ org-hide-leading-stars t
+ org-startup-with-inline-images t)
+ (khoj--org-cycle-content 2)))
+ ((equal content-type "markdown") (progn (markdown-mode)
+ (visual-line-mode)))
+ ((equal content-type "image") (progn (shr-render-region (point-min) (point-max))
+ (goto-char (point-min))))
+ (t (fundamental-mode))))
+ ;; keep cursor at top of khoj buffer by default
+ (goto-char (point-min))
+ ;; enable minor modes for khoj chat
+ (visual-line-mode)
+ (read-only-mode t)))
+
+
+;; ----------------
+;; Khoj Chat
+;; ----------------
+
+(defun khoj--chat (&optional session-id)
+ "Chat with Khoj in session with SESSION-ID."
+ (interactive)
+ (when (or session-id (not (get-buffer khoj--chat-buffer-name)))
+ (khoj--load-chat-session khoj--chat-buffer-name session-id))
+ (let ((query (read-string "Query: ")))
+ (when (not (string-empty-p query))
+ (khoj--query-chat-api-and-render-messages query khoj--chat-buffer-name session-id))))
+
+(defun khoj--open-side-pane (buffer-name)
+ "Open Khoj BUFFER-NAME in right side pane."
+ (save-selected-window
+ (if (get-buffer-window-list buffer-name)
+ ;; if window is already open, switch to it
+ (progn
+ (select-window (get-buffer-window buffer-name))
+ (switch-to-buffer buffer-name))
+ ;; else if window is not open, open it as a right-side window pane
+ (let ((bottomright-window (some-window (lambda (window) (and (window-at-side-p window 'right) (window-at-side-p window 'bottom))))))
+ (progn
+ ;; Select the right-most window
+ (select-window bottomright-window)
+ ;; if bottom-right window is not a vertical pane, split it vertically, else use the existing bottom-right vertical window
+ (let ((khoj-window (if (window-at-side-p bottomright-window 'left)
+ (split-window-right)
+ bottomright-window)))
+ ;; Set the buffer in the khoj window
+ (set-window-buffer khoj-window buffer-name)
+ ;; Switch to the khoj window
+ (select-window khoj-window)
+ ;; Resize the window to 1/3 of the frame width
+ (window-resize khoj-window
+ (- (truncate (* 0.33 (frame-width))) (window-width))
+ t)))))
+ (goto-char (point-max))))
+
+(defun khoj--load-chat-session (buffer-name &optional session-id)
+ "Load Khoj Chat conversation history from SESSION-ID into BUFFER-NAME."
+ (setq khoj--reference-count 0)
+ (let ((inhibit-read-only t)
+ (json-response (cdr (assoc 'chat (cdr (assoc 'response (khoj--get-chat-session session-id)))))))
+ (with-current-buffer (get-buffer-create buffer-name)
+ (progn
+ (erase-buffer)
+ (insert "* Khoj Chat\n")
+ (when json-response
+ (thread-last
+ json-response
+ ;; generate chat messages from Khoj Chat API response
+ (mapcar #'khoj--format-chat-response)
+ ;; insert chat messages into Khoj Chat Buffer
+ (mapc #'insert)))
+ (org-mode)
+ ;; commented add-hover-text func due to perf issues with the implementation
+ ;;(khoj--add-hover-text-to-footnote-refs (point-min))
+ ;; render reference footnotes as superscript
+ (setq-local
+ org-startup-folded "showall"
+ org-hide-leading-stars t
+ org-use-sub-superscripts '{}
+ org-pretty-entities-include-sub-superscripts t
+ org-pretty-entities t)
+ (org-set-startup-visibility)
+
+ ;; create khoj chat shortcut keybindings
+ (use-local-map (copy-keymap org-mode-map))
+ (local-set-key (kbd "q") #'khoj--close)
+ (local-set-key (kbd "m") #'khoj--chat)
+ (local-set-key (kbd "C-x m") #'khoj--chat)
+
+ ;; enable minor modes for khoj chat
+ (visual-line-mode)
+ (read-only-mode t)))
+ (khoj--open-side-pane buffer-name)))
+
+(defun khoj--close ()
+ "Kill Khoj buffer and window."
+ (interactive)
+ (progn
+ (kill-buffer (current-buffer))
+ (delete-window)))
+
+(defun khoj--add-hover-text-to-footnote-refs (start-pos)
+ "Show footnote defs on mouse hover on footnote refs from START-POS."
+ (org-with-wide-buffer
+ (goto-char start-pos)
+ (while (re-search-forward org-footnote-re nil t)
+ (backward-char)
+ (let* ((context (org-element-context))
+ (label (org-element-property :label context))
+ (footnote-def (nth 3 (org-footnote-get-definition label)))
+ (footnote-width (if (< (length footnote-def) 70) nil 70))
+ (begin-pos (org-element-property :begin context))
+ (end-pos (org-element-property :end context))
+ (overlay (make-overlay begin-pos end-pos)))
+ (when (memq (org-element-type context)
+ '(footnote-reference))
+ (-->
+ footnote-def
+ ;; truncate footnote definition if required
+ (substring it 0 footnote-width)
+ ;; append continuation suffix if truncated
+ (concat it (if footnote-width "..." ""))
+ ;; show definition on hover on footnote reference
+ (overlay-put overlay 'help-echo it)))))))
+
+(defun khoj--query-chat-api-and-render-messages (query buffer-name &optional session-id)
+ "Send QUERY to Chat SESSION-ID. Render the chat messages in BUFFER-NAME."
+ ;; render json response into formatted chat messages
+ (with-current-buffer (get-buffer buffer-name)
+ (let ((inhibit-read-only t)
+ (query-time (format-time-string "%F %T")))
+ (goto-char (point-max))
+ (insert
+ (khoj--render-chat-message query "you" query-time))
+ (khoj--query-chat-api query
+ session-id
+ #'khoj--format-chat-response
+ #'khoj--render-chat-response buffer-name))))
+
+(defun khoj--query-chat-api (query session-id callback &rest cbargs)
+ "Send QUERY for SESSION-ID to Khoj Chat API.
+Call CALLBACK func with response and CBARGS."
+ (let ((params `(("q" . ,query) ("n" . ,khoj-results-count))))
+ (when session-id (push `("conversation_id" . ,session-id) params))
+ (khoj--call-api-async "/api/chat"
+ "POST"
+ nil
+ params
+ callback cbargs)))
+
+(defun khoj--get-chat-sessions ()
+ "Get all chat sessions from Khoj server."
+ (khoj--call-api "/api/chat/sessions" "GET"))
+
+(defun khoj--get-chat-session (&optional session-id)
+ "Get chat messages from default or SESSION-ID chat session."
+ (khoj--call-api "/api/chat/history"
+ "GET"
+ (when session-id `(("conversation_id" ,session-id)))))
+
+(defun khoj--select-conversation-session (&optional completion-action)
+ "Select Khoj conversation session to perform COMPLETION-ACTION on."
+ (let* ((completion-text (format "%s Conversation:" (or completion-action "Open")))
+ (sessions (khoj--get-chat-sessions))
+ (session-alist (-map (lambda (session)
+ (cons (if (not (equal :null (cdr (assoc 'slug session))))
+ (cdr (assoc 'slug session))
+ (format "New Conversation (%s)" (cdr (assoc 'conversation_id session))))
+ (cdr (assoc 'conversation_id session))))
+ sessions))
+ (selected-session-slug (completing-read completion-text session-alist nil t)))
+ (cdr (assoc selected-session-slug session-alist))))
+
+(defun khoj--open-conversation-session ()
+ "Menu to select Khoj conversation session to open."
+ (let ((selected-session-id (khoj--select-conversation-session "Open")))
+ (khoj--load-chat-session khoj--chat-buffer-name selected-session-id)))
+
+(defun khoj--create-chat-session (&optional agent)
+ "Create new chat session with AGENT."
+ (khoj--call-api "/api/chat/sessions"
+ "POST"
+ (when agent `(("agent_slug" ,agent)))))
+
+(defun khoj--new-conversation-session (&optional agent)
+ "Create new Khoj conversation session with AGENT."
+ (thread-last
+ (khoj--create-chat-session agent)
+ (assoc 'conversation_id)
+ (cdr)
+ (khoj--chat)))
+
+(defun khoj--delete-chat-session (session-id)
+ "Delete chat session with SESSION-ID."
+ (khoj--call-api "/api/chat/history" "DELETE" `(("conversation_id" ,session-id))))
+
+(defun khoj--delete-conversation-session ()
+ "Delete new Khoj conversation session."
+ (thread-last
+ (khoj--select-conversation-session "Delete")
+ (khoj--delete-chat-session)))
+
+(defun khoj--get-agents ()
+ "Get list of available Khoj agents."
+ (let* ((response (khoj--call-api "/api/agents" "GET"))
+ (agents (mapcar (lambda (agent)
+ (cons (cdr (assoc 'name agent))
+ (cdr (assoc 'slug agent))))
+ response)))
+ agents))
+
+(defun khoj--render-chat-message (message sender &optional receive-date)
+ "Render chat messages as `org-mode' list item.
+MESSAGE is the text of the chat message.
+SENDER is the message sender.
+RECEIVE-DATE is the message receive date."
+ (let ((first-message-line (car (split-string message "\n" t)))
+ (rest-message-lines (string-join (cdr (split-string message "\n" t)) "\n"))
+ (heading-level (if (equal sender "you") "**" "***"))
+ (emojified-sender (if (equal sender "you") "🤔 *You*" "🏮 *Khoj*"))
+ (suffix-newlines (if (equal sender "khoj") "\n\n" ""))
+ (received (or receive-date (format-time-string "%F %T"))))
+ (format "%s %s: %s\n :PROPERTIES:\n :RECEIVED: [%s]\n :END:\n%s\n%s"
+ heading-level
+ emojified-sender
+ first-message-line
+ received
+ rest-message-lines
+ suffix-newlines)))
+
+(defun khoj--generate-reference (reference)
+ "Create `org-mode' footnotes with REFERENCE."
+ (setq khoj--reference-count (1+ khoj--reference-count))
+ (let ((compiled-reference (if (stringp reference) reference (cdr (assoc 'compiled reference)))))
+ (cons
+ (propertize (format "^{ [fn:%x]}" khoj--reference-count) 'help-echo compiled-reference)
+ (thread-last
+ compiled-reference
+ ;; remove filename top heading line from reference
+ ;; prevents actual reference heading in next line jumping out of references footnote section
+ (replace-regexp-in-string "^\* .*\n" "")
+ ;; remove multiple, consecutive empty lines from reference
+ (replace-regexp-in-string "\n\n" "\n")
+ (format "\n[fn:%x] %s" khoj--reference-count)))))
+
+(defun khoj--generate-online-reference (reference)
+ "Create `org-mode' footnotes for online REFERENCE."
+ (setq khoj--reference-count (1+ khoj--reference-count))
+ (let* ((link (cdr (assoc 'link reference)))
+ (title (or (cdr (assoc 'title reference)) link))
+ (description (or (cdr (assoc 'description reference)) title)))
+ (cons
+ (propertize (format "^{ [fn:%x]}" khoj--reference-count) 'help-echo (format "%s\n%s" link description))
+ (thread-last
+ description
+ ;; remove multiple, consecutive empty lines from reference
+ (replace-regexp-in-string "\n\n" "\n")
+ (format "\n[fn:%x] [[%s][%s]]\n%s\n" khoj--reference-count link title)))))
+
+(defun khoj--extract-online-references (result-types query-result-pairs)
+ "Extract link, title and description from RESULT-TYPES in QUERY-RESULT-PAIRS."
+ (let ((result '()))
+ (-map
+ (lambda (search)
+ (let ((search-q (car search))
+ (search-results (cdr search)))
+ (-map-when
+ ;; filter search results by specified result types
+ (lambda (search-result) (member (car search-result) result-types))
+ ;; extract link, title, and description from search results
+ (lambda (search-result)
+ (-map
+ (lambda (entry)
+ (let* ((link (cdr (or (assoc 'link entry) (assoc 'descriptionLink entry))))
+ (title (cdr (or (assoc 'title entry) `(title . ,link))))
+ (description (cdr (or (assoc 'snippet entry) (assoc 'description entry)))))
+ (setq result (append result `(((title . ,title) (link . ,link) (description . ,description) (search . ,search-q)))))))
+ ;; wrap search results in a list if it is not already a list
+ (if (or (equal 'knowledgeGraph (car search-result)) (equal 'webpages (car search-result)))
+ (if (arrayp (cdr search-result))
+ (list (elt (cdr search-result) 0))
+ (list (cdr search-result)))
+ (cdr search-result))))
+ search-results)))
+ query-result-pairs)
+ result))
+
+(defun khoj--render-chat-response (response buffer-name)
+ "Insert chat message from RESPONSE into BUFFER-NAME."
+ (with-current-buffer (get-buffer buffer-name)
+ (let ((start-pos (point))
+ (inhibit-read-only t))
+ (goto-char (point-max))
+ (insert
+ response
+ (or (khoj--add-hover-text-to-footnote-refs start-pos) ""))
+ (progn
+ (org-set-startup-visibility)
+ (visual-line-mode)
+ (re-search-backward "^\*+ 🏮" nil t)))))
+
+(defun khoj--format-chat-response (json-response &optional callback &rest cbargs)
+ "Format chat message using JSON-RESPONSE from Khoj Chat API.
+Run CALLBACK with CBARGS on formatted message."
+ (let* ((message (cdr (or (assoc 'response json-response) (assoc 'message json-response))))
+ (sender (cdr (assoc 'by json-response)))
+ (receive-date (cdr (assoc 'created json-response)))
+ (online-references (or (cdr (assoc 'onlineContext json-response)) '()))
+ (online-footnotes (-map #'khoj--generate-online-reference
+ (khoj--extract-online-references '(organic knowledgeGraph peopleAlsoAsk webpages)
+ online-references)))
+ (doc-references (or (cdr (assoc 'context json-response)) '()))
+ (doc-footnotes (mapcar #'khoj--generate-reference doc-references))
+ (footnote-links (mapcar #'car (append doc-footnotes online-footnotes)))
+ (footnote-defs (mapcar #'cdr (append doc-footnotes online-footnotes)))
+ (formatted-response
+ (thread-first
+ ;; concatenate khoj message and references from API
+ (concat
+ message
+ ;; append reference links to khoj message
+ (string-join footnote-links "")
+ ;; append reference sub-section to khoj message and fold it
+ (if footnote-defs "\n**** References\n:PROPERTIES:\n:VISIBILITY: folded\n:END:" "")
+ ;; append reference definitions to references subsection
+ (string-join footnote-defs " "))
+ ;; Render chat message using data obtained from API
+ (khoj--render-chat-message sender receive-date))))
+ (if callback
+ (apply callback formatted-response cbargs)
+ formatted-response)))
+
+
+;; ------------------
+;; Incremental Search
+;; ------------------
+
+(defun khoj--incremental-search (&optional rerank)
+ "Perform Incremental Search on Khoj. Allow optional RERANK of results."
+ (let* ((rerank-str (cond (rerank "true") (t "false")))
+ (khoj-buffer-name (get-buffer-create khoj--search-buffer-name))
+ (query (minibuffer-contents-no-properties)))
+ ;; Query khoj API only when user in khoj minibuffer and non-empty query
+ ;; Prevents querying if
+ ;; 1. user hasn't started typing query
+ ;; 2. during recursive edits
+ ;; 3. with contents of other buffers user may jump to
+ ;; 4. search not triggered right after rerank
+ ;; ignore to not overwrite reranked results before the user even sees them
+ (if khoj--rerank
+ (setq khoj--rerank nil)
+ (when
+ (and
+ (not (equal query ""))
+ (active-minibuffer-window)
+ (equal (current-buffer) khoj--minibuffer-window))
+ (progn
+ (when rerank
+ (setq khoj--rerank t)
+ (message "khoj.el: Rerank Results"))
+ (khoj--query-search-api-and-render-results
+ query
+ khoj--content-type
+ khoj-buffer-name
+ rerank-str))))))
+
+(defun khoj--delete-open-network-connections-to-server ()
+ "Delete all network connections to khoj server."
+ (dolist (proc (process-list))
+ (let ((proc-buf (buffer-name (process-buffer proc)))
+ (khoj-network-proc-buf (string-join (split-string khoj-server-url "://") " ")))
+ (when (string-match (format "%s" khoj-network-proc-buf) proc-buf)
+ (ignore-errors (delete-process proc))))))
+
+(defun khoj--teardown-incremental-search ()
+ "Teardown hooks used for incremental search."
+ (message "khoj.el: Teardown Incremental Search")
+ ;; unset khoj minibuffer window
+ (setq khoj--minibuffer-window nil)
+ (when (and khoj--search-on-idle-timer
+ (timerp khoj--search-on-idle-timer))
+ (cancel-timer khoj--search-on-idle-timer))
+ ;; delete open connections to khoj server
+ (khoj--delete-open-network-connections-to-server)
+ ;; remove hooks for khoj incremental query and self
+ (remove-hook 'post-command-hook #'khoj--incremental-search)
+ (remove-hook 'minibuffer-exit-hook #'khoj--teardown-incremental-search))
+
+(defun khoj-incremental ()
+ "Natural, Incremental Search for your personal notes and documents."
+ (interactive)
+ (let* ((khoj-buffer-name (get-buffer-create khoj--search-buffer-name)))
+ ;; switch to khoj search buffer
+ (khoj--open-side-pane khoj-buffer-name)
+ ;; open and setup minibuffer for incremental search
+ (minibuffer-with-setup-hook
+ (lambda ()
+ ;; Add khoj keybindings for configuring search to minibuffer keybindings
+ (khoj--make-search-keymap minibuffer-local-map)
+ ;; Display information on keybindings to customize khoj search
+ (khoj--display-keybinding-info)
+ ;; set current (mini-)buffer entered as khoj minibuffer
+ ;; used to query khoj API only when user in khoj minibuffer
+ (setq khoj--minibuffer-window (current-buffer))
+ ; do khoj incremental search after idle time
+ (setq khoj--search-on-idle-timer (run-with-idle-timer khoj-search-on-idle-time t #'khoj--incremental-search))
+ ; teardown khoj incremental search on minibuffer exit
+ (add-hook 'minibuffer-exit-hook #'khoj--teardown-incremental-search))
+ (read-string khoj--query-prompt))))
+
+
+;; --------------
+;; Similar Search
+;; --------------
+
+(defun khoj--get-current-outline-entry-pos ()
+ "Get heading position of current outline section."
+ ;; get heading position of current outline entry
+ (cond
+ ;; when at heading of entry
+ ((looking-at outline-regexp)
+ (point))
+ ;; when within entry
+ (t (save-excursion (outline-previous-heading) (point)))))
+
+(defun khoj--get-current-outline-entry-text ()
+ "Get text under current outline section."
+ (string-trim
+ ;; get text of current outline entry
+ (cond
+ ;; when at heading of entry
+ ((looking-at outline-regexp)
+ (buffer-substring-no-properties
+ (point)
+ (save-excursion (outline-next-heading) (point))))
+ ;; when within entry
+ (t (buffer-substring-no-properties
+ (save-excursion (outline-previous-heading) (point))
+ (save-excursion (outline-next-heading) (point)))))))
+
+(defun khoj--get-current-paragraph-text ()
+ "Get trimmed text in current paragraph at point.
+Paragraph only starts at first text after blank line."
+ (string-trim
+ (cond
+ ;; when at end of a middle paragraph
+ ((and (looking-at paragraph-start) (not (equal (point) (point-min))))
+ (buffer-substring-no-properties
+ (save-excursion (backward-paragraph) (point))
+ (point)))
+ ;; else
+ (t (thing-at-point 'paragraph t)))))
+
+
+(defun khoj--find-similar (&optional content-type)
+ "Find items of CONTENT-TYPE in khoj index similar to text surrounding point."
+ (interactive)
+ (let* ((rerank "true")
+ ;; set content type to: specified > based on current buffer > default type
+ (content-type (or content-type (khoj--buffer-name-to-content-type (buffer-name))))
+ ;; get text surrounding current point based on the major mode context
+ (query (cond
+ ;; get section outline derived mode like org or markdown
+ ((or (derived-mode-p 'outline-mode) (equal major-mode 'markdown-mode))
+ (khoj--get-current-outline-entry-text))
+ ;; get paragraph, if in text mode
+ (t
+ (khoj--get-current-paragraph-text))))
+ (buffer-name (get-buffer-create khoj--search-buffer-name)))
+ (progn
+ (khoj--query-search-api-and-render-results
+ query
+ content-type
+ buffer-name
+ rerank
+ t)
+ (khoj--open-side-pane buffer-name))))
+
+(defun khoj--auto-find-similar ()
+ "Call find similar on current element, if point has moved to a new element."
+ ;; Call find similar
+ (when (and (derived-mode-p 'org-mode)
+ (org-element-at-point)
+ (not (string= (buffer-name (current-buffer)) khoj--search-buffer-name))
+ (get-buffer-window khoj--search-buffer-name))
+ (let ((current-heading-pos (khoj--get-current-outline-entry-pos)))
+ (unless (eq current-heading-pos khoj--last-heading-pos)
+ (setq khoj--last-heading-pos current-heading-pos)
+ (khoj--find-similar)))))
+
+(defun khoj--setup-auto-find-similar ()
+ "Setup automatic call to find similar to current element."
+ (if khoj-auto-find-similar
+ (add-hook 'post-command-hook #'khoj--auto-find-similar)
+ (remove-hook 'post-command-hook #'khoj--auto-find-similar)))
+
+(defun khoj-toggle-auto-find-similar ()
+ "Toggle automatic call to find similar to current element."
+ (interactive)
+ (setq khoj-auto-find-similar (not khoj-auto-find-similar))
+ (khoj--setup-auto-find-similar)
+ (if khoj-auto-find-similar
+ (message "Auto find similar enabled")
+ (message "Auto find similar disabled")))
+
+
+;; ---------
+;; Khoj Menu
+;; ---------
+
+(defun khoj--setup-and-show-menu ()
+ "Create main Transient menu for Khoj and show it."
+ ;; Create the Khoj Transient menu
+ (transient-define-argument khoj--content-type-switch ()
+ :class 'transient-switches
+ :argument-format "--content-type=%s"
+ :argument-regexp ".+"
+ ;; set content type to: last used > based on current buffer > default type
+ :init-value (lambda (obj) (oset obj value (format "--content-type=%s" (or khoj--content-type (khoj--buffer-name-to-content-type (buffer-name))))))
+ ;; dynamically set choices to content types enabled on khoj backend
+ :choices (or (ignore-errors (mapcar #'symbol-name (khoj--get-enabled-content-types))) '("all" "org" "markdown" "pdf" "image")))
+
+ (transient-define-argument khoj--agent-switch ()
+ :class 'transient-switches
+ :argument-format "--agent=%s"
+ :argument-regexp ".+"
+ :init-value (lambda (obj)
+ (oset obj value (format "--agent=%s" khoj--selected-agent)))
+ :choices (or (ignore-errors (mapcar #'cdr (khoj--get-agents))) '("khoj"))
+ :reader (lambda (prompt initial-input history)
+ (let* ((agents (khoj--get-agents))
+ (selected (completing-read prompt agents nil t initial-input history))
+ (slug (cdr (assoc selected agents))))
+ (setq khoj--selected-agent slug)
+ slug)))
+
+ (transient-define-suffix khoj--search-command (&optional args)
+ (interactive (list (transient-args transient-current-command)))
+ (progn
+ ;; set content type to: specified > last used > based on current buffer > default type
+ (setq khoj--content-type (or (transient-arg-value "--content-type=" args) (khoj--buffer-name-to-content-type (buffer-name))))
+ ;; set results count to: specified > last used > to default
+ (setq khoj-results-count (or (transient-arg-value "--results-count=" args) khoj-results-count))
+ ;; trigger incremental search
+ (call-interactively #'khoj-incremental)))
+
+ (transient-define-suffix khoj--find-similar-command (&optional args)
+ "Find items similar to current item at point."
+ (interactive (list (transient-args transient-current-command)))
+ (progn
+ ;; set content type to: specified > last used > based on current buffer > default type
+ (setq khoj--content-type (or (transient-arg-value "--content-type=" args) (khoj--buffer-name-to-content-type (buffer-name))))
+ ;; set results count to: specified > last used > to default
+ (setq khoj-results-count (or (transient-arg-value "--results-count=" args) khoj-results-count))
+ (khoj--find-similar khoj--content-type)))
+
+ (transient-define-suffix khoj--update-command (&optional args)
+ "Call khoj API to update index of specified content type."
+ (interactive (list (transient-args transient-current-command)))
+ (let* ((force-update (if (member "--force-update" args) t nil))
+ ;; set content type to: specified > last used > based on current buffer > default type
+ (content-type (or (transient-arg-value "--content-type=" args) (khoj--buffer-name-to-content-type (buffer-name))))
+ (url-request-method "GET"))
+ (progn
+ (setq khoj--content-type content-type)
+ (khoj--server-index-files force-update content-type))))
+
+ (transient-define-suffix khoj--chat-command (&optional _)
+ "Command to Chat with Khoj."
+ (interactive (list (transient-args transient-current-command)))
+ (khoj--chat))
+
+ (transient-define-suffix khoj--open-conversation-session-command (&optional _)
+ "Command to select Khoj conversation sessions to open."
+ (interactive (list (transient-args transient-current-command)))
+ (khoj--open-conversation-session))
+
+ (transient-define-suffix khoj--new-conversation-session-command (&optional args)
+ "Command to select Khoj conversation sessions to open."
+ (interactive (list (transient-args transient-current-command)))
+ (let ((agent-slug (transient-arg-value "--agent=" args)))
+ (khoj--new-conversation-session agent-slug)))
+
+ (transient-define-suffix khoj--delete-conversation-session-command (&optional _)
+ "Command to select Khoj conversation sessions to delete."
+ (interactive (list (transient-args transient-current-command)))
+ (khoj--delete-conversation-session))
+
+ (transient-define-prefix khoj--chat-menu ()
+ "Create the Khoj Chat Menu and Execute Commands."
+ [["Configure"
+ ("a" "Select Agent" khoj--agent-switch)]]
+ [["Act"
+ ("c" "Chat" khoj--chat-command)
+ ("o" "Open Conversation" khoj--open-conversation-session-command)
+ ("n" "New Conversation" khoj--new-conversation-session-command)
+ ("d" "Delete Conversation" khoj--delete-conversation-session-command)
+ ("q" "Quit" transient-quit-one)]])
+
+ (transient-define-prefix khoj--menu ()
+ "Create Khoj Menu to Configure and Execute Commands."
+ [["Configure Search"
+ ("-n" "Results Count" "--results-count=" :init-value (lambda (obj) (oset obj value (format "%s" khoj-results-count))))
+ ("t" "Content Type" khoj--content-type-switch)]
+ ["Configure Update"
+ ("-f" "Force Update" "--force-update")]]
+ [["Act"
+ ("c" "Chat" khoj--chat-menu)
+ ("s" "Search" khoj--search-command)
+ ("f" "Find Similar" khoj--find-similar-command)
+ ("u" "Update" khoj--update-command)
+ ("q" "Quit" transient-quit-one)]])
+
+ ;; Show the Khoj Transient menu
+ (khoj--menu))
+
+
+;; ----------
+;; Entrypoint
+;; ----------
+
+;;;###autoload
+(defun khoj ()
+ "Search and chat with your knowledge base using your personal AI copilot.
+
+Collaborate with Khoj to search, create, review and update your knowledge base.
+Research across the internet & your documents from the comfort of Emacs."
+ (interactive)
+ (when khoj-auto-setup
+ (khoj-setup t))
+ (khoj--setup-and-show-menu))
+
+(provide 'khoj)
+
+;;; khoj.el ends here
diff --git a/src/interface/emacs/tests/khoj-tests.el b/src/interface/emacs/tests/khoj-tests.el
new file mode 100644
index 0000000000000000000000000000000000000000..aa12a179b9596c5010fb0c140b568481ab250fe3
--- /dev/null
+++ b/src/interface/emacs/tests/khoj-tests.el
@@ -0,0 +1,340 @@
+;;; khoj-tests.el --- Test suite for khoj.el -*- lexical-binding: t -*-
+
+;; Copyright (C) 2023 Debanjum Singh Solanky
+
+;; Author: Debanjum Singh Solanky
+;; Version: 0.0.0
+;; Package-Requires: ((emacs "27.1") (transient "0.3.0") (dash "2.19.1") (org "9.0.0"))
+;; URL: https://github.com/khoj-ai/khoj/tree/master/src/interface/emacs
+
+;;; License:
+
+;; This program is free software; you can redistribute it and/or
+;; modify it under the terms of the GNU General Public License
+;; as published by the Free Software Foundation; either version 3
+;; of the License, or (at your option) any later version.
+
+;; This program is distributed in the hope that it will be useful,
+;; but WITHOUT ANY WARRANTY; without even the implied warranty of
+;; MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+;; GNU General Public License for more details.
+
+;; You should have received a copy of the GNU General Public License
+;; along with this program. If not, see ",
+ "license": "GPL-3.0-or-later",
+ "main": "src/main.js",
+ "scripts": {
+ "dev": "node esbuild.config.mjs",
+ "build": "tsc -noEmit -skipLibCheck && node esbuild.config.mjs production",
+ "version": "node version-bump.mjs && git add manifest.json versions.json"
+ },
+ "keywords": [
+ "search",
+ "chat",
+ "AI",
+ "assistant",
+ "second brain"
+ ],
+ "devDependencies": {
+ "@types/dompurify": "3.2.0",
+ "@types/node": "^16.11.6",
+ "@typescript-eslint/eslint-plugin": "7.13.1",
+ "@typescript-eslint/parser": "7.13.1",
+ "builtin-modules": "3.3.0",
+ "esbuild": "0.14.47",
+ "obsidian": "^1.6.6",
+ "tslib": "2.4.0",
+ "typescript": "4.7.4"
+ },
+ "dependencies": {
+ "diff": "^8.0.3",
+ "isomorphic-dompurify": "^2.25.0"
+ }
+}
diff --git a/src/interface/obsidian/src/api.ts b/src/interface/obsidian/src/api.ts
new file mode 100644
index 0000000000000000000000000000000000000000..33d4a5d61610c7940b27d7a65f38ccab8c2bb109
--- /dev/null
+++ b/src/interface/obsidian/src/api.ts
@@ -0,0 +1,30 @@
+export async function deleteContentByType(khojUrl: string, khojApiKey: string, contentType: string): Promise {
+ // Deletes all content of a given type on Khoj server for Obsidian client
+ const response = await fetch(`${khojUrl}/api/content/type/${contentType}?client=obsidian`, {
+ method: 'DELETE',
+ headers: khojApiKey ? { 'Authorization': `Bearer ${khojApiKey}` } : {},
+ });
+ if (!response.ok) {
+ const text = await response.text().catch(() => '');
+ throw new Error(`Failed to delete content type ${contentType}: ${response.status} ${text}`);
+ }
+}
+
+export async function uploadContentBatch(khojUrl: string, khojApiKey: string, files: { blob: Blob, path: string }[]): Promise {
+ // Uploads a batch of files to Khoj content endpoint
+ const formData = new FormData();
+ files.forEach(fileItem => { formData.append('files', fileItem.blob, fileItem.path); });
+
+ const response = await fetch(`${khojUrl}/api/content?client=obsidian`, {
+ method: 'PATCH',
+ headers: khojApiKey ? { 'Authorization': `Bearer ${khojApiKey}` } : {},
+ body: formData,
+ });
+
+ if (!response.ok) {
+ const text = await response.text().catch(() => '');
+ throw new Error(`Failed to upload batch: ${response.status} ${text}`);
+ }
+
+ return await response.text();
+}
diff --git a/src/interface/obsidian/src/chat_view.ts b/src/interface/obsidian/src/chat_view.ts
new file mode 100644
index 0000000000000000000000000000000000000000..1b4dc480035820ddccdc380edbfdbded67c4d3f5
--- /dev/null
+++ b/src/interface/obsidian/src/chat_view.ts
@@ -0,0 +1,2572 @@
+import { ItemView, MarkdownRenderer, Scope, WorkspaceLeaf, request, requestUrl, setIcon, Platform, TFile } from 'obsidian';
+import * as DOMPurify from 'isomorphic-dompurify';
+import { KhojPaneView } from 'src/pane_view';
+import { KhojView, createCopyParentText, getLinkToEntry, pasteTextAtCursor } from 'src/utils';
+import { KhojSearchModal } from 'src/search_modal';
+import Khoj from 'src/main';
+import { FileInteractions, EditBlock } from 'src/interact_with_files';
+
+export interface ChatJsonResult {
+ image?: string;
+ detail?: string;
+ intentType?: string;
+ inferredQueries?: string[];
+}
+
+interface MessageChunk {
+ type: string;
+ data: any;
+}
+
+interface ChatMessageState {
+ newResponseTextEl: HTMLDivElement | null;
+ newResponseEl: HTMLDivElement | null;
+ loadingEllipsis: HTMLDivElement | null;
+ references: { [key: string]: any };
+ rawResponse: string;
+ rawQuery: string;
+ isVoice: boolean;
+ generatedAssets: string;
+ turnId: string;
+ editBlocks: EditBlock[];
+ editRetryCount: number;
+ parentRetryCount?: number;
+}
+
+interface Location {
+ region?: string;
+ city?: string;
+ countryName?: string;
+ countryCode?: string;
+ timezone: string;
+}
+
+interface RenderMessageOptions {
+ chatBodyEl: Element;
+ message: string;
+ sender: string;
+ turnId?: string;
+ dt?: Date;
+ raw?: boolean;
+ willReplace?: boolean;
+ isSystemMessage?: boolean;
+}
+
+interface ChatMode {
+ value: string;
+ label: string;
+ iconName: string;
+ command: string;
+}
+
+interface Agent {
+ name: string;
+ slug: string;
+ description: string;
+}
+
+export class KhojChatView extends KhojPaneView {
+ result: string;
+ waitingForLocation: boolean;
+ location: Location = { timezone: Intl.DateTimeFormat().resolvedOptions().timeZone };
+ keyPressTimeout: NodeJS.Timeout | null = null;
+ userMessages: string[] = []; // Store user sent messages for input history cycling
+ currentMessageIndex: number = -1; // Track current message index in userMessages array
+ voiceChatActive: boolean = false; // Flag to track if voice chat is active
+ private currentUserInput: string = ""; // Stores the current user input that is being typed in chat
+ private startingMessage: string = this.getLearningMoment();
+ chatMessageState: ChatMessageState;
+ private agents: Agent[] = [];
+ private currentAgent: string | null = null;
+ private fileAccessMode: 'none' | 'read' | 'write' = 'read'; // Track the current file access mode
+ // TODO: Only show modes available on server and to current agent
+ private chatModes: ChatMode[] = [
+ { value: "default", label: "Default", iconName: "target", command: "/default" },
+ { value: "general", label: "General", iconName: "message-circle", command: "/general" },
+ { value: "notes", label: "Notes", iconName: "file-text", command: "/notes" },
+ { value: "online", label: "Online", iconName: "globe", command: "/online" },
+ { value: "code", label: "Code", iconName: "code", command: "/code" },
+ { value: "image", label: "Image", iconName: "image", command: "/image" },
+ { value: "research", label: "Research", iconName: "microscope", command: "/research" },
+ { value: "operator", label: "Operator", iconName: "laptop", command: "/operator" }
+ ];
+ private editRetryCount: number = 0; // Track number of retries for edit blocks
+ private fileInteractions: FileInteractions;
+ private modeDropdown: HTMLElement | null = null;
+ private selectedOptionIndex: number = -1;
+ private isStreaming: boolean = false; // Flag to track streaming state
+
+ // Disabled retry logic for now. Can re-enable once:
+ // 1. Handle chat history clutter
+ // 2. Higher invalid edit blocks than tolerable
+ private maxEditRetries: number = 1; // Maximum retries for edit blocks
+
+ constructor(leaf: WorkspaceLeaf, plugin: Khoj) {
+ super(leaf, plugin);
+ this.fileInteractions = new FileInteractions(this.app);
+
+ // Initialize file access mode from persisted settings
+ this.fileAccessMode = this.setting.fileAccessMode ?? 'read';
+
+ this.waitingForLocation = true;
+
+ fetch("https://ipapi.co/json")
+ .then(response => response.json())
+ .then(data => {
+ this.location = {
+ region: data.region,
+ city: data.city,
+ countryName: data.country_name,
+ countryCode: data.country_code,
+ timezone: data.timezone,
+ };
+ })
+ .catch(err => {
+ console.log(err);
+ })
+ .finally(() => {
+ this.waitingForLocation = false;
+ });
+
+ // Register chat view keybindings
+ this.scope = new Scope(this.app.scope);
+ this.scope.register(["Ctrl", "Alt"], 'n', (_) => this.createNewConversation(this.currentAgent));
+ this.scope.register(["Ctrl", "Alt"], 'o', async (_) => await this.toggleChatSessions());
+ this.scope.register(["Ctrl", "Alt"], 'v', (_) => this.speechToText(this.voiceChatActive ? new KeyboardEvent('keyup') : new KeyboardEvent('keydown')));
+ this.scope.register(["Ctrl"], 'f', (_) => new KhojSearchModal(this.app, this.setting).open());
+ this.scope.register(["Ctrl"], 'r', (_) => { this.activateView(KhojView.SIMILAR); });
+ }
+
+ getViewType(): string {
+ return KhojView.CHAT;
+ }
+
+ getDisplayText(): string {
+ return "Khoj Chat";
+ }
+
+ getIcon(): string {
+ return "message-circle";
+ }
+
+ async chat(isVoice: boolean = false) {
+ // Cancel any pending edits before sending a new message
+ await this.cancelPendingEdits();
+
+ // Get text in chat input element
+ let input_el = this.contentEl.getElementsByClassName("khoj-chat-input")[0];
+
+ // Clear text after extracting message to send
+ let user_message = input_el.value.trim();
+
+ // Store the message in the array if it's not empty
+ if (user_message) {
+ // Get the selected mode
+ const selectedMode = this.chatModes.find(mode =>
+ this.contentEl.querySelector(`#khoj-mode-${mode.value}:checked`)
+ );
+
+ // Check if message starts with a mode command
+ const modeMatch = this.chatModes.find(mode => user_message.startsWith(mode.command));
+
+ let displayMessage = user_message;
+ let apiMessage = user_message;
+
+ if (modeMatch) {
+ // If message starts with a mode command, replace it with the icon in display
+ // We'll use a generic marker since we can't display SVG icons in messages
+ displayMessage = user_message.replace(modeMatch.command, `[${modeMatch.label}]`);
+ } else if (selectedMode) {
+ // If no mode in message but mode selected, add the mode command for API
+ displayMessage = `[${selectedMode.label}] ${user_message}`;
+ apiMessage = `${selectedMode.command} ${user_message}`;
+ }
+
+ this.userMessages.push(user_message);
+ // Update starting message after sending a new message
+ this.startingMessage = this.getLearningMoment();
+ input_el.placeholder = this.startingMessage;
+
+ // Clear input and resize
+ input_el.value = "";
+ this.autoResize();
+
+ // Get and render chat response to user message
+ await this.getChatResponse(apiMessage, displayMessage, isVoice);
+ }
+ }
+
+ async onOpen() {
+ let { contentEl } = this;
+
+ // Construct Content Security Policy
+ let defaultDomains = `'self' ${this.setting.khojUrl} https://*.obsidian.md https://app.khoj.dev https://assets.khoj.dev`;
+ const defaultSrc = `default-src ${defaultDomains};`;
+ const scriptSrc = `script-src ${defaultDomains} 'unsafe-inline';`;
+ const connectSrc = `connect-src ${this.setting.khojUrl} wss://*.obsidian.md/ https://ipapi.co/json;`;
+ const styleSrc = `style-src ${defaultDomains} 'unsafe-inline';`;
+ const imgSrc = `img-src * app: data:;`;
+ const childSrc = `child-src 'none';`;
+ const objectSrc = `object-src 'none';`;
+ const csp = `${defaultSrc} ${scriptSrc} ${connectSrc} ${styleSrc} ${imgSrc} ${childSrc} ${objectSrc}`;
+
+ // WARNING: CSP DISABLED for now as it breaks other Obsidian plugins. Enable when can scope CSP to only Khoj plugin.
+ // CSP meta tag for the Khoj Chat modal
+ // document.head.createEl("meta", { attr: { "http-equiv": "Content-Security-Policy", "content": `${csp}` } });
+
+ // The parent class handles creating the header and attaching the click on the "New Chat" button
+ // We handle the rest of the interface here
+ // Call the parent class's onOpen method first
+ await super.onOpen();
+
+ // Fetch available agents
+ await this.fetchAgents();
+
+ // Populate the agent selector in the header
+ const headerAgentSelect = this.contentEl.querySelector('.khoj-header-agent-select') as HTMLSelectElement;
+ if (headerAgentSelect && this.agents.length > 0) {
+ // Clear existing options
+ headerAgentSelect.innerHTML = '';
+
+ // Add default option
+ headerAgentSelect.createEl("option", {
+ text: "Default Agent",
+ value: "khoj"
+ });
+
+ // Add options for all other agents
+ this.agents.forEach(agent => {
+ if (agent.slug === 'khoj') return; // Skip the default agent
+ const option = headerAgentSelect.createEl("option", {
+ text: agent.name,
+ value: agent.slug
+ });
+ if (agent.description) {
+ option.title = agent.description;
+ }
+ });
+
+ // Add change event listener
+ headerAgentSelect.addEventListener('change', (event) => {
+ const select = event.target as HTMLSelectElement;
+ this.currentAgent = select.value || null;
+ });
+ }
+
+ contentEl.addClass("khoj-chat");
+
+ // Create the chat body
+ let chatBodyEl = contentEl.createDiv({ attr: { id: "khoj-chat-body", class: "khoj-chat-body" } });
+ // Add chat input field
+ let inputRow = contentEl.createDiv("khoj-input-row");
+
+ let chatSessions = inputRow.createEl("button", {
+ text: "Chat Sessions",
+ attr: {
+ class: "khoj-input-row-button clickable-icon",
+ title: "Show Conversations (Ctrl+Alt+O)",
+ },
+ })
+ chatSessions.addEventListener('click', async (_) => { await this.toggleChatSessions() });
+ setIcon(chatSessions, "history");
+
+ // Add file access mode button
+ let fileAccessButton = inputRow.createEl("button", {
+ text: "File Access",
+ attr: {
+ class: "khoj-input-row-button clickable-icon",
+ title: "Toggle open file access",
+ },
+ });
+ // Set initial icon based on persisted setting
+ switch (this.fileAccessMode) {
+ case 'none':
+ setIcon(fileAccessButton, "file-x");
+ fileAccessButton.title = "Toggle open file access (No Access)";
+ break;
+ case 'write':
+ setIcon(fileAccessButton, "file-edit");
+ fileAccessButton.title = "Toggle open file access (Read & Write)";
+ break;
+ case 'read':
+ default:
+ setIcon(fileAccessButton, "file-search");
+ fileAccessButton.title = "Toggle open file access (Read Only)";
+ break;
+ }
+ fileAccessButton.addEventListener('click', async () => {
+ // Cycle through modes: none -> read -> write -> none
+ switch (this.fileAccessMode) {
+ case 'none':
+ this.fileAccessMode = 'read';
+ setIcon(fileAccessButton, "file-search");
+ fileAccessButton.title = "Toggle open file access (Read Only)";
+ break;
+ case 'read':
+ this.fileAccessMode = 'write';
+ setIcon(fileAccessButton, "file-edit");
+ fileAccessButton.title = "Toggle open file access (Read & Write)";
+ break;
+ case 'write':
+ this.fileAccessMode = 'none';
+ setIcon(fileAccessButton, "file-x");
+ fileAccessButton.title = "Toggle open file access (No Access)";
+ break;
+ }
+
+ // Persist the updated mode to settings
+ this.setting.fileAccessMode = this.fileAccessMode;
+ await this.plugin.saveSettings();
+ });
+
+ let chatInput = inputRow.createEl("textarea", {
+ attr: {
+ id: "khoj-chat-input",
+ autofocus: "autofocus",
+ class: "khoj-chat-input option",
+ },
+ })
+ chatInput.addEventListener('input', (_) => { this.onChatInput() });
+ chatInput.addEventListener('keydown', (event) => {
+ this.incrementalChat(event);
+ this.handleArrowKeys(event);
+ });
+
+ // Add event listeners for long press keybinding
+ this.contentEl.addEventListener('keydown', this.handleKeyDown.bind(this));
+ this.contentEl.addEventListener('keyup', this.handleKeyUp.bind(this));
+
+ let transcribe = inputRow.createEl("button", {
+ text: "Transcribe",
+ attr: {
+ id: "khoj-transcribe",
+ class: "khoj-transcribe khoj-input-row-button clickable-icon ",
+ title: "Hold to Voice Chat (Ctrl+Alt+V)",
+ },
+ })
+ transcribe.addEventListener('mousedown', (event) => { this.startSpeechToText(event) });
+ transcribe.addEventListener('mouseup', async (event) => { await this.stopSpeechToText(event) });
+ transcribe.addEventListener('touchstart', async (event) => { await this.speechToText(event) });
+ transcribe.addEventListener('touchend', async (event) => { await this.speechToText(event) });
+ transcribe.addEventListener('touchcancel', async (event) => { await this.speechToText(event) });
+ setIcon(transcribe, "mic");
+
+ let send = inputRow.createEl("button", {
+ text: "Send",
+ attr: {
+ id: "khoj-chat-send",
+ class: "khoj-chat-send khoj-input-row-button clickable-icon",
+ },
+ })
+ setIcon(send, "arrow-up-circle");
+ let sendImg = send.getElementsByClassName("lucide-arrow-up-circle")[0]
+ sendImg.addEventListener('click', async (_) => { await this.chat() });
+
+ // Get chat history from Khoj backend and set chat input state
+ let getChatHistorySucessfully = await this.getChatHistory(chatBodyEl);
+
+ let placeholderText: string = getChatHistorySucessfully ? this.startingMessage : "Configure Khoj to enable chat";
+ chatInput.placeholder = placeholderText;
+ chatInput.disabled = !getChatHistorySucessfully;
+ this.autoResize();
+
+ // Scroll to bottom of chat messages and focus on chat input field, once messages rendered
+ requestAnimationFrame(() => {
+ // Ensure layout and paint have occurred
+ requestAnimationFrame(() => {
+ this.scrollChatToBottom();
+ const chatInput = this.contentEl.getElementsByClassName("khoj-chat-input")[0];
+ chatInput?.focus();
+ });
+ });
+ }
+
+ startSpeechToText(event: KeyboardEvent | MouseEvent | TouchEvent, timeout = 200) {
+ if (!this.keyPressTimeout) {
+ this.keyPressTimeout = setTimeout(async () => {
+ // Reset auto send voice message timer, UI if running
+ if (this.sendMessageTimeout) {
+ // Stop the auto send voice message countdown timer UI
+ clearTimeout(this.sendMessageTimeout);
+ const sendButton = this.contentEl.getElementsByClassName("khoj-chat-send")[0]
+ setIcon(sendButton, "arrow-up-circle")
+ let sendImg = sendButton.getElementsByClassName("lucide-arrow-up-circle")[0]
+ sendImg.addEventListener('click', async (_) => { await this.chat() });
+ // Reset chat input value
+ const chatInput = this.contentEl.getElementsByClassName("khoj-chat-input")[0];
+ chatInput.value = "";
+ }
+ // Start new voice message
+ await this.speechToText(event);
+ }, timeout);
+ }
+ }
+ async stopSpeechToText(event: KeyboardEvent | MouseEvent | TouchEvent) {
+ if (this.mediaRecorder) {
+ await this.speechToText(event);
+ }
+ if (this.keyPressTimeout) {
+ clearTimeout(this.keyPressTimeout);
+ this.keyPressTimeout = null;
+ }
+ }
+
+ handleKeyDown(event: KeyboardEvent) {
+ // Start speech to text if keyboard shortcut is pressed
+ if (event.key === 's' && event.getModifierState('Control')) this.startSpeechToText(event);
+ }
+
+ async handleKeyUp(event: KeyboardEvent) {
+ // Stop speech to text if keyboard shortcut is released
+ if (event.key === 's' && event.getModifierState('Control')) await this.stopSpeechToText(event);
+ }
+
+ processOnlineReferences(referenceSection: HTMLElement, onlineContext: any) {
+ let numOnlineReferences = 0;
+ for (let subquery in onlineContext) {
+ let onlineReference = onlineContext[subquery];
+ if (onlineReference.organic && onlineReference.organic.length > 0) {
+ numOnlineReferences += onlineReference.organic.length;
+ for (let key in onlineReference.organic) {
+ let reference = onlineReference.organic[key];
+ let polishedReference = this.generateOnlineReference(referenceSection, reference, key);
+ referenceSection.appendChild(polishedReference);
+ }
+ }
+
+ if (onlineReference.knowledgeGraph && onlineReference.knowledgeGraph.length > 0) {
+ numOnlineReferences += onlineReference.knowledgeGraph.length;
+ for (let key in onlineReference.knowledgeGraph) {
+ let reference = onlineReference.knowledgeGraph[key];
+ let polishedReference = this.generateOnlineReference(referenceSection, reference, key);
+ referenceSection.appendChild(polishedReference);
+ }
+ }
+
+ if (onlineReference.peopleAlsoAsk && onlineReference.peopleAlsoAsk.length > 0) {
+ numOnlineReferences += onlineReference.peopleAlsoAsk.length;
+ for (let key in onlineReference.peopleAlsoAsk) {
+ let reference = onlineReference.peopleAlsoAsk[key];
+ let polishedReference = this.generateOnlineReference(referenceSection, reference, key);
+ referenceSection.appendChild(polishedReference);
+ }
+ }
+
+ if (onlineReference.webpages && onlineReference.webpages.length > 0) {
+ numOnlineReferences += onlineReference.webpages.length;
+ for (let key in onlineReference.webpages) {
+ let reference = onlineReference.webpages[key];
+ let polishedReference = this.generateOnlineReference(referenceSection, reference, key);
+ referenceSection.appendChild(polishedReference);
+ }
+ }
+ }
+
+ return numOnlineReferences;
+ }
+
+ generateOnlineReference(messageEl: Element, reference: any, index: string) {
+ // Generate HTML for Chat Reference
+ let title = reference.title || reference.link;
+ let link = reference.link;
+ let snippet = reference.snippet;
+ let question = reference.question ? `Question: ${reference.question}[INST] and tags. These are spurious instructions for some AI chat model.
+ message = message.replace(/\[INST\].+(<\/s>)?/g, '');
+
+ // Render train of thought messages
+ const { content, header } = this.processTrainOfThought(message);
+ message = content;
+
+ if (!raw) {
+ // Render text edit blocks
+ message = this.transformEditBlocks(message);
+ }
+
+ // Sanitize the markdown message
+ message = DOMPurify.sanitize(message);
+
+ // Convert the message to html, sanitize the message html and render it to the real DOM
+ let chatMessageBodyTextEl = this.contentEl.createDiv();
+ chatMessageBodyTextEl.innerHTML = this.markdownTextToSanitizedHtml(message, this);
+
+ // Add action buttons to each chat message, if they don't already exist
+ if (willReplace === true) {
+ this.renderActionButtons(message, chatMessageBodyTextEl);
+ }
+
+ return chatMessageBodyTextEl;
+ }
+
+ markdownTextToSanitizedHtml(markdownText: string, component: ItemView): string {
+ // Render markdown to an unlinked DOM element
+ let virtualChatMessageBodyTextEl = document.createElement("div");
+
+ // Convert the message to html
+ MarkdownRenderer.render(this.app, markdownText, virtualChatMessageBodyTextEl, '', component);
+
+ // Remove image HTML elements with any non whitelisted src prefix
+ virtualChatMessageBodyTextEl.innerHTML = virtualChatMessageBodyTextEl.innerHTML.replace(
+ //gis,
+ ''
+ );
+
+ // Sanitize the markdown text rendered as HTML
+ return DOMPurify.sanitize(virtualChatMessageBodyTextEl.innerHTML);
+ }
+
+ private processTrainOfThought(message: string): { content: string, header: string } {
+ // The train of thought comes in as a markdown-formatted string. It starts with a heading delimited by two asterisks at the start and end and a colon, followed by the message. Example: **header**: status. This function will parse the message and render it as a div.
+ let extractedHeader = message.match(/\*\*(.*)\*\*/);
+ let header = extractedHeader ? extractedHeader[1] : "";
+ let content = message;
+
+ // Render screenshot image in screenshot action message
+ let jsonMessage = null;
+ try {
+ const jsonMatch = message.match(
+ /\{.*("action": "screenshot"|"type": "screenshot"|"image": "data:image\/.*").*\}/,
+ );
+ if (jsonMatch) {
+ jsonMessage = JSON.parse(jsonMatch[0]);
+ const screenshotHtmlString = `.*?<\/SYSTEM>/s, '');
+ }
+
+ // Sanitize the markdown to render
+ message = DOMPurify.sanitize(message);
+
+ if (raw) {
+ chatMessageBodyTextEl.innerHTML = message;
+ } else {
+ // @ts-ignore
+ chatMessageBodyTextEl.innerHTML = this.markdownTextToSanitizedHtml(message, this);
+ }
+
+ // Add action buttons to each chat message element
+ if (willReplace === true) {
+ this.renderActionButtons(message, chatMessageBodyTextEl, isSystemMessage);
+ }
+
+ // Remove user-select: none property to make text selectable
+ chatMessageEl.style.userSelect = "text";
+
+ // Scroll to bottom after inserting chat messages
+ this.scrollChatToBottom();
+
+ return chatMessageEl;
+ }
+
+ createKhojResponseDiv(dt?: Date): HTMLDivElement {
+ let messageTime = this.formatDate(dt ?? new Date());
+
+ // Append message to conversation history HTML element.
+ // The chat logs should display above the message input box to follow standard UI semantics
+ let chatBodyEl = this.contentEl.getElementsByClassName("khoj-chat-body")[0];
+ let chatMessageEl = chatBodyEl.createDiv({
+ attr: {
+ "data-meta": messageTime,
+ class: `khoj-chat-message khoj`
+ },
+ })
+
+ // Scroll to bottom after inserting chat messages
+ this.scrollChatToBottom();
+
+ return chatMessageEl;
+ }
+
+ async renderIncrementalMessage(htmlElement: HTMLDivElement, additionalMessage: string) {
+ this.chatMessageState.rawResponse += additionalMessage;
+
+ // Sanitize the markdown to render
+ let sanitizedResponse = DOMPurify.sanitize(this.chatMessageState.rawResponse);
+
+ // Apply transformations including partial edit block detection
+ const transformedResponse = this.transformEditBlocks(sanitizedResponse);
+
+ // Create a temporary element to get the rendered HTML
+ const tempElement = document.createElement('div');
+ tempElement.innerHTML = this.markdownTextToSanitizedHtml(transformedResponse, this);
+
+ // Update the content in separate step for a smoother transition
+ htmlElement.innerHTML = tempElement.innerHTML;
+
+ // Render action buttons for the message
+ this.renderActionButtons(this.chatMessageState.rawResponse, htmlElement);
+
+ // Scroll to bottom of modal, till the send message input box
+ this.scrollChatToBottom();
+ }
+
+ renderActionButtons(message: string, chatMessageBodyTextEl: HTMLElement, isSystemMessage: boolean = false) {
+ let copyButton = this.contentEl.createEl('button');
+ copyButton.classList.add("chat-action-button");
+ copyButton.title = "Copy Message to Clipboard";
+ setIcon(copyButton, "copy-plus");
+ copyButton.addEventListener('click', createCopyParentText(message));
+
+ // Add button to paste into current buffer
+ let pasteToFile = this.contentEl.createEl('button');
+ pasteToFile.classList.add("chat-action-button");
+ pasteToFile.title = "Paste Message to File";
+ setIcon(pasteToFile, "clipboard-paste");
+ pasteToFile.addEventListener('click', (event) => { pasteTextAtCursor(createCopyParentText(message, 'clipboard-paste')(event)); });
+
+ // Add edit button only for user messages
+ let editButton = null;
+ if (!isSystemMessage && chatMessageBodyTextEl.closest('.khoj-chat-message.you')) {
+ editButton = this.contentEl.createEl('button');
+ editButton.classList.add("chat-action-button");
+ editButton.title = "Edit Message";
+ setIcon(editButton, "edit-3");
+ editButton.addEventListener('click', async () => {
+ const messageEl = chatMessageBodyTextEl.closest('.khoj-chat-message');
+ if (messageEl) {
+ // Get all messages up to this one
+ const allMessages = Array.from(this.contentEl.getElementsByClassName('khoj-chat-message'));
+ const currentIndex = allMessages.indexOf(messageEl as HTMLElement);
+
+ // Store reference to messages that need to be deleted from backend
+ const messagesToDelete = allMessages.slice(currentIndex);
+
+ // Get the message content without the emoji if it exists
+ let messageContent = message;
+ const emojiRegex = /^[^\p{L}\p{N}]+\s*/u;
+ messageContent = messageContent.replace(emojiRegex, '');
+
+ // Set the message in the input field
+ const chatInput = this.contentEl.querySelector('.khoj-chat-input') as HTMLTextAreaElement;
+ if (chatInput) {
+ chatInput.value = messageContent;
+ chatInput.focus();
+ }
+
+ // Remove all messages from UI immediately for better UX
+ for (let i = messagesToDelete.length - 1; i >= 0; i--) {
+ messagesToDelete[i].remove();
+ }
+
+ // Then delete messages from backend in background
+ (async () => {
+ for (const msgToDelete of messagesToDelete) {
+ await this.deleteMessage(msgToDelete as HTMLElement, true, false);
+ }
+ })();
+ }
+ });
+ }
+
+ // Add delete button
+ let deleteButton = null;
+ if (!isSystemMessage) {
+ deleteButton = this.contentEl.createEl('button');
+ deleteButton.classList.add("chat-action-button");
+ deleteButton.title = "Delete Message";
+ setIcon(deleteButton, "trash-2");
+ deleteButton.addEventListener('click', () => {
+ const messageEl = chatMessageBodyTextEl.closest('.khoj-chat-message');
+ if (messageEl) {
+ // Ask for confirmation before deleting
+ if (confirm('Are you sure you want to delete this message?')) {
+ this.deleteMessage(messageEl as HTMLElement);
+ }
+ }
+ });
+ }
+
+ // Append buttons to parent element
+ chatMessageBodyTextEl.append(copyButton, pasteToFile);
+ if (editButton) {
+ chatMessageBodyTextEl.append(editButton);
+ }
+ if (deleteButton) {
+ chatMessageBodyTextEl.append(deleteButton);
+ }
+ if (this.setting.userInfo?.is_active) {
+ // Create a speech button icon to play the message out loud
+ let speechButton = this.contentEl.createEl('button');
+ speechButton.classList.add("chat-action-button", "speech-button");
+ speechButton.title = "Listen to Message";
+ setIcon(speechButton, "speech")
+ speechButton.addEventListener('click', (event) => this.textToSpeech(message, event));
+ chatMessageBodyTextEl.append(speechButton);
+ }
+ }
+
+ formatDate(date: Date): string {
+ // Format date in HH:MM, DD MMM YYYY format
+ let time_string = date.toLocaleTimeString('en-IN', { hour: '2-digit', minute: '2-digit', hour12: false });
+ let date_string = date.toLocaleString('en-IN', { year: 'numeric', month: 'short', day: '2-digit' }).replace(/-/g, ' ');
+ return `${time_string}, ${date_string}`;
+ }
+
+ getLearningMoment(): string {
+ const modifierKey = Platform.isMacOS ? '⌘' : '^';
+ const learningMoments = [
+ "Type '/' to select response mode.",
+ ];
+ if (this.userMessages.length > 0) {
+ learningMoments.push(`Load previous messages with ${modifierKey}+↑/↓`);
+ }
+
+ // Return a random learning moment
+ return learningMoments[Math.floor(Math.random() * learningMoments.length)];
+ }
+
+ async createNewConversation(agentSlug?: string | null) {
+ let chatBodyEl = this.contentEl.getElementsByClassName("khoj-chat-body")[0] as HTMLElement;
+ chatBodyEl.innerHTML = "";
+ chatBodyEl.dataset.conversationId = "";
+ chatBodyEl.dataset.conversationTitle = "";
+ this.userMessages = [];
+ this.startingMessage = this.getLearningMoment();
+
+ // Update the placeholder of the chat input
+ const chatInput = this.contentEl.querySelector('.khoj-chat-input') as HTMLTextAreaElement;
+ if (chatInput) {
+ chatInput.placeholder = this.startingMessage;
+ }
+
+ try {
+ // Create a new conversation with or without an agent
+ let endpoint = `${this.setting.khojUrl}/api/chat/sessions`;
+ agentSlug = agentSlug || this.currentAgent;
+ if (agentSlug) {
+ endpoint += `?agent_slug=${encodeURIComponent(agentSlug)}`;
+ }
+
+ const response = await fetch(endpoint, {
+ method: "POST",
+ headers: {
+ "Authorization": `Bearer ${this.setting.khojApiKey}`,
+ "Content-Type": "application/json"
+ },
+ body: JSON.stringify({}) // Empty body as agent_slug is in the URL
+ });
+
+ if (response.ok) {
+ const sessionInfo = await response.json();
+ chatBodyEl.dataset.conversationId = sessionInfo.conversation_id;
+ this.currentAgent = agentSlug || null;
+
+ // Update agent selector to reflect current agent
+ const agentSelect = this.contentEl.querySelector('.khoj-header-agent-select') as HTMLSelectElement;
+ if (agentSelect) {
+ agentSelect.value = this.currentAgent || '';
+ }
+ } else {
+ console.error("Failed to create session:", response.statusText);
+ }
+ } catch (error) {
+ console.error("Error creating session:", error);
+ }
+
+ this.renderMessage({ chatBodyEl, message: "Hey, what's up?", sender: "khoj", isSystemMessage: true });
+ }
+
+ async toggleChatSessions(forceShow: boolean = false): Promise {
+ this.userMessages = []; // clear user previous message history
+ let chatBodyEl = this.contentEl.getElementsByClassName("khoj-chat-body")[0] as HTMLElement;
+ if (!forceShow && this.contentEl.getElementsByClassName("side-panel")?.length > 0) {
+ chatBodyEl.innerHTML = "";
+ return this.getChatHistory(chatBodyEl);
+ }
+ chatBodyEl.innerHTML = "";
+ const sidePanelEl = chatBodyEl.createDiv("side-panel");
+ const newConversationEl = sidePanelEl.createDiv("new-conversation");
+ const conversationHeaderTitleEl = newConversationEl.createDiv("conversation-header-title");
+ conversationHeaderTitleEl.textContent = "Conversations";
+
+ const newConversationButtonEl = newConversationEl.createEl("button");
+ newConversationButtonEl.classList.add("new-conversation-button");
+ newConversationButtonEl.classList.add("side-panel-button");
+ newConversationButtonEl.addEventListener('click', (_) => this.createNewConversation(this.currentAgent));
+ setIcon(newConversationButtonEl, "plus");
+ newConversationButtonEl.innerHTML += "New";
+ newConversationButtonEl.title = "New Conversation (Ctrl+Alt+N)";
+
+ const existingConversationsEl = sidePanelEl.createDiv("existing-conversations");
+ const conversationListEl = existingConversationsEl.createDiv("conversation-list");
+ const conversationListBodyHeaderEl = conversationListEl.createDiv("conversation-list-header");
+ const conversationListBodyEl = conversationListEl.createDiv("conversation-list-body");
+
+ const chatSessionsUrl = `${this.setting.khojUrl}/api/chat/sessions?client=obsidian`;
+ const headers = { 'Authorization': `Bearer ${this.setting.khojApiKey}` };
+ try {
+ let response = await fetch(chatSessionsUrl, { method: "GET", headers: headers });
+ let responseJson: any = await response.json();
+ let conversationId = chatBodyEl.dataset.conversationId;
+
+ if (responseJson.length > 0) {
+ conversationListBodyHeaderEl.style.display = "block";
+ for (let key in responseJson) {
+ let conversation = responseJson[key];
+ let conversationSessionEl = this.contentEl.createEl('div');
+ let incomingConversationId = conversation["conversation_id"];
+ conversationSessionEl.classList.add("conversation-session");
+ if (incomingConversationId == conversationId) {
+ conversationSessionEl.classList.add("selected-conversation");
+ }
+ const conversationTitle = conversation["slug"].split("")[0].trim() || `New conversation 🌱`;
+ const conversationSessionTitleEl = conversationSessionEl.createDiv("conversation-session-title");
+ conversationSessionTitleEl.textContent = conversationTitle;
+ conversationSessionTitleEl.addEventListener('click', () => {
+ chatBodyEl.innerHTML = "";
+ chatBodyEl.dataset.conversationId = incomingConversationId;
+ chatBodyEl.dataset.conversationTitle = conversationTitle;
+ this.getChatHistory(chatBodyEl);
+ });
+
+ let conversationMenuEl = this.contentEl.createEl('div');
+ conversationMenuEl = this.addConversationMenu(
+ conversationMenuEl,
+ conversationSessionEl,
+ conversationTitle,
+ conversationSessionTitleEl,
+ chatBodyEl,
+ incomingConversationId,
+ incomingConversationId == conversationId,
+ );
+
+ conversationSessionEl.appendChild(conversationMenuEl);
+ conversationListBodyEl.appendChild(conversationSessionEl);
+ }
+ }
+ } catch (err) {
+ return false;
+ }
+ return true;
+ }
+
+ addConversationMenu(
+ conversationMenuEl: HTMLDivElement,
+ conversationSessionEl: HTMLElement,
+ conversationTitle: string,
+ conversationSessionTitleEl: HTMLElement,
+ chatBodyEl: HTMLElement,
+ incomingConversationId: string,
+ selectedConversation: boolean,
+ ) {
+ conversationMenuEl.classList.add("conversation-menu");
+
+ const headers = { 'Authorization': `Bearer ${this.setting.khojApiKey}` };
+
+ let editConversationTitleButtonEl = this.contentEl.createEl('button');
+ setIcon(editConversationTitleButtonEl, "edit");
+ editConversationTitleButtonEl.title = "Rename";
+ editConversationTitleButtonEl.classList.add("edit-title-button", "three-dot-menu-button-item", "clickable-icon");
+ if (selectedConversation) editConversationTitleButtonEl.classList.add("selected-conversation");
+ editConversationTitleButtonEl.addEventListener('click', (event) => {
+ event.stopPropagation();
+
+ let conversationMenuChildren = conversationMenuEl.children;
+ let totalItems = conversationMenuChildren.length;
+
+ for (let i = totalItems - 1; i >= 0; i--) {
+ conversationMenuChildren[i].remove();
+ }
+
+ // Create a dialog box to get new title for conversation
+ let editConversationTitleInputEl = this.contentEl.createEl('input');
+ editConversationTitleInputEl.classList.add("conversation-title-input");
+ editConversationTitleInputEl.value = conversationTitle;
+ editConversationTitleInputEl.addEventListener('click', function(event) {
+ event.stopPropagation();
+ });
+ editConversationTitleInputEl.addEventListener('keydown', function(event) {
+ if (event.key === "Enter") {
+ event.preventDefault();
+ editConversationTitleSaveButtonEl.click();
+ }
+ });
+ let editConversationTitleSaveButtonEl = this.contentEl.createEl('button');
+ conversationSessionTitleEl.replaceWith(editConversationTitleInputEl);
+ editConversationTitleSaveButtonEl.innerHTML = "Save";
+ editConversationTitleSaveButtonEl.classList.add("three-dot-menu-button-item", "clickable-icon");
+ if (selectedConversation) editConversationTitleSaveButtonEl.classList.add("selected-conversation");
+ editConversationTitleSaveButtonEl.addEventListener('click', (event) => {
+ event.stopPropagation();
+ let newTitle = editConversationTitleInputEl.value;
+ if (newTitle != null) {
+ let editURL = `/api/chat/title?client=web&conversation_id=${incomingConversationId}&title=${newTitle}`;
+ fetch(`${this.setting.khojUrl}${editURL}`, { method: "PATCH", headers })
+ .then(response => response.ok ? response.json() : Promise.reject(response))
+ .then(data => {
+ conversationSessionTitleEl.textContent = newTitle;
+ })
+ .catch(err => {
+ return;
+ });
+ const conversationSessionTitleEl = conversationSessionEl.createDiv("conversation-session-title");
+ conversationSessionTitleEl.textContent = newTitle;
+ conversationSessionTitleEl.addEventListener('click', () => {
+ chatBodyEl.innerHTML = "";
+ chatBodyEl.dataset.conversationId = incomingConversationId;
+ chatBodyEl.dataset.conversationTitle = conversationTitle;
+ this.getChatHistory(chatBodyEl);
+ });
+
+ let newConversationMenuEl = this.contentEl.createEl('div');
+ newConversationMenuEl = this.addConversationMenu(
+ newConversationMenuEl,
+ conversationSessionEl,
+ newTitle,
+ conversationSessionTitleEl,
+ chatBodyEl,
+ incomingConversationId,
+ selectedConversation,
+ );
+
+ conversationMenuEl.replaceWith(newConversationMenuEl);
+ editConversationTitleInputEl.replaceWith(conversationSessionTitleEl);
+ }
+ });
+ conversationMenuEl.appendChild(editConversationTitleSaveButtonEl);
+ });
+
+ conversationMenuEl.appendChild(editConversationTitleButtonEl);
+
+ let deleteConversationButtonEl = this.contentEl.createEl('button');
+ setIcon(deleteConversationButtonEl, "trash");
+ deleteConversationButtonEl.title = "Delete";
+ deleteConversationButtonEl.classList.add("delete-conversation-button", "three-dot-menu-button-item", "clickable-icon");
+ if (selectedConversation) deleteConversationButtonEl.classList.add("selected-conversation");
+ deleteConversationButtonEl.addEventListener('click', () => {
+ // Ask for confirmation before deleting chat session
+ let confirmation = confirm('Are you sure you want to delete this chat session?');
+ if (!confirmation) return;
+ let deleteURL = `/api/chat/history?client=obsidian&conversation_id=${incomingConversationId}`;
+ fetch(`${this.setting.khojUrl}${deleteURL}`, { method: "DELETE", headers })
+ .then(response => response.ok ? response.json() : Promise.reject(response))
+ .then(data => {
+ chatBodyEl.innerHTML = "";
+ chatBodyEl.dataset.conversationId = "";
+ chatBodyEl.dataset.conversationTitle = "";
+ this.toggleChatSessions(true);
+ })
+ .catch(err => {
+ return;
+ });
+ });
+
+ conversationMenuEl.appendChild(deleteConversationButtonEl);
+ return conversationMenuEl;
+ }
+
+ async getChatHistory(chatBodyEl: HTMLElement): Promise {
+ // Get chat history from Khoj backend
+ let chatUrl = `${this.setting.khojUrl}/api/chat/history?client=obsidian`;
+ if (chatBodyEl.dataset.conversationId) {
+ chatUrl += `&conversation_id=${chatBodyEl.dataset.conversationId}`;
+ }
+
+ console.debug("Fetching chat history from:", chatUrl);
+
+ try {
+ let response = await fetch(chatUrl, {
+ method: "GET",
+ headers: { "Authorization": `Bearer ${this.setting.khojApiKey}` },
+ });
+
+ let responseJson: any = await response.json();
+ console.debug("Chat history response:", responseJson);
+
+ chatBodyEl.dataset.conversationId = responseJson.conversation_id;
+
+ if (responseJson.detail) {
+ // If the server returns error details in response, render a setup hint.
+ let setupMsg = "Hi 👋🏾, to start chatting add available chat models options via [the Django Admin panel](/server/admin) on the Server";
+ this.renderMessage({
+ chatBodyEl,
+ message: setupMsg,
+ sender: "khoj",
+ isSystemMessage: true
+ });
+
+ return false;
+ } else if (responseJson.response) {
+ // Render conversation history, if any
+ chatBodyEl.dataset.conversationId = responseJson.response.conversation_id;
+ chatBodyEl.dataset.conversationTitle = responseJson.response.slug || `New conversation 🌱`;
+
+ // Update current agent from conversation history
+ if (responseJson.response.agent?.slug) {
+ console.debug("Found agent in conversation history:", responseJson.response.agent);
+ this.currentAgent = responseJson.response.agent.slug;
+ // Update the agent selector if it exists
+ const agentSelect = this.contentEl.querySelector('.khoj-header-agent-select') as HTMLSelectElement;
+ if (agentSelect && this.currentAgent) {
+ agentSelect.value = this.currentAgent;
+ console.log("Updated agent selector to:", this.currentAgent);
+ }
+ }
+
+ let chatLogs = responseJson.response?.conversation_id ? responseJson.response.chat ?? [] : responseJson.response;
+ chatLogs.forEach((chatLog: any) => {
+ // Convert commands to emojis for user messages
+ if (chatLog.by === "you") {
+ chatLog.message = this.convertCommandsToEmojis(chatLog.message);
+ }
+
+ // Transform khoj-edit blocks into accordions
+ if (chatLog.by === "khoj") {
+ chatLog.message = this.transformEditBlocks(chatLog.message);
+ }
+
+ this.renderMessageWithReferences(
+ chatBodyEl,
+ chatLog.message,
+ chatLog.by,
+ chatLog.turnId,
+ chatLog.context,
+ chatLog.onlineContext,
+ new Date(chatLog.created),
+ chatLog.intent?.type,
+ chatLog.intent?.["inferred-queries"],
+ chatBodyEl.dataset.conversationId ?? "",
+ chatLog.images,
+ chatLog.excalidrawDiagram,
+ chatLog.mermaidjsDiagram,
+ );
+ // push the user messages to the chat history
+ if (chatLog.by === "you") {
+ this.userMessages.push(chatLog.message);
+ }
+ });
+
+ // Update starting message after loading history
+ this.startingMessage = this.getLearningMoment();
+
+ // Update the placeholder of the chat input
+ const chatInput = this.contentEl.querySelector('.khoj-chat-input') as HTMLTextAreaElement;
+ if (chatInput) {
+ chatInput.placeholder = this.startingMessage;
+ }
+ }
+ } catch (err) {
+ let errorMsg = "Unable to get response from Khoj server ❤️🩹. Ensure server is running or contact developers for help at [team@khoj.dev](mailto:team@khoj.dev) or in [Discord](https://discord.gg/BDgyabRM6e)";
+ this.renderMessage({
+ chatBodyEl,
+ message: errorMsg,
+ sender: "khoj",
+ isSystemMessage: true
+ });
+ return false;
+ }
+ return true;
+ }
+
+ convertMessageChunkToJson(rawChunk: string): MessageChunk {
+ if (rawChunk?.startsWith("{") && rawChunk?.endsWith("}")) {
+ try {
+ let jsonChunk = JSON.parse(rawChunk);
+ if (!jsonChunk.type)
+ jsonChunk = { type: 'message', data: jsonChunk };
+ return jsonChunk;
+ } catch (e) {
+ return { type: 'message', data: rawChunk };
+ }
+ } else if (rawChunk.length > 0) {
+ return { type: 'message', data: rawChunk };
+ }
+ return { type: '', data: '' };
+ }
+
+ async processMessageChunk(rawChunk: string): Promise {
+ const chunk = this.convertMessageChunkToJson(rawChunk);
+ if (!chunk || !chunk.type) return;
+
+ if (chunk.type === 'start_llm_response') {
+ // Start of streaming - set flag and ensure UI is stable
+ this.isStreaming = true;
+
+ // Disable input resizing during streaming
+ const chatInput = this.contentEl.getElementsByClassName("khoj-chat-input")[0];
+ if (chatInput) {
+ chatInput.style.overflowY = 'hidden';
+ }
+ }
+ else if (chunk.type === 'status') {
+ const statusMessage = chunk.data;
+ this.handleStreamResponse(this.chatMessageState.newResponseTextEl, statusMessage, this.chatMessageState.loadingEllipsis, false);
+ }
+ else if (chunk.type === 'generated_assets') {
+ const generatedAssets = chunk.data;
+ const imageData = this.handleImageResponse(generatedAssets, this.chatMessageState.rawResponse);
+ this.chatMessageState.generatedAssets = imageData;
+ this.handleStreamResponse(this.chatMessageState.newResponseTextEl, imageData, this.chatMessageState.loadingEllipsis, false);
+ }
+ else if (chunk.type === 'end_llm_response') {
+ // End of streaming - reset flag and restore normal UI behavior
+ this.isStreaming = false;
+
+ // Re-enable input resizing after streaming
+ const chatInput = this.contentEl.getElementsByClassName("khoj-chat-input")[0];
+ if (chatInput) {
+ // Call autoResize to restore proper sizing
+ this.autoResize();
+ }
+ }
+ else if (chunk.type === 'end_response') {
+ // Ensure streaming flag is reset at the end of the response
+ this.isStreaming = false;
+
+ // Re-enable input resizing after streaming
+ const chatInput = this.contentEl.getElementsByClassName("khoj-chat-input")[0];
+ if (chatInput) {
+ // Call autoResize to restore proper sizing
+ this.autoResize();
+ }
+
+ // Check for edit blocks if in write mode
+ if (this.fileAccessMode === 'write') {
+ const editBlocks = this.parseEditBlocks(this.chatMessageState.rawResponse);
+
+ if (editBlocks.length > 0) {
+ const firstBlock = editBlocks[0];
+ if (firstBlock.hasError) {
+ // Only retry if we have remaining attempts; do NOT reset counter on failure
+ if (this.editRetryCount < this.maxEditRetries) {
+ await this.handleEditRetry(firstBlock);
+ return; // Wait for retry response
+ } else {
+ // Exhausted retries; surface error and do not attempt further automatic retries
+ console.warn('[Khoj] Max edit retries reached. Aborting further retries.');
+ }
+ } else {
+ // Successful parse => reset counter and apply edits
+ this.editRetryCount = 0;
+ await this.applyEditBlocks(editBlocks);
+ }
+ } else {
+ // No edit blocks => reset counter just in case
+ this.editRetryCount = 0;
+ }
+ }
+
+ // Automatically respond with voice if the subscribed user has sent voice message
+ if (this.chatMessageState.isVoice && this.setting.userInfo?.is_active && this.setting.autoVoiceResponse)
+ this.textToSpeech(this.chatMessageState.rawResponse);
+
+ // Append any references after all the data has been streamed
+ this.finalizeChatBodyResponse(this.chatMessageState.references, this.chatMessageState.newResponseTextEl, this.chatMessageState.turnId);
+
+ // Reset state including retry counts
+ const liveQuery = this.chatMessageState.rawQuery;
+ this.chatMessageState = {
+ newResponseTextEl: null,
+ newResponseEl: null,
+ loadingEllipsis: null,
+ references: {},
+ rawResponse: "",
+ rawQuery: liveQuery,
+ isVoice: false,
+ generatedAssets: "",
+ turnId: "",
+ editBlocks: [],
+ editRetryCount: 0,
+ parentRetryCount: 0 // Reset parent retry count
+ };
+ }
+ else if (chunk.type === "references") {
+ this.chatMessageState.references = { "notes": chunk.data.context, "online": chunk.data.onlineContext };
+ }
+ else if (chunk.type === 'message') {
+ const chunkData = chunk.data;
+ if (typeof chunkData === 'object' && chunkData !== null) {
+ this.handleJsonResponse(chunkData);
+ } else if (typeof chunkData === 'string' && chunkData.trim()?.startsWith("{") && chunkData.trim()?.endsWith("}")) {
+ try {
+ const jsonData = JSON.parse(chunkData.trim());
+ this.handleJsonResponse(jsonData);
+ } catch (e) {
+ this.chatMessageState.rawResponse += chunkData;
+ this.handleStreamResponse(this.chatMessageState.newResponseTextEl, this.chatMessageState.rawResponse + this.chatMessageState.generatedAssets, this.chatMessageState.loadingEllipsis);
+ }
+ } else {
+ this.chatMessageState.rawResponse += chunkData;
+ this.handleStreamResponse(this.chatMessageState.newResponseTextEl, this.chatMessageState.rawResponse + this.chatMessageState.generatedAssets, this.chatMessageState.loadingEllipsis);
+ }
+ }
+ else if (chunk.type === "metadata") {
+ const { turnId } = chunk.data;
+ if (turnId) {
+ this.chatMessageState.turnId = turnId;
+ }
+ }
+ }
+
+ handleJsonResponse(jsonData: any): void {
+ if (jsonData.image || jsonData.detail || jsonData.images || jsonData.mermaidjsDiagram) {
+ this.chatMessageState.rawResponse = this.handleImageResponse(jsonData, this.chatMessageState.rawResponse);
+ } else if (jsonData.response) {
+ this.chatMessageState.rawResponse = jsonData.response;
+ }
+
+ if (this.chatMessageState.newResponseTextEl) {
+ this.chatMessageState.newResponseTextEl.innerHTML = "";
+ this.chatMessageState.newResponseTextEl.appendChild(this.formatHTMLMessage(this.chatMessageState.rawResponse));
+ }
+ }
+
+ async readChatStream(response: Response): Promise {
+ // Exit if response body is empty
+ if (response.body == null) return;
+
+ const reader = response.body.getReader();
+ const decoder = new TextDecoder();
+ const eventDelimiter = '␃🔚␗';
+ let buffer = '';
+
+ while (true) {
+ const { value, done } = await reader.read();
+
+ if (done) {
+ this.processMessageChunk(buffer);
+ buffer = '';
+ // Break if the stream is done
+ break;
+ }
+
+ const chunk = decoder.decode(value, { stream: true });
+ console.debug("Raw Chunk:", chunk)
+ // Start buffering chunks until complete event is received
+ buffer += chunk;
+
+ // Once the buffer contains a complete event
+ let newEventIndex;
+ while ((newEventIndex = buffer.indexOf(eventDelimiter)) !== -1) {
+ // Extract the event from the buffer
+ const event = buffer.slice(0, newEventIndex);
+ buffer = buffer.slice(newEventIndex + eventDelimiter.length);
+
+ // Process the event
+ if (event) this.processMessageChunk(event);
+ }
+ }
+ }
+
+ async getChatResponse(query: string | undefined | null, displayQuery: string | undefined | null, isVoice: boolean = false, displayUserMessage: boolean = true): Promise {
+ // Exit if query is empty
+ if (!query || query === "") return;
+
+ // Get chat body element
+ let chatBodyEl = this.contentEl.getElementsByClassName("khoj-chat-body")[0] as HTMLElement;
+
+ // Render user query as chat message with display version only if displayUserMessage is true
+ if (displayUserMessage) {
+ this.renderMessage({ chatBodyEl, message: displayQuery || query, sender: "you" });
+ }
+
+ let conversationId = chatBodyEl.dataset.conversationId;
+
+ if (!conversationId) {
+ try {
+ const requestBody = {
+ ...(this.currentAgent && { agent_slug: this.currentAgent })
+ };
+
+ const response = await fetch(`${this.setting.khojUrl}/api/chat/sessions`, {
+ method: "POST",
+ headers: {
+ "Authorization": `Bearer ${this.setting.khojApiKey}`,
+ "Content-Type": "application/json"
+ },
+ body: JSON.stringify(requestBody)
+ });
+ if (response.ok) {
+ const data = await response.json();
+ conversationId = data.conversation_id;
+ chatBodyEl.dataset.conversationId = conversationId;
+ } else {
+ console.error("Failed to create session:", response.statusText);
+ return;
+ }
+ } catch (error) {
+ console.error("Error creating session:", error);
+ return;
+ }
+ }
+
+ // Get open files content if we have access
+ const openFilesContent = await this.getOpenFilesContent();
+
+ // Extract mode command if present
+ const modeMatch = this.chatModes.find(mode => query.startsWith(mode.command));
+ const modeCommand = modeMatch ? query.substring(0, modeMatch.command.length) : '';
+ const queryWithoutMode = modeMatch ? query.substring(modeMatch.command.length).trim() : query;
+
+ // Combine mode, query and files content
+ const finalQuery = modeCommand + (modeCommand ? ' ' : '') + queryWithoutMode + openFilesContent;
+
+ // Get chat response from Khoj backend
+ const chatUrl = `${this.setting.khojUrl}/api/chat?client=obsidian`;
+ const body = {
+ q: finalQuery,
+ n: this.setting.resultsCount,
+ stream: true,
+ conversation_id: conversationId,
+ ...(this.currentAgent && { agent_slug: this.currentAgent }),
+ ...(!!this.location && this.location.city && { city: this.location.city }),
+ ...(!!this.location && this.location.region && { region: this.location.region }),
+ ...(!!this.location && this.location.countryName && { country: this.location.countryName }),
+ ...(!!this.location && this.location.countryCode && { country_code: this.location.countryCode }),
+ ...(!!this.location && this.location.timezone && { timezone: this.location.timezone }),
+ };
+
+ let newResponseEl = this.createKhojResponseDiv();
+ let newResponseTextEl = newResponseEl.createDiv();
+ newResponseTextEl.classList.add("khoj-chat-message-text", "khoj");
+
+ // Temporary status message to indicate that Khoj is thinking
+ let loadingEllipsis = this.createLoadingEllipse();
+ newResponseTextEl.appendChild(loadingEllipsis);
+
+ // Set chat message state
+ this.chatMessageState = {
+ newResponseEl: newResponseEl,
+ newResponseTextEl: newResponseTextEl,
+ loadingEllipsis: loadingEllipsis,
+ references: {},
+ rawQuery: query,
+ rawResponse: "",
+ isVoice: isVoice,
+ generatedAssets: "",
+ turnId: "",
+ editBlocks: [],
+ editRetryCount: 0
+ };
+
+ let response = await fetch(chatUrl, {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ "Authorization": `Bearer ${this.setting.khojApiKey}`,
+ },
+ body: JSON.stringify(body),
+ })
+
+ try {
+ if (response.body === null) throw new Error("Response body is null");
+
+ // Stream and render chat response
+ await this.readChatStream(response);
+ } catch (err) {
+ console.error(`Khoj chat response failed with\n${err}`);
+ let errorMsg = "Sorry, unable to get response from Khoj backend ❤️🩹. Retry or contact developers for help at team@khoj.dev or on Discord ";
+ newResponseTextEl.textContent = errorMsg;
+ }
+ }
+
+ flashStatusInChatInput(message: string) {
+ // Get chat input element and original placeholder
+ let chatInput = this.contentEl.getElementsByClassName("khoj-chat-input")[0];
+ let originalPlaceholder = chatInput.placeholder;
+ // Set placeholder to message
+ chatInput.placeholder = message;
+ // Reset placeholder after 2 seconds
+ setTimeout(() => {
+ chatInput.placeholder = originalPlaceholder;
+ }, 2000);
+ }
+
+ async clearConversationHistory() {
+ let chatBody = this.contentEl.getElementsByClassName("khoj-chat-body")[0] as HTMLElement;
+
+ let response = await request({
+ url: `${this.setting.khojUrl}/api/chat/history?client=obsidian`,
+ method: "DELETE",
+ headers: { "Authorization": `Bearer ${this.setting.khojApiKey}` },
+ })
+ try {
+ let result = JSON.parse(response);
+ if (result.status !== "ok") {
+ // Throw error if conversation history isn't cleared
+ throw new Error("Failed to clear conversation history");
+ } else {
+ let getChatHistoryStatus = await this.getChatHistory(chatBody);
+ // If conversation history is cleared successfully, clear chat logs from modal
+ if (getChatHistoryStatus) chatBody.innerHTML = "";
+ let statusMsg = getChatHistoryStatus ? result.message : "Failed to clear conversation history";
+ this.flashStatusInChatInput(statusMsg);
+ }
+ } catch (err) {
+ this.flashStatusInChatInput("Failed to clear conversation history");
+ }
+ }
+
+ sendMessageTimeout: NodeJS.Timeout | undefined;
+ mediaRecorder: MediaRecorder | undefined;
+ async speechToText(event: MouseEvent | TouchEvent | KeyboardEvent) {
+ event.preventDefault();
+ const transcribeButton = this.contentEl.getElementsByClassName("khoj-transcribe")[0];
+ const chatInput = this.contentEl.getElementsByClassName("khoj-chat-input")[0];
+ const sendButton = this.contentEl.getElementsByClassName("khoj-chat-send")[0]
+
+ const generateRequestBody = async (audioBlob: Blob, boundary_string: string) => {
+ const boundary = `------${boundary_string}`;
+ const chunks: ArrayBuffer[] = [];
+
+ chunks.push(new TextEncoder().encode(`${boundary}\r\n`));
+ chunks.push(new TextEncoder().encode(`Content-Disposition: form-data; name="file"; filename="blob"\r\nContent-Type: "application/octet-stream"\r\n\r\n`));
+ chunks.push(await audioBlob.arrayBuffer());
+ chunks.push(new TextEncoder().encode('\r\n'));
+
+ await Promise.all(chunks);
+ chunks.push(new TextEncoder().encode(`${boundary}--\r\n`));
+ return await new Blob(chunks).arrayBuffer();
+ };
+
+ const sendToServer = async (audioBlob: Blob) => {
+ const boundary_string = `Boundary${Math.random().toString(36).slice(2)}`;
+ const requestBody = await generateRequestBody(audioBlob, boundary_string);
+
+ const response = await requestUrl({
+ url: `${this.setting.khojUrl}/api/transcribe?client=obsidian`,
+ method: 'POST',
+ headers: { "Authorization": `Bearer ${this.setting.khojApiKey}` },
+ contentType: `multipart/form-data; boundary=----${boundary_string}`,
+ body: requestBody,
+ });
+
+ // Parse response from Khoj backend
+ let noSpeechText: string[] = [
+ "Thanks for watching!",
+ "Thanks for watching.",
+ "Thank you for watching!",
+ "Thank you for watching.",
+ "You",
+ "Bye."
+ ];
+ let noSpeech: boolean = false;
+ if (response.status === 200) {
+ console.log(response);
+ noSpeech = noSpeechText.includes(response.json.text.trimStart());
+ if (!noSpeech) chatInput.value += response.json.text.trimStart();
+ this.autoResize();
+ } else if (response.status === 501) {
+ throw new Error("⛔️ Configure speech-to-text model on server.");
+ } else if (response.status === 422) {
+ throw new Error("⛔️ Audio file to large to process.");
+ } else {
+ throw new Error("⛔️ Failed to transcribe audio.");
+ }
+
+ // Don't auto-send empty messages or when no speech is detected
+ if (chatInput.value.length === 0 || noSpeech) return;
+
+ // Show stop auto-send button. It stops auto-send when clicked
+ setIcon(sendButton, "stop-circle");
+ let stopSendButtonImg = sendButton.getElementsByClassName("lucide-stop-circle")[0]
+ stopSendButtonImg.addEventListener('click', (_) => { this.cancelSendMessage() });
+
+ // Start the countdown timer UI
+ stopSendButtonImg.getElementsByTagName("circle")[0].style.animation = "countdown 3s linear 1 forwards";
+ stopSendButtonImg.getElementsByTagName("circle")[0].style.color = "var(--icon-color-active)";
+
+ // Auto send message after 3 seconds
+ this.sendMessageTimeout = setTimeout(() => {
+ // Stop the countdown timer UI
+ setIcon(sendButton, "arrow-up-circle")
+ let sendImg = sendButton.getElementsByClassName("lucide-arrow-up-circle")[0]
+ sendImg.addEventListener('click', async (_) => { await this.chat() });
+
+ // Send message
+ this.chat(true);
+ }, 3000);
+ };
+
+ const handleRecording = (stream: MediaStream) => {
+ const audioChunks: Blob[] = [];
+ const recordingConfig = { mimeType: 'audio/webm' };
+ this.mediaRecorder = new MediaRecorder(stream, recordingConfig);
+
+ this.mediaRecorder.addEventListener("dataavailable", function(event) {
+ if (event.data.size > 0) audioChunks.push(event.data);
+ });
+
+ this.mediaRecorder.addEventListener("stop", async function() {
+ const audioBlob = new Blob(audioChunks, { type: 'audio/webm' });
+ await sendToServer(audioBlob);
+ });
+
+ this.mediaRecorder.start();
+ // setIcon(transcribeButton, "mic-off");
+ transcribeButton.classList.add("loading-encircle")
+ };
+
+ // Toggle recording
+ if (!this.mediaRecorder || this.mediaRecorder.state === 'inactive' || event.type === 'touchstart' || event.type === 'mousedown' || event.type === 'keydown') {
+ this.voiceChatActive = true;
+ navigator.mediaDevices
+ .getUserMedia({ audio: true })
+ ?.then(handleRecording)
+ .catch((e) => {
+ this.flashStatusInChatInput("⛔️ Failed to access microphone");
+ });
+ } else if (this.mediaRecorder?.state === 'recording' || event.type === 'touchend' || event.type === 'touchcancel' || event.type === 'mouseup' || event.type === 'keyup') {
+ this.voiceChatActive = false;
+ this.mediaRecorder.stop();
+ this.mediaRecorder.stream.getTracks().forEach(track => track.stop());
+ this.mediaRecorder = undefined;
+ transcribeButton.classList.remove("loading-encircle");
+ setIcon(transcribeButton, "mic");
+ }
+ }
+
+ cancelSendMessage() {
+ // Cancel the auto-send chat message timer if the stop-send-button is clicked
+ clearTimeout(this.sendMessageTimeout);
+
+ // Revert to showing send-button and hide the stop-send-button
+ let sendButton = this.contentEl.getElementsByClassName("khoj-chat-send")[0];
+ setIcon(sendButton, "arrow-up-circle");
+ let sendImg = sendButton.getElementsByClassName("lucide-arrow-up-circle")[0]
+ sendImg.addEventListener('click', async (_) => { await this.chat() });
+ };
+
+ incrementalChat(event: KeyboardEvent) {
+ // If dropdown is visible and Enter is pressed, select the current option
+ if (this.modeDropdown && this.modeDropdown.style.display !== "none" && event.key === "Enter") {
+ event.preventDefault();
+
+ const options = this.modeDropdown.querySelectorAll(".khoj-mode-dropdown-option");
+ const visibleOptions = Array.from(options).filter(option =>
+ option.style.display !== "none"
+ );
+
+ // If any option is selected, use that one
+ if (this.selectedOptionIndex >= 0 && this.selectedOptionIndex < visibleOptions.length) {
+ const selectedOption = visibleOptions[this.selectedOptionIndex];
+ const index = parseInt(selectedOption.getAttribute("data-index") || "0");
+ const chatInput = this.contentEl.getElementsByClassName("khoj-chat-input")[0];
+
+ chatInput.value = this.chatModes[index].command + " ";
+ chatInput.focus();
+ this.currentUserInput = chatInput.value;
+ this.hideModeDropdown();
+ }
+ // If no option is selected but there's exactly one visible option, use that
+ else if (visibleOptions.length === 1) {
+ const onlyOption = visibleOptions[0];
+ const index = parseInt(onlyOption.getAttribute("data-index") || "0");
+ const chatInput = this.contentEl.getElementsByClassName("khoj-chat-input")[0];
+
+ chatInput.value = this.chatModes[index].command + " ";
+ chatInput.focus();
+ this.currentUserInput = chatInput.value;
+ this.hideModeDropdown();
+ }
+ return;
+ }
+
+ const chatInput = this.contentEl.getElementsByClassName("khoj-chat-input")[0];
+ const trimmedValue = chatInput.value.trim();
+
+ // Check if value is empty or just a mode command
+ const isOnlyModeCommand = this.chatModes.some(mode =>
+ trimmedValue === mode.command || trimmedValue === mode.command + " "
+ );
+
+ if (event.key === 'Enter' && !event.shiftKey) {
+ // If message is empty or just a mode command, don't send
+ if (!trimmedValue || isOnlyModeCommand) {
+ event.preventDefault();
+ return;
+ }
+
+ // Otherwise, send message as normal
+ event.preventDefault();
+ this.chat();
+ }
+ }
+
+ onChatInput() {
+ const chatInput = this.contentEl.getElementsByClassName("khoj-chat-input")[0];
+ chatInput.value = chatInput.value.trimStart();
+ this.currentMessageIndex = -1;
+
+ // Store the current input
+ this.currentUserInput = chatInput.value;
+
+ // Check if input starts with "/" and show dropdown
+ if (chatInput.value.startsWith("/")) {
+ this.showModeDropdown(chatInput);
+ this.selectedOptionIndex = -1; // Reset selected index
+ } else if (this.modeDropdown) {
+ // Hide dropdown if input doesn't start with "/"
+ this.hideModeDropdown();
+ }
+
+ this.autoResize();
+ }
+
+ autoResize() {
+ const chatInput = this.contentEl.getElementsByClassName("khoj-chat-input")[0];
+
+ // Skip resizing completely during active streaming to avoid UI jumps
+ if (this.isStreaming) {
+ return;
+ }
+
+ // Reset height to auto to get the correct scrollHeight
+ chatInput.style.height = 'auto';
+
+ // Calculate new height based on content with a larger maximum height
+ const maxHeight = 400;
+ const newHeight = Math.min(chatInput.scrollHeight, maxHeight);
+ chatInput.style.height = newHeight + 'px';
+ // Add overflow-y: auto only if content exceeds max height
+ if (chatInput.scrollHeight > maxHeight) {
+ chatInput.style.overflowY = 'auto';
+ } else {
+ chatInput.style.overflowY = 'hidden';
+ }
+
+ // Update dropdown position if it exists and is visible
+ if (this.modeDropdown && this.modeDropdown.style.display !== "none") {
+ const inputRect = chatInput.getBoundingClientRect();
+ const containerRect = this.contentEl.getBoundingClientRect();
+
+ this.modeDropdown.style.left = `${inputRect.left - containerRect.left}px`;
+ this.modeDropdown.style.top = `${inputRect.top - containerRect.top - 4}px`; // Position above with small gap
+ this.modeDropdown.style.width = `${inputRect.width}px`;
+ }
+ }
+
+ scrollChatToBottom() {
+ const chat_body_el = this.contentEl.getElementsByClassName("khoj-chat-body")[0];
+ if (!!chat_body_el) chat_body_el.scrollTop = chat_body_el.scrollHeight;
+ }
+
+ createLoadingEllipse() {
+ // Temporary status message to indicate that Khoj is thinking
+ let loadingEllipsis = this.contentEl.createEl("div");
+ loadingEllipsis.classList.add("lds-ellipsis");
+
+ let firstEllipsis = this.contentEl.createEl("div");
+ firstEllipsis.classList.add("lds-ellipsis-item");
+
+ let secondEllipsis = this.contentEl.createEl("div");
+ secondEllipsis.classList.add("lds-ellipsis-item");
+
+ let thirdEllipsis = this.contentEl.createEl("div");
+ thirdEllipsis.classList.add("lds-ellipsis-item");
+
+ let fourthEllipsis = this.contentEl.createEl("div");
+ fourthEllipsis.classList.add("lds-ellipsis-item");
+
+ loadingEllipsis.appendChild(firstEllipsis);
+ loadingEllipsis.appendChild(secondEllipsis);
+ loadingEllipsis.appendChild(thirdEllipsis);
+ loadingEllipsis.appendChild(fourthEllipsis);
+
+ return loadingEllipsis;
+ }
+
+ handleStreamResponse(newResponseElement: HTMLElement | null, rawResponse: string, loadingEllipsis: HTMLElement | null, replace = true) {
+ if (!newResponseElement) return;
+
+ // Remove loading ellipsis if it exists
+ if (newResponseElement.getElementsByClassName("lds-ellipsis").length > 0 && loadingEllipsis)
+ newResponseElement.removeChild(loadingEllipsis);
+
+ // Always replace the content completely
+ newResponseElement.innerHTML = "";
+ const messageEl = this.formatHTMLMessage(rawResponse, false, true);
+ messageEl.classList.add('khoj-message-new-content');
+ newResponseElement.appendChild(messageEl);
+
+ // Remove the animation class after the animation completes
+ setTimeout(() => {
+ newResponseElement.classList.remove('khoj-message-new-content');
+ }, 300);
+ }
+
+ handleImageResponse(imageJson: any, rawResponse: string) {
+ if (imageJson.image) {
+ const inferredQuery = imageJson.inferredQueries?.[0] ?? "generated image";
+
+ // If response has image field, response is a generated image.
+ if (imageJson.intentType === "text-to-image") {
+ rawResponse += ``;
+ } else if (imageJson.intentType === "text-to-image2") {
+ rawResponse += ``;
+ } else if (imageJson.intentType === "text-to-image-v3") {
+ rawResponse = ``;
+ } else if (imageJson.intentType === "excalidraw") {
+ const domain = this.setting.khojUrl.endsWith("/") ? this.setting.khojUrl : `${this.setting.khojUrl}/`;
+ const redirectMessage = `Hey, I'm not ready to show you diagrams yet here. But you can view it in ${domain}`;
+ rawResponse += redirectMessage;
+ }
+ if (inferredQuery) {
+ rawResponse += `\n\n**Inferred Query**:\n\n${inferredQuery}`;
+ }
+ } else if (imageJson.images) {
+ // If response has images field, response is a list of generated images.
+ imageJson.images.forEach((image: any) => {
+ rawResponse += `\n\n`;
+ });
+ } else if (imageJson.excalidrawDiagram) {
+ const domain = this.setting.khojUrl.endsWith("/") ? this.setting.khojUrl : `${this.setting.khojUrl}/`;
+ const redirectMessage = `Hey, I'm not ready to show you diagrams yet here. But you can view it in ${domain}`;
+ rawResponse += redirectMessage;
+ } else if (imageJson.mermaidjsDiagram) {
+ rawResponse += imageJson.mermaidjsDiagram;
+ }
+
+ // If response has detail field, response is an error message.
+ if (imageJson.detail) rawResponse += imageJson.detail;
+
+ return rawResponse;
+ }
+
+ finalizeChatBodyResponse(references: object, newResponseElement: HTMLElement | null, turnId: string) {
+ if (!!newResponseElement && references != null && Object.keys(references).length > 0) {
+ newResponseElement.appendChild(this.createReferenceSection(references));
+ }
+ if (!!newResponseElement && turnId) {
+ // Set the turnId for the new response and the previous user message
+ newResponseElement.parentElement?.setAttribute("data-turnid", turnId);
+ newResponseElement.parentElement?.previousElementSibling?.setAttribute("data-turnid", turnId);
+ }
+ this.scrollChatToBottom();
+ let chatInput = this.contentEl.getElementsByClassName("khoj-chat-input")[0];
+ if (chatInput) chatInput.removeAttribute("disabled");
+ }
+
+ createReferenceSection(references: any) {
+ let referenceSection = this.contentEl.createEl('div');
+ referenceSection.classList.add("reference-section");
+ referenceSection.classList.add("collapsed");
+
+ let numReferences = 0;
+
+ if (references.hasOwnProperty("notes")) {
+ numReferences += references["notes"].length;
+
+ references["notes"].forEach((reference: any, index: number) => {
+ let polishedReference = this.generateReference(referenceSection, reference, index);
+ referenceSection.appendChild(polishedReference);
+ });
+ }
+ if (references.hasOwnProperty("online")) {
+ numReferences += this.processOnlineReferences(referenceSection, references["online"]);
+ }
+
+ let referenceExpandButton = this.contentEl.createEl('button');
+ referenceExpandButton.classList.add("reference-expand-button");
+ referenceExpandButton.innerHTML = numReferences == 1 ? "1 reference" : `${numReferences} references`;
+
+ referenceExpandButton.addEventListener('click', function() {
+ if (referenceSection.classList.contains("collapsed")) {
+ referenceSection.classList.remove("collapsed");
+ referenceSection.classList.add("expanded");
+ } else {
+ referenceSection.classList.add("collapsed");
+ referenceSection.classList.remove("expanded");
+ }
+ });
+
+ let referencesDiv = this.contentEl.createEl('div');
+ referencesDiv.classList.add("references");
+ referencesDiv.appendChild(referenceExpandButton);
+ referencesDiv.appendChild(referenceSection);
+
+ return referencesDiv;
+ }
+
+ // function to loop through the user's past messages
+ handleArrowKeys(event: KeyboardEvent) {
+ const chatInput = this.contentEl.getElementsByClassName("khoj-chat-input")[0];
+
+ // Handle dropdown navigation with arrow keys
+ if (this.modeDropdown && this.modeDropdown.style.display !== "none") {
+ const options = this.modeDropdown.querySelectorAll(".khoj-mode-dropdown-option");
+ // Only consider visible options
+ const visibleOptions = Array.from(options).filter(option =>
+ option.style.display !== "none"
+ );
+
+ if (visibleOptions.length === 0) {
+ this.hideModeDropdown();
+ return;
+ }
+
+ switch (event.key) {
+ case "ArrowDown":
+ event.preventDefault();
+ if (this.selectedOptionIndex < 0) {
+ this.selectedOptionIndex = 0;
+ } else {
+ this.selectedOptionIndex = Math.min(this.selectedOptionIndex + 1, visibleOptions.length - 1);
+ }
+ this.highlightVisibleOption(visibleOptions);
+ break;
+
+ case "ArrowUp":
+ event.preventDefault();
+ if (this.selectedOptionIndex < 0) {
+ this.selectedOptionIndex = visibleOptions.length - 1;
+ } else {
+ this.selectedOptionIndex = Math.max(this.selectedOptionIndex - 1, 0);
+ }
+ this.highlightVisibleOption(visibleOptions);
+ break;
+
+ case "Enter":
+ // We handle Enter in incrementalChat now
+ break;
+
+ case "Escape":
+ event.preventDefault();
+ this.hideModeDropdown();
+ break;
+ }
+
+ // Don't process arrow keys for history navigation if dropdown is open
+ if (event.key === "ArrowUp" || event.key === "ArrowDown") {
+ return;
+ }
+ }
+
+ // Original arrow key handling for message history
+ // (Le code existant pour gérer les touches fléchées)
+ }
+
+ /**
+ * Highlights the selected option among visible options
+ * @param {HTMLElement[]} visibleOptions - Array of visible dropdown options
+ */
+ private highlightVisibleOption(visibleOptions: HTMLElement[]) {
+ const allOptions = this.modeDropdown?.querySelectorAll(".khoj-mode-dropdown-option");
+ if (!allOptions) return;
+
+ // Clear highlighting on all options first
+ allOptions.forEach(option => {
+ option.classList.remove("khoj-mode-dropdown-option-selected");
+ });
+
+ // Add highlighting to the selected visible option
+ if (this.selectedOptionIndex >= 0 && this.selectedOptionIndex < visibleOptions.length) {
+ const selectedOption = visibleOptions[this.selectedOptionIndex];
+ selectedOption.classList.add("khoj-mode-dropdown-option-selected");
+
+ // Scroll to selected option if needed
+ if (this.modeDropdown) {
+ const container = this.modeDropdown;
+ if (selectedOption.offsetTop < container.scrollTop) {
+ container.scrollTop = selectedOption.offsetTop;
+ } else if (selectedOption.offsetTop + selectedOption.offsetHeight > container.scrollTop + container.offsetHeight) {
+ container.scrollTop = selectedOption.offsetTop + selectedOption.offsetHeight - container.offsetHeight;
+ }
+ }
+ }
+ }
+
+ // Add this new method to handle message deletion
+ async deleteMessage(messageEl: HTMLElement, skipPaired: boolean = false, skipBackend: boolean = false) {
+ // Find parent message container
+ const messageContainer = messageEl.closest('.khoj-chat-message');
+ if (!messageContainer) return;
+
+ // Get paired message to delete if needed
+ let pairedMessageContainer: Element | null = null;
+ if (!skipPaired) {
+ const messages = Array.from(document.getElementsByClassName('khoj-chat-message'));
+ const currentIndex = messages.indexOf(messageContainer as HTMLElement);
+
+ // If we're deleting a user message, also delete the subsequent khoj message (if any)
+ if (messageContainer.classList.contains('you') && currentIndex < messages.length - 1) {
+ pairedMessageContainer = messages[currentIndex + 1];
+ }
+ // If we're deleting a khoj message, also delete the preceding user message (if any)
+ else if (messageContainer.classList.contains('khoj') && currentIndex > 0) {
+ pairedMessageContainer = messages[currentIndex - 1];
+ }
+ }
+
+ // Add animation class
+ messageContainer.classList.add('deleting');
+ if (pairedMessageContainer) {
+ pairedMessageContainer.classList.add('deleting');
+ }
+
+ // Wait for animation to complete
+ setTimeout(async () => {
+ // Get turn ID for message
+ const turnId = messageContainer.getAttribute('data-turnid');
+
+ // Remove message(s) from DOM
+ messageContainer.remove();
+ if (pairedMessageContainer) {
+ pairedMessageContainer.remove();
+ }
+
+ // Only delete in backend if not skipped
+ if (!skipBackend && turnId) {
+ const chatBodyEl = this.contentEl.getElementsByClassName("khoj-chat-body")[0] as HTMLElement;
+ const conversationId = chatBodyEl.dataset.conversationId;
+
+ if (!conversationId) return;
+
+ try {
+ // Delete from backend
+ const response = await fetch(`${this.setting.khojUrl}/api/chat/conversation/message`, {
+ method: 'DELETE',
+ headers: {
+ 'Content-Type': 'application/json',
+ 'Authorization': `Bearer ${this.setting.khojApiKey}`
+ },
+ body: JSON.stringify({
+ conversation_id: conversationId,
+ turn_id: turnId
+ }),
+ });
+
+ if (!response.ok) {
+ console.error('Failed to delete message from backend:', await response.text());
+ this.flashStatusInChatInput("Failed to delete message");
+ }
+ } catch (error) {
+ console.error('Error deleting message:', error);
+ this.flashStatusInChatInput("Error deleting message");
+ }
+ }
+ }, 300); // Matches the animation duration
+ }
+
+ async fetchAgents() {
+ try {
+ const response = await fetch(`${this.setting.khojUrl}/api/agents`, {
+ headers: {
+ "Authorization": `Bearer ${this.setting.khojApiKey}`
+ }
+ });
+
+ if (response.ok) {
+ this.agents = await response.json();
+ } else {
+ console.error("Failed to fetch agents:", response.statusText);
+ }
+ } catch (error) {
+ console.error("Error fetching agents:", error);
+ }
+ }
+
+ // Add this new method after the class declaration
+ private async getOpenFilesContent(): Promise {
+ return this.fileInteractions.getOpenFilesContent(this.fileAccessMode);
+ }
+
+ private parseEditBlocks(message: string): EditBlock[] {
+ return this.fileInteractions.parseEditBlocks(message);
+ }
+
+ private async applyEditBlocks(editBlocks: EditBlock[]) {
+ // Check for parsing errors first
+ if (editBlocks.length === 0) return;
+
+ // Apply edits using the FileInteractions class
+ const { editResults, fileBackups } = await this.fileInteractions.applyEditBlocks(
+ editBlocks,
+ (blockToRetry) => {
+ if (this.editRetryCount < this.maxEditRetries) {
+ this.handleEditRetry(blockToRetry);
+ }
+ }
+ );
+
+ // Add confirmation buttons to the last message
+ const chatBodyEl = this.contentEl.getElementsByClassName("khoj-chat-body")[0];
+ const lastMessage = chatBodyEl.lastElementChild;
+
+ if (lastMessage) {
+ const buttonsContainer = lastMessage.createDiv({ cls: "edit-confirmation-buttons" });
+
+ // Create a dedicated container for status summary to ensure proper separation
+ const statusContainer = buttonsContainer.createDiv({ cls: "edit-status-container" });
+
+ // Add status summary as a separate element with its own styling
+ const statusSummary = statusContainer.createDiv({ cls: "edit-status-summary" });
+ const successCount = editResults.filter(r => r.success).length;
+
+ // Add appropriate status class based on success/failure
+ if (successCount === editResults.length) {
+ statusSummary.innerHTML = `All edits applied successfully`;
+ statusSummary.addClass("success");
+ } else if (successCount === 0) {
+ statusSummary.innerHTML = `No edits were applied`;
+ statusSummary.addClass("error");
+ } else {
+ // This should not happen with atomic approach, but keeping for safety
+ statusSummary.innerHTML = `${successCount}/${editResults.length} edits applied successfully`;
+ statusSummary.addClass(successCount > 0 ? "success" : "error");
+ }
+
+ if (editResults.some(r => !r.success)) {
+ const errorDetails = editResults
+ .filter(r => !r.success)
+ .map(r => {
+ // Check if the error is due to atomic validation failure
+ if (r.error && r.error.includes('Other edits in the group failed')) {
+ return `• ${r.block.note}: Not applied due to atomic validation failure`;
+ }
+ return `• ${r.block.note}: ${r.error}`;
+ })
+ .join('\n');
+ statusSummary.title = `Failed edits:\n${errorDetails}`;
+ }
+
+ // Create Apply button
+ const applyButton = buttonsContainer.createEl("button", {
+ text: "Apply",
+ cls: ["edit-confirm-button", "edit-apply-button"],
+ });
+
+ // Create Cancel button
+ const cancelButton = buttonsContainer.createEl("button", {
+ text: "Cancel",
+ cls: ["edit-confirm-button", "edit-cancel-button"],
+ });
+
+ // Scroll to the buttons
+ buttonsContainer.scrollIntoView({ behavior: "smooth", block: "center" });
+
+ // Handle Apply/Cancel clicks
+ this.setupConfirmationButtons(applyButton, cancelButton, fileBackups, lastMessage, buttonsContainer);
+ }
+ }
+
+ // Helper method to setup confirmation buttons
+ private setupConfirmationButtons(
+ applyButton: HTMLButtonElement,
+ cancelButton: HTMLButtonElement,
+ fileBackups: Map,
+ lastMessage: Element,
+ buttonsContainer: HTMLDivElement
+ ) {
+ applyButton.addEventListener("click", async () => {
+ try {
+ for (const [filePath, originalContent] of fileBackups) {
+ const file = this.app.vault.getAbstractFileByPath(filePath);
+ if (file && file instanceof TFile) {
+ const currentContent = await this.app.vault.read(file);
+ let finalContent = currentContent;
+
+ // Remove diff markers
+ finalContent = finalContent.replace(/~~[^~]*~~\n?(?=~~)/g, '');
+ finalContent = finalContent.replace(/~~[^~]*~~/g, '');
+ finalContent = finalContent.replace(/==/g, '');
+
+ await this.app.vault.modify(file, finalContent);
+ }
+ }
+
+ const successMessage = lastMessage.createDiv({ cls: "edit-status-message success" });
+ successMessage.textContent = "Changes applied successfully";
+ setTimeout(() => successMessage.remove(), 3000);
+ } catch (error) {
+ console.error("Error applying changes:", error);
+ const errorMessage = lastMessage.createDiv({ cls: "edit-status-message error" });
+ errorMessage.textContent = "Error applying changes";
+ setTimeout(() => errorMessage.remove(), 3000);
+ } finally {
+ buttonsContainer.remove();
+ }
+ });
+
+ cancelButton.addEventListener("click", async () => {
+ try {
+ for (const [filePath, originalContent] of fileBackups) {
+ const file = this.app.vault.getAbstractFileByPath(filePath);
+ if (file && file instanceof TFile) {
+ await this.app.vault.modify(file, originalContent);
+ }
+ }
+ const successMessage = lastMessage.createDiv({ cls: "edit-status-message success" });
+ successMessage.textContent = "Changes cancelled successfully";
+ setTimeout(() => successMessage.remove(), 3000);
+ } catch (error) {
+ console.error("Error cancelling changes:", error);
+ const errorMessage = lastMessage.createDiv({ cls: "edit-status-message error" });
+ errorMessage.textContent = "Error cancelling changes";
+ setTimeout(() => errorMessage.remove(), 3000);
+ } finally {
+ buttonsContainer.remove();
+ }
+ });
+ }
+
+ private convertCommandsToEmojis(message: string): string {
+ const modeMatch = this.chatModes.find(mode => message.startsWith(mode.command));
+ if (modeMatch) {
+ return message.replace(modeMatch.command, `[${modeMatch.label}]`);
+ }
+ return message;
+ }
+
+ // Make the method public and async
+ public async applyPendingEdits() {
+ const chatBodyEl = this.contentEl.getElementsByClassName("khoj-chat-body")[0];
+ const lastMessage = chatBodyEl.lastElementChild;
+ if (!lastMessage) return;
+
+ // Check for edit confirmation buttons
+ const buttonsContainer = lastMessage.querySelector(".edit-confirmation-buttons");
+ if (!buttonsContainer) return;
+
+ // Find and click the apply button if it exists
+ const applyButton = buttonsContainer.querySelector(".edit-apply-button");
+ if (applyButton instanceof HTMLElement) {
+ applyButton.click();
+ }
+ }
+
+ // Make the method public
+ public async cancelPendingEdits() {
+ const chatBodyEl = this.contentEl.getElementsByClassName("khoj-chat-body")[0];
+ const lastMessage = chatBodyEl.lastElementChild;
+ if (!lastMessage) return;
+
+ // Check for edit confirmation buttons
+ const buttonsContainer = lastMessage.querySelector(".edit-confirmation-buttons");
+ if (!buttonsContainer) return;
+
+ // Find and click the cancel button if it exists
+ const cancelButton = buttonsContainer.querySelector(".edit-cancel-button");
+ if (cancelButton instanceof HTMLElement) {
+ cancelButton.click();
+ }
+ }
+
+ // Add this new method to handle khoj-edit block transformation
+ private transformEditBlocks(message: string): string {
+ return this.fileInteractions.transformEditBlocks(message);
+ }
+
+ private async handleEditRetry(errorBlock: EditBlock) {
+ this.editRetryCount++;
+
+ // Format error message based on the error type
+ let errorDetails = '';
+ if (errorBlock.error?.type === 'missing_field') {
+ errorDetails = `Missing required fields: ${errorBlock.error.message}\n`;
+ errorDetails += `Please include all required fields:\n${errorBlock.error.details}\n`;
+ } else if (errorBlock.error?.type === 'invalid_format') {
+ errorDetails = `The JSON format is invalid: ${errorBlock.error.message}\n`;
+ errorDetails += "Please check the syntax and provide a valid JSON edit block.\n";
+ } else {
+ errorDetails = `Error: ${errorBlock.error?.message || 'Unknown error'}\n`;
+ if (errorBlock.error?.details) {
+ errorDetails += `Details: ${errorBlock.error.details}\n`;
+ }
+ }
+
+ // Create retry badge - keep it simple and focused only on retry functionality
+ const chatBodyEl = this.contentEl.getElementsByClassName("khoj-chat-body")[0];
+
+ // Create a container for the retry badge to ensure proper separation
+ const retryContainer = chatBodyEl.createDiv({ cls: "khoj-retry-container" });
+
+ // Create the retry badge inside the container
+ const retryBadge = retryContainer.createDiv({ cls: "khoj-retry-badge" });
+
+ // Add retry icon
+ const retryIcon = retryBadge.createSpan({ cls: "retry-icon" });
+ setIcon(retryIcon, "refresh-cw");
+
+ // Add main text - keep it focused only on retry action
+ retryBadge.createSpan({ text: "Try again to apply changes" });
+
+ // Add retry count
+ retryBadge.createSpan({
+ cls: "retry-count",
+ text: `Attempt ${this.editRetryCount}/${this.maxEditRetries}`
+ });
+
+ // Add error details as a tooltip
+ retryBadge.setAttribute('aria-label', errorDetails);
+ // @ts-ignore - Obsidian's custom tooltip API
+ const hoverEditor = this.app.plugins.plugins["obsidian-hover-editor"];
+ if (hoverEditor) {
+ new hoverEditor.HoverPopover(this.app, retryBadge, errorDetails);
+ }
+
+ // Scroll to the badge
+ retryBadge.scrollIntoView({ behavior: "smooth", block: "center" });
+
+ // Create a retry prompt for the LLM
+ const retryPrompt = `/general I noticed some issues with the edit block. Please fix the following and provide a corrected version (retry ${this.editRetryCount}/${this.maxEditRetries}):\n\n${errorDetails}\n\nPlease provide a new edit block that fixes these issues. Make sure to follow the exact format required.`;
+
+ // Send retry request without displaying the user message
+ await this.getChatResponse(retryPrompt, "", false, false);
+ }
+
+ private showModeDropdown(inputEl: HTMLTextAreaElement) {
+ // Create dropdown if it doesn't exist
+ if (!this.modeDropdown) {
+ this.modeDropdown = this.contentEl.createDiv({
+ cls: "khoj-mode-dropdown"
+ });
+
+ // Position the dropdown ABOVE the input (instead of below)
+ const inputRect = inputEl.getBoundingClientRect();
+ const containerRect = this.contentEl.getBoundingClientRect();
+
+ this.modeDropdown.style.position = "absolute";
+ this.modeDropdown.style.left = `${inputRect.left - containerRect.left}px`;
+ this.modeDropdown.style.top = `${inputRect.top - containerRect.top - 4}px`; // Position above with small gap
+ this.modeDropdown.style.width = `${inputRect.width}px`;
+ this.modeDropdown.style.zIndex = "1000";
+ this.modeDropdown.style.transform = "translateY(-100%)"; // Move up by 100% of its height
+
+ // Add mode options to dropdown - we'll create all initially then show/hide based on filter
+ this.chatModes.forEach((mode, index) => {
+ const option = this.modeDropdown!.createDiv({
+ cls: "khoj-mode-dropdown-option",
+ attr: {
+ "data-index": index.toString(),
+ "data-command": mode.command,
+ }
+ });
+
+ // Create emoji span and label span for better styling control
+ const emojiSpan = option.createSpan({
+ cls: "khoj-mode-dropdown-emoji"
+ });
+ setIcon(emojiSpan, mode.iconName);
+
+ option.createSpan({
+ cls: "khoj-mode-dropdown-label",
+ text: ` ${mode.label} `
+ });
+
+ option.createSpan({
+ cls: "khoj-mode-dropdown-command",
+ text: `(${mode.command})`
+ });
+
+ // Select mode on click
+ option.addEventListener("click", () => {
+ inputEl.value = mode.command + " ";
+ inputEl.focus();
+ this.currentUserInput = inputEl.value;
+ this.hideModeDropdown();
+ });
+ });
+
+ // Close dropdown when clicking outside
+ document.addEventListener("click", (e) => {
+ if (this.modeDropdown && !this.modeDropdown.contains(e.target as Node) &&
+ e.target !== inputEl) {
+ this.hideModeDropdown();
+ }
+ });
+ } else {
+ // Show the dropdown if it already exists
+ this.modeDropdown.style.display = "block";
+ }
+
+ // Filter options based on current input
+ this.filterDropdownOptions(inputEl.value);
+ }
+
+ /**
+ * Filters dropdown options based on user input
+ * @param {string} inputValue - Current input value from textarea
+ */
+ private filterDropdownOptions(inputValue: string) {
+ if (!this.modeDropdown) return;
+
+ // Get all options
+ const options = this.modeDropdown.querySelectorAll(".khoj-mode-dropdown-option");
+ let visibleOptionsCount = 0;
+
+ options.forEach((option) => {
+ const command = option.getAttribute("data-command") || "";
+
+ // If input starts with "/" and has additional characters, filter based on that
+ if (inputValue.startsWith("/") && inputValue.length > 1) {
+ // Check if command starts with the input value
+ if (command.toLowerCase().startsWith(inputValue.toLowerCase())) {
+ option.style.display = "flex";
+ visibleOptionsCount++;
+ } else {
+ option.style.display = "none";
+ }
+ } else {
+ // Show all options if just "/" is typed
+ option.style.display = "flex";
+ visibleOptionsCount++;
+ }
+ });
+
+ // Hide dropdown if no matches
+ if (visibleOptionsCount === 0) {
+ this.hideModeDropdown();
+ }
+
+ // Reset selection since we filtered the options
+ this.selectedOptionIndex = -1;
+ }
+
+ private hideModeDropdown() {
+ if (this.modeDropdown) {
+ this.modeDropdown.style.display = "none";
+ this.selectedOptionIndex = -1;
+ }
+ }
+}
diff --git a/src/interface/obsidian/src/interact_with_files.ts b/src/interface/obsidian/src/interact_with_files.ts
new file mode 100644
index 0000000000000000000000000000000000000000..baa6ce8f41ebaf7ab2404c4fc567d1b97a361a65
--- /dev/null
+++ b/src/interface/obsidian/src/interact_with_files.ts
@@ -0,0 +1,996 @@
+import { App, MarkdownView, TFile } from 'obsidian';
+import { diffWords } from 'diff';
+
+/**
+ * Interface representing a block of edit instructions for modifying files
+ */
+export interface EditBlock {
+ file: string; // Target file name [Required]
+ find: string; // Content to find in file [Required]
+ replace: string; // Content to replace with in file [Required]
+ note?: string; // Brief explanation of edit [Optional]
+ hasError?: boolean; // Flag to indicate parsing error [Optional]
+ error?: {
+ type: 'missing_field' | 'invalid_format' | 'preprocessing' | 'unknown';
+ message: string;
+ details?: string;
+ };
+}
+
+/**
+ * Interface representing the result of parsing a Khoj edit block
+ */
+export interface ParsedEditBlock {
+ editData: EditBlock | null;
+ cleanContent: string;
+ inProgress?: boolean;
+ error?: {
+ type: 'missing_field' | 'invalid_format' | 'preprocessing' | 'unknown';
+ message: string;
+ details?: string;
+ };
+}
+
+/**
+ * Interface representing the result of processing an edit block
+ */
+interface ProcessedEditResult {
+ preview: string; // The content with diff markers to be inserted
+ newContent: string; // The new content after replacement
+ error?: string; // Error message if processing failed (e.g., 'find' text not found)
+}
+
+/**
+ * Interface representing the result of detecting a partial edit block
+ */
+interface PartialEditBlockResult {
+ content: string;
+ isComplete: boolean;
+}
+
+/**
+ * Class that handles file operations for the Khoj plugin
+ */
+export class FileInteractions {
+ private app: App;
+ private readonly EDIT_BLOCK_START = '';
+ private readonly EDIT_BLOCK_END = ' ';
+ private readonly CONTEXT_FILES_LIMIT = 3;
+
+ /**
+ * Constructor for FileInteractions
+ *
+ * @param app - The Obsidian App instance
+ */
+ constructor(app: App) {
+ this.app = app;
+ }
+
+ /**
+ * Get N open, recently viewed markdown files.
+ */
+ private getRecentActiveMarkdownFiles(N: number): TFile[] {
+ const seen = new Set();
+ const recentActiveFiles = this.app.workspace.getLeavesOfType('markdown')
+ .sort((a, b) => (b as any).activeTime - (a as any).activeTime) // Sort by leaf activeTime (note: undocumented prop)
+ .map(leaf => (leaf.view as MarkdownView)?.file)
+ // Dedupe by file path
+ .filter((file): file is TFile => {
+ if (!file || seen.has(file.path)) return false;
+ seen.add(file.path);
+ return true;
+ })
+ .slice(0, N);
+
+ console.log(`Using ${recentActiveFiles.length} recently viewed md files for context: ${recentActiveFiles.map(file => file.path).join(', ')}`);
+ return recentActiveFiles;
+ }
+
+ /**
+ * Gets the content of all open files
+ *
+ * @param fileAccessMode - The access mode ('none', 'read', or 'write')
+ * @returns A string containing the content of all open files
+ */
+ public async getOpenFilesContent(fileAccessMode: 'none' | 'read' | 'write'): Promise {
+ // Only proceed if we have read or write access
+ if (fileAccessMode === 'none') return '';
+
+ // Get recently viewed markdown files
+ const recentFiles = this.getRecentActiveMarkdownFiles(this.CONTEXT_FILES_LIMIT);
+ if (recentFiles.length === 0) return '';
+
+ // Instructions in write access mode
+ let editInstructions: string = '';
+ if (fileAccessMode === 'write') {
+ editInstructions = `
+If the user requests, you can suggest edits to files provided in the WORKING_FILE_SET provided below.
+Once you understand the user request you MUST:
+
+1. Decide if you need to propose *SEARCH/REPLACE* edits to any files that haven't been added to the chat.
+
+If you need to propose edits to existing files not already added to the chat, you *MUST* tell the user their full path names and ask them to *add the files to the chat*.
+End your reply and wait for their approval.
+You can keep asking if you then decide you need to edit more files.
+
+2. Think step-by-step and explain the needed changes in a few short sentences before each EDIT block.
+
+3. Describe each change with a *SEARCH/REPLACE block* like the examples below.
+
+All changes to files must use this *SEARCH/REPLACE block* format.
+ONLY EVER RETURN EDIT TEXT IN A *SEARCH/REPLACE BLOCK*!
+
+# *SEARCH/REPLACE block* Rules:
+
+Every *SEARCH/REPLACE block* must use this format:
+1. The opening fence: \`${this.EDIT_BLOCK_START}\`
+2. The *FULL* file path alone on a line, verbatim. No bold asterisks, no quotes around it, no escaping of characters, etc.
+3. The start of search block: <<<<<<< SEARCH
+4. A contiguous chunk of lines to search for in the source file
+5. The dividing line: =======
+6. The lines to replace into the source file
+7. The end of the replace block: >>>>>>> REPLACE
+8. The closing fence: \`${this.EDIT_BLOCK_END}\`
+
+Use the *FULL* file path, as shown to you by the user.
+
+Every *SEARCH* section must *EXACTLY MATCH* the existing file content, character for character, including all comments, docstrings, etc.
+If the file contains code or other data wrapped/escaped in json/xml/quotes or other containers, you need to propose edits to the literal contents of the file, including the container markup.
+
+*SEARCH/REPLACE* blocks will *only* replace the first match occurrence.
+Including multiple unique *SEARCH/REPLACE* blocks if needed.
+Include enough lines in each SEARCH section to uniquely match each set of lines that need to change.
+
+Keep *SEARCH/REPLACE* blocks concise.
+Break large *SEARCH/REPLACE* blocks into a series of smaller blocks that each change a small portion of the file.
+Include just the changing lines, and a few surrounding lines if needed for uniqueness.
+Do not include long runs of unchanging lines in *SEARCH/REPLACE* blocks.
+
+Only create *SEARCH/REPLACE* blocks for files that the user has added to the chat!
+
+To move text within a file, use 2 *SEARCH/REPLACE* blocks: 1 to delete it from its current location, 1 to insert it in the new location.
+
+Pay attention to which filenames the user wants you to edit, especially if they are asking you to create a new file.
+
+If you want to put text in a new file, use a *SEARCH/REPLACE block* with:
+- A new file path, including dir name if needed
+- An empty \`SEARCH\` section
+- The new file's contents in the \`REPLACE\` section
+
+ONLY EVER RETURN EDIT TEXT IN A *SEARCH/REPLACE BLOCK*!
+
+
+Suggest edits using targeted modifications. Use multiple edit blocks to make precise changes rather than rewriting entire sections.
+
+Here's how to use the *SEARCH/REPLACE block* format:
+
+${this.EDIT_BLOCK_START}
+target-filename
+<<<<<<< SEARCH
+from flask import Flask
+=======
+import math
+from flask import Flask
+>>>>>>> REPLACE
+${this.EDIT_BLOCK_END}
+
+⚠️ Important:
+- The target-filename parameter is required and must match an open file name.
+- The XML format ${this.EDIT_BLOCK_START}...${this.EDIT_BLOCK_END} ensures reliable parsing.
+- The SEARCH block content must completely and uniquely identify the section to edit.
+- The REPLACE block content will replace the first SEARCH block match in the specified \`target-filename\`.
+
+📝 Example note:
+
+\`\`\`
+---
+date: 2024-01-20
+tags: meeting, planning
+status: active
+---
+# file: Meeting Notes.md
+
+Action items from today:
+- Review Q4 metrics
+- Schedule follow-up with marketing team about new campaign launch
+- Update project timeline and milestones for Q1 2024
+
+Next steps:
+- Send summary to team
+- Book conference room for next week
+\`\`\`
+
+Examples of targeted edits:
+
+1. Using just a few words to identify long text (notice how "campaign launch" is kept in content):
+
+Add deadline and specificity to the marketing team follow-up.
+${this.EDIT_BLOCK_START}
+Meeting Notes.md
+<<<<<<< SEARCH
+- Schedule follow-up with marketing team about new campaign launch
+=======
+- Schedule follow-up with marketing team by Wednesday to discuss Q1 campaign launch
+>>>>>>> REPLACE
+${this.EDIT_BLOCK_END}
+
+2. Multiple targeted changes with escaped characters:
+
+Add HIGH priority flag with code reference to Q4 metrics review"
+${this.EDIT_BLOCK_START}
+Meeting Notes.md
+<<<<<<< SEARCH
+- Review Q4 metrics
+=======
+- [HIGH] Review Q4 metrics (see "metrics.ts" and \`calculateQ4Metrics()\`)
+>>>>>>> REPLACE
+
+
+Add resource allocation to project timeline task
+<${this.EDIT_BLOCK_START}>
+Meeting Notes.md
+<<<<<<< SEARCH
+- Update project timeline and milestones for Q1 2024
+=======
+- Update project timeline and add resource allocation for Q1 2024
+>>>>>>> REPLACE
+
+
+3. Adding new content between sections:
+Insert a new section for discussion points after the action items section:
+${this.EDIT_BLOCK_START}
+Meeting Notes.md
+<<<<<<< SEARCH
+Action items from today:
+- Review Q4 metrics
+- Schedule follow-up with marketing team about new campaign launch
+- Update project timeline and milestones for Q1 2024
+=======
+Action items from today:
+- Review Q4 metrics
+- Schedule follow-up
+- Update timeline
+
+Discussion Points:
+- Budget review
+- Team feedback
+>>>>>>> REPLACE
+
+
+4. Completely replacing a file content (preserving frontmatter):
+Replace entire file content while keeping frontmatter metadata
+${this.EDIT_BLOCK_START}
+Meeting Notes.md
+<<<<<<< SEARCH
+=======
+# Project Overview
+
+## Goals
+- Increase user engagement by 25%
+- Launch mobile app by Q3
+- Expand to 3 new markets
+
+## Timeline
+1. Q1: Research & Planning
+2. Q2: Development
+3. Q3: Testing & Launch
+4. Q4: Market Expansion
+>>>>>>> REPLACE
+${this.EDIT_BLOCK_END}
+
+- The SEARCH block must uniquely identify the section to edit
+- The REPLACE block content replaces the first SEARCH block match in the specified file
+- Frontmatter metadata (between --- markers at top of file) cannot be modified
+- Use an empty SEARCH block to replace entire file content with content in REPLACE block (while preserving frontmatter).
+- Remember to escape special characters: use \" for quotes in content
+- Each edit block must be fenced in ${this.EDIT_BLOCK_START}...${this.EDIT_BLOCK_END} XML tags
+
+
+`;
+ }
+
+ let openFilesContent = `
+For context, the user is currently working on the following files:
+
+
+`;
+
+ for (const file of recentFiles) {
+ // Read file content
+ let fileContent: string;
+ try {
+ fileContent = await this.app.vault.read(file);
+ } catch (error) {
+ console.error(`Error reading file ${file.path}:`, error);
+ continue;
+ }
+
+ openFilesContent += `\n# file: ${file.basename}.md\n\n${fileContent}\n \n\n`;
+ }
+
+ openFilesContent += " \n";
+
+ // Collate open files content with instructions
+ let context: string;
+ if (fileAccessMode === 'write') {
+ context = `\n\n${editInstructions + openFilesContent} `;
+ } else {
+ context = `\n\n${openFilesContent} `;
+ }
+
+ return context;
+ }
+
+ /**
+ * Calculates the Levenshtein distance between two strings
+ *
+ * @param a - First string
+ * @param b - Second string
+ * @returns The Levenshtein distance
+ */
+ public levenshteinDistance(a: string, b: string): number {
+ if (a.length === 0) return b.length;
+ if (b.length === 0) return a.length;
+
+ const matrix = Array(b.length + 1).fill(null).map(() =>
+ Array(a.length + 1).fill(null)
+ );
+
+ for (let i = 0; i <= a.length; i++) matrix[0][i] = i;
+ for (let j = 0; j <= b.length; j++) matrix[j][0] = j;
+
+ for (let j = 1; j <= b.length; j++) {
+ for (let i = 1; i <= a.length; i++) {
+ const cost = a[i - 1] === b[j - 1] ? 0 : 1;
+ matrix[j][i] = Math.min(
+ matrix[j][i - 1] + 1, // deletion
+ matrix[j - 1][i] + 1, // insertion
+ matrix[j - 1][i - 1] + cost // substitution
+ );
+ }
+ }
+
+ return matrix[b.length][a.length];
+ }
+
+ /**
+ * Finds the best matching file from a list of files based on the target name
+ *
+ * @param targetName - The name to match against
+ * @param files - Array of TFile objects to search
+ * @returns The best matching TFile or null if no matches found
+ */
+ public findBestMatchingFile(targetName: string, files: TFile[]): TFile | null {
+ const MAX_DISTANCE = 10;
+ let bestMatch: { file: TFile, distance: number } | null = null;
+
+ for (const file of files) {
+ // Try both with and without extension
+ const distanceWithExt = this.levenshteinDistance(targetName.toLowerCase(), file.name.toLowerCase());
+ const distanceWithoutExt = this.levenshteinDistance(targetName.toLowerCase(), file.basename.toLowerCase());
+ const distance = Math.min(distanceWithExt, distanceWithoutExt);
+
+ if (distance <= MAX_DISTANCE && (!bestMatch || distance < bestMatch.distance)) {
+ bestMatch = { file, distance };
+ }
+ }
+
+ return bestMatch?.file || null;
+ }
+
+ /**
+ * Parses a text edit block from the content string
+ * Enhanced to handle incomplete blocks and extract partial information
+ *
+ * @param content - The content from which to parse edit blocks
+ * @param isComplete - Whether the edit block is complete (has closing tag)
+ * @returns Object with the parsed edit data and cleaned content
+ */
+ public parseEditBlock(content: string, isComplete: boolean = true): ParsedEditBlock {
+ let cleanContent = '';
+ try {
+ // Normalize line breaks and clean control characters, but preserve empty lines
+ cleanContent = content
+ .replace(/\r\n/g, '\n')
+ .replace(/\r/g, '\n')
+ .replace(/[\x00-\x08\x0B\x0C\x0E-\x1F\x7F]/g, '')
+ .trim();
+
+ // For incomplete blocks, try to extract partial information
+ if (!isComplete) {
+ // Initialize with basic structure
+ const partialData: EditBlock = {
+ file: "",
+ find: "",
+ replace: ""
+ };
+
+ // Try to extract file name from the first line
+ const firstLineMatch = cleanContent.match(/^([^\n]+)/);
+ if (firstLineMatch) {
+ partialData.file = firstLineMatch[1].trim();
+ }
+
+ // Try to extract search content field
+ const searchStartMatch = cleanContent.match(/<<<<<<< SEARCH\n([\s\S]*)/);
+ if (searchStartMatch) {
+ partialData.find = searchStartMatch[1];
+ if (!partialData.file) { // If file not on first line, try line before SEARCH
+ const lines = cleanContent.split('\n');
+ const searchIndex = lines.findIndex(line => line.startsWith("<<<<<<< SEARCH"));
+ if (searchIndex > 0) {
+ partialData.file = lines[searchIndex - 1].trim();
+ }
+ }
+ }
+
+ return {
+ editData: partialData,
+ cleanContent,
+ inProgress: true
+ };
+ }
+
+ // Try parse SEARCH/REPLACE format for complete edit blocks
+ // Supports empty SEARCH (new file / replace whole file) and empty REPLACE (deletion)
+ // Regex structure:
+ // file_path (group 1)
+ // <<<<<<< SEARCH literal marker
+ // search_content (group 2, can be empty)
+ // ======= divider
+ // replacement_content (group 3, can be empty => deletion)
+ // >>>>>>> REPLACE end marker
+ // Note: The trailing newline before the end marker is optional to allow zero-length replacement
+ const newFormatRegex = /^([^\n]+)\n<<<<<<< SEARCH\n([\s\S]*?)\n=======\n([\s\S]*?)\n?>>>>>>> REPLACE\s*$/;
+ const newFormatMatch = newFormatRegex.exec(cleanContent);
+
+ let editData: EditBlock | null = null;
+ if (newFormatMatch) {
+ editData = {
+ file: newFormatMatch[1].trim(),
+ find: newFormatMatch[2],
+ replace: newFormatMatch[3],
+ };
+ }
+
+ // Validate required fields
+ let error: { type: 'missing_field' | 'invalid_format' | 'preprocessing' | 'unknown', message: string, details?: string } | null = null;
+ if (editData && !editData.file) {
+ error = {
+ type: 'missing_field',
+ message: 'Missing "file" field in edit block',
+ details: 'The "file" field is required and should contain the target file name'
+ };
+ }
+ else if (editData && (editData.find === undefined || editData.find === null)) {
+ error = {
+ type: 'missing_field',
+ message: 'Missing "find" field markers',
+ details: 'The "find" field is required. It should contain the content to find in the file or be empty for new files'
+ };
+ }
+ else if (editData && editData.replace === undefined) {
+ error = {
+ type: 'missing_field',
+ message: 'Missing "replace" field in edit block',
+ details: 'The "replace" field is required. It should contain the content to replace or be empty to indicate deletion'
+ };
+ }
+
+ return error
+ ? { editData, cleanContent, error }
+ : { editData, cleanContent };
+ } catch (error) {
+ console.error("Error parsing edit block:", error);
+ console.error("Content causing error:", content);
+ return {
+ editData: null,
+ cleanContent,
+ error: {
+ type: 'invalid_format',
+ message: 'Invalid JSON format in edit block',
+ details: error.message
+ }
+ };
+ }
+ }
+
+ /**
+ * Parses all edit blocks from a message
+ *
+ * @param message - The message containing text edit blocks in XML format
+ * @returns Array of EditBlock objects
+ */
+ public parseEditBlocks(message: string): EditBlock[] {
+ const editBlocks: EditBlock[] = [];
+ // Set regex to match edit blocks based on Edit Start, End XML tags in the message
+ const editBlockRegex = new RegExp(`${this.EDIT_BLOCK_START}([\\s\\S]*?)${this.EDIT_BLOCK_END}`, 'g');
+
+ let match;
+ while ((match = editBlockRegex.exec(message)) !== null) {
+ const { editData, cleanContent, error } = this.parseEditBlock(match[1]);
+
+ if (error) {
+ console.error("Failed to parse edit block:", error);
+ console.debug("Content causing error:", match[1]);
+ editBlocks.push({
+ file: "unknown", // Fallback value when editData is null
+ find: "",
+ replace: `Error: ${error.message}\nOriginal content:\n${match[1]}`,
+ note: "Error parsing edit block",
+ hasError: true,
+ error: error
+ });
+ continue;
+ }
+
+ if (!editData) {
+ console.debug("No edit data parsed");
+ continue;
+ }
+
+ editBlocks.push({
+ note: "Suggested edit",
+ file: editData.file,
+ find: editData.find,
+ replace: editData.replace,
+ hasError: !!error,
+ error: error || undefined
+ });
+ }
+
+ return editBlocks;
+ }
+
+ /**
+ * Creates a preview with differences highlighted
+ *
+ * @param originalText - The original text
+ * @param newText - The modified text
+ * @returns A string with differences highlighted
+ */
+ public createPreviewWithDiff(originalText: string, newText: string): string {
+ // Define unique tokens to temporarily replace existing formatting markers
+ const HIGHLIGHT_TOKEN = "___KHOJ_HIGHLIGHT_MARKER___";
+ const STRIKETHROUGH_TOKEN = "___KHOJ_STRIKETHROUGH_MARKER___";
+
+ // Function to preserve existing formatting markers by replacing them with tokens
+ const preserveFormatting = (text: string): string => {
+ // Replace existing highlight markers with non-greedy pattern
+ let processed = text.replace(/==(.*?)==/g, `${HIGHLIGHT_TOKEN}$1${HIGHLIGHT_TOKEN}`);
+ // Replace existing strikethrough markers with non-greedy pattern
+ processed = processed.replace(/~~(.*?)~~/g, `${STRIKETHROUGH_TOKEN}$1${STRIKETHROUGH_TOKEN}`);
+ return processed;
+ };
+
+ // Function to restore original formatting markers
+ const restoreFormatting = (text: string): string => {
+ // Restore highlight markers
+ let processed = text.replace(new RegExp(HIGHLIGHT_TOKEN + "(.*?)" + HIGHLIGHT_TOKEN, "g"), "==$1==");
+ // Restore strikethrough markers
+ processed = processed.replace(new RegExp(STRIKETHROUGH_TOKEN + "(.*?)" + STRIKETHROUGH_TOKEN, "g"), "~~$1~~");
+ return processed;
+ };
+
+ // Preserve existing formatting in both texts
+ const preservedOriginal = preserveFormatting(originalText);
+ const preservedNew = preserveFormatting(newText);
+
+ // Find common prefix and suffix
+ let prefixLength = 0;
+ const minLength = Math.min(preservedOriginal.length, preservedNew.length);
+ while (prefixLength < minLength && preservedOriginal[prefixLength] === preservedNew[prefixLength]) {
+ prefixLength++;
+ }
+
+ let suffixLength = 0;
+ while (
+ suffixLength < minLength - prefixLength &&
+ preservedOriginal[preservedOriginal.length - 1 - suffixLength] === preservedNew[preservedNew.length - 1 - suffixLength]
+ ) {
+ suffixLength++;
+ }
+
+ // Extract the parts
+ const commonPrefix = preservedOriginal.slice(0, prefixLength);
+ const commonSuffix = preservedOriginal.slice(preservedOriginal.length - suffixLength);
+ const originalDiff = preservedOriginal.slice(prefixLength, preservedOriginal.length - suffixLength);
+ const newDiff = preservedNew.slice(prefixLength, preservedNew.length - suffixLength);
+
+ // Format the differences
+ const formatLines = (text: string, marker: string): string => {
+ if (!text) return '';
+ return text.split('\n')
+ .map(line => {
+ line = line.trim();
+ if (!line) {
+ return marker === '==' ? '' : '~~';
+ }
+ return `${marker}${line}${marker}`;
+ })
+ .filter(line => line !== '~~')
+ .join('\n');
+ };
+
+ // Create the diff preview with preserved formatting tokens
+ const diffPreview = commonPrefix +
+ (originalDiff ? formatLines(originalDiff, '~~') : '') +
+ (newDiff ? formatLines(newDiff, '==') : '') +
+ commonSuffix;
+
+ // Restore original formatting markers in the final result
+ return restoreFormatting(diffPreview);
+ }
+
+ private textNormalize(text: string): string {
+ // Normalize whitespace and special characters
+ return text
+ .replace(/\u00A0/g, " ") // Replace non-breaking spaces with regular spaces
+ .replace(/[\u2002\u2003\u2007\u2008\u2009\u200A\u205F\u3000]/g, " ") // Replace various other Unicode spaces with regular spaces
+ .replace(/[\u2013\u2014]/g, '-') // Replace en-dash and em-dash with hyphen
+ .replace(/[\u2018\u2019]/g, "'") // Replace smart quotes with regular quotes
+ .replace(/[\u201C\u201D]/g, '"') // Replace smart double quotes with regular quotes
+ .replace(/\u2026/g, '...') // Replace ellipsis with three dots
+ .normalize('NFC') // Normalize to NFC form
+ }
+
+ private processSingleEdit(
+ rawFindText: string,
+ replaceText: string,
+ rawCurrentFileContent: string,
+ frontmatterEndIndex: number
+ ): ProcessedEditResult {
+ let startIndex = -1;
+ let endIndex = -1;
+ // Normalize special characters before searching
+ const findText = this.textNormalize(rawFindText);
+ const currentFileContent = this.textNormalize(rawCurrentFileContent);
+
+ if (findText === "") {
+ // Empty search means replace entire content after frontmatter
+ startIndex = frontmatterEndIndex;
+ endIndex = currentFileContent.length;
+ } else {
+ startIndex = currentFileContent.indexOf(findText, frontmatterEndIndex);
+ if (startIndex !== -1) {
+ endIndex = startIndex + findText.length;
+ }
+ }
+
+ if (startIndex === -1 || endIndex === -1 || startIndex > endIndex) {
+ return {
+ preview: "",
+ newContent: currentFileContent,
+ error: `No matching text found in file.`
+
+ };
+ }
+
+ const textToReplace = currentFileContent.substring(startIndex, endIndex);
+ const newText = replaceText.trim();
+ const preview = this.createPreviewWithDiff(textToReplace, newText);
+ const newContent =
+ currentFileContent.substring(0, startIndex) +
+ preview +
+ currentFileContent.substring(endIndex);
+
+ return { preview, newContent };
+ }
+
+ /**
+ * Applies edit blocks to modify files
+ *
+ * @param editBlocks - Array of EditBlock objects to apply
+ * @param addConfirmationButtons - Optional callback to add confirmation UI elements
+ * @returns Object containing edit results and file backups
+ */
+ public async applyEditBlocks(
+ editBlocks: EditBlock[],
+ onRetryNeeded?: (blockToRetry: EditBlock) => void
+ ): Promise<{
+ editResults: { block: EditBlock, success: boolean, error?: string }[],
+ fileBackups: Map,
+ }> {
+ // Check for parsing errors first
+ if (editBlocks.length === 0) {
+ return { editResults: [], fileBackups: new Map() };
+ }
+
+ // Store original content for each file in case we need to cancel
+ const fileBackups = new Map();
+
+ // Track current content for each file as we apply edits
+ const currentFileContents = new Map();
+
+ // Get recently viewed markdown file(s) to edit
+ const files = this.getRecentActiveMarkdownFiles(this.CONTEXT_FILES_LIMIT);
+
+ // Track success/failure for each edit
+ const editResults: { block: EditBlock, success: boolean, error?: string }[] = [];
+ const blocksNeedingRetry: EditBlock[] = [];
+
+ // PHASE 1: Validation - Check all blocks before applying any changes
+ const validationResults: { block: EditBlock, valid: boolean, error?: string, targetFile?: TFile }[] = [];
+
+ for (const block of editBlocks) {
+ try {
+ // Skip blocks with parsing errors
+ if (block.hasError) {
+ validationResults.push({
+ block,
+ valid: false,
+ error: block.error?.message || 'Parsing error'
+ });
+ continue;
+ }
+
+ const targetFile = this.findBestMatchingFile(block.file, files);
+ if (!targetFile) {
+ validationResults.push({
+ block,
+ valid: false,
+ error: `No matching file found for "${block.file}"`
+ });
+ continue;
+ }
+
+ // Read the file content if not already backed up
+ if (!fileBackups.has(targetFile.path)) {
+ const content = await this.app.vault.read(targetFile);
+ fileBackups.set(targetFile.path, content);
+ currentFileContents.set(targetFile.path, content);
+ }
+
+ // Use current content (which may have been modified by previous validations)
+ const currentContent = currentFileContents.get(targetFile.path)!;
+
+ // Find frontmatter boundaries
+ const frontmatterMatch = currentContent.match(/^---\n[\s\S]*?\n---\n/);
+ const frontmatterEndIndex = frontmatterMatch ? frontmatterMatch[0].length : 0;
+
+ const processedEdit = this.processSingleEdit(block.find, block.replace, currentContent, frontmatterEndIndex);
+
+ if (processedEdit.error) {
+ validationResults.push({ block, valid: false, error: processedEdit.error });
+ continue;
+ }
+
+ // Validation passed
+ validationResults.push({ block, valid: true, targetFile });
+
+ // Update the current content for this file for subsequent validations
+ currentFileContents.set(targetFile.path, processedEdit.newContent);
+
+ } catch (error) {
+ validationResults.push({ block, valid: false, error: error.message });
+ }
+ }
+
+ // Check if all blocks are valid
+ const allValid = validationResults.every(result => result.valid);
+
+ // If any block is invalid, don't apply any changes
+ if (!allValid) {
+ // Reset current file contents
+ currentFileContents.clear();
+
+ // Add all invalid blocks to retry list
+ for (const result of validationResults) {
+ if (!result.valid) {
+ blocksNeedingRetry.push({
+ ...result.block,
+ hasError: true,
+ error: {
+ type: 'invalid_format',
+ message: result.error || 'Validation failed',
+ details: result.error || 'Could not validate edit'
+ }
+ });
+
+ editResults.push({
+ block: result.block,
+ success: false,
+ error: result.error || 'Validation failed'
+ });
+ } else {
+ // Even valid blocks are considered failed in atomic mode if any block fails
+ editResults.push({
+ block: result.block,
+ success: false,
+ error: 'Other edits in the group failed validation'
+ });
+ }
+ }
+
+ // Trigger retry for the first failed block
+ if (blocksNeedingRetry.length > 0 && onRetryNeeded) {
+ onRetryNeeded(blocksNeedingRetry[0]);
+ }
+
+ return { editResults, fileBackups };
+ }
+
+ // PHASE 2: Application - Apply all changes since all blocks are valid
+ try {
+ // Reset current file contents to original state
+ currentFileContents.clear();
+ for (const [path, content] of fileBackups.entries()) {
+ currentFileContents.set(path, content);
+ }
+
+ // Apply all edits
+ for (const result of validationResults) {
+ const block = result.block;
+ const targetFile = result.targetFile!;
+
+ // Use current content (which may have been modified by previous edits)
+ const content = currentFileContents.get(targetFile.path)!;
+
+ // Find frontmatter boundaries
+ const frontmatterMatch = content.match(/^---\n[\s\S]*?\n---\n/);
+ const frontmatterEndIndex = frontmatterMatch ? frontmatterMatch[0].length : 0;
+
+ // Find the text to replace in original content
+ // Recalculate based on the current state of the file content for this phase
+ const processedEdit = this.processSingleEdit(block.find, block.replace, content, frontmatterEndIndex);
+
+ if (processedEdit.error) {
+ throw new Error(`Failed to re-locate edit markers for file "${targetFile.basename}" during application. Content may have shifted.`);
+ }
+
+ // Apply the changes to the file
+ await this.app.vault.modify(targetFile, processedEdit.newContent);
+
+ // Update the current content for this file for subsequent edits
+ currentFileContents.set(targetFile.path, processedEdit.newContent);
+
+ editResults.push({ block: {...block, replace: processedEdit.preview}, success: true });
+ }
+ } catch (error) {
+ console.error(`Error applying edits:`, error);
+
+ // Restore all files to their original state
+ for (const [path, content] of fileBackups.entries()) {
+ const file = this.app.vault.getAbstractFileByPath(path);
+ if (file && file instanceof TFile) {
+ await this.app.vault.modify(file, content);
+ }
+ }
+
+ // Mark all blocks as failed
+ for (const block of editBlocks) {
+ blocksNeedingRetry.push(block);
+ editResults.push({
+ block,
+ success: false,
+ error: `Failed to apply edits: ${error.message}`
+ });
+ }
+
+ // Trigger retry for the first block
+ if (blocksNeedingRetry.length > 0 && onRetryNeeded) {
+ onRetryNeeded(blocksNeedingRetry[0]);
+ }
+ }
+
+ return { editResults, fileBackups };
+ }
+
+ /**
+ * Transforms content edit blocks in a message to HTML for display
+ *
+ * @param message - The message containing content edit blocks in XML format
+ * @returns The transformed message with HTML for edit blocks
+ */
+ public transformEditBlocks(message: string): string {
+ // Get all open markdown files
+ const files = this.app.workspace.getLeavesOfType('markdown')
+ .map(leaf => (leaf.view as any)?.file)
+ .filter(file => file && file.extension === 'md');
+
+ // Detect all edit blocks, including partial ones
+ const partialBlocks = this.detectPartialEditBlocks(message);
+
+ // Process each detected block
+ let transformedMessage = message;
+ for (const block of partialBlocks) {
+ const isComplete = block.isComplete;
+ const content = block.content;
+
+ // Parse the block content
+ const { editData, cleanContent, error, inProgress } = this.parseEditBlock(content, isComplete);
+ if (!editData && !error) {
+ // If no edit data and no error, skip this block
+ continue;
+ }
+
+ // Escape content for HTML display
+ const diff = diffWords(editData?.find || '', editData?.replace || '');
+ let diffContent = diff.map(part => {
+ if (part.added) {
+ return `${part.value} `;
+ } else if (part.removed) {
+ return `${part.value} ${part.value} `;
+ }
+ }
+ ).join('').trim();
+
+ let htmlRender = '';
+ if (error) {
+ // Error block
+ console.error("Error parsing khoj-edit block:", error);
+ console.error("Content causing error:", content);
+
+ const errorTitle = `Error: ${error?.message || 'Parse error'}`;
+ const errorDetails = `Failed to parse edit block. Please check the JSON format and ensure all required fields are present.`;
+
+ htmlRender = `
+ ${errorTitle}
+
+
${errorDetails}
+
${diffContent}
+
`;
+ } else if (editData && inProgress) {
+ // In-progress block
+ htmlRender = `
+ 📄 ${editData.file} In Progress
+
+ `;
+ } else if (editData) {
+ // Success block
+ // Find the actual file that will be modified
+ const targetFile = this.findBestMatchingFile(editData.file, files);
+ const displayFileName = targetFile ? `${targetFile.basename}.${targetFile.extension}` : editData.file;
+
+ htmlRender = `
+ 📄 ${displayFileName}
+
+ `;
+ }
+
+ // Replace the block in the message
+ if (isComplete) {
+ transformedMessage = transformedMessage.replace(`${this.EDIT_BLOCK_START}${content}${this.EDIT_BLOCK_END}`, htmlRender);
+ } else {
+ transformedMessage = transformedMessage.replace(`${this.EDIT_BLOCK_START}${content}`, htmlRender);
+ }
+ }
+
+ return transformedMessage;
+ }
+
+ /**
+ * Detects partial edit blocks in a message
+ * This allows for early detection of edit blocks before they are complete
+ *
+ * @param message - The message to search for partial edit blocks
+ * @returns An array of detected blocks with their content and completion status
+ */
+ public detectPartialEditBlocks(message: string): PartialEditBlockResult[] {
+ const results: PartialEditBlockResult[] = [];
+
+ // This regex captures both complete and incomplete edit blocks
+ // It looks for EDIT_BLOCK_START tag followed by any content, and then either EDIT_BLOCK_END or the end of the string
+ const regex = new RegExp(`${this.EDIT_BLOCK_START}([\\s\\S]*?)(?:${this.EDIT_BLOCK_END}|$)`, 'g');
+
+ let match;
+ while ((match = regex.exec(message)) !== null) {
+ const content = match[1];
+ const isComplete = match[0].endsWith(this.EDIT_BLOCK_END);
+
+ results.push({
+ content,
+ isComplete
+ });
+ }
+
+ return results;
+ }
+}
diff --git a/src/interface/obsidian/src/main.ts b/src/interface/obsidian/src/main.ts
new file mode 100644
index 0000000000000000000000000000000000000000..b0c8d7d0e9bf22e5cde193285a10cce0c2f24f90
--- /dev/null
+++ b/src/interface/obsidian/src/main.ts
@@ -0,0 +1,246 @@
+import { Plugin, WorkspaceLeaf } from 'obsidian';
+import { KhojSetting, KhojSettingTab, DEFAULT_SETTINGS } from 'src/settings'
+import { KhojSearchModal } from 'src/search_modal'
+import { KhojChatView } from 'src/chat_view'
+import { KhojSimilarView } from 'src/similar_view'
+import { updateContentIndex, canConnectToBackend, KhojView } from 'src/utils';
+import { KhojPaneView } from 'src/pane_view';
+
+
+export default class Khoj extends Plugin {
+ settings: KhojSetting;
+ indexingTimer: NodeJS.Timeout;
+
+ async onload() {
+ await this.loadSettings();
+
+ // Add search command. It can be triggered from anywhere
+ this.addCommand({
+ id: 'search',
+ name: 'Search',
+ hotkeys: [{ modifiers: ["Ctrl", "Alt"], key: "S" }],
+ callback: () => { new KhojSearchModal(this.app, this.settings).open(); }
+ });
+
+ // Add similar notes command. It can only be triggered from the editor
+ this.addCommand({
+ id: 'similar',
+ name: 'Find similar notes',
+ hotkeys: [{ modifiers: ["Ctrl", "Alt"], key: "F" }],
+ editorCallback: () => { this.activateView(KhojView.SIMILAR); }
+ });
+
+ // Add chat command. It can be triggered from anywhere
+ this.addCommand({
+ id: 'chat',
+ name: 'Chat',
+ callback: () => { this.activateView(KhojView.CHAT); }
+ });
+
+ // Add similar documents view command
+ this.addCommand({
+ id: 'similar-view',
+ name: 'Open Similar Documents View',
+ callback: () => { this.activateView(KhojView.SIMILAR); }
+ });
+
+ // Add new chat command with hotkey
+ this.addCommand({
+ id: 'new-chat',
+ name: 'New Chat',
+ hotkeys: [{ modifiers: ["Ctrl", "Alt"], key: "N" }],
+ callback: async () => {
+ // First, activate the chat view
+ await this.activateView(KhojView.CHAT);
+
+ // Wait a short moment for the view to activate
+ setTimeout(() => {
+ // Try to get the active chat view
+ const chatView = this.app.workspace.getActiveViewOfType(KhojChatView);
+ if (chatView) {
+ chatView.createNewConversation();
+ }
+ }, 100);
+ }
+ });
+
+ // Add conversation history command with hotkey
+ this.addCommand({
+ id: 'conversation-history',
+ name: 'Show Conversation History',
+ hotkeys: [{ modifiers: ["Ctrl", "Alt"], key: "O" }],
+ callback: () => {
+ this.activateView(KhojView.CHAT).then(() => {
+ const chatView = this.app.workspace.getActiveViewOfType(KhojChatView);
+ if (chatView) {
+ chatView.toggleChatSessions();
+ }
+ });
+ }
+ });
+
+ // Add voice capture command with hotkey
+ this.addCommand({
+ id: 'voice-capture',
+ name: 'Start Voice Capture',
+ hotkeys: [{ modifiers: ["Ctrl", "Alt"], key: "V" }],
+ callback: () => {
+ this.activateView(KhojView.CHAT).then(() => {
+ const chatView = this.app.workspace.getActiveViewOfType(KhojChatView);
+ if (chatView) {
+ // Toggle speech to text functionality
+ const toggleEvent = chatView.voiceChatActive ? 'keyup' : 'keydown';
+ chatView.speechToText(new KeyboardEvent(toggleEvent));
+ }
+ });
+ }
+ });
+
+ // Add sync command to manually sync new changes
+ this.addCommand({
+ id: 'sync',
+ name: 'Sync new changes',
+ callback: async () => {
+ this.settings.lastSync = await updateContentIndex(
+ this.app.vault,
+ this.settings,
+ this.settings.lastSync,
+ false,
+ true
+ );
+ }
+ });
+
+ // Add edit confirmation commands
+ this.addCommand({
+ id: 'apply-edits',
+ name: 'Apply pending edits',
+ hotkeys: [{ modifiers: ["Ctrl", "Shift"], key: "Enter" }],
+ callback: () => {
+ const chatView = this.app.workspace.getActiveViewOfType(KhojChatView);
+ if (chatView) {
+ chatView.applyPendingEdits();
+ }
+ }
+ });
+
+ this.addCommand({
+ id: 'cancel-edits',
+ name: 'Cancel pending edits',
+ hotkeys: [{ modifiers: ["Ctrl", "Shift"], key: "Backspace" }],
+ callback: () => {
+ const chatView = this.app.workspace.getActiveViewOfType(KhojChatView);
+ if (chatView) {
+ chatView.cancelPendingEdits();
+ }
+ }
+ });
+
+ // Register views
+ this.registerView(KhojView.CHAT, (leaf) => new KhojChatView(leaf, this));
+ this.registerView(KhojView.SIMILAR, (leaf) => new KhojSimilarView(leaf, this));
+
+ // Create an icon in the left ribbon.
+ this.addRibbonIcon('message-circle', 'Khoj', (_: MouseEvent) => {
+ this.activateView(KhojView.CHAT);
+ });
+
+ // Add a settings tab so the user can configure khoj
+ this.addSettingTab(new KhojSettingTab(this.app, this));
+
+ // Start the sync timer
+ this.startSyncTimer();
+ }
+
+ // Method to start the sync timer
+ private startSyncTimer() {
+ // Clean up the old timer if it exists
+ if (this.indexingTimer) {
+ clearInterval(this.indexingTimer);
+ }
+
+ // Start a new timer with the configured interval
+ this.indexingTimer = setInterval(async () => {
+ if (this.settings.autoConfigure) {
+ this.settings.lastSync = await updateContentIndex(
+ this.app.vault,
+ this.settings,
+ this.settings.lastSync
+ );
+ }
+ }, this.settings.syncInterval * 60 * 1000); // Convert minutes to milliseconds
+ }
+
+ // Public method to restart the timer (called from settings)
+ public restartSyncTimer() {
+ this.startSyncTimer();
+ }
+
+ async loadSettings() {
+ // Load khoj obsidian plugin settings
+ this.settings = Object.assign({}, DEFAULT_SETTINGS, await this.loadData());
+
+ // Check if can connect to khoj server
+ ({ connectedToBackend: this.settings.connectedToBackend } =
+ await canConnectToBackend(this.settings.khojUrl, this.settings.khojApiKey, true));
+ }
+
+ async saveSettings() {
+ await this.saveData(this.settings);
+ }
+
+ async onunload() {
+ // Remove scheduled job to update index at regular cadence
+ if (this.indexingTimer)
+ clearInterval(this.indexingTimer);
+
+ this.unload();
+ }
+
+ async activateView(viewType: KhojView, existingLeaf?: WorkspaceLeaf) {
+ const { workspace } = this.app;
+ let leafToUse: WorkspaceLeaf | null = null;
+
+ // Check if an existingLeaf is provided and is suitable for a view type switch
+ if (existingLeaf && existingLeaf.view &&
+ (existingLeaf.view.getViewType() === KhojView.CHAT || existingLeaf.view.getViewType() === KhojView.SIMILAR) &&
+ existingLeaf.view.getViewType() !== viewType) {
+ // The existing leaf is a Khoj pane and we want to switch its type
+ leafToUse = existingLeaf;
+ await leafToUse.setViewState({ type: viewType, active: true });
+ } else {
+ // Standard logic: find an existing leaf of the target type, or create a new one
+ const leaves = workspace.getLeavesOfType(viewType);
+ if (leaves.length > 0) {
+ leafToUse = leaves[0];
+ } else {
+ // If we are not switching an existing Khoj leaf,
+ // and no leaf of the target type exists, create a new one.
+ // Use the provided existingLeaf if it's not a Khoj pane we're trying to switch,
+ // otherwise, get a new right leaf.
+ leafToUse = (existingLeaf && !(existingLeaf.view instanceof KhojPaneView)) ? existingLeaf : workspace.getRightLeaf(false);
+ if (leafToUse) {
+ await leafToUse.setViewState({ type: viewType, active: true });
+ } else {
+ console.error("Khoj: Could not get a leaf to activate view.");
+ return;
+ }
+ }
+ }
+
+ if (leafToUse) {
+ workspace.revealLeaf(leafToUse); // Ensure the leaf is visible
+
+ // Specific actions after revealing/switching
+ if (viewType === KhojView.CHAT) {
+ // Ensure the view instance is correct after potential setViewState
+ const chatView = leafToUse.view as KhojChatView;
+ if (chatView instanceof KhojChatView) { // Double check instance type
+ // Use a more robust way to get the input, or ensure it's always present after onOpen
+ const chatInput = chatView.containerEl.querySelector(".khoj-chat-input");
+ chatInput?.focus();
+ }
+ }
+ }
+ }
+}
diff --git a/src/interface/obsidian/src/pane_view.ts b/src/interface/obsidian/src/pane_view.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d63a5eddad13c7f5a6e0a442773d3e4ffa7a3215
--- /dev/null
+++ b/src/interface/obsidian/src/pane_view.ts
@@ -0,0 +1,68 @@
+import { ItemView, WorkspaceLeaf } from 'obsidian';
+import { KhojSetting } from 'src/settings';
+import { KhojView, populateHeaderPane } from './utils';
+import Khoj from 'src/main';
+
+export abstract class KhojPaneView extends ItemView {
+ setting: KhojSetting;
+ plugin: Khoj;
+
+ constructor(leaf: WorkspaceLeaf, plugin: Khoj) {
+ super(leaf);
+
+ this.setting = plugin.settings;
+ this.plugin = plugin;
+
+ // Register Modal Keybindings to send user message
+ // this.scope.register([], 'Enter', async () => { await this.chat() });
+ }
+
+ async onOpen() {
+ let { contentEl } = this;
+
+ // Add title to the Khoj Chat modal
+ let headerEl = contentEl.createDiv(({ attr: { id: "khoj-header", class: "khoj-header" } }));
+
+ // Setup the header pane
+ const viewType = this.getViewType();
+ await populateHeaderPane(headerEl, this.setting, viewType);
+
+ // Set the active nav pane based on the current view's type
+ if (viewType === KhojView.CHAT) {
+ headerEl.querySelector(".chat-nav")?.classList.add("khoj-nav-selected");
+ } else if (viewType === KhojView.SIMILAR) {
+ headerEl.querySelector(".similar-nav")?.classList.add("khoj-nav-selected");
+ }
+ // The similar-nav event listener is already set in utils.ts
+ let similarNavSvgEl = headerEl.getElementsByClassName("khoj-nav-icon-similar")[0]?.firstElementChild;
+ if (!!similarNavSvgEl) similarNavSvgEl.id = "similar-nav-icon-svg";
+ }
+
+ async activateView(viewType: string) {
+ const { workspace } = this.app;
+
+ let leaf: WorkspaceLeaf | null = null;
+ const leaves = workspace.getLeavesOfType(viewType);
+
+ if (leaves.length > 0) {
+ // A leaf with our view already exists, use that
+ leaf = leaves[0];
+ } else {
+ // Our view could not be found in the workspace, create a new leaf
+ // in the right sidebar for it
+ leaf = workspace.getRightLeaf(false);
+ await leaf?.setViewState({ type: viewType, active: true });
+ }
+
+ if (leaf) {
+ if (viewType === KhojView.CHAT) {
+ // focus on the chat input when the chat view is opened
+ let chatInput = this.contentEl.getElementsByClassName("khoj-chat-input")[0];
+ if (chatInput) chatInput.focus();
+ }
+
+ // "Reveal" the leaf in case it is in a collapsed sidebar
+ workspace.revealLeaf(leaf);
+ }
+ }
+}
diff --git a/src/interface/obsidian/src/search_modal.ts b/src/interface/obsidian/src/search_modal.ts
new file mode 100644
index 0000000000000000000000000000000000000000..86f4efac0ef054eeaf536a899d0a2a38d660dd8a
--- /dev/null
+++ b/src/interface/obsidian/src/search_modal.ts
@@ -0,0 +1,365 @@
+import { App, SuggestModal, request, MarkdownRenderer, Instruction, Platform, Notice } from 'obsidian';
+import { KhojSetting } from 'src/settings';
+import { supportedBinaryFileTypes, createNoteAndCloseModal, getFileFromPath, getLinkToEntry, supportedImageFilesTypes } from 'src/utils';
+
+export interface SearchResult {
+ entry: string;
+ file: string;
+}
+
+export class KhojSearchModal extends SuggestModal {
+ setting: KhojSetting;
+ rerank: boolean = false;
+ find_similar_notes: boolean;
+ query: string = "";
+ app: App;
+ currentController: AbortController | null = null; // To cancel requests
+ isLoading: boolean = false;
+ loadingEl: HTMLElement;
+ private isFileFilterMode: boolean = false;
+ private fileSelected: string = "";
+ private allFiles: Array<{path: string, inVault: boolean}> = [];
+ private resultsTitle: HTMLDivElement;
+
+ constructor(app: App, setting: KhojSetting, find_similar_notes: boolean = false) {
+ super(app);
+ this.app = app;
+ this.setting = setting;
+ this.find_similar_notes = find_similar_notes;
+
+ // Hide input element in Similar Notes mode
+ this.inputEl.hidden = this.find_similar_notes;
+
+ // Create loading element
+ this.loadingEl = createDiv({ cls: "search-loading" });
+ const spinnerEl = this.loadingEl.createDiv({ cls: "search-loading-spinner" });
+
+ this.loadingEl.style.position = "absolute";
+ this.loadingEl.style.top = "50%";
+ this.loadingEl.style.left = "50%";
+ this.loadingEl.style.transform = "translate(-50%, -50%)";
+ this.loadingEl.style.zIndex = "1000";
+ this.loadingEl.style.display = "none";
+
+ // Add the element to the modal
+ this.modalEl.appendChild(this.loadingEl);
+
+ // Customize empty state message
+ // @ts-ignore - Access to private property to customize the message
+ this.emptyStateText = "";
+
+ // Register Modal Keybindings to Rerank Results
+ this.scope.register(['Mod'], 'Enter', async () => {
+ // Re-rank when explicitly triggered by user
+ this.rerank = true
+ // Trigger input event to get and render (reranked) results from khoj backend
+ this.inputEl.dispatchEvent(new Event('input'));
+ // Rerank disabled by default to satisfy latency requirements for incremental search
+ this.rerank = false
+ });
+
+ // Register Modal Keybindings to Create New Note with Query as Title
+ this.scope.register(['Shift'], 'Enter', async () => {
+ if (this.query != "") createNoteAndCloseModal(this.query, this);
+ });
+ this.scope.register(['Ctrl', 'Shift'], 'Enter', async () => {
+ if (this.query != "") createNoteAndCloseModal(this.query, this, { newLeaf: true });
+ });
+
+ // Add Hints to Modal for available Keybindings
+ const modalInstructions: Instruction[] = [
+ {
+ command: '↑↓',
+ purpose: 'to navigate',
+ },
+ {
+ command: '↵',
+ purpose: 'to open',
+ },
+ {
+ command: Platform.isMacOS ? 'cmd ↵' : 'ctrl ↵',
+ purpose: 'to rerank',
+ },
+ {
+ command: 'esc',
+ purpose: 'to dismiss',
+ },
+ ]
+ this.setInstructions(modalInstructions);
+
+ // Set Placeholder Text for Modal
+ this.setPlaceholder('Search with Khoj...');
+
+ // Initialize allFiles with files in vault
+ this.allFiles = this.app.vault.getFiles().map(file => ({
+ path: file.path,
+ inVault: true
+ }));
+
+ // Update isFileFilterMode when input changes
+ this.inputEl.addEventListener('input', () => {
+ // Match file: at the end of input, with an optional unquoted partial path
+ const fileFilterMatch = this.inputEl.value.match(/file:([^"\s]*)$/);
+ if (fileFilterMatch) {
+ // Enter file filter mode when we see an unquoted file: token
+ this.isFileFilterMode = true;
+ } else {
+ // Exit file filter mode when input no longer ends with an unquoted file: token
+ this.isFileFilterMode = false;
+ this.fileSelected = "";
+ }
+ });
+
+ // Override selectSuggestion to prevent modal close during file filter selection
+ const originalSelectSuggestion = this.selectSuggestion.bind(this);
+ this.selectSuggestion = async (value: SearchResult & { inVault: boolean }, evt: MouseEvent | KeyboardEvent) => {
+ if (this.isFileFilterMode) {
+ // In file filter mode, handle selection without closing the modal
+ await this.onChooseSuggestion(value, evt);
+ } else {
+ // For normal search results, use the original behavior
+ originalSelectSuggestion(value, evt);
+ }
+ };
+
+ // Add title element
+ this.resultsTitle = createDiv();
+ this.resultsTitle.style.padding = "8px";
+ this.resultsTitle.style.fontWeight = "bold";
+
+ // Insert title before results container
+ this.resultContainerEl.parentElement?.insertBefore(this.resultsTitle, this.resultContainerEl);
+ }
+
+ // Check if the file exists in the vault
+ private isFileInVault(filePath: string): boolean {
+ // Normalize the path to handle different separators
+ const normalizedPath = filePath.replace(/\\/g, '/');
+
+ // Check if the file exists in the vault
+ return this.app.vault.getFiles().some(file =>
+ file.path === normalizedPath
+ );
+ }
+
+ async getSuggestions(query: string): Promise {
+ // Check if we are in file filter mode and input matches file filter pattern
+ const fileFilterMatch = query.match(/file:([^"\s]*)$/);
+ if (this.isFileFilterMode && fileFilterMatch) {
+ const partialPath = fileFilterMatch[1] || '';
+ // Update title for file filter mode
+ this.resultsTitle.setText("Select a file:");
+ // Return filtered file suggestions
+ return this.allFiles
+ .filter(file => file.path.toLowerCase().includes(partialPath.toLowerCase().trim()))
+ .map(file => ({
+ entry: file.path,
+ file: file.path,
+ inVault: file.inVault
+ }));
+ }
+
+ // Update title for search results
+ if (query.trim()) {
+ this.resultsTitle.setText("Search results:");
+ } else {
+ this.resultsTitle.setText("");
+ }
+
+ // If not in file filter mode, continue with normal search
+ if (!query.trim()) {
+ this.isLoading = false;
+ this.updateLoadingState();
+ return [];
+ }
+
+ // Show loading state
+ this.isLoading = true;
+ this.updateLoadingState();
+
+ // Cancel previous request if it exists
+ if (this.currentController) {
+ this.currentController.abort();
+ }
+
+ try {
+ // Create a new controller for this request
+ this.currentController = new AbortController();
+
+ // Setup Query Khoj backend for search results
+ let encodedQuery = encodeURIComponent(query);
+ let searchUrl = `${this.setting.khojUrl}/api/search?q=${encodedQuery}&n=${this.setting.resultsCount}&r=${this.rerank}&client=obsidian`;
+ let headers = {
+ 'Authorization': `Bearer ${this.setting.khojApiKey}`,
+ }
+
+ // Get search results from Khoj backend
+ const response = await fetch(searchUrl, {
+ headers: headers,
+ signal: this.currentController.signal
+ });
+
+ if (!response.ok) {
+ throw new Error(`HTTP error! status: ${response.status}`);
+ }
+
+ const data = await response.json();
+
+ // Parse search results and update allFiles with any new non-vault files
+ let results = data
+ .filter((result: any) =>
+ !this.find_similar_notes || !result.additional.file.endsWith(this.app.workspace.getActiveFile()?.path)
+ )
+ .map((result: any) => {
+ const isInVault = this.isFileInVault(result.additional.file);
+
+ // Add new non-vault files to allFiles if they don't exist
+ if (!this.allFiles.some(file => file.path === result.additional.file)) {
+ this.allFiles.push({
+ path: result.additional.file,
+ inVault: isInVault
+ });
+ }
+
+ return {
+ entry: result.entry,
+ file: result.additional.file,
+ inVault: isInVault
+ } as SearchResult & { inVault: boolean };
+ })
+ .sort((a: SearchResult & { inVault: boolean }, b: SearchResult & { inVault: boolean }) => Number(b.inVault) - Number(a.inVault));
+
+ this.query = query;
+
+ // Hide loading state only on successful completion
+ this.isLoading = false;
+ this.updateLoadingState();
+
+ return results;
+ } catch (error) {
+ // Ignore cancellation errors and keep loading state
+ if (error.name === 'AbortError') {
+ // When cancelling, we don't want to render anything
+ return undefined as any;
+ }
+
+ // For other errors, hide loading state
+ console.error('Search error:', error);
+ this.isLoading = false;
+ this.updateLoadingState();
+ return [];
+ }
+ }
+
+ private updateLoadingState() {
+ // Show or hide loading element
+ this.loadingEl.style.display = this.isLoading ? "block" : "none";
+ }
+
+ async onOpen() {
+ if (this.find_similar_notes) {
+ // If markdown file is currently active
+ let file = this.app.workspace.getActiveFile();
+ if (file && file.extension === 'md') {
+ // Enable rerank of search results
+ this.rerank = true
+ // Set input element to contents of active markdown file
+ // truncate to first 8,000 characters to avoid hitting query size limits
+ this.inputEl.value = await this.app.vault.read(file).then(file_str => file_str.slice(0, 42110));
+ // Trigger search to get and render similar notes from khoj backend
+ this.inputEl.dispatchEvent(new Event('input'));
+ this.rerank = false
+ }
+ else {
+ this.resultContainerEl.setText('Cannot find similar notes for non-markdown files');
+ }
+ }
+ }
+
+ async renderSuggestion(result: SearchResult & { inVault: boolean }, el: HTMLElement) {
+ if (this.isFileFilterMode) {
+ // Render file suggestions
+ el.createEl("div", {
+ text: result.entry,
+ cls: "khoj-file-suggestion"
+ });
+ return;
+ }
+
+ // Max number of lines to render
+ let lines_to_render = 8;
+
+ // Extract filename of result
+ let os_path_separator = result.file.includes('\\') ? '\\' : '/';
+ let filename = result.file.split(os_path_separator).pop();
+
+ // Show filename of each search result for context with appropriate color
+ const fileEl = el.createEl("div", {
+ cls: `khoj-result-file ${result.inVault ? 'in-vault' : 'not-in-vault'}`
+ });
+ fileEl.setText(filename ?? "");
+
+ // Add a visual indication for files not in vault
+ if (!result.inVault) {
+ fileEl.createSpan({
+ text: " (not in vault)",
+ cls: "khoj-result-file-status"
+ });
+ }
+
+ let result_el = el.createEl("div", { cls: 'khoj-result-entry' })
+
+ let resultToRender = "";
+ let fileExtension = filename?.split(".").pop() ?? "";
+ if (supportedImageFilesTypes.includes(fileExtension) && filename && result.inVault) {
+ let linkToEntry: string = filename;
+ let imageFiles = this.app.vault.getFiles().filter(file => supportedImageFilesTypes.includes(fileExtension));
+ // Find vault file of chosen search result
+ let fileInVault = getFileFromPath(imageFiles, result.file);
+ if (fileInVault)
+ linkToEntry = this.app.vault.getResourcePath(fileInVault);
+
+ resultToRender = ``;
+ } else {
+ // Remove YAML frontmatter when rendering string
+ result.entry = result.entry.replace(/---[\n\r][\s\S]*---[\n\r]/, '');
+
+ // Truncate search results to lines_to_render
+ let entry_snipped_indicator = result.entry.split('\n').length > lines_to_render ? ' **...**' : '';
+ let snipped_entry = result.entry.split('\n').slice(0, lines_to_render).join('\n');
+ resultToRender = `${snipped_entry}${entry_snipped_indicator}`;
+ }
+ // @ts-ignore
+ MarkdownRenderer.renderMarkdown(resultToRender, result_el, result.file, null);
+ }
+
+ async onChooseSuggestion(result: SearchResult & { inVault: boolean }, _: MouseEvent | KeyboardEvent) {
+ if (this.isFileFilterMode) {
+ // When a file suggestion is selected, append it to the current input
+ const currentValue = this.inputEl.value;
+ const beforeFile = currentValue.substring(0, currentValue.lastIndexOf('file:'));
+ this.inputEl.value = `${beforeFile}file:"${result.entry}"`;
+ // Set fileSelected to the selected file
+ this.fileSelected = result.entry;
+ // Reset isFileFilterMode when a file is selected
+ this.isFileFilterMode = false;
+ // Trigger input event to refresh suggestions
+ this.inputEl.dispatchEvent(new Event('input'));
+ return;
+ }
+
+ // Only open files that are in the vault
+ if (!result.inVault) {
+ new Notice("This file is not in your vault");
+ return;
+ }
+
+ // Get all markdown, pdf and image files in vault
+ const mdFiles = this.app.vault.getMarkdownFiles();
+ const binaryFiles = this.app.vault.getFiles().filter(file => supportedBinaryFileTypes.includes(file.extension));
+
+ // Find, Open vault file at heading of chosen search result
+ let linkToEntry = getLinkToEntry(mdFiles.concat(binaryFiles), result.file, result.entry);
+ if (linkToEntry) this.app.workspace.openLinkText(linkToEntry, '');
+ }
+}
diff --git a/src/interface/obsidian/src/settings.ts b/src/interface/obsidian/src/settings.ts
new file mode 100644
index 0000000000000000000000000000000000000000..33061791e2a52b6d0b7f27a40db6481448fa84be
--- /dev/null
+++ b/src/interface/obsidian/src/settings.ts
@@ -0,0 +1,671 @@
+import { App, Notice, PluginSettingTab, Setting, TFile, SuggestModal } from 'obsidian';
+import Khoj from 'src/main';
+import { canConnectToBackend, fetchChatModels, fetchUserServerSettings, getBackendStatusMessage, updateContentIndex, updateServerChatModel } from './utils';
+
+export interface UserInfo {
+ username?: string;
+ photo?: string;
+ is_active?: boolean;
+ has_documents?: boolean;
+ email?: string;
+}
+
+interface SyncFileTypes {
+ markdown: boolean;
+ images: boolean;
+ pdf: boolean;
+}
+
+export interface ModelOption {
+ id: string;
+ name: string;
+}
+
+export interface ServerUserConfig {
+ selected_chat_model_config?: number; // This is the ID from the server
+ // Add other fields from UserConfig if needed by the plugin elsewhere
+}
+
+export interface KhojSetting {
+ resultsCount: number;
+ khojUrl: string;
+ khojApiKey: string;
+ connectedToBackend: boolean;
+ autoConfigure: boolean;
+ lastSync: Map;
+ syncFileType: SyncFileTypes;
+ userInfo: UserInfo | null;
+ syncFolders: string[];
+ excludeFolders: string[];
+ syncInterval: number;
+ autoVoiceResponse: boolean;
+ fileAccessMode: 'none' | 'read' | 'write';
+ selectedChatModelId: string | null; // Mirrors server's selected_chat_model_config
+ availableChatModels: ModelOption[];
+}
+
+export const DEFAULT_SETTINGS: KhojSetting = {
+ resultsCount: 15,
+ khojUrl: 'https://app.khoj.dev',
+ khojApiKey: '',
+ connectedToBackend: false,
+ autoConfigure: true,
+ lastSync: new Map(),
+ syncFileType: {
+ markdown: true,
+ images: true,
+ pdf: true,
+ },
+ userInfo: null,
+ syncFolders: [],
+ excludeFolders: [],
+ syncInterval: 60,
+ autoVoiceResponse: true,
+ fileAccessMode: 'read',
+ selectedChatModelId: null, // Will be populated from server
+ availableChatModels: [],
+}
+
+export class KhojSettingTab extends PluginSettingTab {
+ plugin: Khoj;
+ private chatModelSetting: Setting | null = null;
+ private storageProgressEl: HTMLProgressElement | null = null;
+ private storageProgressText: HTMLSpanElement | null = null;
+
+ constructor(app: App, plugin: Khoj) {
+ super(app, plugin);
+ this.plugin = plugin;
+ }
+
+ display(): void {
+ const { containerEl } = this;
+ containerEl.empty();
+ this.chatModelSetting = null; // Reset when display is called
+
+ // Add notice whether able to connect to khoj backend or not
+ let backendStatusMessage = getBackendStatusMessage(
+ this.plugin.settings.connectedToBackend,
+ this.plugin.settings.userInfo?.email,
+ this.plugin.settings.khojUrl,
+ this.plugin.settings.khojApiKey
+ );
+
+ const connectHeaderEl = containerEl.createEl('h3', { title: backendStatusMessage });
+ const connectHeaderContentEl = connectHeaderEl.createSpan({ cls: 'khoj-connect-settings-header' });
+ const connectTitleEl = connectHeaderContentEl.createSpan({ text: 'Connect' });
+ const backendStatusEl = connectTitleEl.createSpan({ text: this.connectStatusIcon(), cls: 'khoj-connect-settings-header-status' });
+ if (this.plugin.settings.userInfo && this.plugin.settings.connectedToBackend) {
+ if (this.plugin.settings.userInfo.photo) {
+ const profilePicEl = connectHeaderContentEl.createEl('img', {
+ attr: { src: this.plugin.settings.userInfo.photo },
+ cls: 'khoj-profile'
+ });
+ profilePicEl.addEventListener('click', () => { new Notice(backendStatusMessage); });
+ } else if (this.plugin.settings.userInfo.email) {
+ const initial = this.plugin.settings.userInfo.email[0].toUpperCase();
+ const profilePicEl = connectHeaderContentEl.createDiv({
+ text: initial,
+ cls: 'khoj-profile khoj-profile-initial'
+ });
+ profilePicEl.addEventListener('click', () => { new Notice(backendStatusMessage); });
+ }
+ }
+ if (this.plugin.settings.userInfo && this.plugin.settings.userInfo.email) {
+ connectHeaderEl.title = this.plugin.settings.userInfo?.email === 'default@example.com'
+ ? "Signed in"
+ : `Signed in as ${this.plugin.settings.userInfo.email}`;
+ }
+
+ // Add khoj settings configurable from the plugin settings tab
+ const apiKeySetting = new Setting(containerEl)
+ .setName('Khoj API Key')
+ .addText(text => text
+ .setValue(`${this.plugin.settings.khojApiKey}`)
+ .onChange(async (value) => {
+ this.plugin.settings.khojApiKey = value.trim();
+ ({
+ connectedToBackend: this.plugin.settings.connectedToBackend,
+ userInfo: this.plugin.settings.userInfo,
+ statusMessage: backendStatusMessage,
+ } = await canConnectToBackend(this.plugin.settings.khojUrl, this.plugin.settings.khojApiKey));
+
+ if (!this.plugin.settings.connectedToBackend) {
+ this.plugin.settings.availableChatModels = [];
+ this.plugin.settings.selectedChatModelId = null;
+ }
+ await this.plugin.saveSettings();
+ backendStatusEl.setText(this.connectStatusIcon())
+ connectHeaderEl.title = backendStatusMessage;
+ await this.refreshModelsAndServerPreference();
+ }));
+
+ // Add API key setting description with link to get API key
+ apiKeySetting.descEl.createEl('span', {
+ text: 'Connect your Khoj Cloud account. ',
+ });
+ apiKeySetting.descEl.createEl('a', {
+ text: 'Get your API Key',
+ href: `${this.plugin.settings.khojUrl}/settings#clients`,
+ attr: { target: '_blank' }
+ });
+
+ new Setting(containerEl)
+ .setName('Khoj URL')
+ .setDesc('The URL of the Khoj backend.')
+ .addText(text => text
+ .setValue(`${this.plugin.settings.khojUrl}`)
+ .onChange(async (value) => {
+ this.plugin.settings.khojUrl = value.trim().replace(/\/$/, '');
+ ({
+ connectedToBackend: this.plugin.settings.connectedToBackend,
+ userInfo: this.plugin.settings.userInfo,
+ statusMessage: backendStatusMessage,
+ } = await canConnectToBackend(this.plugin.settings.khojUrl, this.plugin.settings.khojApiKey));
+
+ if (!this.plugin.settings.connectedToBackend) {
+ this.plugin.settings.availableChatModels = [];
+ this.plugin.settings.selectedChatModelId = null;
+ }
+ await this.plugin.saveSettings();
+ backendStatusEl.setText(this.connectStatusIcon())
+ connectHeaderEl.title = backendStatusMessage;
+ await this.refreshModelsAndServerPreference();
+ }));
+
+ // Interact section
+ containerEl.createEl('h3', { text: 'Interact' });
+
+ // Chat Model Dropdown
+ this.renderChatModelDropdown();
+
+ // Initial fetch of models and server preference if connected
+ if (this.plugin.settings.connectedToBackend) {
+ // Defer slightly to ensure UI is ready and avoid race conditions
+ setTimeout(async () => {
+ await this.refreshModelsAndServerPreference();
+ }, 1000);
+ }
+
+ // Add new setting for auto voice response after voice input
+ new Setting(containerEl)
+ .setName('Auto Voice Response')
+ .setDesc('Automatically read responses after voice messages')
+ .addToggle(toggle => toggle
+ .setValue(this.plugin.settings.autoVoiceResponse)
+ .onChange(async (value) => {
+ this.plugin.settings.autoVoiceResponse = value;
+ await this.plugin.saveSettings();
+ }));
+
+ new Setting(containerEl)
+ .setName('Results Count')
+ .setDesc('The number of results to show in search and use for chat.')
+ .addSlider(slider => slider
+ .setLimits(1, 30, 1)
+ .setValue(this.plugin.settings.resultsCount)
+ .setDynamicTooltip()
+ .onChange(async (value) => {
+ this.plugin.settings.resultsCount = value;
+ await this.plugin.saveSettings();
+ }));
+
+ // Add new "Sync" heading
+ containerEl.createEl('h3', { text: 'Sync' });
+
+ new Setting(containerEl)
+ .setName('Auto Sync')
+ .setDesc('Automatically index your vault with Khoj.')
+ .addToggle(toggle => toggle
+ .setValue(this.plugin.settings.autoConfigure)
+ .onChange(async (value) => {
+ this.plugin.settings.autoConfigure = value;
+ await this.plugin.saveSettings();
+ }));
+
+ // Add setting to sync markdown notes
+ new Setting(containerEl)
+ .setName('Sync Notes')
+ .setDesc('Index Markdown files in your vault with Khoj.')
+ .addToggle(toggle => toggle
+ .setValue(this.plugin.settings.syncFileType.markdown)
+ .onChange(async (value) => {
+ this.plugin.settings.syncFileType.markdown = value;
+ await this.plugin.saveSettings();
+ this.refreshStorageDisplay();
+ }));
+
+ // Add setting to sync images
+ new Setting(containerEl)
+ .setName('Sync Images')
+ .setDesc('Index images in your vault with Khoj.')
+ .addToggle(toggle => toggle
+ .setValue(this.plugin.settings.syncFileType.images)
+ .onChange(async (value) => {
+ this.plugin.settings.syncFileType.images = value;
+ await this.plugin.saveSettings();
+ this.refreshStorageDisplay();
+ }));
+
+ // Add setting to sync PDFs
+ new Setting(containerEl)
+ .setName('Sync PDFs')
+ .setDesc('Index PDF files in your vault with Khoj.')
+ .addToggle(toggle => toggle
+ .setValue(this.plugin.settings.syncFileType.pdf)
+ .onChange(async (value) => {
+ this.plugin.settings.syncFileType.pdf = value;
+ await this.plugin.saveSettings();
+ this.refreshStorageDisplay();
+ }));
+
+ // Add setting for sync interval
+ const syncIntervalValues = [1, 5, 10, 20, 30, 45, 60, 120, 1440];
+ new Setting(containerEl)
+ .setName('Sync Interval')
+ .setDesc('Minutes between automatic synchronizations')
+ .addDropdown(dropdown => dropdown
+ .addOptions(Object.fromEntries(
+ syncIntervalValues.map(value => [
+ value.toString(),
+ value === 1 ? '1 minute' :
+ value === 1440 ? '24 hours' :
+ `${value} minutes`
+ ])
+ ))
+ .setValue(this.plugin.settings.syncInterval.toString())
+ .onChange(async (value) => {
+ this.plugin.settings.syncInterval = parseInt(value);
+ await this.plugin.saveSettings();
+ // Restart the timer with the new interval
+ this.plugin.restartSyncTimer();
+ }));
+
+ // Add setting to manage include folders
+ const includeFoldersContainer = containerEl.createDiv('include-folders-container');
+ new Setting(includeFoldersContainer)
+ .setName('Include Folders')
+ .setDesc('Folders to sync (leave empty to sync entire vault)')
+ .addButton(button => button
+ .setButtonText('Add Folder')
+ .onClick(() => {
+ const modal = new FolderSuggestModal(this.app, async (folder: string) => {
+ if (!this.plugin.settings.syncFolders.includes(folder)) {
+ this.plugin.settings.syncFolders.push(folder);
+ await this.plugin.saveSettings();
+ this.updateIncludeFolderList(includeFolderListEl);
+ this.refreshStorageDisplay();
+ }
+ });
+ modal.open();
+ }));
+
+ // Create a list to display selected include folders
+ const includeFolderListEl = includeFoldersContainer.createDiv('folder-list');
+ this.updateIncludeFolderList(includeFolderListEl);
+
+ // Add setting to manage exclude folders
+ const excludeFoldersContainer = containerEl.createDiv('exclude-folders-container');
+ new Setting(excludeFoldersContainer)
+ .setName('Exclude Folders')
+ .setDesc('Folders to exclude from sync (takes precedence over includes)')
+ .addButton(button => button
+ .setButtonText('Add Folder')
+ .onClick(() => {
+ const modal = new FolderSuggestModal(this.app, async (folder: string) => {
+ // Don't allow excluding root folder
+ if (folder === '') {
+ new Notice('Cannot exclude the root folder');
+ return;
+ }
+ if (!this.plugin.settings.excludeFolders.includes(folder)) {
+ this.plugin.settings.excludeFolders.push(folder);
+ await this.plugin.saveSettings();
+ this.updateExcludeFolderList(excludeFolderListEl);
+ this.refreshStorageDisplay();
+ }
+ });
+ modal.open();
+ }));
+
+ // Create a list to display selected exclude folders
+ const excludeFolderListEl = excludeFoldersContainer.createDiv('folder-list');
+ this.updateExcludeFolderList(excludeFolderListEl);
+
+ let indexVaultSetting = new Setting(containerEl);
+ indexVaultSetting
+ .setName('Force Sync')
+ .setDesc('Manually force Khoj to re-index your Obsidian Vault.')
+ .addButton(button => button
+ .setButtonText('Update')
+ .setCta()
+ .onClick(async () => {
+ // Disable button while updating index
+ button.setButtonText('Updating 🌑');
+ button.removeCta();
+ indexVaultSetting = indexVaultSetting.setDisabled(true);
+
+ // Show indicator for indexing in progress (animated text)
+ const progress_indicator = window.setInterval(() => {
+ if (button.buttonEl.innerText === 'Updating 🌑') {
+ button.setButtonText('Updating 🌘');
+ } else if (button.buttonEl.innerText === 'Updating 🌘') {
+ button.setButtonText('Updating 🌗');
+ } else if (button.buttonEl.innerText === 'Updating 🌗') {
+ button.setButtonText('Updating 🌖');
+ } else if (button.buttonEl.innerText === 'Updating 🌖') {
+ button.setButtonText('Updating 🌕');
+ } else if (button.buttonEl.innerText === 'Updating 🌕') {
+ button.setButtonText('Updating 🌔');
+ } else if (button.buttonEl.innerText === 'Updating 🌔') {
+ button.setButtonText('Updating 🌓');
+ } else if (button.buttonEl.innerText === 'Updating 🌓') {
+ button.setButtonText('Updating 🌒');
+ } else if (button.buttonEl.innerText === 'Updating 🌒') {
+ button.setButtonText('Updating 🌑');
+ }
+ }, 300);
+ this.plugin.registerInterval(progress_indicator);
+
+ // Obtain sync progress elements by id (created below)
+ const syncProgressEl = document.getElementById('khoj-sync-progress') as HTMLProgressElement | null;
+ const syncProgressText = document.getElementById('khoj-sync-progress-text') as HTMLElement | null;
+
+ if (syncProgressEl && syncProgressText) {
+ syncProgressEl.style.display = '';
+ syncProgressText.style.display = '';
+ syncProgressText.textContent = 'Preparing files...';
+ syncProgressEl.value = 0;
+ syncProgressEl.max = 1;
+ }
+
+ const onProgress = (progress: { processed: number, total: number }) => {
+ const el = document.getElementById('khoj-sync-progress') as HTMLProgressElement | null;
+ const txt = document.getElementById('khoj-sync-progress-text') as HTMLElement | null;
+ if (!el || !txt) return;
+ el.max = Math.max(progress.total, 1);
+ el.value = Math.min(progress.processed, el.max);
+ txt.textContent = `Syncing... ${progress.processed} / ${progress.total} files`;
+ };
+
+ try {
+ this.plugin.settings.lastSync = await updateContentIndex(
+ this.app.vault, this.plugin.settings, this.plugin.settings.lastSync, true, true, onProgress
+ );
+ } finally {
+ // Cleanup: hide sync progress UI
+ const el = document.getElementById('khoj-sync-progress') as HTMLProgressElement | null;
+ const txt = document.getElementById('khoj-sync-progress-text') as HTMLElement | null;
+ if (el) el.style.display = 'none';
+ if (txt) txt.style.display = 'none';
+ this.refreshStorageDisplay();
+
+ // Reset button state
+ window.clearInterval(progress_indicator);
+ button.setButtonText('Update');
+ button.setCta();
+ indexVaultSetting = indexVaultSetting.setDisabled(false);
+ }
+ })
+ );
+ // Estimated Cloud Storage (client-side)
+ const storageSetting = new Setting(containerEl)
+ .setName('Estimated Cloud Storage')
+ .setDesc('Estimated storage usage based on files configured for sync. This is a client-side estimation.')
+ .then(() => { });
+
+ // Create custom elements: progress and text for storage estimation
+ this.storageProgressEl = document.createElement('progress');
+ this.storageProgressEl.value = 0;
+ this.storageProgressEl.max = 1;
+ this.storageProgressEl.style.width = '100%';
+ this.storageProgressText = document.createElement('span');
+ this.storageProgressText.textContent = 'Calculating...';
+ storageSetting.descEl.appendChild(this.storageProgressEl);
+ storageSetting.descEl.appendChild(this.storageProgressText);
+
+ // Create progress bar for Force Sync operation (hidden by default)
+ const syncProgressEl = document.createElement('progress');
+ syncProgressEl.id = 'khoj-sync-progress';
+ syncProgressEl.value = 0;
+ syncProgressEl.max = 1;
+ syncProgressEl.style.width = '100%';
+ syncProgressEl.style.display = 'none';
+ const syncProgressText = document.createElement('span');
+ syncProgressText.id = 'khoj-sync-progress-text';
+ syncProgressText.textContent = '';
+ syncProgressText.style.display = 'none';
+ storageSetting.descEl.appendChild(syncProgressEl);
+ storageSetting.descEl.appendChild(syncProgressText);
+
+ // Call initial update
+ this.refreshStorageDisplay();
+ }
+
+ private connectStatusIcon() {
+ if (this.plugin.settings.connectedToBackend && this.plugin.settings.userInfo?.email)
+ return '🟢';
+ else if (this.plugin.settings.connectedToBackend)
+ return '🟡'
+ else
+ return '🔴';
+ }
+
+ private async refreshStorageDisplay() {
+ if (!this.storageProgressEl || !this.storageProgressText) return;
+
+ // Show calculating state
+ this.storageProgressEl.removeAttribute('value');
+ this.storageProgressText.textContent = 'Calculating...';
+ try {
+ const { calculateVaultSyncMetrics } = await import('./utils');
+ const metrics = await calculateVaultSyncMetrics(this.app.vault, this.plugin.settings);
+ const usedMB = (metrics.usedBytes / (1024 * 1024));
+ const totalMB = (metrics.totalBytes / (1024 * 1024));
+ const usedStr = `${usedMB.toFixed(1)} MB`;
+ const totalStr = `${totalMB.toFixed(0)} MB`;
+ this.storageProgressEl.value = metrics.usedBytes;
+ this.storageProgressEl.max = metrics.totalBytes;
+ this.storageProgressText.textContent = `${usedStr} / ${totalStr}`;
+ } catch (err) {
+ console.error('Khoj: Failed to update storage display', err);
+ this.storageProgressText.textContent = 'Estimation unavailable';
+ }
+ }
+
+ private async refreshModelsAndServerPreference() {
+ let serverSelectedModelId: string | null = null;
+ if (this.plugin.settings.connectedToBackend) {
+ const [availableModels, serverConfig] = await Promise.all([
+ fetchChatModels(this.plugin.settings),
+ fetchUserServerSettings(this.plugin.settings)
+ ]);
+
+ this.plugin.settings.availableChatModels = availableModels;
+
+ if (serverConfig && serverConfig.selected_chat_model_config !== undefined && serverConfig.selected_chat_model_config !== null) {
+ const serverModelIdStr = serverConfig.selected_chat_model_config.toString();
+ // Ensure the server's selected model is actually in the available list
+ if (this.plugin.settings.availableChatModels.some(m => m.id === serverModelIdStr)) {
+ serverSelectedModelId = serverModelIdStr;
+ } else {
+ // Server has a selection, but it's not in the options list (e.g. model removed, or different set of models)
+ // In this case, we might fall back to null (Khoj Default)
+ console.warn(`Khoj: Server's selected model ID ${serverModelIdStr} not in available models. Falling back to default.`);
+ serverSelectedModelId = null;
+ }
+ } else {
+ // No specific model configured on the server, or it's explicitly null
+ serverSelectedModelId = null;
+ }
+ this.plugin.settings.selectedChatModelId = serverSelectedModelId;
+
+ } else {
+ this.plugin.settings.availableChatModels = [];
+ this.plugin.settings.selectedChatModelId = null; // Clear selection if disconnected
+ }
+ await this.plugin.saveSettings(); // Save the potentially updated selectedChatModelId
+ this.renderChatModelDropdown(); // Re-render the dropdown with new data
+ }
+
+ private renderChatModelDropdown() {
+ if (!this.chatModelSetting) {
+ this.chatModelSetting = new Setting(this.containerEl)
+ .setName('Chat Model');
+ } else {
+ // Clear previous description and controls to prepare for re-rendering
+ this.chatModelSetting.descEl.empty();
+ this.chatModelSetting.controlEl.empty();
+ }
+ // Use this.chatModelSetting directly for modifications
+ const modelSetting = this.chatModelSetting;
+
+ if (!this.plugin.settings.connectedToBackend) {
+ modelSetting.setDesc('Connect to Khoj to load and set chat model options.');
+ modelSetting.addText(text => text.setValue("Not connected").setDisabled(true));
+ return;
+ }
+
+ if (this.plugin.settings.availableChatModels.length === 0 && this.plugin.settings.connectedToBackend) {
+ modelSetting.setDesc('Fetching models or no models available. Check Khoj connection or try refreshing.');
+ modelSetting.addButton(button => button
+ .setButtonText('Refresh Models')
+ .onClick(async () => {
+ button.setButtonText('Refreshing...').setDisabled(true);
+ await this.refreshModelsAndServerPreference();
+ // Re-rendering happens inside refreshModelsAndServerPreference
+ }));
+ return;
+ }
+
+ modelSetting.setDesc('The default AI model used for chat.');
+ modelSetting.addDropdown(dropdown => {
+ dropdown.addOption('', 'Default'); // Placeholder when cannot retrieve chat model options from server.
+ this.plugin.settings.availableChatModels.forEach(model => {
+ dropdown.addOption(model.id, model.name);
+ });
+ dropdown
+ .setValue(this.plugin.settings.selectedChatModelId || '')
+ .onChange(async (value) => {
+ // Attempt to update the server
+ const success = await updateServerChatModel(value, this.plugin.settings);
+ if (success) {
+ await this.plugin.saveSettings();
+ } else {
+ // Server update failed, revert dropdown to the current setting value
+ // to avoid UI mismatch.
+ dropdown.setValue(this.plugin.settings.selectedChatModelId || '');
+ }
+ // Potentially re-render or refresh if needed, though setValue should update UI.
+ // this.refreshModelsAndServerPreference(); // Could be called to ensure full sync, but might be too much
+ });
+ });
+ }
+
+ // Helper method to update the include folder list display
+ private updateIncludeFolderList(containerEl: HTMLElement) {
+ this.updateFolderList(
+ containerEl,
+ this.plugin.settings.syncFolders,
+ 'Including entire vault',
+ async (folder) => {
+ this.plugin.settings.syncFolders = this.plugin.settings.syncFolders.filter(f => f !== folder);
+ await this.plugin.saveSettings();
+ this.updateIncludeFolderList(containerEl);
+ this.refreshStorageDisplay();
+ }
+ );
+ }
+
+ // Helper method to update the exclude folder list display
+ private updateExcludeFolderList(containerEl: HTMLElement) {
+ this.updateFolderList(
+ containerEl,
+ this.plugin.settings.excludeFolders,
+ 'No folders excluded',
+ async (folder) => {
+ this.plugin.settings.excludeFolders = this.plugin.settings.excludeFolders.filter(f => f !== folder);
+ await this.plugin.saveSettings();
+ this.updateExcludeFolderList(containerEl);
+ this.refreshStorageDisplay();
+ }
+ );
+ }
+
+ // Shared helper to render a folder list with remove buttons
+ private updateFolderList(
+ containerEl: HTMLElement,
+ folders: string[],
+ emptyText: string,
+ onRemove: (folder: string) => void
+ ) {
+ containerEl.empty();
+ if (folders.length === 0) {
+ containerEl.createEl('div', {
+ text: emptyText,
+ cls: 'folder-list-empty'
+ });
+ return;
+ }
+
+ const list = containerEl.createEl('ul', { cls: 'folder-list' });
+ folders.forEach(folder => {
+ const item = list.createEl('li', { cls: 'folder-list-item' });
+ item.createSpan({ text: folder });
+
+ const removeButton = item.createEl('button', {
+ cls: 'folder-list-remove',
+ text: '×'
+ });
+ removeButton.addEventListener('click', () => onRemove(folder));
+ });
+ }
+}
+
+// Modal with folder suggestions
+class FolderSuggestModal extends SuggestModal {
+ constructor(app: App, private onChoose: (folder: string) => void) {
+ super(app);
+ }
+
+ getSuggestions(query: string): string[] {
+ const folders = this.getAllFolders();
+ if (!query) return folders;
+
+ return folders.filter(folder =>
+ folder.toLowerCase().includes(query.toLowerCase())
+ );
+ }
+
+ renderSuggestion(folder: string, el: HTMLElement) {
+ el.createSpan({
+ text: folder || '/',
+ cls: 'folder-suggest-item'
+ });
+ }
+
+ onChooseSuggestion(folder: string, _: MouseEvent | KeyboardEvent) {
+ this.onChoose(folder);
+ }
+
+ private getAllFolders(): string[] {
+ const folders = new Set();
+ folders.add(''); // Root folder
+
+ // Get all files and extract folder paths
+ this.app.vault.getAllLoadedFiles().forEach(file => {
+ const folderPath = file.parent?.path;
+ if (folderPath) {
+ folders.add(folderPath);
+
+ // Also add all parent folders
+ let parent = folderPath;
+ while (parent.includes('/')) {
+ parent = parent.substring(0, parent.lastIndexOf('/'));
+ folders.add(parent);
+ }
+ }
+ });
+
+ return Array.from(folders).sort();
+ }
+}
diff --git a/src/interface/obsidian/src/similar_view.ts b/src/interface/obsidian/src/similar_view.ts
new file mode 100644
index 0000000000000000000000000000000000000000..bb1621d397ea3ca31a889168fcf1fcddcd3a898c
--- /dev/null
+++ b/src/interface/obsidian/src/similar_view.ts
@@ -0,0 +1,432 @@
+import { WorkspaceLeaf, TFile, MarkdownRenderer, Notice, setIcon } from 'obsidian';
+import { KhojPaneView } from 'src/pane_view';
+import { KhojView, getLinkToEntry, supportedBinaryFileTypes } from 'src/utils';
+import Khoj from 'src/main';
+
+export interface SimilarResult {
+ entry: string;
+ file: string;
+ inVault: boolean;
+}
+
+export class KhojSimilarView extends KhojPaneView {
+ static iconName: string = "search";
+ currentController: AbortController | null = null;
+ isLoading: boolean = false;
+ loadingEl: HTMLElement;
+ resultsContainerEl: HTMLElement;
+ searchInputEl: HTMLInputElement;
+ currentFile: TFile | null = null;
+ fileWatcher: any;
+ component: any;
+
+ constructor(leaf: WorkspaceLeaf, plugin: Khoj) {
+ super(leaf, plugin);
+ this.component = this;
+ }
+
+ getViewType(): string {
+ return KhojView.SIMILAR;
+ }
+
+ getDisplayText(): string {
+ return "Khoj Similar Documents";
+ }
+
+ getIcon(): string {
+ return "search";
+ }
+
+ async onOpen() {
+ await super.onOpen();
+ const { contentEl } = this;
+
+ // Create main container
+ const mainContainerEl = contentEl.createDiv({ cls: "khoj-similar-container" });
+
+ // Create search input container
+ const searchContainerEl = mainContainerEl.createDiv({ cls: "khoj-similar-search-container" });
+
+ // Create search input
+ this.searchInputEl = searchContainerEl.createEl("input", {
+ cls: "khoj-similar-search-input",
+ attr: {
+ type: "text",
+ placeholder: "Search or use current file"
+ }
+ });
+
+ // Create refresh button
+ const refreshButtonEl = searchContainerEl.createEl("button", {
+ cls: "khoj-similar-refresh-button"
+ });
+ setIcon(refreshButtonEl, "refresh-cw");
+ refreshButtonEl.createSpan({ text: "Refresh" });
+ refreshButtonEl.addEventListener("click", () => {
+ this.updateSimilarDocuments();
+ });
+
+ // Create results container
+ this.resultsContainerEl = mainContainerEl.createDiv({ cls: "khoj-similar-results" });
+
+ // Create loading element
+ this.loadingEl = mainContainerEl.createDiv({ cls: "search-loading" });
+ const spinnerEl = this.loadingEl.createDiv({ cls: "search-loading-spinner" });
+
+ this.loadingEl.style.position = "absolute";
+ this.loadingEl.style.top = "50%";
+ this.loadingEl.style.left = "50%";
+ this.loadingEl.style.transform = "translate(-50%, -50%)";
+ this.loadingEl.style.zIndex = "1000";
+ this.loadingEl.style.display = "none";
+
+ // Register event handlers
+ this.registerFileActiveHandler();
+
+ // Add event listener for search input
+ this.searchInputEl.addEventListener("keydown", (e) => {
+ if (e.key === "Enter") {
+ this.getSimilarDocuments(this.searchInputEl.value);
+ }
+ });
+
+ // Update similar documents for current file
+ this.updateSimilarDocuments();
+ }
+
+ /**
+ * Register handler for file active events
+ */
+ registerFileActiveHandler() {
+ // Clean up existing watcher if any
+ if (this.fileWatcher) {
+ this.app.workspace.off("file-open", this.fileWatcher);
+ }
+
+ // Set up new watcher
+ this.fileWatcher = this.app.workspace.on("file-open", (file) => {
+ if (file) {
+ this.currentFile = file;
+ this.updateSimilarDocuments();
+ }
+ });
+
+ // Register for cleanup when view is closed
+ this.register(() => {
+ this.app.workspace.off("file-open", this.fileWatcher);
+ });
+ }
+
+ /**
+ * Update similar documents based on current file
+ */
+ async updateSimilarDocuments() {
+ const file = this.app.workspace.getActiveFile();
+
+ if (!file) {
+ this.updateUI("no-file");
+ return;
+ }
+
+ if (file.extension !== 'md') {
+ this.updateUI("unsupported-file");
+ return;
+ }
+
+ this.currentFile = file;
+
+ // Read file content
+ const content = await this.app.vault.read(file);
+
+ // Get similar documents
+ await this.getSimilarDocuments(content);
+ }
+
+ /**
+ * Get similar documents from Khoj API
+ *
+ * @param query - The query text to find similar documents
+ */
+ async getSimilarDocuments(query: string): Promise {
+ // Do not show loading if the query is empty
+ if (!query.trim()) {
+ this.isLoading = false;
+ this.updateLoadingState();
+ this.updateUI("empty-query");
+ return [];
+ }
+
+ // Show loading state
+ this.isLoading = true;
+ this.updateLoadingState();
+ this.updateUI("loading");
+
+ // Cancel previous request if it exists
+ if (this.currentController) {
+ this.currentController.abort();
+ }
+
+ try {
+ // Create a new controller for this request
+ this.currentController = new AbortController();
+
+ // Setup Query Khoj backend for search results
+ let encodedQuery = encodeURIComponent(query);
+ let searchUrl = `${this.setting.khojUrl}/api/search?q=${encodedQuery}&n=${this.setting.resultsCount}&r=true&client=obsidian`;
+ let headers = {
+ 'Authorization': `Bearer ${this.setting.khojApiKey}`,
+ }
+
+ // Get search results from Khoj backend
+ const response = await fetch(searchUrl, {
+ headers: headers,
+ signal: this.currentController.signal
+ });
+
+ if (!response.ok) {
+ throw new Error(`HTTP error! status: ${response.status}`);
+ }
+
+ const data = await response.json();
+
+ // Parse search results
+ let results = data
+ .filter((result: any) => {
+ // Filter out the current file if it's in the results
+ if (this.currentFile && result.additional.file.endsWith(this.currentFile.path)) {
+ return false;
+ }
+ return true;
+ })
+ .map((result: any) => {
+ return {
+ entry: result.entry,
+ file: result.additional.file,
+ inVault: this.isFileInVault(result.additional.file)
+ } as SimilarResult;
+ })
+ .sort((a: SimilarResult, b: SimilarResult) => {
+ if (a.inVault === b.inVault) return 0;
+ return a.inVault ? -1 : 1;
+ });
+
+ // Hide loading state
+ this.isLoading = false;
+ this.updateLoadingState();
+
+ // Render results
+ this.renderResults(results);
+
+ return results;
+ } catch (error) {
+ // Ignore cancellation errors
+ if (error.name === 'AbortError') {
+ return [];
+ }
+
+ // For other errors, show error state
+ console.error('Search error:', error);
+ this.isLoading = false;
+ this.updateLoadingState();
+ this.updateUI("error", error.message);
+ return [];
+ }
+ }
+
+ /**
+ * Check if a file is in the vault
+ *
+ * @param filePath - The file path to check
+ * @returns True if the file is in the vault
+ */
+ isFileInVault(filePath: string): boolean {
+ const files = this.app.vault.getFiles();
+ return files.some(file => filePath.endsWith(file.path));
+ }
+
+ /**
+ * Render search results
+ *
+ * @param results - The search results to render
+ */
+ renderResults(results: SimilarResult[]) {
+ // Clear previous results
+ this.resultsContainerEl.empty();
+
+ if (results.length === 0) {
+ this.updateUI("no-results");
+ return;
+ }
+
+ // Show results count
+ this.resultsContainerEl.createEl("div", {
+ cls: "khoj-results-count",
+ text: `Found ${results.length} similar document${results.length > 1 ? 's' : ''}`
+ });
+
+ // Create results list
+ const resultsListEl = this.resultsContainerEl.createEl("div", { cls: "khoj-similar-results-list" });
+
+ // Render each result
+ results.forEach(async (result) => {
+ const resultEl = resultsListEl.createEl("div", { cls: "khoj-similar-result-item" });
+
+ // Extract filename
+ let os_path_separator = result.file.includes('\\') ? '\\' : '/';
+ let filename = result.file.split(os_path_separator).pop();
+
+ // Create header container for filename and more context button
+ const headerEl = resultEl.createEl("div", { cls: "khoj-similar-result-header" });
+
+ // Show filename with appropriate color
+ const fileEl = headerEl.createEl("div", {
+ cls: `khoj-result-file ${result.inVault ? 'in-vault' : 'not-in-vault'}`
+ });
+ fileEl.setText(filename ?? "");
+
+ // Add indicator for files not in vault
+ if (!result.inVault) {
+ fileEl.createSpan({
+ text: " (not in vault)",
+ cls: "khoj-result-file-status"
+ });
+ }
+
+ // Add "More context" button
+ const moreContextButton = headerEl.createEl("button", {
+ cls: "khoj-more-context-button"
+ });
+ moreContextButton.createSpan({ text: "More context" });
+ setIcon(moreContextButton.createSpan(), "chevron-down");
+
+ // Create content element (hidden by default)
+ const contentEl = resultEl.createEl("div", {
+ cls: "khoj-result-entry khoj-similar-content-hidden"
+ });
+
+ // Prepare content for rendering
+ let contentToRender = "";
+
+ // Remove YAML frontmatter
+ result.entry = result.entry.replace(/---[\n\r][\s\S]*---[\n\r]/, '');
+
+ // Truncate to 8 lines
+ const lines_to_render = 8;
+ let entry_snipped_indicator = result.entry.split('\n').length > lines_to_render ? ' **...**' : '';
+ let snipped_entry = result.entry.split('\n').slice(0, lines_to_render).join('\n');
+ contentToRender = `${snipped_entry}${entry_snipped_indicator}`;
+
+ // Render markdown
+ await MarkdownRenderer.renderMarkdown(
+ contentToRender,
+ contentEl,
+ result.file,
+ this.component
+ );
+
+ // Add click handler to the more context button
+ moreContextButton.addEventListener("click", (e) => {
+ e.stopPropagation(); // Prevent opening the file
+
+ // Toggle content visibility
+ if (contentEl.classList.contains("khoj-similar-content-hidden")) {
+ contentEl.classList.remove("khoj-similar-content-hidden");
+ contentEl.classList.add("khoj-similar-content-visible");
+ moreContextButton.empty();
+ moreContextButton.createSpan({ text: "Less context" });
+ setIcon(moreContextButton.createSpan(), "chevron-up");
+ } else {
+ contentEl.classList.remove("khoj-similar-content-visible");
+ contentEl.classList.add("khoj-similar-content-hidden");
+ moreContextButton.empty();
+ moreContextButton.createSpan({ text: "More context" });
+ setIcon(moreContextButton.createSpan(), "chevron-down");
+ }
+ });
+
+ // Add click handler to open the file
+ resultEl.addEventListener("click", (e) => {
+ // Don't open if clicking on the more context button
+ if (e.target === moreContextButton || moreContextButton.contains(e.target as Node)) {
+ return;
+ }
+ this.openResult(result);
+ });
+ });
+ }
+
+ /**
+ * Open a search result
+ *
+ * @param result - The result to open
+ */
+ async openResult(result: SimilarResult) {
+ // Only open files that are in the vault
+ if (!result.inVault) {
+ new Notice("This file is not in your vault");
+ return;
+ }
+
+ // Get all markdown and binary files in vault
+ const mdFiles = this.app.vault.getMarkdownFiles();
+ const binaryFiles = this.app.vault.getFiles().filter(file =>
+ supportedBinaryFileTypes.includes(file.extension)
+ );
+
+ // Find and open the file
+ let linkToEntry = getLinkToEntry(
+ mdFiles.concat(binaryFiles),
+ result.file,
+ result.entry
+ );
+
+ if (linkToEntry) {
+ this.app.workspace.openLinkText(linkToEntry, '');
+ }
+ }
+
+ /**
+ * Update the loading state
+ */
+ private updateLoadingState() {
+ this.loadingEl.style.display = this.isLoading ? "block" : "none";
+ }
+
+ /**
+ * Update the UI based on the current state
+ *
+ * @param state - The current state
+ * @param message - Optional message for error states
+ */
+ updateUI(state: "loading" | "no-file" | "unsupported-file" | "no-results" | "error" | "empty-query", message?: string) {
+ // Clear results container if not loading
+ if (state !== "loading") {
+ this.resultsContainerEl.empty();
+ }
+
+ // Create message element
+ const messageEl = this.resultsContainerEl.createEl("div", { cls: "khoj-similar-message" });
+
+ // Set message based on state
+ switch (state) {
+ case "loading":
+ // Loading is handled by the loading spinner
+ break;
+ case "no-file":
+ messageEl.setText("No file is currently open. Open a markdown file to see similar documents.");
+ break;
+ case "unsupported-file":
+ messageEl.setText("This file type is not supported. Only markdown files are supported.");
+ break;
+ case "no-results":
+ messageEl.setText("No similar documents found.");
+ break;
+ case "error":
+ messageEl.setText(`Error: ${message || "Failed to fetch similar documents"}`);
+ break;
+ case "empty-query":
+ messageEl.setText("Please enter a search query or open a markdown file.");
+ break;
+ }
+ }
+}
diff --git a/src/interface/obsidian/src/utils.ts b/src/interface/obsidian/src/utils.ts
new file mode 100644
index 0000000000000000000000000000000000000000..e90c9dde261a43cba3f8fe3d4a215af732ba0da4
--- /dev/null
+++ b/src/interface/obsidian/src/utils.ts
@@ -0,0 +1,726 @@
+import { FileSystemAdapter, Notice, Vault, Modal, TFile, request, setIcon, Editor, WorkspaceLeaf } from 'obsidian';
+import { KhojSetting, ModelOption, ServerUserConfig, UserInfo } from 'src/settings'
+import { deleteContentByType, uploadContentBatch } from './api';
+import { KhojSearchModal } from './search_modal';
+
+export function getVaultAbsolutePath(vault: Vault): string {
+ let adaptor = vault.adapter;
+ if (adaptor instanceof FileSystemAdapter) {
+ return adaptor.getBasePath();
+ }
+ return '';
+}
+
+function fileExtensionToMimeType(extension: string): string {
+ switch (extension) {
+ case 'pdf':
+ return 'application/pdf';
+ case 'png':
+ return 'image/png';
+ case 'jpg':
+ case 'jpeg':
+ return 'image/jpeg';
+ case 'md':
+ case 'markdown':
+ return 'text/markdown';
+ case 'org':
+ return 'text/org';
+ default:
+ return 'text/plain';
+ }
+}
+
+function filenameToMimeType(filename: TFile): string {
+ switch (filename.extension) {
+ case 'pdf':
+ return 'application/pdf';
+ case 'png':
+ return 'image/png';
+ case 'jpg':
+ case 'jpeg':
+ return 'image/jpeg';
+ case 'webp':
+ return 'image/webp';
+ case 'md':
+ case 'markdown':
+ return 'text/markdown';
+ case 'org':
+ return 'text/org';
+ default:
+ console.warn(`Unknown file type: ${filename.extension}. Defaulting to text/plain.`);
+ return 'text/plain';
+ }
+}
+
+export const fileTypeToExtension = {
+ 'pdf': ['pdf'],
+ 'image': ['png', 'jpg', 'jpeg', 'webp'],
+ 'markdown': ['md', 'markdown'],
+};
+export const supportedImageFilesTypes = fileTypeToExtension.image;
+export const supportedBinaryFileTypes = fileTypeToExtension.pdf.concat(supportedImageFilesTypes);
+export const supportedFileTypes = fileTypeToExtension.markdown.concat(supportedBinaryFileTypes);
+
+export function getFilesToSync(vault: Vault, setting: KhojSetting): TFile[] {
+ const files = vault.getFiles()
+ // Filter supported file types for syncing
+ .filter(file => supportedFileTypes.includes(file.extension))
+ // Filter user configured file types for syncing
+ .filter(file => {
+ if (fileTypeToExtension.markdown.includes(file.extension)) return setting.syncFileType.markdown;
+ if (fileTypeToExtension.pdf.includes(file.extension)) return setting.syncFileType.pdf;
+ if (fileTypeToExtension.image.includes(file.extension)) return setting.syncFileType.images;
+ return false;
+ })
+ // Filter in included folders
+ .filter(file => {
+ // If no folders are specified, sync all files
+ if (setting.syncFolders.length === 0) return true;
+ // Otherwise, check if the file is in one of the specified folders
+ return setting.syncFolders.some(folder =>
+ file.path.startsWith(folder + '/') || file.path === folder
+ );
+ })
+ // Filter out excluded folders
+ .filter(file => {
+ // If no folders are excluded, include all files
+ if (setting.excludeFolders.length === 0) return true;
+ // Exclude files in any of the excluded folders
+ return !setting.excludeFolders.some(folder =>
+ file.path.startsWith(folder + '/') || file.path === folder
+ );
+ })
+ // Sort files by type: markdown > pdf > image
+ .sort((a, b) => {
+ const typeOrder: (keyof typeof fileTypeToExtension)[] = ['markdown', 'pdf', 'image'];
+ const aType = typeOrder.findIndex(type => fileTypeToExtension[type].includes(a.extension));
+ const bType = typeOrder.findIndex(type => fileTypeToExtension[type].includes(b.extension));
+ return aType - bType;
+ });
+
+ return files;
+}
+
+export async function updateContentIndex(
+ vault: Vault,
+ setting: KhojSetting,
+ lastSync: Map,
+ regenerate: boolean = false,
+ userTriggered: boolean = false,
+ onProgress?: (progress: { processed: number, total: number }) => void
+): Promise> {
+ // Get all markdown, pdf files in the vault
+ console.log(`Khoj: Updating Khoj content index...`);
+ const files = getFilesToSync(vault, setting);
+ console.log(`Khoj: Found ${files.length} eligible files in vault`);
+
+ let countOfFilesToIndex = 0;
+ let countOfFilesToDelete = 0;
+ lastSync = lastSync.size > 0 ? lastSync : new Map();
+
+ // Count files that need indexing (modified since last sync or regenerating)
+ const filesToSync = regenerate
+ ? files
+ : files.filter(file => file.stat.mtime >= (lastSync.get(file) ?? 0));
+
+ // Show notice with file counts when user triggers sync
+ if (userTriggered) {
+ new Notice(`🔄 Syncing ${filesToSync.length} of ${files.length} files to Khoj...`);
+ }
+ console.log(`Khoj: ${filesToSync.length} files to sync (${files.length} total eligible)`);
+
+ // Add all files to index as multipart form data, batched by size, item count
+ const MAX_BATCH_SIZE = 10 * 1024 * 1024; // 10MB max batch size
+ const MAX_BATCH_ITEMS = 50; // Max 50 items per batch
+ let fileData: { blob: Blob, path: string }[][] = [];
+ let currentBatch: { blob: Blob, path: string }[] = [];
+ let currentBatchSize = 0;
+
+ for (const file of files) {
+ // Only push files that have been modified since last sync if not regenerating
+ if (!regenerate && file.stat.mtime < (lastSync.get(file) ?? 0)) {
+ continue;
+ }
+
+ countOfFilesToIndex++;
+ const encoding = supportedBinaryFileTypes.includes(file.extension) ? "binary" : "utf8";
+ const mimeType = fileExtensionToMimeType(file.extension) + (encoding === "utf8" ? "; charset=UTF-8" : "");
+ const fileContent = encoding == 'binary' ? await vault.readBinary(file) : await vault.read(file);
+ const fileItem = { blob: new Blob([fileContent], { type: mimeType }), path: file.path };
+
+ const fileSize = (typeof fileContent === 'string') ? new Blob([fileContent]).size : fileContent.byteLength;
+ if ((currentBatchSize + fileSize > MAX_BATCH_SIZE || currentBatch.length >= MAX_BATCH_ITEMS) && currentBatch.length > 0) {
+ fileData.push(currentBatch);
+ currentBatch = [];
+ currentBatchSize = 0;
+ }
+
+ currentBatch.push(fileItem);
+ currentBatchSize += fileSize;
+ }
+
+ // Add files to delete (previously synced but no longer in vault) to final batch
+ let filesToDelete: TFile[] = [];
+ for (const lastSyncedFile of lastSync.keys()) {
+ if (!files.includes(lastSyncedFile)) {
+ countOfFilesToDelete++;
+ const fileObj = new Blob([""], { type: filenameToMimeType(lastSyncedFile) });
+ currentBatch.push({ blob: fileObj, path: lastSyncedFile.path });
+ filesToDelete.push(lastSyncedFile);
+ }
+ }
+
+ // Add final batch if not empty
+ if (currentBatch.length > 0) {
+ fileData.push(currentBatch);
+ }
+
+ // Delete all files of enabled content types first if regenerating
+ let error_message: string | null = null;
+ if (regenerate) {
+ // Mark content types to delete based on user sync file type settings
+ const contentTypesToDelete: string[] = [];
+ if (setting.syncFileType.markdown) contentTypesToDelete.push('markdown');
+ if (setting.syncFileType.pdf) contentTypesToDelete.push('pdf');
+ if (setting.syncFileType.images) contentTypesToDelete.push('image');
+
+ try {
+ for (const contentType of contentTypesToDelete) {
+ await deleteContentByType(setting.khojUrl, setting.khojApiKey, contentType);
+ }
+ } catch (err) {
+ console.error('Khoj: Error deleting content types:', err);
+ error_message = "❗️Failed to clear existing content index";
+ fileData = [];
+ }
+ }
+
+ // Upload files in batches
+ let responses: string[] = [];
+ let processedFiles = 0;
+ const totalFiles = fileData.reduce((sum, batch) => sum + batch.length, 0);
+
+ // Report initial progress with total count before uploading
+ if (onProgress) {
+ onProgress({ processed: 0, total: totalFiles });
+ }
+
+ for (const batch of fileData) {
+ try {
+ const resultText = await uploadContentBatch(setting.khojUrl, setting.khojApiKey, batch);
+ responses.push(resultText);
+ processedFiles += batch.length;
+ if (onProgress) {
+ onProgress({ processed: processedFiles, total: totalFiles });
+ }
+ } catch (err: any) {
+ console.error('Khoj: Failed to upload batch:', err);
+ if (err.message?.includes('429')) {
+ error_message = `❗️Requests were throttled. Upgrade your subscription or try again later.`;
+ } else {
+ error_message = `❗️Failed to sync content with Khoj server. Error: ${err.message ?? String(err)}`;
+ }
+ break;
+ }
+ }
+
+ // Update last sync time for each successfully indexed file
+ files
+ .filter(file => responses.find(response => response.includes(file.path)))
+ .reduce((newSync, file) => {
+ newSync.set(file, new Date().getTime());
+ return newSync;
+ }, lastSync);
+
+ // Remove files that were deleted from last sync
+ filesToDelete
+ .filter(file => responses.find(response => response.includes(file.path)))
+ .forEach(file => lastSync.delete(file));
+
+ if (error_message) {
+ new Notice(error_message);
+ } else {
+ const summary = `Updated ${countOfFilesToIndex}, deleted ${countOfFilesToDelete} files`;
+ if (userTriggered) new Notice(`✅ ${summary}`);
+ console.log(`✅ Refreshed Khoj content index. ${summary}.`);
+ }
+
+ return lastSync;
+}
+
+export async function openKhojPluginSettings(): Promise {
+ const setting = this.app.setting;
+ await setting.open();
+ setting.openTabById('khoj');
+}
+
+export async function createNote(name: string, newLeaf = false): Promise {
+ try {
+ let pathPrefix: string
+ switch (this.app.vault.getConfig('newFileLocation')) {
+ case 'current':
+ pathPrefix = (this.app.workspace.getActiveFile()?.parent.path ?? '') + '/'
+ break
+ case 'folder':
+ pathPrefix = this.app.vault.getConfig('newFileFolderPath') + '/'
+ break
+ default: // 'root'
+ pathPrefix = ''
+ break
+ }
+ await this.app.workspace.openLinkText(`${pathPrefix}${name}.md`, '', newLeaf)
+ } catch (e) {
+ console.error('Khoj: Could not create note.\n' + (e as any).message);
+ throw e
+ }
+}
+
+export async function createNoteAndCloseModal(query: string, modal: Modal, opt?: { newLeaf: boolean }): Promise {
+ try {
+ await createNote(query, opt?.newLeaf);
+ }
+ catch (e) {
+ new Notice((e as Error).message)
+ return
+ }
+ modal.close();
+}
+
+export async function canConnectToBackend(
+ khojUrl: string,
+ khojApiKey: string,
+ showNotice: boolean = false
+): Promise<{ connectedToBackend: boolean; statusMessage: string, userInfo: UserInfo | null }> {
+ let connectedToBackend = false;
+ let userInfo: UserInfo | null = null;
+
+ if (!!khojUrl) {
+ let headers = !!khojApiKey ? { "Authorization": `Bearer ${khojApiKey}` } : undefined;
+ try {
+ let response = await request({ url: `${khojUrl}/api/v1/user`, method: "GET", headers: headers })
+ connectedToBackend = true;
+ userInfo = JSON.parse(response);
+ } catch (error) {
+ connectedToBackend = false;
+ console.log(`Khoj connection error:\n\n${error}`);
+ };
+ }
+
+ let statusMessage: string = getBackendStatusMessage(connectedToBackend, userInfo?.email, khojUrl, khojApiKey);
+ if (showNotice) new Notice(statusMessage);
+ return { connectedToBackend, statusMessage, userInfo };
+}
+
+export function getBackendStatusMessage(
+ connectedToServer: boolean,
+ userEmail: string | undefined,
+ khojUrl: string,
+ khojApiKey: string
+): string {
+ // Welcome message with default settings. Khoj cloud always expects an API key.
+ if (!khojApiKey && khojUrl === 'https://app.khoj.dev')
+ return `🌈 Welcome to Khoj! Get your API key from ${khojUrl}/settings#clients and set it in the Khoj plugin settings on Obsidian`;
+
+ if (!connectedToServer)
+ return `❗️Could not connect to Khoj at ${khojUrl}. Ensure your can access it`;
+ else if (!userEmail)
+ return `✅ Connected to Khoj. ❗️Get a valid API key from ${khojUrl}/settings#clients to log in`;
+ else if (userEmail === 'default@example.com')
+ // Logged in as default user in anonymous mode
+ return `✅ Welcome back to Khoj`;
+ else
+ return `✅ Welcome back to Khoj, ${userEmail}`;
+}
+
+export async function populateHeaderPane(headerEl: Element, setting: KhojSetting, viewType: string): Promise {
+ let userInfo: UserInfo | null = null;
+ try {
+ const { userInfo: extractedUserInfo } = await canConnectToBackend(setting.khojUrl, setting.khojApiKey, false);
+ userInfo = extractedUserInfo;
+ } catch (error) {
+ console.error("❗️Could not connect to Khoj");
+ }
+
+ // Add Khoj title to header element
+ const titlePaneEl = headerEl.createDiv();
+ titlePaneEl.className = 'khoj-header-title-pane';
+ const titleEl = titlePaneEl.createDiv();
+ titleEl.className = 'khoj-logo';
+ titleEl.textContent = "Khoj";
+
+ // Populate the header element with the navigation pane
+ // Create the nav element
+ const nav = titlePaneEl.createEl('nav');
+ nav.className = 'khoj-nav';
+
+ // Create the title pane element
+ titlePaneEl.appendChild(titleEl);
+ titlePaneEl.appendChild(nav);
+
+ // Create the chat link
+ const chatLink = nav.createEl('a');
+ chatLink.id = 'chat-nav';
+ chatLink.className = 'khoj-nav chat-nav';
+ chatLink.dataset.view = KhojView.CHAT;
+
+ // Create the chat icon
+ const chatIcon = chatLink.createEl('span');
+ chatIcon.className = 'khoj-nav-icon khoj-nav-icon-chat';
+ setIcon(chatIcon, 'khoj-chat');
+
+ // Create the chat text
+ const chatText = chatLink.createEl('span');
+ chatText.className = 'khoj-nav-item-text';
+ chatText.textContent = 'Chat';
+
+ // Append the chat icon and text to the chat link
+ chatLink.appendChild(chatIcon);
+ chatLink.appendChild(chatText);
+
+ // Create the search link
+ const searchLink = nav.createEl('a');
+ searchLink.id = 'search-nav';
+ searchLink.className = 'khoj-nav search-nav';
+
+ // Create the search icon
+ const searchIcon = searchLink.createEl('span');
+ searchIcon.className = 'khoj-nav-icon khoj-nav-icon-search';
+ setIcon(searchIcon, 'khoj-search');
+
+ // Create the search text
+ const searchText = searchLink.createEl('span');
+ searchText.className = 'khoj-nav-item-text';
+ searchText.textContent = 'Search';
+
+ // Append the search icon and text to the search link
+ searchLink.appendChild(searchIcon);
+ searchLink.appendChild(searchText);
+
+ // Create the similar link
+ const similarLink = nav.createEl('a');
+ similarLink.id = 'similar-nav';
+ similarLink.className = 'khoj-nav similar-nav';
+ similarLink.dataset.view = KhojView.SIMILAR;
+
+ // Create the similar icon
+ const similarIcon = similarLink.createEl('span');
+ similarIcon.id = 'similar-nav-icon';
+ similarIcon.className = 'khoj-nav-icon khoj-nav-icon-similar';
+ setIcon(similarIcon, 'webhook');
+
+ // Create the similar text
+ const similarText = similarLink.createEl('span');
+ similarText.className = 'khoj-nav-item-text';
+ similarText.textContent = 'Similar';
+
+ // Append the similar icon and text to the similar link
+ similarLink.appendChild(similarIcon);
+ similarLink.appendChild(similarText);
+
+ // Helper to get the current Khoj leaf if active
+ const getCurrentKhojLeaf = (): WorkspaceLeaf | undefined => {
+ const activeLeaf = this.app.workspace.activeLeaf;
+ if (activeLeaf && activeLeaf.view &&
+ (activeLeaf.view.getViewType() === KhojView.CHAT || activeLeaf.view.getViewType() === KhojView.SIMILAR)) {
+ return activeLeaf;
+ }
+ return undefined;
+ };
+
+ // Add event listeners to the navigation links
+ // Chat link event listener
+ chatLink.addEventListener('click', () => {
+ // Get the activateView method from the plugin instance
+ const khojPlugin = this.app.plugins.plugins.khoj;
+ khojPlugin?.activateView(KhojView.CHAT, getCurrentKhojLeaf());
+ });
+
+ // Search link event listener
+ searchLink.addEventListener('click', () => {
+ // Open the search modal
+ new KhojSearchModal(this.app, setting).open();
+ });
+
+ // Similar link event listener
+ similarLink.addEventListener('click', () => {
+ // Get the activateView method from the plugin instance
+ const khojPlugin = this.app.plugins.plugins.khoj;
+ khojPlugin?.activateView(KhojView.SIMILAR, getCurrentKhojLeaf());
+ });
+
+ // Append the nav items to the nav element
+ nav.appendChild(chatLink);
+ nav.appendChild(searchLink);
+ nav.appendChild(similarLink);
+
+ // Append the title and new chat container to the header element
+ headerEl.appendChild(titlePaneEl);
+
+ if (viewType === KhojView.CHAT) {
+ // Create subtitle pane for New Chat button and agent selector
+ const newChatEl = headerEl.createDiv("khoj-header-right-container");
+
+ // Add agent selector container
+ const agentContainer = newChatEl.createDiv("khoj-header-agent-container");
+
+ // Add agent selector
+ agentContainer.createEl("select", {
+ attr: {
+ class: "khoj-header-agent-select",
+ id: "khoj-header-agent-select"
+ }
+ });
+
+ // Add New Chat button
+ const newChatButton = newChatEl.createEl('button');
+ newChatButton.className = 'khoj-header-new-chat-button';
+ newChatButton.title = 'Start New Chat (Ctrl+Alt+N)';
+ setIcon(newChatButton, 'plus-circle');
+ newChatButton.textContent = 'New Chat';
+
+ // Add event listener to the New Chat button
+ newChatButton.addEventListener('click', () => {
+ const khojPlugin = this.app.plugins.plugins.khoj;
+ if (khojPlugin) {
+ // First activate the chat view
+ khojPlugin.activateView(KhojView.CHAT).then(() => {
+ // Then create a new conversation
+ setTimeout(() => {
+ // Access the chat view directly from the leaf after activation
+ const leaves = this.app.workspace.getLeavesOfType(KhojView.CHAT);
+ if (leaves.length > 0) {
+ const chatView = leaves[0].view;
+ if (chatView && typeof chatView.createNewConversation === 'function') {
+ chatView.createNewConversation();
+ }
+ }
+ }, 100);
+ });
+ }
+ });
+
+ // Append the new chat container to the header element
+ headerEl.appendChild(newChatEl);
+ }
+
+ // Update active state based on current view
+ const updateActiveState = () => {
+ const activeLeaf = this.app.workspace.activeLeaf;
+ if (!activeLeaf) return;
+
+ const viewType = activeLeaf.view?.getViewType();
+
+ // Remove active class from all links
+ chatLink.classList.remove('khoj-nav-selected');
+ similarLink.classList.remove('khoj-nav-selected');
+
+ // Add active class to the current view link
+ if (viewType === KhojView.CHAT) {
+ chatLink.classList.add('khoj-nav-selected');
+ } else if (viewType === KhojView.SIMILAR) {
+ similarLink.classList.add('khoj-nav-selected');
+ }
+ };
+
+ // Initial update
+ updateActiveState();
+
+ // Register event for workspace changes
+ this.app.workspace.on('active-leaf-change', updateActiveState);
+}
+
+export enum KhojView {
+ CHAT = "khoj-chat-view",
+ SIMILAR = "khoj-similar-view",
+}
+
+function copyParentText(event: MouseEvent, message: string, originalButton: string) {
+ const button = event.currentTarget as HTMLElement;
+ if (!button || !button?.parentNode?.textContent) return;
+ if (!!button.firstChild) button.removeChild(button.firstChild as HTMLImageElement);
+ const textContent = message ?? button.parentNode.textContent.trim();
+ navigator.clipboard.writeText(textContent).then(() => {
+ setIcon((button as HTMLElement), 'copy-check');
+ setTimeout(() => {
+ setIcon((button as HTMLElement), originalButton);
+ }, 1000);
+ }).catch((error) => {
+ console.error("Error copying text to clipboard:", error);
+ const originalButtonText = button.innerHTML;
+ setIcon((button as HTMLElement), 'x-circle');
+ setTimeout(() => {
+ button.innerHTML = originalButtonText;
+ setIcon((button as HTMLElement), originalButton);
+ }, 2000);
+ });
+
+ return textContent;
+}
+
+export function createCopyParentText(message: string, originalButton: string = 'copy-plus') {
+ return function (event: MouseEvent) {
+ let markdownMessage = copyParentText(event, message, originalButton);
+ // Convert edit blocks back to markdown format before pasting
+ const editRegex = /[\s\S]*?([\s\S]*?)<\/code><\/pre>[\s\S]*?<\/details>/g;
+ markdownMessage = markdownMessage?.replace(editRegex, (_, content) => {
+ return `\n${content}\n `;
+ });
+ return markdownMessage;
+ }
+}
+
+export function jumpToPreviousView() {
+ const editor: Editor = this.app.workspace.getActiveFileView()?.editor
+ if (!editor) return;
+ editor.focus();
+}
+
+export function pasteTextAtCursor(text: string | undefined) {
+ // Get the current active file's editor
+ const editor: Editor = this.app.workspace.getActiveFileView()?.editor
+ if (!editor || !text) return;
+ const cursor = editor.getCursor();
+ // If there is a selection, replace it with the text
+ if (editor?.getSelection()) {
+ editor.replaceSelection(text);
+ // If there is no selection, insert the text at the cursor position
+ } else if (cursor) {
+ editor.replaceRange(text, cursor);
+ }
+}
+
+export function getFileFromPath(sourceFiles: TFile[], chosenFile: string): TFile | undefined {
+ // Find the vault file matching file of chosen file, entry
+ let fileMatch = sourceFiles
+ // Sort by descending length of path
+ // This finds longest path match when multiple files have same name
+ .sort((a, b) => b.path.length - a.path.length)
+ // The first match is the best file match across OS
+ // e.g. Khoj server on Linux, Obsidian vault on Android
+ .find(file => chosenFile.replace(/\\/g, "/").endsWith(file.path))
+ return fileMatch;
+}
+
+export function getLinkToEntry(sourceFiles: TFile[], chosenFile: string, chosenEntry: string): string | undefined {
+ // Find the vault file matching file of chosen file, entry
+ let fileMatch = getFileFromPath(sourceFiles, chosenFile);
+
+ // Return link to vault file at heading of chosen search result
+ if (fileMatch) {
+ let resultHeading = fileMatch.extension !== 'pdf' ? chosenEntry.split('\n', 1)[0] : '';
+ let linkToEntry = resultHeading.startsWith('#') ? `${fileMatch.path}${resultHeading}` : fileMatch.path;
+ console.log(`Link: ${linkToEntry}, File: ${fileMatch.path}, Heading: ${resultHeading}`);
+ return linkToEntry;
+ }
+}
+
+/**
+ * Calculate estimated vault sync metrics (used and total bytes).
+ * This is a client-side estimation based on the configured sync file types and folders.
+ * The storage limit is determined from the backend-provided `setting.userInfo?.is_active` flag:
+ * - if true => premium limit (500 MB)
+ * - otherwise => free limit (10 MB)
+ * This avoids client-side heuristics and relies on server-provided user info.
+ */
+export async function calculateVaultSyncMetrics(vault: Vault, setting: KhojSetting): Promise<{ usedBytes: number, totalBytes: number }> {
+ try {
+ const files = getFilesToSync(vault, setting);
+ const usedBytes = files.reduce((acc, file) => acc + (file.stat?.size ?? 0), 0);
+
+ // Default to free plan limit
+ const FREE_LIMIT = 10 * 1024 * 1024; // 10 MB
+ const PAID_LIMIT = 500 * 1024 * 1024; // 500 MB
+ let totalBytes = FREE_LIMIT;
+
+ // Determine plan from backend-provided user info. Use FREE_LIMIT as default when info missing.
+ try {
+ if (setting.userInfo && setting.userInfo.is_active === true) {
+ totalBytes = PAID_LIMIT;
+ } else {
+ totalBytes = FREE_LIMIT;
+ }
+ } catch (err) {
+ // Defensive: on any unexpected error, fall back to free limit
+ console.warn('Khoj: Error reading userInfo.is_active, defaulting to free limit', err);
+ totalBytes = FREE_LIMIT;
+ }
+
+ return { usedBytes, totalBytes };
+ } catch (err) {
+ console.error('Khoj: Error calculating vault sync metrics:', err);
+ return { usedBytes: 0, totalBytes: 10 * 1024 * 1024 };
+ }
+}
+
+export async function fetchChatModels(settings: KhojSetting): Promise {
+ if (!settings.connectedToBackend || !settings.khojUrl) {
+ return [];
+ }
+ try {
+ const response = await fetch(`${settings.khojUrl}/api/model/chat/options`, {
+ method: 'GET',
+ headers: settings.khojApiKey ? { 'Authorization': `Bearer ${settings.khojApiKey}` } : {},
+ });
+ if (response.ok) {
+ const modelsData = await response.json();
+ if (Array.isArray(modelsData)) {
+ return modelsData.map((model: any) => ({
+ id: model.id.toString(),
+ name: model.name,
+ }));
+ }
+ } else {
+ console.warn("Khoj: Failed to fetch chat models:", response.statusText);
+ }
+ } catch (error) {
+ console.error("Khoj: Error fetching chat models:", error);
+ }
+ return [];
+}
+
+export async function fetchUserServerSettings(settings: KhojSetting): Promise {
+ if (!settings.connectedToBackend || !settings.khojUrl) {
+ return null;
+ }
+ try {
+ const response = await fetch(`${settings.khojUrl}/api/settings?detailed=true`, {
+ method: 'GET',
+ headers: settings.khojApiKey ? { 'Authorization': `Bearer ${settings.khojApiKey}` } : {},
+ });
+ if (response.ok) {
+ return await response.json() as ServerUserConfig;
+ } else {
+ console.warn("Khoj: Failed to fetch user server settings:", response.statusText);
+ }
+ } catch (error) {
+ console.error("Khoj: Error fetching user server settings:", error);
+ }
+ return null;
+}
+
+export async function updateServerChatModel(modelId: string, settings: KhojSetting): Promise {
+ if (!settings.connectedToBackend || !settings.khojUrl) {
+ new Notice("️⛔️ Connect to Khoj to update chat model.");
+ return false;
+ }
+
+ try {
+ const response = await fetch(`${settings.khojUrl}/api/model/chat?id=${modelId}`, {
+ method: 'POST', // As per web app's updateModel function
+ headers: settings.khojApiKey ? { 'Authorization': `Bearer ${settings.khojApiKey}` } : {},
+ });
+ if (response.ok) {
+ settings.selectedChatModelId = modelId; // Update local mirror
+ return true;
+ } else {
+ const errorData = await response.text();
+ new Notice(`️⛔️ Failed to update chat model on server: ${response.status} ${errorData}`);
+ console.error("Khoj: Failed to update chat model:", response.status, errorData);
+ return false;
+ }
+ } catch (error) {
+ new Notice("️⛔️ Error updating chat model on server. See console.");
+ console.error("Khoj: Error updating chat model:", error);
+ return false;
+ }
+}
diff --git a/src/interface/obsidian/styles.css b/src/interface/obsidian/styles.css
new file mode 100644
index 0000000000000000000000000000000000000000..47f4032de25b1ab81e3d427aca060480333df94c
--- /dev/null
+++ b/src/interface/obsidian/styles.css
@@ -0,0 +1,2013 @@
+/*
+
+This CSS file will be included with your plugin, and
+available in the app when your plugin is enabled.
+
+If your plugin does not need CSS, delete this file.
+
+*/
+
+:root {
+ --khoj-winter-sun: #f9f5de;
+ --khoj-sun: #fee285;
+ --khoj-storm-grey: #475569;
+ --chat-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24' fill='currentColor' stroke-linecap='round' stroke-linejoin='round' class='svg-icon' version='1.1'%3E%3Cpath d='m 14.024348,9.8497703 0.04627,1.9750167' stroke='%231c274c' stroke-width='2' stroke-linecap='round' /%3E%3Cpath d='m 9.6453624,9.7953624 0.046275,1.9750166' stroke='%231c274c' stroke-width='2' stroke-linecap='round' /%3E%3Cpath d='m 11.90538,2.3619994 c -5.4939109,0 -9.6890976,4.0608185 -9.6890976,9.8578926 0,1.477202 0.2658016,2.542848 0.6989332,3.331408 0.433559,0.789293 1.0740097,1.372483 1.9230615,1.798517 1.7362861,0.87132 4.1946007,1.018626 7.0671029,1.018626 0.317997,0 0.593711,0.167879 0.784844,0.458501 0.166463,0.253124 0.238617,0.552748 0.275566,0.787233 0.07263,0.460801 0.05871,1.030165 0.04785,1.474824 v 4.8e-5 l -2.26e-4,0.0091 c -0.0085,0.348246 -0.01538,0.634247 -0.0085,0.861186 0.105589,-0.07971 0.227925,-0.185287 0.36735,-0.31735 0.348613,-0.330307 0.743513,-0.767362 1.176607,-1.246635 l 0.07837,-0.08673 c 0.452675,-0.500762 0.941688,-1.037938 1.41216,-1.473209 0.453774,-0.419787 0.969948,-0.822472 1.476003,-0.953853 1.323661,-0.343655 2.330132,-0.904027 3.005749,-1.76381 0.658957,-0.838568 1.073167,-2.051868 1.073167,-3.898667 0,-5.7970748 -4.195186,-9.8578946 -9.689097,-9.8578946 z M 0.92440678,12.219892 c 0,-7.0067939 5.05909412,-11.47090892 10.98097322,-11.47090892 5.921878,0 10.980972,4.46411502 10.980972,11.47090892 0,2.172259 -0.497596,3.825405 -1.442862,5.028357 -0.928601,1.181693 -2.218843,1.837914 -3.664937,2.213334 -0.211641,0.05502 -0.53529,0.268579 -0.969874,0.670658 -0.417861,0.386604 -0.865628,0.876836 -1.324566,1.384504 l -0.09131,0.101202 c -0.419252,0.464136 -0.849637,0.94059 -1.239338,1.309807 -0.210187,0.199169 -0.425281,0.383422 -0.635348,0.523424 -0.200911,0.133819 -0.449635,0.263369 -0.716376,0.281474 -0.327812,0.02226 -0.61539,-0.149209 -0.804998,-0.457293 -0.157614,-0.255993 -0.217622,-0.557143 -0.246564,-0.778198 -0.0542,-0.414027 -0.04101,-0.933065 -0.03027,-1.355183 l 0.0024,-0.0922 c 0.01099,-0.463865 0.01489,-0.820507 -0.01611,-1.06842 C 8.9434608,19.975238 6.3139711,19.828758 4.356743,18.84659 3.3355029,18.334136 2.4624526,17.578678 1.8500164,16.463713 1.2372016,15.348029 0.92459928,13.943803 0.92459928,12.219967 Z' clip-rule='evenodd' stroke-width='2' fill='currentColor' fill-rule='evenodd' fill-opacity='1' /%3E%3C/svg%3E%0A");
+ --search-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24' fill='currentColor' stroke-linecap='round' stroke-linejoin='round' class='svg-icon' version='1.1'%3E%3Cpath d='m 18.562765,17.147843 c 1.380497,-1.679442 2.307667,-4.013099 2.307667,-6.330999 C 20.870432,5.3951476 16.353958,1 10.782674,1 5.2113555,1 0.69491525,5.3951476 0.69491525,10.816844 c 0,5.421663 4.51644025,9.816844 10.08775875,9.816844 2.381867,0 4.570922,-0.803307 6.296712,-2.14673 0.508475,-0.508475 4.514633,4.192839 4.514633,4.192839 1.036377,1.008544 2.113087,-0.02559 1.07671,-1.034139 z m -7.780091,1.925408 c -4.3394583,0 -8.6708434,-4.033489 -8.6708434,-8.256407 0,-4.2229187 4.3313851,-8.2564401 8.6708434,-8.2564401 4.339458,0 8.670809,4.2369112 8.670809,8.4598301 0,4.222918 -4.331351,8.053017 -8.670809,8.053017 z' fill='currentColor' fill-rule='evenodd' clip-rule='evenodd' fill-opacity='1' stroke-width='1.10519' stroke-dasharray='none' /%3E%3Cpath d='m 13.337351,9.3402647 0.05184,2.1532893' stroke='%231c274c' stroke-width='2' stroke-linecap='round' /%3E%3Cpath d='M 8.431347,9.2809457 8.483191,11.434235' stroke='%231c274c' stroke-width='2' stroke-linecap='round' /%3E%3C/svg%3E%0A");
+}
+
+.khoj-chat p {
+ margin: 0;
+ line-height: 1.6;
+}
+
+.khoj-chat pre {
+ text-wrap: unset;
+ border-radius: 6px;
+ background-color: var(--background-modifier-hover);
+ margin: 12px 0;
+}
+
+.khoj-chat {
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+ overflow: hidden;
+ background-color: var(--background-primary);
+ color: var(--text-normal);
+ font-size: 16px;
+ line-height: 1.5;
+ padding: 0;
+ margin: 0px;
+}
+
+.khoj-chat>* {
+ padding: 12px;
+ margin: 5px;
+}
+
+#khoj-chat-title {
+ font-weight: 300;
+ color: var(--khoj-sun);
+ font-size: 1.4em;
+ letter-spacing: 0.2px;
+}
+
+#khoj-chat-body {
+ flex: 1;
+ overflow-y: auto;
+ padding: 20px;
+ padding-bottom: 30px;
+ /* Add extra padding at the bottom to prevent messages from reaching the input area */
+ height: calc(100% - 120px);
+ /* Fixed height calculation to prevent resizing */
+ position: relative;
+}
+
+/* add chat metadata to bottom of bubble */
+.khoj-chat-message::after {
+ content: attr(data-meta);
+ display: block;
+ font-size: var(--font-ui-smaller);
+ color: var(--text-muted);
+ margin: 4px 0;
+ text-align: right;
+ clear: both;
+}
+
+/* Specific adjustments for khoj messages */
+.khoj-chat-message.khoj::after {
+ text-align: left;
+}
+
+/* Specific adjustments for user messages */
+.khoj-chat-message.you::after {
+ text-align: right;
+}
+
+/* move message by khoj to left */
+.khoj-chat-message.khoj {
+ margin-right: auto;
+ text-align: left;
+ padding: 6px 0;
+}
+
+/* move message by you to right */
+.khoj-chat-message.you {
+ margin-left: auto;
+ text-align: right;
+ padding: 6px 0;
+}
+
+/* basic style chat message text */
+.khoj-chat-message-text {
+ margin: 10px;
+ border-radius: 12px;
+ padding: 14px 16px;
+ position: relative;
+ display: inline-block;
+ text-align: left;
+ user-select: text;
+ color: var(--text-normal);
+ background-color: var(--background-modifier-hover);
+ word-break: break-word;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+ max-width: 90%;
+ font-size: 0.8em;
+}
+
+/* color chat bubble by khoj blue */
+.khoj-chat-message-text.khoj {
+ border-left: 4px solid var(--khoj-sun);
+ border-radius: 8px;
+ margin-right: auto;
+ padding-left: 18px;
+ white-space: pre-line;
+ background-color: var(--background-secondary);
+ transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
+}
+
+/* Animation for new words during streaming */
+@keyframes fadeIn {
+ from {
+ opacity: 0;
+ transform: translateY(5px);
+ }
+
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+/* Class to animate new content
+.khoj-message-new-content {
+ animation: fadeIn 0.3s ease-in-out;
+} */
+
+/* Override white-space for ul, ol, li under khoj-chat-message-text.khoj */
+.khoj-chat-message-text.khoj ul,
+.khoj-chat-message-text.khoj ol,
+.khoj-chat-message-text.khoj li {
+ white-space: normal;
+ margin-left: 0;
+ padding-left: 1.2em;
+}
+
+/* fix list items display */
+.khoj-chat-message-text ul,
+.khoj-chat-message-text ol {
+ padding-left: 1.2em;
+ margin: 8px 0;
+}
+
+.khoj-chat-message-text li {
+ margin-bottom: 4px;
+}
+
+/* add left protrusion to khoj chat bubble */
+.khoj-chat-message-text.khoj:after {
+ content: '';
+ position: absolute;
+ bottom: -2px;
+ left: -7px;
+ border: 8px solid transparent;
+ border-bottom: 0;
+ transform: rotate(-60deg);
+}
+
+/* color chat bubble by you dark grey */
+.khoj-chat-message-text.you {
+ color: var(--text-normal);
+ margin-left: auto;
+ background-color: var(--background-modifier-cover);
+}
+
+/* add right protrusion to you chat bubble */
+.khoj-chat-message-text.you:after {
+ content: '';
+ position: absolute;
+ top: 91%;
+ right: -2px;
+ border: 10px solid transparent;
+ border-right: 0;
+ margin-top: -10px;
+ transform: rotate(-60deg)
+}
+
+.option-enabled {
+ box-shadow: 0 0 12px rgb(119, 156, 46);
+}
+
+code.chat-response {
+ background-color: var(--background-secondary-alt) !important;
+ border-radius: 6px;
+ padding: 8px 12px !important;
+ font-family: var(--font-monospace);
+ font-size: var(--font-ui-smaller);
+ line-height: 1.5;
+ white-space: pre-wrap;
+ word-break: break-word;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+ border: 1px solid var(--background-modifier-border);
+ display: block;
+ margin: 8px 0;
+}
+
+div.collapsed {
+ display: none;
+}
+
+div.expanded {
+ display: block;
+}
+
+div.reference {
+ margin: 0.5em;
+ padding: 0.5em;
+ border: 1px solid var(--background-modifier-border);
+ border-radius: 8px;
+ background-color: var(--background-secondary);
+ transition: all 0.2s ease;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+}
+
+div.expanded.reference-section {
+ display: grid;
+ grid-template-rows: auto;
+ grid-auto-flow: row;
+ grid-column-gap: 10px;
+ grid-row-gap: 10px;
+ margin: 10px 0;
+}
+
+button.reference-button {
+ background: var(--background-secondary-alt);
+ border: 1px solid var(--background-modifier-border);
+ border-radius: 6px;
+ padding: 8px 12px;
+ margin: 4px 0;
+ width: 100%;
+ text-align: left;
+ cursor: pointer;
+ color: var(--text-normal);
+ font-size: calc(var(--font-ui-small) * 1.05);
+ line-height: 1.4;
+ transition: all 0.2s ease;
+ position: relative;
+ overflow: hidden;
+}
+
+button.reference-button:hover {
+ background-color: var(--background-modifier-hover);
+ transform: translateY(-1px);
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+}
+
+button.reference-button.expanded {
+ height: auto;
+ max-height: none;
+ white-space: pre-wrap;
+}
+
+button.reference-button.expanded> :nth-child(2) {
+ display: block;
+}
+
+button.reference-button.collapsed> :nth-child(2) {
+ display: none;
+}
+
+button.reference-button::before {
+ content: "▶";
+ margin-right: 5px;
+ display: inline-block;
+ transition: transform 0.1s ease-in-out;
+}
+
+button.reference-button.expanded::before,
+button.reference-button:active:before,
+button.reference-button[aria-expanded="true"]::before {
+ transform: rotate(90deg);
+}
+
+button.reference-expand-button {
+ background-color: transparent;
+ border: 1px solid var(--khoj-storm-grey);
+ border-radius: 5px;
+ padding: 8px;
+ margin-top: 8px;
+ font-size: 14px;
+ font-weight: 300;
+ line-height: 1.5em;
+ cursor: pointer;
+ transition: background 0.2s ease-in-out;
+ text-align: left;
+}
+
+button.reference-expand-button:hover {
+ background: var(--background-modifier-active-hover);
+ color: var(--text-normal);
+}
+
+a.inline-chat-link {
+ color: #475569;
+ text-decoration: none;
+ border-bottom: 1px dotted #475569;
+}
+
+.reference-link {
+ color: var(--khoj-storm-grey);
+ border-bottom: 1px dotted var(--khoj-storm-grey);
+}
+
+img {
+ max-width: 60%;
+}
+
+div.new-conversation {
+ display: grid;
+ grid-auto-flow: column;
+ grid-template-columns: 1fr auto;
+ margin-bottom: 16px;
+ position: sticky;
+ top: 0;
+ z-index: 10;
+ background-color: var(--background-primary)
+}
+
+div.conversation-header-title {
+ text-align: left;
+ font-size: larger;
+ line-height: 1.5em;
+}
+
+div.conversation-session {
+ color: var(--color-base-90);
+ border: 1px solid var(--khoj-storm-grey);
+ border-radius: 5px;
+ margin-top: 8px;
+ padding: 5px;
+ font-size: 14px;
+ font-weight: 300;
+ line-height: 1.5em;
+ cursor: pointer;
+ transition: background 0.2s ease-in-out;
+ text-align: left;
+ display: grid;
+ grid-auto-flow: column;
+ grid-template-columns: 1fr auto;
+}
+
+button.three-dot-menu-button-item {
+ color: var(--text-accent);
+ border: none;
+ box-shadow: none;
+ font-size: 14px;
+ font-weight: 300;
+ line-height: 1.5em;
+ cursor: pointer;
+ transition: background 0.3s ease-in-out;
+ font-family: var(--font-family);
+ border-radius: 4px;
+ right: 0;
+}
+
+button.three-dot-menu-button-item:hover {
+ background: var(--background-modifier-active-hover);
+}
+
+div.conversation-menu {
+ z-index: 1;
+ top: 100%;
+ right: 0;
+ text-align: right;
+ border-radius: 5px;
+ padding: 5px;
+ display: grid;
+ grid-gap: 4px;
+ grid-auto-flow: column;
+}
+
+div.conversation-session:hover {
+ transform: scale(1.03);
+}
+
+div.selected-conversation {
+ background: var(--background-modifier-active-hover) !important;
+}
+
+#khoj-chat-footer {
+ position: relative;
+ bottom: 0;
+ width: 100%;
+ padding: 10px;
+ background-color: var(--background-primary);
+ border-top: 1px solid var(--background-modifier-border);
+ z-index: 10;
+ /* Ensure footer stays on top */
+ flex-shrink: 0;
+ /* Prevent footer from shrinking */
+}
+
+.khoj-input-row {
+ display: flex;
+ flex-wrap: nowrap;
+ align-items: center;
+ background-color: var(--background-secondary-alt, var(--background-secondary));
+ border-radius: 16px;
+ padding: 4px 16px;
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
+ transition: all 0.3s ease;
+ position: relative;
+ overflow: hidden;
+ margin-top: 0px;
+ margin-bottom: 0px;
+ transform: none;
+}
+
+/* Add focus effect */
+.khoj-input-row:focus-within {
+ box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
+ background-color: var(--background-secondary-alt, var(--background-secondary));
+}
+
+
+#khoj-chat-input {
+ flex: 1;
+ min-width: 100px;
+ border: none;
+ background: transparent;
+ color: var(--text-normal);
+ font-size: calc(var(--font-ui-medium) * 1.05);
+ padding: 12px;
+ min-height: 24px;
+ max-height: 400px;
+ resize: none;
+ border-radius: 8px;
+ outline: none;
+ font-family: inherit;
+ line-height: normal;
+ overflow: hidden;
+ transition: none;
+ align-self: flex-start;
+}
+
+.khoj-input-row-button {
+ border-radius: 50%;
+ padding: 4px;
+ --icon-size: var(--icon-size);
+ height: 32px;
+ width: 32px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ position: relative;
+ margin: 4px;
+ align-self: center;
+ flex-shrink: 0;
+}
+
+#khoj-chat-send {
+ padding: 0;
+ position: relative;
+}
+
+#khoj-chat-send .lucide-arrow-up-circle {
+ background: var(--background-modifier-active-hover);
+ border-radius: 50%;
+}
+
+#khoj-chat-send .lucide-stop-circle {
+ transform: rotateY(-180deg) rotateZ(-90deg);
+}
+
+#khoj-chat-send .lucide-stop-circle circle {
+ stroke-dasharray: 62px;
+ /* The circumference of the circle with 7px radius */
+ stroke-dashoffset: 0px;
+ stroke-linecap: round;
+ stroke-width: 2px;
+ stroke: var(--main-text-color);
+ fill: none;
+}
+
+@keyframes countdown {
+ from {
+ stroke-dashoffset: 0px;
+ }
+
+ to {
+ stroke-dashoffset: -62px;
+ /* The circumference of the circle with 7px radius */
+ }
+}
+
+@media (pointer: coarse),
+(hover: none) {
+ #khoj-chat-body.abbr[title] {
+ position: relative;
+ padding-left: 4px;
+ /* space references out to ease tapping */
+ }
+
+ #khoj-chat-body.abbr[title]:focus:after {
+ content: attr(title);
+
+ /* position tooltip */
+ position: absolute;
+ left: 16px;
+ /* open tooltip to right of ref link, instead of on top of it */
+ width: auto;
+ z-index: 1;
+ /* show tooltip above chat messages */
+
+ /* style tooltip */
+ background-color: var(--background-secondary);
+ color: var(--text-muted);
+ border-radius: 2px;
+ box-shadow: 1px 1px 4px 0 var(--background-modifier-box-shadow);
+ font-size: var(--font-ui-small);
+ padding: 2px 4px;
+ }
+}
+
+.khoj-result-file {
+ font-weight: 600;
+}
+
+.khoj-result-file.in-vault {
+ color: var(--color-green);
+}
+
+.khoj-result-file.not-in-vault {
+ color: var(--color-blue);
+}
+
+.khoj-result-entry {
+ color: var(--text-muted);
+ margin-left: 2em;
+ padding-left: 0.5em;
+ line-height: normal;
+ margin-top: 0.2em;
+ margin-bottom: 0.2em;
+ border-left-style: solid;
+ border-left-color: var(--color-accent-2);
+ white-space: normal;
+}
+
+.khoj-result-entry>* {
+ font-size: var(--font-ui-medium);
+}
+
+.khoj-result-entry>p {
+ margin-top: 0.2em;
+ margin-bottom: 0.2em;
+}
+
+.khoj-result-entry p br {
+ display: none;
+}
+
+/* Improved header styles for a more modern look */
+div.khoj-header {
+ display: grid;
+ grid-auto-flow: row;
+ padding: 12px 12px;
+ background-color: var(--background-secondary, var(--background-secondary));
+ border-bottom: 1px solid var(--border-color);
+ border-radius: 8px;
+ width: 100%;
+ box-sizing: border-box;
+ position: sticky;
+ top: 0;
+ z-index: 10;
+ /* Allow elements to wrap on smaller screens */
+}
+div.khoj-header-title-pane {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ flex-wrap: wrap;
+}
+
+/* Keeps the navigation menu clickable */
+a.khoj-nav {
+ -webkit-app-region: no-drag;
+}
+
+div.khoj-nav {
+ -webkit-app-region: no-drag;
+}
+
+nav.khoj-nav {
+ display: grid;
+ grid-auto-flow: column;
+ grid-gap: 36px;
+ justify-self: center;
+ justify-content: center;
+ align-items: center;
+ padding: 4px 0;
+}
+
+a.khoj-nav {
+ display: flex;
+ align-items: center;
+ text-decoration: none;
+ color: var(--text-normal);
+ font-size: small;
+ font-weight: normal;
+ padding: 6px 10px;
+ border-radius: 6px;
+ justify-self: center;
+ margin: 0;
+ transition: all 0.2s ease;
+}
+
+div.khoj-logo {
+ justify-self: left;
+ font-size: large;
+ transition: transform 0.2s ease;
+}
+
+div.khoj-logo:hover {
+ transform: scale(1.05);
+}
+
+/* Container for New Chat button and agent selector */
+.khoj-header-right-container {
+ display: flex;
+ align-items: center;
+ gap: 12px;
+ justify-self: right;
+ -webkit-app-region: no-drag;
+}
+
+/* New Chat button in header */
+.khoj-header-new-chat-button {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ padding: 6px 14px;
+ border-radius: 8px;
+ border: 1px solid var(--text-accent);
+ background-color: var(--background-primary);
+ color: var(--text-accent);
+ cursor: pointer;
+ font-size: 13px;
+ font-weight: 500;
+ white-space: nowrap;
+ transition: all 0.25s ease;
+ height: 32px;
+ -webkit-app-region: no-drag;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
+ z-index: 10;
+}
+
+/* Media queries for responsive design */
+@media only screen and (max-width: 600px) {
+ div.khoj-header {
+ display: grid;
+ grid-template-columns: 1fr;
+ grid-template-rows: auto auto auto;
+ gap: 12px;
+ padding: 16px 12px 12px;
+ margin: 0 0 16px 0;
+ }
+
+ div.khoj-header h3 {
+ text-align: center;
+ margin-bottom: 8px;
+ }
+
+ nav.khoj-nav {
+ grid-gap: 8px;
+ justify-content: center;
+ order: 3;
+ }
+
+ .khoj-header-right-container {
+ flex-direction: column;
+ align-items: center;
+ gap: 8px;
+ order: 2;
+ margin: 0 auto;
+ }
+
+ #khoj-header-agent-select {
+ width: 100%;
+ max-width: 250px;
+ }
+
+ .khoj-header-new-chat-button {
+ width: 100%;
+ max-width: 250px;
+ justify-content: center;
+ }
+
+ .khoj-chat-message-text {
+ max-width: 95%;
+ font-size: 0.9em;
+ }
+
+ div.reference {
+ padding: 10px;
+ }
+
+ .reference-link {
+ max-width: 70%;
+ }
+
+ .khoj-edit-accordion summary {
+ padding: 8px 10px;
+ }
+
+ .khoj-edit-content pre {
+ padding: 8px;
+ }
+}
+
+/* Additional media query for very narrow screens */
+@media only screen and (max-width: 400px) {
+ div.khoj-header {
+ grid-template-columns: 1fr;
+ grid-template-rows: auto auto auto;
+ gap: 12px;
+ padding: 14px 10px 12px;
+ }
+
+ div.khoj-logo {
+ justify-self: center;
+ }
+
+ nav.khoj-nav {
+ justify-self: center;
+ }
+
+ .khoj-header-right-container {
+ justify-self: center;
+ width: 100%;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: center;
+ }
+
+ .khoj-agent-select {
+ min-width: 120px;
+ font-size: 12px;
+ }
+
+ .khoj-header-new-chat-button {
+ font-size: 12px;
+ padding: 4px 10px;
+ }
+
+ .khoj-chat-message-text {
+ max-width: 98%;
+ padding: 10px 12px;
+ font-size: 0.85em;
+ }
+
+ span.khoj-nav-item-text {
+ font-size: 12px;
+ }
+
+ button.chat-action-button {
+ width: 24px;
+ height: 24px;
+ }
+
+ .khoj-input-row {
+ padding: 8px;
+ }
+
+ #khoj-chat-input {
+ padding: 8px;
+ min-height: 32px;
+ max-height: 300px;
+ /* Reduced maximum size for mobile */
+ }
+
+ .khoj-input-row-button {
+ width: 28px;
+ height: 28px;
+ align-self: center;
+ /* Ensures buttons remain vertically centered on mobile */
+ flex-shrink: 0;
+ /* Prevents buttons from shrinking on mobile */
+ }
+
+ #khoj-chat-send {
+ width: 28px;
+ }
+
+ .khoj-input-row-button {
+ width: 28px;
+ height: 28px;
+ }
+
+ .reference {
+ padding: 8px;
+ }
+}
+
+.khoj-header-new-chat-button:hover {
+ background-color: var(--text-accent);
+ color: var(--background-primary);
+ transform: translateY(-2px);
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
+}
+
+.khoj-header-new-chat-button:active {
+ transform: translateY(-1px);
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
+}
+
+.khoj-header-new-chat-button .lucide-plus-circle {
+ width: 16px;
+ height: 16px;
+ transition: transform 0.2s ease;
+}
+
+.khoj-header-new-chat-button:hover .lucide-plus-circle {
+ transform: rotate(90deg);
+}
+
+/* Agent selector in header */
+.khoj-header-agent-container {
+ display: flex;
+ flex-direction: column;
+ z-index: 10;
+ -webkit-app-region: no-drag;
+ width: 160px;
+}
+
+.khoj-header-agent-select {
+ font-family: inherit;
+ font-size: 14px;
+ padding: 4px 8px;
+ border-radius: 4px;
+ border: 1px solid var(--khoj-storm-grey);
+ background-color: var(--background-primary);
+ color: var(--text-normal);
+ cursor: pointer;
+ min-width: 120px;
+ height: 32px;
+ margin: 0;
+ width: 100%;
+}
+
+.khoj-header-agent-select:hover {
+ border-color: var(--text-accent);
+}
+
+.khoj-header-agent-select:focus {
+ outline: none;
+ border-color: var(--text-accent);
+ box-shadow: 0 0 0 2px rgba(var(--text-accent-rgb), 0.1);
+}
+
+.khoj-header-agent-select option {
+ background-color: var(--background-primary);
+ color: var(--text-normal);
+ padding: 8px;
+}
+
+.khoj-nav a {
+ color: var(--text-normal);
+ text-decoration: none;
+ font-size: small;
+ font-weight: 450;
+ padding: 8px 12px;
+ border-radius: 6px;
+ justify-self: center;
+ margin: 0;
+ transition: all 0.2s ease;
+}
+
+.khoj-nav a:hover {
+ background-color: var(--background-modifier-hover);
+ color: var(--text-accent);
+ transform: translateY(-1px);
+}
+
+.khoj-nav a:active {
+ transform: translateY(0);
+}
+
+a.khoj-nav-selected {
+ background-color: var(--background-modifier-active-hover);
+ color: var(--text-accent);
+ font-weight: 500;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+#similar-nav-icon-svg,
+.khoj-nav-icon {
+ width: 24px;
+ height: 24px;
+ transition: transform 0.2s ease;
+}
+
+.khoj-nav a:hover .khoj-nav-icon,
+.khoj-nav a:hover #similar-nav-icon-svg {
+ transform: scale(1.1);
+}
+
+.khoj-nav-icon-chat {
+ background-image: var(--chat-icon);
+}
+
+.khoj-nav-icon-search {
+ background-image: var(--search-icon);
+}
+
+span.khoj-nav-item-text {
+ padding-left: 8px;
+}
+
+/* Improved action buttons */
+button.chat-action-button {
+ display: block;
+ border-radius: 6px;
+ color: var(--text-muted);
+ background-color: transparent;
+ border: 1px solid var(--khoj-storm-grey);
+ text-align: center;
+ font-size: 16px;
+ transition: all 0.3s;
+ cursor: pointer;
+ padding: 6px 8px;
+ margin-top: 8px;
+ margin-left: 6px;
+ float: right;
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+
+button.chat-action-button span {
+ cursor: pointer;
+ display: inline-block;
+ position: relative;
+ transition: 0.3s;
+}
+
+.khoj-chat-message:hover button.chat-action-button {
+ opacity: 0.9;
+}
+
+button.chat-action-button:hover {
+ background-color: var(--background-modifier-active-hover);
+ color: var(--text-normal);
+ transform: translateY(-1px);
+ box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
+}
+
+/* Add specific hover colors for each action button */
+button.chat-action-button[title="Copy Message to Clipboard"]:hover {
+ background-color: var(--interactive-accent-hover);
+ border-color: var(--interactive-accent);
+ color: var(--text-on-accent);
+}
+
+button.chat-action-button[title="Paste Message to File"]:hover {
+ background-color: rgba(52, 199, 89, 0.1);
+ /* Light green */
+ border-color: rgb(52, 199, 89);
+ color: rgb(52, 199, 89);
+}
+
+button.chat-action-button[title="Edit Message"]:hover {
+ background-color: rgba(255, 149, 0, 0.1);
+ /* Light orange */
+ border-color: rgb(255, 149, 0);
+ color: rgb(255, 149, 0);
+}
+
+button.chat-action-button[title="Delete Message"]:hover {
+ background-color: rgba(255, 59, 48, 0.1);
+ /* Light red */
+ border-color: rgb(255, 59, 48);
+ color: rgb(255, 59, 48);
+}
+
+img.copy-icon {
+ width: 16px;
+ height: 16px;
+}
+
+/* Modern animations for transitions */
+@keyframes pulse {
+ 0% {
+ transform: scale(1);
+ }
+
+ 50% {
+ transform: scale(1.05);
+ }
+
+ 100% {
+ transform: scale(1);
+ }
+}
+
+.khoj-chat-message {
+ display: flex;
+ flex-direction: column;
+ margin: 0;
+ max-width: 100%;
+ overflow-wrap: break-word;
+}
+
+.khoj-chat-message.deleting {
+ opacity: 0;
+ transform: translateX(20px);
+}
+
+/* Circular Loading Spinner */
+.loader {
+ width: 18px;
+ height: 18px;
+ border: 3px solid #FFF;
+ border-radius: 50%;
+ display: inline-block;
+ position: relative;
+ box-sizing: border-box;
+ animation: rotation 1s linear infinite;
+}
+
+.loader::after {
+ content: '';
+ box-sizing: border-box;
+ position: absolute;
+ left: 50%;
+ top: 50%;
+ transform: translate(-50%, -50%);
+ width: 18px;
+ height: 18px;
+ border-radius: 50%;
+ border: 3px solid transparent;
+ border-bottom-color: var(--flower);
+}
+
+@keyframes rotation {
+ 0% {
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+
+/* Loading Spinner */
+.lds-ellipsis {
+ display: inline-block;
+ position: relative;
+ width: 60px;
+ height: 32px;
+}
+
+.lds-ellipsis div {
+ position: absolute;
+ top: 12px;
+ width: 8px;
+ height: 8px;
+ border-radius: 50%;
+ background: var(--text-muted);
+ animation-timing-function: cubic-bezier(0.3, 0.6, 0.8, 0.9);
+ /* Animation plus douce */
+}
+
+.lds-ellipsis div:nth-child(1) {
+ left: 8px;
+ animation: lds-ellipsis1 0.9s infinite;
+ /* Animation plus lente et fluide */
+}
+
+.lds-ellipsis div:nth-child(2) {
+ left: 8px;
+ animation: lds-ellipsis2 0.9s infinite;
+ /* Animation plus lente et fluide */
+}
+
+.lds-ellipsis div:nth-child(3) {
+ left: 32px;
+ animation: lds-ellipsis2 0.9s infinite;
+ /* Animation plus lente et fluide */
+}
+
+.lds-ellipsis div:nth-child(4) {
+ left: 56px;
+ animation: lds-ellipsis3 0.9s infinite;
+ /* Animation plus lente et fluide */
+}
+
+@keyframes lds-ellipsis1 {
+ 0% {
+ transform: scale(0);
+ opacity: 0;
+ }
+
+ 20% {
+ opacity: 1;
+ }
+
+ 100% {
+ transform: scale(1);
+ opacity: 1;
+ }
+}
+
+@keyframes lds-ellipsis3 {
+ 0% {
+ transform: scale(1);
+ opacity: 1;
+ }
+
+ 80% {
+ opacity: 1;
+ }
+
+ 100% {
+ transform: scale(0);
+ opacity: 0;
+ }
+}
+
+@keyframes lds-ellipsis2 {
+ 0% {
+ transform: translate(0, 0);
+ }
+
+ 100% {
+ transform: translate(24px, 0);
+ }
+}
+
+/* Loading Encircle */
+.loading-encircle {
+ position: relative;
+}
+
+.loading-encircle::before {
+ content: '';
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 24px;
+ height: 24px;
+ margin-top: -16px;
+ margin-left: -16px;
+ border: 4px solid transparent;
+ border-color: var(--icon-color-active);
+ border-radius: 50%;
+ animation: pulse 3s ease-in-out infinite;
+}
+
+@keyframes pulse {
+ 0% {
+ transform: scale(1);
+ opacity: 1;
+ }
+
+ 50% {
+ transform: scale(1.2);
+ opacity: 0.2;
+ }
+
+ 100% {
+ transform: scale(1);
+ opacity: 1;
+ }
+}
+
+@keyframes spin {
+ 0% {
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+
+/* Folder list styles */
+.folder-list {
+ list-style: none;
+ padding: 0;
+ margin: 8px 0;
+}
+
+.folder-list-item {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 6px 12px;
+ margin: 4px 0;
+ background: var(--background-secondary);
+ border-radius: 4px;
+ min-height: 32px;
+}
+
+.folder-list-remove {
+ background: none;
+ border: none;
+ color: #e57373;
+ cursor: pointer;
+ font-size: 18px;
+ width: 24px;
+ height: 24px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-left: 8px;
+ padding: 0;
+ border-radius: 4px;
+ opacity: 0.7;
+ transition: all 0.2s ease;
+}
+
+.folder-list-remove:hover {
+ opacity: 1;
+ background-color: rgba(229, 115, 115, 0.1);
+}
+
+.folder-list-empty {
+ color: var(--text-muted);
+ font-style: italic;
+ padding: 6px 0;
+}
+
+/* Folder suggestion modal styles */
+.folder-suggest-item {
+ padding: 4px 8px;
+ display: block;
+}
+
+/* Loading animation */
+.khoj-loading {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 20px;
+}
+
+.khoj-loading-spinner {
+ width: 24px;
+ height: 24px;
+ border: 3px solid var(--background-modifier-border);
+ border-top: 3px solid var(--text-accent);
+ border-radius: 50%;
+ animation: khoj-spin 1s linear infinite;
+}
+
+@keyframes khoj-spin {
+ 0% {
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+
+/* Research Spinner */
+.search-loading {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 20px;
+ background-color: rgba(0, 0, 0, 0.05);
+ border-radius: 8px;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.search-loading-spinner {
+ width: 32px;
+ height: 32px;
+ border: 3px solid var(--background-modifier-border);
+ border-top: 3px solid var(--text-accent);
+ border-radius: 50%;
+ animation: search-spin 0.8s linear infinite;
+}
+
+@keyframes search-spin {
+ 0% {
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+
+.khoj-file-suggestion {
+ padding: 8px;
+ color: var(--text-muted);
+}
+
+.khoj-similar-message {
+ text-align: center;
+ padding: 20px;
+ color: var(--text-muted);
+ font-size: 14px;
+ background-color: var(--background-secondary);
+ border-radius: 8px;
+ margin: 20px 0;
+ box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
+}
+
+/* Chat Mode Selector Styles - Using dropdown only */
+/* Removed the .khoj-mode-row, .khoj-mode-container, .khoj-mode-input, and .khoj-mode-label classes */
+
+/* Chat Agent Selector Styles */
+.khoj-agent-select {
+ font-family: inherit;
+ font-size: 14px;
+ padding: 4px 8px;
+ border-radius: 4px;
+ border: 1px solid var(--khoj-storm-grey);
+ background-color: var(--background-primary);
+ color: var(--text-normal);
+ cursor: pointer;
+ min-width: 120px;
+ height: 32px;
+ margin: 0;
+ width: 100%;
+}
+
+.khoj-agent-select:hover {
+ border-color: var(--text-accent);
+}
+
+.khoj-agent-select:focus {
+ outline: none;
+ border-color: var(--text-accent);
+ box-shadow: 0 0 0 2px rgba(var(--text-accent-rgb), 0.1);
+}
+
+.khoj-agent-select option {
+ background-color: var(--background-primary);
+ color: var(--text-normal);
+ padding: 8px;
+}
+
+.khoj-agent-container {
+ display: flex;
+ flex-direction: column;
+ flex: 1;
+ max-width: 200px;
+}
+
+.khoj-agent-label {
+ font-size: 12px;
+ color: var(--text-muted);
+ margin-bottom: 4px;
+}
+
+.khoj-agent-hint {
+ width: 100%;
+ font-size: 12px;
+ color: var(--text-muted);
+ margin-top: 4px;
+ font-style: italic;
+ display: none;
+ opacity: 0;
+ transition: opacity 0.3s ease;
+}
+
+.khoj-agent-hint.visible {
+ display: block;
+ opacity: 1;
+ animation: fadeIn 0.3s ease-in-out;
+ color: var(--text-accent);
+}
+
+/* Edit Confirmation Buttons */
+.edit-confirmation-buttons {
+ display: flex;
+ gap: 8px;
+ margin-top: 8px;
+ justify-content: flex-end;
+}
+
+.edit-confirm-button {
+ padding: 4px 12px;
+ border-radius: 4px;
+ cursor: pointer;
+ font-size: 14px;
+ transition: background-color 0.2s ease;
+}
+
+.edit-apply-button {
+ background-color: rgba(52, 199, 89, 0.1);
+ border: 1px solid rgb(52, 199, 89);
+ color: rgb(52, 199, 89);
+}
+
+.edit-apply-button:hover {
+ background-color: rgba(52, 199, 89, 0.2);
+}
+
+.edit-cancel-button {
+ background-color: rgba(239, 154, 154, 0.1);
+ border: 1px solid #ef9a9a;
+ color: #d32f2f;
+}
+
+.edit-cancel-button:hover {
+ background-color: rgba(239, 154, 154, 0.2);
+}
+
+.edit-status-container {
+ display: flex;
+ justify-content: center;
+ width: 100%;
+ margin-top: 12px;
+ margin-bottom: 8px;
+}
+
+.edit-status-summary {
+ margin-top: 0;
+ padding: 6px 10px;
+ border-radius: 4px;
+ font-size: 15px;
+ font-weight: 450;
+ animation: fadeIn 0.3s ease;
+ text-align: center;
+ width: fit-content;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+ background-color: var(--background-secondary);
+ color: var(--text-normal);
+ border: 1px solid var(--background-modifier-border);
+}
+
+.edit-status-summary.success {
+ background-color: rgba(52, 199, 89, 0.1);
+ color: rgb(52, 199, 89);
+ border: 1px solid rgb(52, 199, 89);
+}
+
+.edit-status-summary.error {
+ background-color: rgba(239, 154, 154, 0.1);
+ color: #d32f2f;
+ border: 1px solid #ef9a9a;
+}
+
+@keyframes fadeIn {
+ from {
+ opacity: 0;
+ transform: translateY(-10px);
+ }
+
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+/* Khoj Edit Accordion Styles */
+.khoj-edit-accordion {
+ margin: 1em 0;
+ border: 1px solid var(--background-modifier-border);
+ border-radius: 4px;
+ overflow: hidden;
+ transition: all 0.2s ease;
+}
+
+.khoj-edit-accordion summary {
+ padding: 8px 12px;
+ background-color: var(--background-secondary);
+ cursor: pointer;
+ user-select: none;
+ display: flex;
+ align-items: center;
+ gap: 8px;
+}
+
+/* Success state */
+.khoj-edit-accordion.success {
+ border-color: rgba(52, 199, 89, 0.5);
+ background-color: rgba(52, 199, 89, 0.05);
+}
+
+.khoj-edit-accordion.success summary {
+ background-color: rgba(52, 199, 89, 0.1);
+ color: rgb(39, 149, 67);
+}
+
+.khoj-edit-file {
+ margin-left: auto;
+ font-size: 0.9em;
+ opacity: 0.8;
+ font-style: italic;
+}
+
+/* Error state */
+.khoj-edit-accordion.error {
+ border-color: rgba(239, 68, 68, 0.5);
+ background-color: rgba(239, 68, 68, 0.05);
+}
+
+.khoj-edit-accordion.error summary {
+ background-color: rgba(239, 68, 68, 0.15);
+ color: rgb(185, 28, 28);
+}
+
+/* Hover effects */
+.khoj-edit-accordion.success:hover {
+ border-color: rgba(52, 199, 89, 0.8);
+ background-color: rgba(52, 199, 89, 0.1);
+}
+
+.khoj-edit-accordion.error:hover {
+ border-color: rgba(239, 68, 68, 0.8);
+ background-color: rgba(239, 68, 68, 0.1);
+}
+
+/* Content area */
+.khoj-edit-content {
+ padding: 12px;
+ background-color: var(--background-primary);
+}
+
+.khoj-edit-content pre {
+ margin: 0;
+ padding: 12px;
+ background-color: var(--background-secondary);
+ border-radius: 4px;
+ max-width: 100%;
+ overflow-x: auto;
+ white-space: pre-wrap;
+ font-size: 0.95em;
+}
+
+.khoj-edit-content code.error {
+ color: rgb(185, 28, 28);
+}
+
+/* Animations */
+.khoj-edit-accordion[open] summary {
+ border-bottom: 1px solid var(--background-modifier-border);
+}
+
+.khoj-edit-accordion:not([open]) summary:hover {
+ background-color: var(--background-modifier-hover);
+}
+
+.khoj-edit-accordion[open] .khoj-edit-content {
+ animation: slideDown 0.2s ease-out;
+}
+
+@keyframes slideDown {
+ from {
+ opacity: 0;
+ transform: translateY(-10px);
+ }
+
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+/* Khoj Edit Block in Chat */
+.khoj-chat-message-text .khoj-edit-accordion {
+ margin: 0.3em 0;
+ border: 1px solid rgba(147, 112, 219, 0.3);
+ border-radius: 4px;
+ background-color: rgba(147, 112, 219, 0.05);
+}
+
+.khoj-chat-message-text .khoj-edit-accordion summary {
+ cursor: pointer;
+ padding: 0.5em;
+ font-weight: 500;
+ color: var(--text-muted);
+ display: flex;
+ align-items: center;
+ user-select: none;
+}
+
+.khoj-chat-message-text .khoj-edit-accordion summary:hover {
+ background-color: rgba(147, 112, 219, 0.1);
+}
+
+.khoj-chat-message-text .khoj-edit-content {
+ padding: 0.5em;
+ margin: 0;
+ background-color: var(--background-primary);
+ border-top: 1px solid rgba(147, 112, 219, 0.3);
+}
+
+.khoj-chat-message-text .khoj-edit-content pre {
+ margin: 0;
+ padding: 0;
+ background-color: transparent;
+}
+
+.khoj-chat-message-text .khoj-edit-content code {
+ display: block;
+ white-space: pre-wrap;
+ font-family: var(--font-monospace);
+ font-size: 0.95em;
+}
+
+/* Retry badge container */
+.khoj-retry-container {
+ display: flex;
+ justify-content: center;
+ width: 100%;
+ margin-top: 20px;
+ margin-bottom: 12px;
+}
+
+/* Retry badge styles */
+.khoj-retry-badge {
+ display: inline-flex;
+ align-items: center;
+ gap: 8px;
+ background-color: var(--background-modifier-error);
+ color: var(--text-on-accent);
+ padding: 4px 10px;
+ border-radius: 16px;
+ margin: 0;
+ font-size: 0.8em;
+ font-weight: 500;
+ animation: slideIn 0.3s ease-out;
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
+ width: fit-content;
+}
+
+.khoj-retry-badge .retry-icon {
+ font-size: 0.9em;
+}
+
+.khoj-retry-badge .retry-count {
+ background: rgba(255, 255, 255, 0.25);
+ padding: 2px 10px;
+ border-radius: 12px;
+ font-size: 0.75em;
+ font-weight: 600;
+ margin-left: auto;
+}
+
+@keyframes slideIn {
+ from {
+ transform: translateY(-10px);
+ opacity: 0;
+ }
+
+ to {
+ transform: translateY(0);
+ opacity: 1;
+ }
+}
+
+/* Improved references */
+div.reference {
+ margin: 0.5em;
+ padding: 0.5em;
+ border: 1px solid var(--background-modifier-border);
+ border-radius: 8px;
+ background-color: var(--background-secondary);
+ transition: all 0.2s ease;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+}
+
+button.reference-button {
+ background: var(--background-secondary-alt);
+ border: 1px solid var(--background-modifier-border);
+ border-radius: 6px;
+ padding: 8px 12px;
+ margin: 4px 0;
+ width: 100%;
+ text-align: left;
+ cursor: pointer;
+ color: var(--text-normal);
+ font-size: calc(var(--font-ui-small) * 1.05);
+ line-height: 1.4;
+ transition: all 0.2s ease;
+ position: relative;
+ overflow: hidden;
+}
+
+button.reference-button:hover {
+ background-color: var(--background-modifier-hover);
+ transform: translateY(-1px);
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+}
+
+/* Improved list formatting in messages */
+.khoj-chat-message-text ul li,
+.khoj-chat-message-text ol li {
+ margin-bottom: 8px;
+ line-height: 1.6;
+}
+
+.khoj-chat-message-text ul {
+ list-style-type: disc;
+}
+
+.khoj-chat-message-text ol {
+ list-style-type: decimal;
+}
+
+/* Improved scrollbar */
+.khoj-chat::-webkit-scrollbar {
+ width: 8px;
+}
+
+.khoj-chat::-webkit-scrollbar-track {
+ background: transparent;
+}
+
+.khoj-chat::-webkit-scrollbar-thumb {
+ background-color: var(--scrollbar-thumb-bg);
+ border-radius: 4px;
+}
+
+.khoj-chat::-webkit-scrollbar-thumb:hover {
+ background-color: var(--scrollbar-active-thumb-bg);
+}
+
+/* Improved message spacing */
+.khoj-chat-message {
+ margin-bottom: 8px;
+ max-width: 92%;
+}
+
+.khoj-chat-message.you {
+ margin-left: 8%;
+ margin-right: 0;
+}
+
+.khoj-chat-message.khoj {
+ margin-right: 8%;
+ margin-left: 0;
+}
+
+/* Modification of pre elements to avoid overflow */
+.khoj-chat-message-text pre {
+ max-width: 100%;
+ overflow-x: auto;
+ white-space: pre-wrap;
+ font-size: 0.95em;
+}
+
+.khoj-chat-message-text code {
+ font-size: 0.95em;
+}
+
+/* Selectors for visual elements in messages */
+.khoj-chat-message-text ul,
+.khoj-chat-message-text ol {
+ font-size: 0.95em;
+}
+
+.khoj-chat-message-text h1,
+.khoj-chat-message-text h2,
+.khoj-chat-message-text h3,
+.khoj-chat-message-text h4,
+.khoj-chat-message-text h5,
+.khoj-chat-message-text h6 {
+ font-size: 1.1em;
+ margin: 0.5em 0;
+}
+
+/* Ensures that images stay within the container */
+.khoj-chat-message-text img {
+ max-width: 100%;
+ height: auto;
+}
+
+/* Styles for the mode dropdown */
+.khoj-mode-dropdown {
+ display: block;
+ background-color: var(--background-primary);
+ border: 1px solid var(--background-modifier-border);
+ border-radius: 4px;
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+ max-height: 180px;
+ overflow-y: auto;
+ z-index: 1000;
+ font-size: 0.85em;
+ /* Reduced text */
+ padding: 2px 0;
+ transform-origin: bottom;
+}
+
+.khoj-mode-dropdown-option {
+ padding: 4px 8px;
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+ min-height: 22px;
+}
+
+.khoj-mode-dropdown-option:hover {
+ background-color: var(--background-secondary);
+}
+
+.khoj-mode-dropdown-option-selected {
+ background-color: var(--background-modifier-hover);
+ border-left: 3px solid var(--interactive-accent);
+ font-weight: 600;
+ color: var(--text-normal);
+ padding-left: 5px;
+}
+
+.khoj-mode-dropdown-emoji {
+ margin-right: 8px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.khoj-mode-dropdown-emoji svg {
+ width: 16px;
+ height: 16px;
+}
+
+.khoj-mode-dropdown-label {
+ font-weight: 500;
+}
+
+.khoj-mode-dropdown-command {
+ color: var(--text-muted);
+ font-size: 0.8em;
+ margin-left: 2px;
+}
+
+.khoj-similar-content-hidden {
+ display: none;
+}
+
+.khoj-similar-content-visible {
+ display: block;
+}
+
+.khoj-similar-result-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 8px 0;
+}
+
+.khoj-more-context-button {
+ display: flex;
+ align-items: center;
+ gap: 6px;
+ background-color: var(--background-secondary-alt);
+ color: var(--text-normal);
+ border: 1px solid var(--background-modifier-border);
+ border-radius: 6px;
+ padding: 6px 10px;
+ font-size: 12px;
+ font-weight: 500;
+ cursor: pointer;
+ transition: all 0.2s ease;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.khoj-more-context-button:hover {
+ background-color: var(--background-modifier-hover);
+ color: var(--text-accent);
+ transform: translateY(-2px);
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
+}
+
+.khoj-more-context-button svg {
+ width: 16px;
+ height: 16px;
+ transition: transform 0.3s ease;
+}
+
+.khoj-more-context-button:hover svg {
+ transform: rotate(180deg);
+}
+
+.khoj-similar-container {
+ background-color: var(--background-primary);
+ padding: 16px;
+ height: 100%;
+}
+
+.khoj-results-count {
+ font-size: 14px;
+ color: var(--text-muted);
+ margin-bottom: 12px;
+ padding: 6px 10px;
+ background-color: var(--background-secondary-alt);
+ border-radius: 4px;
+ display: inline-block;
+}
+
+.khoj-similar-results-list {
+ max-height: 70vh;
+ overflow-y: auto;
+ display: flex;
+ flex-direction: column;
+ gap: 12px;
+ padding: 4px;
+}
+
+.khoj-similar-result-item {
+ border: 1px solid var(--background-modifier-border);
+ border-radius: 6px;
+ padding: 10px 14px;
+ background-color: var(--background-secondary);
+ transition: all 0.2s ease;
+ cursor: pointer;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+}
+
+.khoj-similar-result-item:hover {
+ background-color: var(--background-modifier-hover);
+ transform: translateY(-2px);
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
+}
+
+.khoj-similar-search-container {
+ display: flex;
+ gap: 8px;
+ margin-bottom: 16px;
+ align-items: center;
+ margin-top: 8px;
+}
+
+.khoj-similar-search-input {
+ flex: 1;
+ padding: 10px 14px;
+ border-radius: 6px;
+ border: 1px solid var(--background-modifier-border);
+ background-color: var(--background-primary);
+ color: var(--text-normal);
+ font-size: 14px;
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+}
+
+.khoj-similar-refresh-button {
+ display: flex;
+ align-items: center;
+ gap: 6px;
+ background-color: var(--background-secondary-alt);
+ color: var(--text-normal);
+ border: 1px solid var(--background-modifier-border);
+ border-radius: 6px;
+ padding: 8px 12px;
+ font-size: 14px;
+ font-weight: 500;
+ cursor: pointer;
+ transition: all 0.2s ease;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.khoj-similar-refresh-button:hover {
+ background-color: var(--background-modifier-hover);
+ color: var(--text-accent);
+ transform: translateY(-2px);
+ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
+}
+
+.khoj-similar-refresh-button svg {
+ width: 16px;
+ height: 16px;
+ transition: transform 0.3s ease;
+}
+
+.khoj-similar-refresh-button:hover svg {
+ transform: rotate(180deg);
+}
+
+.khoj-profile {
+ width: 32px;
+ height: 32px;
+ border-radius: 50%;
+ vertical-align: middle;
+ border: 2px solid var(--interactive-accent);
+ border-radius: 50%;
+}
+
+.khoj-profile-initial {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 20px;
+ font-weight: bold;
+ color: var(--text-accent);
+ background-color: var(--background-primary);
+}
+
+.khoj-connect-settings-header {
+ display: flex;
+ align-items: center;
+ /* Spread items to take available space */
+ justify-content: space-between;
+ width: 100%;
+}
+
+.khoj-connect-settings-header-status {
+ margin-left: 8px;
+ font-size: x-small;
+ vertical-align: middle;
+}
diff --git a/src/interface/obsidian/tsconfig.json b/src/interface/obsidian/tsconfig.json
new file mode 100644
index 0000000000000000000000000000000000000000..77f3e5ab66a88b13b95814c2c1bf7cce3d94d961
--- /dev/null
+++ b/src/interface/obsidian/tsconfig.json
@@ -0,0 +1,25 @@
+{
+ "compilerOptions": {
+ "baseUrl": ".",
+ "inlineSourceMap": true,
+ "inlineSources": true,
+ "module": "ESNext",
+ "target": "ES2018",
+ "allowJs": true,
+ "noImplicitAny": true,
+ "moduleResolution": "node",
+ "importHelpers": true,
+ "isolatedModules": true,
+ "strictNullChecks": true,
+ "lib": [
+ "DOM",
+ "ES5",
+ "ES6",
+ "ES7",
+ "ES2018"
+ ]
+ },
+ "include": [
+ "**/*.ts"
+ ]
+}
diff --git a/src/interface/obsidian/version-bump.mjs b/src/interface/obsidian/version-bump.mjs
new file mode 100644
index 0000000000000000000000000000000000000000..d409fa0ef33d5809772c87b02002b91ae6531596
--- /dev/null
+++ b/src/interface/obsidian/version-bump.mjs
@@ -0,0 +1,14 @@
+import { readFileSync, writeFileSync } from "fs";
+
+const targetVersion = process.env.npm_package_version;
+
+// read minAppVersion from manifest.json and bump version to target version
+let manifest = JSON.parse(readFileSync("manifest.json", "utf8"));
+const { minAppVersion } = manifest;
+manifest.version = targetVersion;
+writeFileSync("manifest.json", JSON.stringify(manifest, null, "\t"));
+
+// update versions.json with target version and minAppVersion from manifest.json
+let versions = JSON.parse(readFileSync("versions.json", "utf8"));
+versions[targetVersion] = minAppVersion;
+writeFileSync("versions.json", JSON.stringify(versions, null, "\t"));
diff --git a/src/interface/obsidian/versions.json b/src/interface/obsidian/versions.json
new file mode 100644
index 0000000000000000000000000000000000000000..d1d3d704a4401fb0eccbedcdef9cf65ba9f59913
--- /dev/null
+++ b/src/interface/obsidian/versions.json
@@ -0,0 +1,165 @@
+{
+ "0.2.1": "0.15.0",
+ "0.2.5": "0.15.0",
+ "0.2.6": "0.15.0",
+ "0.3.0": "0.15.0",
+ "0.4.0": "0.15.0",
+ "0.5.0": "0.15.0",
+ "0.6.0": "0.15.0",
+ "0.6.1": "0.15.0",
+ "0.6.2": "0.15.0",
+ "0.7.0": "0.15.0",
+ "0.7.1": "0.15.0",
+ "0.8.0": "0.15.0",
+ "0.8.1": "0.15.0",
+ "0.8.2": "0.15.0",
+ "0.9.0": "0.15.0",
+ "0.10.0": "0.15.0",
+ "0.10.1": "0.15.0",
+ "0.11.0": "0.15.0",
+ "0.11.1": "0.15.0",
+ "0.11.2": "0.15.0",
+ "0.11.3": "0.15.0",
+ "0.11.4": "0.15.0",
+ "0.12.0": "0.15.0",
+ "0.12.1": "0.15.0",
+ "0.12.2": "0.15.0",
+ "0.12.3": "0.15.0",
+ "0.13.0": "0.15.0",
+ "0.14.0": "0.15.0",
+ "1.0.0": "0.15.0",
+ "1.0.1": "0.15.0",
+ "1.1.0": "0.15.0",
+ "1.2.0": "0.15.0",
+ "1.2.1": "0.15.0",
+ "1.3.0": "0.15.0",
+ "1.4.0": "0.15.0",
+ "1.5.0": "0.15.0",
+ "1.5.1": "0.15.0",
+ "1.6.0": "0.15.0",
+ "1.6.1": "0.15.0",
+ "1.6.2": "0.15.0",
+ "1.7.0": "0.15.0",
+ "1.8.0": "0.15.0",
+ "1.9.0": "0.15.0",
+ "1.10.0": "0.15.0",
+ "1.10.1": "0.15.0",
+ "1.10.2": "0.15.0",
+ "1.11.0": "0.15.0",
+ "1.11.1": "0.15.0",
+ "1.11.2": "0.15.0",
+ "1.12.0": "0.15.0",
+ "1.12.1": "0.15.0",
+ "1.13.0": "0.15.0",
+ "1.14.0": "0.15.0",
+ "1.15.0": "0.15.0",
+ "1.16.0": "0.15.0",
+ "1.17.0": "0.15.0",
+ "1.20.0": "0.15.0",
+ "1.20.1": "0.15.0",
+ "1.20.2": "0.15.0",
+ "1.20.3": "0.15.0",
+ "1.20.4": "0.15.0",
+ "1.21.0": "0.15.0",
+ "1.21.1": "0.15.0",
+ "1.21.2": "0.15.0",
+ "1.21.3": "0.15.0",
+ "1.21.4": "0.15.0",
+ "1.21.5": "0.15.0",
+ "1.21.6": "0.15.0",
+ "1.22.0": "0.15.0",
+ "1.22.1": "0.15.0",
+ "1.22.2": "0.15.0",
+ "1.22.3": "0.15.0",
+ "1.23.0": "0.15.0",
+ "1.23.1": "0.15.0",
+ "1.23.2": "0.15.0",
+ "1.23.3": "0.15.0",
+ "1.24.0": "0.15.0",
+ "1.24.1": "0.15.0",
+ "1.25.0": "0.15.0",
+ "1.26.0": "0.15.0",
+ "1.26.1": "0.15.0",
+ "1.26.2": "0.15.0",
+ "1.26.3": "0.15.0",
+ "1.26.4": "0.15.0",
+ "1.27.0": "0.15.0",
+ "1.27.1": "0.15.0",
+ "1.28.0": "0.15.0",
+ "1.28.1": "0.15.0",
+ "1.28.2": "0.15.0",
+ "1.28.3": "0.15.0",
+ "1.29.0": "0.15.0",
+ "1.29.1": "0.15.0",
+ "1.30.0": "0.15.0",
+ "1.30.1": "0.15.0",
+ "1.30.2": "0.15.0",
+ "1.30.3": "0.15.0",
+ "1.30.4": "0.15.0",
+ "1.30.5": "0.15.0",
+ "1.30.6": "0.15.0",
+ "1.30.7": "0.15.0",
+ "1.30.8": "0.15.0",
+ "1.30.9": "0.15.0",
+ "1.30.10": "0.15.0",
+ "1.31.0": "0.15.0",
+ "1.32.0": "0.15.0",
+ "1.32.1": "0.15.0",
+ "1.32.2": "0.15.0",
+ "1.33.0": "0.15.0",
+ "1.33.1": "0.15.0",
+ "1.33.2": "0.15.0",
+ "1.34.0": "0.15.0",
+ "1.35.0": "0.15.0",
+ "1.35.1": "0.15.0",
+ "1.35.2": "0.15.0",
+ "1.35.3": "0.15.0",
+ "1.36.0": "0.15.0",
+ "1.36.1": "0.15.0",
+ "1.36.2": "0.15.0",
+ "1.36.3": "0.15.0",
+ "1.36.4": "0.15.0",
+ "1.36.5": "0.15.0",
+ "1.36.6": "0.15.0",
+ "1.37.0": "0.15.0",
+ "1.37.1": "0.15.0",
+ "1.37.2": "0.15.0",
+ "1.38.0": "0.15.0",
+ "1.39.0": "0.15.0",
+ "1.40.0": "0.15.0",
+ "1.41.0": "0.15.0",
+ "1.42.0": "0.15.0",
+ "1.42.1": "0.15.0",
+ "1.42.2": "0.15.0",
+ "1.42.3": "0.15.0",
+ "1.42.4": "0.15.0",
+ "1.42.5": "0.15.0",
+ "1.42.6": "0.15.0",
+ "1.42.7": "0.15.0",
+ "1.42.8": "0.15.0",
+ "2.0.0-beta.1": "0.15.0",
+ "2.0.0-beta.2": "0.15.0",
+ "2.0.0-beta.3": "0.15.0",
+ "2.0.0-beta.4": "0.15.0",
+ "2.0.0-beta.5": "0.15.0",
+ "2.0.0-beta.6": "0.15.0",
+ "2.0.0-beta.7": "0.15.0",
+ "2.0.0-beta.8": "0.15.0",
+ "2.0.0-beta.9": "0.15.0",
+ "2.0.0-beta.10": "0.15.0",
+ "2.0.0-beta.11": "0.15.0",
+ "2.0.0-beta.12": "0.15.0",
+ "2.0.0-beta.13": "0.15.0",
+ "2.0.0-beta.14": "0.15.0",
+ "2.0.0-beta.15": "0.15.0",
+ "2.0.0-beta.16": "0.15.0",
+ "2.0.0-beta.17": "0.15.0",
+ "2.0.0-beta.18": "0.15.0",
+ "2.0.0-beta.19": "0.15.0",
+ "2.0.0-beta.20": "0.15.0",
+ "2.0.0-beta.21": "0.15.0",
+ "2.0.0-beta.22": "0.15.0",
+ "2.0.0-beta.23": "0.15.0",
+ "2.0.0-beta.24": "0.15.0",
+ "2.0.0-beta.25": "0.15.0"
+}
diff --git a/src/interface/obsidian/yarn.lock b/src/interface/obsidian/yarn.lock
new file mode 100644
index 0000000000000000000000000000000000000000..c324235c6ec830f326021cb7ac3d947629cf8388
--- /dev/null
+++ b/src/interface/obsidian/yarn.lock
@@ -0,0 +1,768 @@
+# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.
+# yarn lockfile v1
+
+
+"@asamuzakjp/css-color@^3.1.2":
+ version "3.2.0"
+ resolved "https://registry.yarnpkg.com/@asamuzakjp/css-color/-/css-color-3.2.0.tgz#cc42f5b85c593f79f1fa4f25d2b9b321e61d1794"
+ integrity sha512-K1A6z8tS3XsmCMM86xoWdn7Fkdn9m6RSVtocUrJYIwZnFVkng/PvkEoWtOWmP+Scc6saYWHWZYbndEEXxl24jw==
+ dependencies:
+ "@csstools/css-calc" "^2.1.3"
+ "@csstools/css-color-parser" "^3.0.9"
+ "@csstools/css-parser-algorithms" "^3.0.4"
+ "@csstools/css-tokenizer" "^3.0.3"
+ lru-cache "^10.4.3"
+
+"@csstools/color-helpers@^5.0.2":
+ version "5.0.2"
+ resolved "https://registry.yarnpkg.com/@csstools/color-helpers/-/color-helpers-5.0.2.tgz#82592c9a7c2b83c293d9161894e2a6471feb97b8"
+ integrity sha512-JqWH1vsgdGcw2RR6VliXXdA0/59LttzlU8UlRT/iUUsEeWfYq8I+K0yhihEUTTHLRm1EXvpsCx3083EU15ecsA==
+
+"@csstools/css-calc@^2.1.3":
+ version "2.1.3"
+ resolved "https://registry.yarnpkg.com/@csstools/css-calc/-/css-calc-2.1.3.tgz#6f68affcb569a86b91965e8622d644be35a08423"
+ integrity sha512-XBG3talrhid44BY1x3MHzUx/aTG8+x/Zi57M4aTKK9RFB4aLlF3TTSzfzn8nWVHWL3FgAXAxmupmDd6VWww+pw==
+
+"@csstools/css-color-parser@^3.0.9":
+ version "3.0.9"
+ resolved "https://registry.yarnpkg.com/@csstools/css-color-parser/-/css-color-parser-3.0.9.tgz#8d81b77d6f211495b5100ec4cad4c8828de49f6b"
+ integrity sha512-wILs5Zk7BU86UArYBJTPy/FMPPKVKHMj1ycCEyf3VUptol0JNRLFU/BZsJ4aiIHJEbSLiizzRrw8Pc1uAEDrXw==
+ dependencies:
+ "@csstools/color-helpers" "^5.0.2"
+ "@csstools/css-calc" "^2.1.3"
+
+"@csstools/css-parser-algorithms@^3.0.4":
+ version "3.0.4"
+ resolved "https://registry.yarnpkg.com/@csstools/css-parser-algorithms/-/css-parser-algorithms-3.0.4.tgz#74426e93bd1c4dcab3e441f5cc7ba4fb35d94356"
+ integrity sha512-Up7rBoV77rv29d3uKHUIVubz1BTcgyUK72IvCQAbfbMv584xHcGKCKbWh7i8hPrRJ7qU4Y8IO3IY9m+iTB7P3A==
+
+"@csstools/css-tokenizer@^3.0.3":
+ version "3.0.3"
+ resolved "https://registry.yarnpkg.com/@csstools/css-tokenizer/-/css-tokenizer-3.0.3.tgz#a5502c8539265fecbd873c1e395a890339f119c2"
+ integrity sha512-UJnjoFsmxfKUdNYdWgOB0mWUypuLvAfQPH1+pyvRJs6euowbFkFC6P13w1l8mJyi3vxYMxc9kld5jZEGRQs6bw==
+
+"@eslint-community/eslint-utils@^4.4.0":
+ version "4.7.0"
+ resolved "https://registry.yarnpkg.com/@eslint-community/eslint-utils/-/eslint-utils-4.7.0.tgz#607084630c6c033992a082de6e6fbc1a8b52175a"
+ integrity sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==
+ dependencies:
+ eslint-visitor-keys "^3.4.3"
+
+"@eslint-community/regexpp@^4.10.0":
+ version "4.12.1"
+ resolved "https://registry.yarnpkg.com/@eslint-community/regexpp/-/regexpp-4.12.1.tgz#cfc6cffe39df390a3841cde2abccf92eaa7ae0e0"
+ integrity sha512-CCZCDJuduB9OUkFkY2IgppNZMi2lBQgD2qzwXkEia16cge2pijY/aXi96CJMquDMn3nJdlPV1A5KrJEXwfLNzQ==
+
+"@nodelib/fs.scandir@2.1.5":
+ version "2.1.5"
+ resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
+ integrity sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==
+ dependencies:
+ "@nodelib/fs.stat" "2.0.5"
+ run-parallel "^1.1.9"
+
+"@nodelib/fs.stat@2.0.5", "@nodelib/fs.stat@^2.0.2":
+ version "2.0.5"
+ resolved "https://registry.yarnpkg.com/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz#5bd262af94e9d25bd1e71b05deed44876a222e8b"
+ integrity sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==
+
+"@nodelib/fs.walk@^1.2.3":
+ version "1.2.8"
+ resolved "https://registry.yarnpkg.com/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz#e95737e8bb6746ddedf69c556953494f196fe69a"
+ integrity sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==
+ dependencies:
+ "@nodelib/fs.scandir" "2.1.5"
+ fastq "^1.6.0"
+
+"@types/codemirror@5.60.8":
+ version "5.60.8"
+ resolved "https://registry.yarnpkg.com/@types/codemirror/-/codemirror-5.60.8.tgz#b647d04b470e8e1836dd84b2879988fc55c9de68"
+ integrity sha512-VjFgDF/eB+Aklcy15TtOTLQeMjTo07k7KAjql8OK5Dirr7a6sJY4T1uVBDuTVG9VEmn1uUsohOpYnVfgC6/jyw==
+ dependencies:
+ "@types/tern" "*"
+
+"@types/dompurify@3.2.0":
+ version "3.2.0"
+ resolved "https://registry.yarnpkg.com/@types/dompurify/-/dompurify-3.2.0.tgz#56610bf3e4250df57744d61fbd95422e07dfb840"
+ integrity sha512-Fgg31wv9QbLDA0SpTOXO3MaxySc4DKGLi8sna4/Utjo4r3ZRPdCt4UQee8BWr+Q5z21yifghREPJGYaEOEIACg==
+ dependencies:
+ dompurify "*"
+
+"@types/estree@*":
+ version "1.0.7"
+ resolved "https://registry.yarnpkg.com/@types/estree/-/estree-1.0.7.tgz#4158d3105276773d5b7695cd4834b1722e4f37a8"
+ integrity sha512-w28IoSUCJpidD/TGviZwwMJckNESJZXFu7NBZ5YJ4mEUnNraUn9Pm8HSZm/jDF1pDWYKspWE7oVphigUPRakIQ==
+
+"@types/node@^16.11.6":
+ version "16.18.126"
+ resolved "https://registry.yarnpkg.com/@types/node/-/node-16.18.126.tgz#27875faa2926c0f475b39a8bb1e546c0176f8d4b"
+ integrity sha512-OTcgaiwfGFBKacvfwuHzzn1KLxH/er8mluiy8/uM3sGXHaRe73RrSIj01jow9t4kJEW633Ov+cOexXeiApTyAw==
+
+"@types/tern@*":
+ version "0.23.9"
+ resolved "https://registry.yarnpkg.com/@types/tern/-/tern-0.23.9.tgz#6f6093a4a9af3e6bb8dde528e024924d196b367c"
+ integrity sha512-ypzHFE/wBzh+BlH6rrBgS5I/Z7RD21pGhZ2rltb/+ZrVM1awdZwjx7hE5XfuYgHWk9uvV5HLZN3SloevCAp3Bw==
+ dependencies:
+ "@types/estree" "*"
+
+"@types/trusted-types@^2.0.7":
+ version "2.0.7"
+ resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.7.tgz#baccb07a970b91707df3a3e8ba6896c57ead2d11"
+ integrity sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==
+
+"@typescript-eslint/eslint-plugin@7.13.1":
+ version "7.13.1"
+ resolved "https://registry.yarnpkg.com/@typescript-eslint/eslint-plugin/-/eslint-plugin-7.13.1.tgz#cdc521c8bca38b55585cf30db787fb2abad3f9fd"
+ integrity sha512-kZqi+WZQaZfPKnsflLJQCz6Ze9FFSMfXrrIOcyargekQxG37ES7DJNpJUE9Q/X5n3yTIP/WPutVNzgknQ7biLg==
+ dependencies:
+ "@eslint-community/regexpp" "^4.10.0"
+ "@typescript-eslint/scope-manager" "7.13.1"
+ "@typescript-eslint/type-utils" "7.13.1"
+ "@typescript-eslint/utils" "7.13.1"
+ "@typescript-eslint/visitor-keys" "7.13.1"
+ graphemer "^1.4.0"
+ ignore "^5.3.1"
+ natural-compare "^1.4.0"
+ ts-api-utils "^1.3.0"
+
+"@typescript-eslint/parser@7.13.1":
+ version "7.13.1"
+ resolved "https://registry.yarnpkg.com/@typescript-eslint/parser/-/parser-7.13.1.tgz#fac57811b3e519185f7259bac312291f7b9c4e72"
+ integrity sha512-1ELDPlnLvDQ5ybTSrMhRTFDfOQEOXNM+eP+3HT/Yq7ruWpciQw+Avi73pdEbA4SooCawEWo3dtYbF68gN7Ed1A==
+ dependencies:
+ "@typescript-eslint/scope-manager" "7.13.1"
+ "@typescript-eslint/types" "7.13.1"
+ "@typescript-eslint/typescript-estree" "7.13.1"
+ "@typescript-eslint/visitor-keys" "7.13.1"
+ debug "^4.3.4"
+
+"@typescript-eslint/scope-manager@7.13.1":
+ version "7.13.1"
+ resolved "https://registry.yarnpkg.com/@typescript-eslint/scope-manager/-/scope-manager-7.13.1.tgz#c08041206904bf36f0e6997efdb0ca775e0c452e"
+ integrity sha512-adbXNVEs6GmbzaCpymHQ0MB6E4TqoiVbC0iqG3uijR8ZYfpAXMGttouQzF4Oat3P2GxDVIrg7bMI/P65LiQZdg==
+ dependencies:
+ "@typescript-eslint/types" "7.13.1"
+ "@typescript-eslint/visitor-keys" "7.13.1"
+
+"@typescript-eslint/type-utils@7.13.1":
+ version "7.13.1"
+ resolved "https://registry.yarnpkg.com/@typescript-eslint/type-utils/-/type-utils-7.13.1.tgz#63bec3f1fb43cf0bc409cbdb88ef96d118ca8632"
+ integrity sha512-aWDbLu1s9bmgPGXSzNCxELu+0+HQOapV/y+60gPXafR8e2g1Bifxzevaa+4L2ytCWm+CHqpELq4CSoN9ELiwCg==
+ dependencies:
+ "@typescript-eslint/typescript-estree" "7.13.1"
+ "@typescript-eslint/utils" "7.13.1"
+ debug "^4.3.4"
+ ts-api-utils "^1.3.0"
+
+"@typescript-eslint/types@7.13.1":
+ version "7.13.1"
+ resolved "https://registry.yarnpkg.com/@typescript-eslint/types/-/types-7.13.1.tgz#787db283bd0b58751094c90d5b58bbf5e9fc9bd8"
+ integrity sha512-7K7HMcSQIAND6RBL4kDl24sG/xKM13cA85dc7JnmQXw2cBDngg7c19B++JzvJHRG3zG36n9j1i451GBzRuHchw==
+
+"@typescript-eslint/typescript-estree@7.13.1":
+ version "7.13.1"
+ resolved "https://registry.yarnpkg.com/@typescript-eslint/typescript-estree/-/typescript-estree-7.13.1.tgz#3412841b130e070db2f675e3d9b8cb1ae49e1c3f"
+ integrity sha512-uxNr51CMV7npU1BxZzYjoVz9iyjckBduFBP0S5sLlh1tXYzHzgZ3BR9SVsNed+LmwKrmnqN3Kdl5t7eZ5TS1Yw==
+ dependencies:
+ "@typescript-eslint/types" "7.13.1"
+ "@typescript-eslint/visitor-keys" "7.13.1"
+ debug "^4.3.4"
+ globby "^11.1.0"
+ is-glob "^4.0.3"
+ minimatch "^9.0.4"
+ semver "^7.6.0"
+ ts-api-utils "^1.3.0"
+
+"@typescript-eslint/utils@7.13.1":
+ version "7.13.1"
+ resolved "https://registry.yarnpkg.com/@typescript-eslint/utils/-/utils-7.13.1.tgz#611083379caa0d3a2c09d126c65065a3e4337ba2"
+ integrity sha512-h5MzFBD5a/Gh/fvNdp9pTfqJAbuQC4sCN2WzuXme71lqFJsZtLbjxfSk4r3p02WIArOF9N94pdsLiGutpDbrXQ==
+ dependencies:
+ "@eslint-community/eslint-utils" "^4.4.0"
+ "@typescript-eslint/scope-manager" "7.13.1"
+ "@typescript-eslint/types" "7.13.1"
+ "@typescript-eslint/typescript-estree" "7.13.1"
+
+"@typescript-eslint/visitor-keys@7.13.1":
+ version "7.13.1"
+ resolved "https://registry.yarnpkg.com/@typescript-eslint/visitor-keys/-/visitor-keys-7.13.1.tgz#9c229a795a919db61f2d7f2337ef584ac05fbe96"
+ integrity sha512-k/Bfne7lrP7hcb7m9zSsgcBmo+8eicqqfNAJ7uUY+jkTFpKeH2FSkWpFRtimBxgkyvqfu9jTPRbYOvud6isdXA==
+ dependencies:
+ "@typescript-eslint/types" "7.13.1"
+ eslint-visitor-keys "^3.4.3"
+
+agent-base@^7.1.0, agent-base@^7.1.2:
+ version "7.1.3"
+ resolved "https://registry.yarnpkg.com/agent-base/-/agent-base-7.1.3.tgz#29435eb821bc4194633a5b89e5bc4703bafc25a1"
+ integrity sha512-jRR5wdylq8CkOe6hei19GGZnxM6rBGwFl3Bg0YItGDimvjGtAvdZk4Pu6Cl4u4Igsws4a1fd1Vq3ezrhn4KmFw==
+
+array-union@^2.1.0:
+ version "2.1.0"
+ resolved "https://registry.yarnpkg.com/array-union/-/array-union-2.1.0.tgz#b798420adbeb1de828d84acd8a2e23d3efe85e8d"
+ integrity sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==
+
+balanced-match@^1.0.0:
+ version "1.0.2"
+ resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
+ integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
+
+brace-expansion@^2.0.1:
+ version "2.0.1"
+ resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-2.0.1.tgz#1edc459e0f0c548486ecf9fc99f2221364b9a0ae"
+ integrity sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==
+ dependencies:
+ balanced-match "^1.0.0"
+
+braces@^3.0.3:
+ version "3.0.3"
+ resolved "https://registry.yarnpkg.com/braces/-/braces-3.0.3.tgz#490332f40919452272d55a8480adc0c441358789"
+ integrity sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==
+ dependencies:
+ fill-range "^7.1.1"
+
+builtin-modules@3.3.0:
+ version "3.3.0"
+ resolved "https://registry.yarnpkg.com/builtin-modules/-/builtin-modules-3.3.0.tgz#cae62812b89801e9656336e46223e030386be7b6"
+ integrity sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==
+
+cssstyle@^4.2.1:
+ version "4.3.1"
+ resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-4.3.1.tgz#68a3c9f5a70aa97d5a6ebecc9805e511fc022eb8"
+ integrity sha512-ZgW+Jgdd7i52AaLYCriF8Mxqft0gD/R9i9wi6RWBhs1pqdPEzPjym7rvRKi397WmQFf3SlyUsszhw+VVCbx79Q==
+ dependencies:
+ "@asamuzakjp/css-color" "^3.1.2"
+ rrweb-cssom "^0.8.0"
+
+data-urls@^5.0.0:
+ version "5.0.0"
+ resolved "https://registry.yarnpkg.com/data-urls/-/data-urls-5.0.0.tgz#2f76906bce1824429ffecb6920f45a0b30f00dde"
+ integrity sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==
+ dependencies:
+ whatwg-mimetype "^4.0.0"
+ whatwg-url "^14.0.0"
+
+debug@4, debug@^4.3.4:
+ version "4.4.1"
+ resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.1.tgz#e5a8bc6cbc4c6cd3e64308b0693a3d4fa550189b"
+ integrity sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==
+ dependencies:
+ ms "^2.1.3"
+
+decimal.js@^10.5.0:
+ version "10.5.0"
+ resolved "https://registry.yarnpkg.com/decimal.js/-/decimal.js-10.5.0.tgz#0f371c7cf6c4898ce0afb09836db73cd82010f22"
+ integrity sha512-8vDa8Qxvr/+d94hSh5P3IJwI5t8/c0KsMp+g8bNw9cY2icONa5aPfvKeieW1WlG0WQYwwhJ7mjui2xtiePQSXw==
+
+diff@^8.0.3:
+ version "8.0.3"
+ resolved "https://registry.yarnpkg.com/diff/-/diff-8.0.3.tgz#c7da3d9e0e8c283bb548681f8d7174653720c2d5"
+ integrity sha512-qejHi7bcSD4hQAZE0tNAawRK1ZtafHDmMTMkrrIGgSLl7hTnQHmKCeB45xAcbfTqK2zowkM3j3bHt/4b/ARbYQ==
+
+dir-glob@^3.0.1:
+ version "3.0.1"
+ resolved "https://registry.yarnpkg.com/dir-glob/-/dir-glob-3.0.1.tgz#56dbf73d992a4a93ba1584f4534063fd2e41717f"
+ integrity sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==
+ dependencies:
+ path-type "^4.0.0"
+
+dompurify@*, dompurify@^3.2.6:
+ version "3.2.6"
+ resolved "https://registry.yarnpkg.com/dompurify/-/dompurify-3.2.6.tgz#ca040a6ad2b88e2a92dc45f38c79f84a714a1cad"
+ integrity sha512-/2GogDQlohXPZe6D6NOgQvXLPSYBqIWMnZ8zzOhn09REE4eyAzb+Hed3jhoM9OkuaJ8P6ZGTTVWQKAi8ieIzfQ==
+ optionalDependencies:
+ "@types/trusted-types" "^2.0.7"
+
+entities@^6.0.0:
+ version "6.0.0"
+ resolved "https://registry.yarnpkg.com/entities/-/entities-6.0.0.tgz#09c9e29cb79b0a6459a9b9db9efb418ac5bb8e51"
+ integrity sha512-aKstq2TDOndCn4diEyp9Uq/Flu2i1GlLkc6XIDQSDMuaFE3OPW5OphLCyQ5SpSJZTb4reN+kTcYru5yIfXoRPw==
+
+esbuild-android-64@0.14.47:
+ version "0.14.47"
+ resolved "https://registry.yarnpkg.com/esbuild-android-64/-/esbuild-android-64-0.14.47.tgz#ef95b42c67bcf4268c869153fa3ad1466c4cea6b"
+ integrity sha512-R13Bd9+tqLVFndncMHssZrPWe6/0Kpv2/dt4aA69soX4PRxlzsVpCvoJeFE8sOEoeVEiBkI0myjlkDodXlHa0g==
+
+esbuild-android-arm64@0.14.47:
+ version "0.14.47"
+ resolved "https://registry.yarnpkg.com/esbuild-android-arm64/-/esbuild-android-arm64-0.14.47.tgz#4ebd7ce9fb250b4695faa3ee46fd3b0754ecd9e6"
+ integrity sha512-OkwOjj7ts4lBp/TL6hdd8HftIzOy/pdtbrNA4+0oVWgGG64HrdVzAF5gxtJufAPOsEjkyh1oIYvKAUinKKQRSQ==
+
+esbuild-darwin-64@0.14.47:
+ version "0.14.47"
+ resolved "https://registry.yarnpkg.com/esbuild-darwin-64/-/esbuild-darwin-64-0.14.47.tgz#e0da6c244f497192f951807f003f6a423ed23188"
+ integrity sha512-R6oaW0y5/u6Eccti/TS6c/2c1xYTb1izwK3gajJwi4vIfNs1s8B1dQzI1UiC9T61YovOQVuePDcfqHLT3mUZJA==
+
+esbuild-darwin-arm64@0.14.47:
+ version "0.14.47"
+ resolved "https://registry.yarnpkg.com/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.47.tgz#cd40fd49a672fca581ed202834239dfe540a9028"
+ integrity sha512-seCmearlQyvdvM/noz1L9+qblC5vcBrhUaOoLEDDoLInF/VQ9IkobGiLlyTPYP5dW1YD4LXhtBgOyevoIHGGnw==
+
+esbuild-freebsd-64@0.14.47:
+ version "0.14.47"
+ resolved "https://registry.yarnpkg.com/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.47.tgz#8da6a14c095b29c01fc8087a16cb7906debc2d67"
+ integrity sha512-ZH8K2Q8/Ux5kXXvQMDsJcxvkIwut69KVrYQhza/ptkW50DC089bCVrJZZ3sKzIoOx+YPTrmsZvqeZERjyYrlvQ==
+
+esbuild-freebsd-arm64@0.14.47:
+ version "0.14.47"
+ resolved "https://registry.yarnpkg.com/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.47.tgz#ad31f9c92817ff8f33fd253af7ab5122dc1b83f6"
+ integrity sha512-ZJMQAJQsIOhn3XTm7MPQfCzEu5b9STNC+s90zMWe2afy9EwnHV7Ov7ohEMv2lyWlc2pjqLW8QJnz2r0KZmeAEQ==
+
+esbuild-linux-32@0.14.47:
+ version "0.14.47"
+ resolved "https://registry.yarnpkg.com/esbuild-linux-32/-/esbuild-linux-32-0.14.47.tgz#de085e4db2e692ea30c71208ccc23fdcf5196c58"
+ integrity sha512-FxZOCKoEDPRYvq300lsWCTv1kcHgiiZfNrPtEhFAiqD7QZaXrad8LxyJ8fXGcWzIFzRiYZVtB3ttvITBvAFhKw==
+
+esbuild-linux-64@0.14.47:
+ version "0.14.47"
+ resolved "https://registry.yarnpkg.com/esbuild-linux-64/-/esbuild-linux-64-0.14.47.tgz#2a9321bbccb01f01b04cebfcfccbabeba3658ba1"
+ integrity sha512-nFNOk9vWVfvWYF9YNYksZptgQAdstnDCMtR6m42l5Wfugbzu11VpMCY9XrD4yFxvPo9zmzcoUL/88y0lfJZJJw==
+
+esbuild-linux-arm64@0.14.47:
+ version "0.14.47"
+ resolved "https://registry.yarnpkg.com/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.47.tgz#b9da7b6fc4b0ca7a13363a0c5b7bb927e4bc535a"
+ integrity sha512-ywfme6HVrhWcevzmsufjd4iT3PxTfCX9HOdxA7Hd+/ZM23Y9nXeb+vG6AyA6jgq/JovkcqRHcL9XwRNpWG6XRw==
+
+esbuild-linux-arm@0.14.47:
+ version "0.14.47"
+ resolved "https://registry.yarnpkg.com/esbuild-linux-arm/-/esbuild-linux-arm-0.14.47.tgz#56fec2a09b9561c337059d4af53625142aded853"
+ integrity sha512-ZGE1Bqg/gPRXrBpgpvH81tQHpiaGxa8c9Rx/XOylkIl2ypLuOcawXEAo8ls+5DFCcRGt/o3sV+PzpAFZobOsmA==
+
+esbuild-linux-mips64le@0.14.47:
+ version "0.14.47"
+ resolved "https://registry.yarnpkg.com/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.47.tgz#9db21561f8f22ed79ef2aedb7bbef082b46cf823"
+ integrity sha512-mg3D8YndZ1LvUiEdDYR3OsmeyAew4MA/dvaEJxvyygahWmpv1SlEEnhEZlhPokjsUMfRagzsEF/d/2XF+kTQGg==
+
+esbuild-linux-ppc64le@0.14.47:
+ version "0.14.47"
+ resolved "https://registry.yarnpkg.com/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.47.tgz#dc3a3da321222b11e96e50efafec9d2de408198b"
+ integrity sha512-WER+f3+szmnZiWoK6AsrTKGoJoErG2LlauSmk73LEZFQ/iWC+KhhDsOkn1xBUpzXWsxN9THmQFltLoaFEH8F8w==
+
+esbuild-linux-riscv64@0.14.47:
+ version "0.14.47"
+ resolved "https://registry.yarnpkg.com/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.47.tgz#9bd6dcd3dca6c0357084ecd06e1d2d4bf105335f"
+ integrity sha512-1fI6bP3A3rvI9BsaaXbMoaOjLE3lVkJtLxsgLHqlBhLlBVY7UqffWBvkrX/9zfPhhVMd9ZRFiaqXnB1T7BsL2g==
+
+esbuild-linux-s390x@0.14.47:
+ version "0.14.47"
+ resolved "https://registry.yarnpkg.com/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.47.tgz#a458af939b52f2cd32fc561410d441a51f69d41f"
+ integrity sha512-eZrWzy0xFAhki1CWRGnhsHVz7IlSKX6yT2tj2Eg8lhAwlRE5E96Hsb0M1mPSE1dHGpt1QVwwVivXIAacF/G6mw==
+
+esbuild-netbsd-64@0.14.47:
+ version "0.14.47"
+ resolved "https://registry.yarnpkg.com/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.47.tgz#6388e785d7e7e4420cb01348d7483ab511b16aa8"
+ integrity sha512-Qjdjr+KQQVH5Q2Q1r6HBYswFTToPpss3gqCiSw2Fpq/ua8+eXSQyAMG+UvULPqXceOwpnPo4smyZyHdlkcPppQ==
+
+esbuild-openbsd-64@0.14.47:
+ version "0.14.47"
+ resolved "https://registry.yarnpkg.com/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.47.tgz#309af806db561aa886c445344d1aacab850dbdc5"
+ integrity sha512-QpgN8ofL7B9z8g5zZqJE+eFvD1LehRlxr25PBkjyyasakm4599iroUpaj96rdqRlO2ShuyqwJdr+oNqWwTUmQw==
+
+esbuild-sunos-64@0.14.47:
+ version "0.14.47"
+ resolved "https://registry.yarnpkg.com/esbuild-sunos-64/-/esbuild-sunos-64-0.14.47.tgz#3f19612dcdb89ba6c65283a7ff6e16f8afbf8aaa"
+ integrity sha512-uOeSgLUwukLioAJOiGYm3kNl+1wJjgJA8R671GYgcPgCx7QR73zfvYqXFFcIO93/nBdIbt5hd8RItqbbf3HtAQ==
+
+esbuild-windows-32@0.14.47:
+ version "0.14.47"
+ resolved "https://registry.yarnpkg.com/esbuild-windows-32/-/esbuild-windows-32-0.14.47.tgz#a92d279c8458d5dc319abcfeb30aa49e8f2e6f7f"
+ integrity sha512-H0fWsLTp2WBfKLBgwYT4OTfFly4Im/8B5f3ojDv1Kx//kiubVY0IQunP2Koc/fr/0wI7hj3IiBDbSrmKlrNgLQ==
+
+esbuild-windows-64@0.14.47:
+ version "0.14.47"
+ resolved "https://registry.yarnpkg.com/esbuild-windows-64/-/esbuild-windows-64-0.14.47.tgz#2564c3fcf0c23d701edb71af8c52d3be4cec5f8a"
+ integrity sha512-/Pk5jIEH34T68r8PweKRi77W49KwanZ8X6lr3vDAtOlH5EumPE4pBHqkCUdELanvsT14yMXLQ/C/8XPi1pAtkQ==
+
+esbuild-windows-arm64@0.14.47:
+ version "0.14.47"
+ resolved "https://registry.yarnpkg.com/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.47.tgz#86d9db1a22d83360f726ac5fba41c2f625db6878"
+ integrity sha512-HFSW2lnp62fl86/qPQlqw6asIwCnEsEoNIL1h2uVMgakddf+vUuMcCbtUY1i8sst7KkgHrVKCJQB33YhhOweCQ==
+
+esbuild@0.14.47:
+ version "0.14.47"
+ resolved "https://registry.yarnpkg.com/esbuild/-/esbuild-0.14.47.tgz#0d6415f6bd8eb9e73a58f7f9ae04c5276cda0e4d"
+ integrity sha512-wI4ZiIfFxpkuxB8ju4MHrGwGLyp1+awEHAHVpx6w7a+1pmYIq8T9FGEVVwFo0iFierDoMj++Xq69GXWYn2EiwA==
+ optionalDependencies:
+ esbuild-android-64 "0.14.47"
+ esbuild-android-arm64 "0.14.47"
+ esbuild-darwin-64 "0.14.47"
+ esbuild-darwin-arm64 "0.14.47"
+ esbuild-freebsd-64 "0.14.47"
+ esbuild-freebsd-arm64 "0.14.47"
+ esbuild-linux-32 "0.14.47"
+ esbuild-linux-64 "0.14.47"
+ esbuild-linux-arm "0.14.47"
+ esbuild-linux-arm64 "0.14.47"
+ esbuild-linux-mips64le "0.14.47"
+ esbuild-linux-ppc64le "0.14.47"
+ esbuild-linux-riscv64 "0.14.47"
+ esbuild-linux-s390x "0.14.47"
+ esbuild-netbsd-64 "0.14.47"
+ esbuild-openbsd-64 "0.14.47"
+ esbuild-sunos-64 "0.14.47"
+ esbuild-windows-32 "0.14.47"
+ esbuild-windows-64 "0.14.47"
+ esbuild-windows-arm64 "0.14.47"
+
+eslint-visitor-keys@^3.4.3:
+ version "3.4.3"
+ resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz#0cd72fe8550e3c2eae156a96a4dddcd1c8ac5800"
+ integrity sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==
+
+fast-glob@^3.2.9:
+ version "3.3.3"
+ resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.3.3.tgz#d06d585ce8dba90a16b0505c543c3ccfb3aeb818"
+ integrity sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==
+ dependencies:
+ "@nodelib/fs.stat" "^2.0.2"
+ "@nodelib/fs.walk" "^1.2.3"
+ glob-parent "^5.1.2"
+ merge2 "^1.3.0"
+ micromatch "^4.0.8"
+
+fastq@^1.6.0:
+ version "1.19.1"
+ resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.19.1.tgz#d50eaba803c8846a883c16492821ebcd2cda55f5"
+ integrity sha512-GwLTyxkCXjXbxqIhTsMI2Nui8huMPtnxg7krajPJAjnEG/iiOS7i+zCtWGZR9G0NBKbXKh6X9m9UIsYX/N6vvQ==
+ dependencies:
+ reusify "^1.0.4"
+
+fill-range@^7.1.1:
+ version "7.1.1"
+ resolved "https://registry.yarnpkg.com/fill-range/-/fill-range-7.1.1.tgz#44265d3cac07e3ea7dc247516380643754a05292"
+ integrity sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==
+ dependencies:
+ to-regex-range "^5.0.1"
+
+glob-parent@^5.1.2:
+ version "5.1.2"
+ resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
+ integrity sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==
+ dependencies:
+ is-glob "^4.0.1"
+
+globby@^11.1.0:
+ version "11.1.0"
+ resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b"
+ integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==
+ dependencies:
+ array-union "^2.1.0"
+ dir-glob "^3.0.1"
+ fast-glob "^3.2.9"
+ ignore "^5.2.0"
+ merge2 "^1.4.1"
+ slash "^3.0.0"
+
+graphemer@^1.4.0:
+ version "1.4.0"
+ resolved "https://registry.yarnpkg.com/graphemer/-/graphemer-1.4.0.tgz#fb2f1d55e0e3a1849aeffc90c4fa0dd53a0e66c6"
+ integrity sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==
+
+html-encoding-sniffer@^4.0.0:
+ version "4.0.0"
+ resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz#696df529a7cfd82446369dc5193e590a3735b448"
+ integrity sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==
+ dependencies:
+ whatwg-encoding "^3.1.1"
+
+http-proxy-agent@^7.0.2:
+ version "7.0.2"
+ resolved "https://registry.yarnpkg.com/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz#9a8b1f246866c028509486585f62b8f2c18c270e"
+ integrity sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==
+ dependencies:
+ agent-base "^7.1.0"
+ debug "^4.3.4"
+
+https-proxy-agent@^7.0.6:
+ version "7.0.6"
+ resolved "https://registry.yarnpkg.com/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz#da8dfeac7da130b05c2ba4b59c9b6cd66611a6b9"
+ integrity sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==
+ dependencies:
+ agent-base "^7.1.2"
+ debug "4"
+
+iconv-lite@0.6.3:
+ version "0.6.3"
+ resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
+ integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
+ dependencies:
+ safer-buffer ">= 2.1.2 < 3.0.0"
+
+ignore@^5.2.0, ignore@^5.3.1:
+ version "5.3.2"
+ resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.2.tgz#3cd40e729f3643fd87cb04e50bf0eb722bc596f5"
+ integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==
+
+is-extglob@^2.1.1:
+ version "2.1.1"
+ resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
+ integrity sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==
+
+is-glob@^4.0.1, is-glob@^4.0.3:
+ version "4.0.3"
+ resolved "https://registry.yarnpkg.com/is-glob/-/is-glob-4.0.3.tgz#64f61e42cbbb2eec2071a9dac0b28ba1e65d5084"
+ integrity sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==
+ dependencies:
+ is-extglob "^2.1.1"
+
+is-number@^7.0.0:
+ version "7.0.0"
+ resolved "https://registry.yarnpkg.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
+ integrity sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==
+
+is-potential-custom-element-name@^1.0.1:
+ version "1.0.1"
+ resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz#171ed6f19e3ac554394edf78caa05784a45bebb5"
+ integrity sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==
+
+isomorphic-dompurify@^2.25.0:
+ version "2.25.0"
+ resolved "https://registry.yarnpkg.com/isomorphic-dompurify/-/isomorphic-dompurify-2.25.0.tgz#063e3ea7399bc1146783a9527be6c10baa25dc15"
+ integrity sha512-bcpJzu9DOjN21qaCVpcoCwUX1ytpvA6EFqCK5RNtPg5+F0Jz9PX50jl6jbEicBNeO87eDDfC7XtPs4zjDClZJg==
+ dependencies:
+ dompurify "^3.2.6"
+ jsdom "^26.1.0"
+
+jsdom@^26.1.0:
+ version "26.1.0"
+ resolved "https://registry.yarnpkg.com/jsdom/-/jsdom-26.1.0.tgz#ab5f1c1cafc04bd878725490974ea5e8bf0c72b3"
+ integrity sha512-Cvc9WUhxSMEo4McES3P7oK3QaXldCfNWp7pl2NNeiIFlCoLr3kfq9kb1fxftiwk1FLV7CvpvDfonxtzUDeSOPg==
+ dependencies:
+ cssstyle "^4.2.1"
+ data-urls "^5.0.0"
+ decimal.js "^10.5.0"
+ html-encoding-sniffer "^4.0.0"
+ http-proxy-agent "^7.0.2"
+ https-proxy-agent "^7.0.6"
+ is-potential-custom-element-name "^1.0.1"
+ nwsapi "^2.2.16"
+ parse5 "^7.2.1"
+ rrweb-cssom "^0.8.0"
+ saxes "^6.0.0"
+ symbol-tree "^3.2.4"
+ tough-cookie "^5.1.1"
+ w3c-xmlserializer "^5.0.0"
+ webidl-conversions "^7.0.0"
+ whatwg-encoding "^3.1.1"
+ whatwg-mimetype "^4.0.0"
+ whatwg-url "^14.1.1"
+ ws "^8.18.0"
+ xml-name-validator "^5.0.0"
+
+lru-cache@^10.4.3:
+ version "10.4.3"
+ resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.4.3.tgz#410fc8a17b70e598013df257c2446b7f3383f119"
+ integrity sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==
+
+merge2@^1.3.0, merge2@^1.4.1:
+ version "1.4.1"
+ resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae"
+ integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==
+
+micromatch@^4.0.8:
+ version "4.0.8"
+ resolved "https://registry.yarnpkg.com/micromatch/-/micromatch-4.0.8.tgz#d66fa18f3a47076789320b9b1af32bd86d9fa202"
+ integrity sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==
+ dependencies:
+ braces "^3.0.3"
+ picomatch "^2.3.1"
+
+minimatch@^9.0.4:
+ version "9.0.5"
+ resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-9.0.5.tgz#d74f9dd6b57d83d8e98cfb82133b03978bc929e5"
+ integrity sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==
+ dependencies:
+ brace-expansion "^2.0.1"
+
+moment@2.29.4:
+ version "2.29.4"
+ resolved "https://registry.yarnpkg.com/moment/-/moment-2.29.4.tgz#3dbe052889fe7c1b2ed966fcb3a77328964ef108"
+ integrity sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==
+
+ms@^2.1.3:
+ version "2.1.3"
+ resolved "https://registry.yarnpkg.com/ms/-/ms-2.1.3.tgz#574c8138ce1d2b5861f0b44579dbadd60c6615b2"
+ integrity sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==
+
+natural-compare@^1.4.0:
+ version "1.4.0"
+ resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
+ integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
+
+nwsapi@^2.2.16:
+ version "2.2.20"
+ resolved "https://registry.yarnpkg.com/nwsapi/-/nwsapi-2.2.20.tgz#22e53253c61e7b0e7e93cef42c891154bcca11ef"
+ integrity sha512-/ieB+mDe4MrrKMT8z+mQL8klXydZWGR5Dowt4RAGKbJ3kIGEx3X4ljUo+6V73IXtUPWgfOlU5B9MlGxFO5T+cA==
+
+obsidian@^1.6.6:
+ version "1.8.7"
+ resolved "https://registry.yarnpkg.com/obsidian/-/obsidian-1.8.7.tgz#601e9ea1724289effa4c9bb3b4e20d327263634f"
+ integrity sha512-h4bWwNFAGRXlMlMAzdEiIM2ppTGlrh7uGOJS6w4gClrsjc+ei/3YAtU2VdFUlCiPuTHpY4aBpFJJW75S1Tl/JA==
+ dependencies:
+ "@types/codemirror" "5.60.8"
+ moment "2.29.4"
+
+parse5@^7.2.1:
+ version "7.3.0"
+ resolved "https://registry.yarnpkg.com/parse5/-/parse5-7.3.0.tgz#d7e224fa72399c7a175099f45fc2ad024b05ec05"
+ integrity sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==
+ dependencies:
+ entities "^6.0.0"
+
+path-type@^4.0.0:
+ version "4.0.0"
+ resolved "https://registry.yarnpkg.com/path-type/-/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
+ integrity sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==
+
+picomatch@^2.3.1:
+ version "2.3.1"
+ resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-2.3.1.tgz#3ba3833733646d9d3e4995946c1365a67fb07a42"
+ integrity sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==
+
+punycode@^2.3.1:
+ version "2.3.1"
+ resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
+ integrity sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==
+
+queue-microtask@^1.2.2:
+ version "1.2.3"
+ resolved "https://registry.yarnpkg.com/queue-microtask/-/queue-microtask-1.2.3.tgz#4929228bbc724dfac43e0efb058caf7b6cfb6243"
+ integrity sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==
+
+reusify@^1.0.4:
+ version "1.1.0"
+ resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.1.0.tgz#0fe13b9522e1473f51b558ee796e08f11f9b489f"
+ integrity sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==
+
+rrweb-cssom@^0.8.0:
+ version "0.8.0"
+ resolved "https://registry.yarnpkg.com/rrweb-cssom/-/rrweb-cssom-0.8.0.tgz#3021d1b4352fbf3b614aaeed0bc0d5739abe0bc2"
+ integrity sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==
+
+run-parallel@^1.1.9:
+ version "1.2.0"
+ resolved "https://registry.yarnpkg.com/run-parallel/-/run-parallel-1.2.0.tgz#66d1368da7bdf921eb9d95bd1a9229e7f21a43ee"
+ integrity sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==
+ dependencies:
+ queue-microtask "^1.2.2"
+
+"safer-buffer@>= 2.1.2 < 3.0.0":
+ version "2.1.2"
+ resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
+ integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
+
+saxes@^6.0.0:
+ version "6.0.0"
+ resolved "https://registry.yarnpkg.com/saxes/-/saxes-6.0.0.tgz#fe5b4a4768df4f14a201b1ba6a65c1f3d9988cc5"
+ integrity sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==
+ dependencies:
+ xmlchars "^2.2.0"
+
+semver@^7.6.0:
+ version "7.7.2"
+ resolved "https://registry.yarnpkg.com/semver/-/semver-7.7.2.tgz#67d99fdcd35cec21e6f8b87a7fd515a33f982b58"
+ integrity sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA==
+
+slash@^3.0.0:
+ version "3.0.0"
+ resolved "https://registry.yarnpkg.com/slash/-/slash-3.0.0.tgz#6539be870c165adbd5240220dbe361f1bc4d4634"
+ integrity sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==
+
+symbol-tree@^3.2.4:
+ version "3.2.4"
+ resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2"
+ integrity sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==
+
+tldts-core@^6.1.86:
+ version "6.1.86"
+ resolved "https://registry.yarnpkg.com/tldts-core/-/tldts-core-6.1.86.tgz#a93e6ed9d505cb54c542ce43feb14c73913265d8"
+ integrity sha512-Je6p7pkk+KMzMv2XXKmAE3McmolOQFdxkKw0R8EYNr7sELW46JqnNeTX8ybPiQgvg1ymCoF8LXs5fzFaZvJPTA==
+
+tldts@^6.1.32:
+ version "6.1.86"
+ resolved "https://registry.yarnpkg.com/tldts/-/tldts-6.1.86.tgz#087e0555b31b9725ee48ca7e77edc56115cd82f7"
+ integrity sha512-WMi/OQ2axVTf/ykqCQgXiIct+mSQDFdH2fkwhPwgEwvJ1kSzZRiinb0zF2Xb8u4+OqPChmyI6MEu4EezNJz+FQ==
+ dependencies:
+ tldts-core "^6.1.86"
+
+to-regex-range@^5.0.1:
+ version "5.0.1"
+ resolved "https://registry.yarnpkg.com/to-regex-range/-/to-regex-range-5.0.1.tgz#1648c44aae7c8d988a326018ed72f5b4dd0392e4"
+ integrity sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==
+ dependencies:
+ is-number "^7.0.0"
+
+tough-cookie@^5.1.1:
+ version "5.1.2"
+ resolved "https://registry.yarnpkg.com/tough-cookie/-/tough-cookie-5.1.2.tgz#66d774b4a1d9e12dc75089725af3ac75ec31bed7"
+ integrity sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A==
+ dependencies:
+ tldts "^6.1.32"
+
+tr46@^5.1.0:
+ version "5.1.1"
+ resolved "https://registry.yarnpkg.com/tr46/-/tr46-5.1.1.tgz#96ae867cddb8fdb64a49cc3059a8d428bcf238ca"
+ integrity sha512-hdF5ZgjTqgAntKkklYw0R03MG2x/bSzTtkxmIRw/sTNV8YXsCJ1tfLAX23lhxhHJlEf3CRCOCGGWw3vI3GaSPw==
+ dependencies:
+ punycode "^2.3.1"
+
+ts-api-utils@^1.3.0:
+ version "1.4.3"
+ resolved "https://registry.yarnpkg.com/ts-api-utils/-/ts-api-utils-1.4.3.tgz#bfc2215fe6528fecab2b0fba570a2e8a4263b064"
+ integrity sha512-i3eMG77UTMD0hZhgRS562pv83RC6ukSAC2GMNWc+9dieh/+jDM5u5YG+NHX6VNDRHQcHwmsTHctP9LhbC3WxVw==
+
+tslib@2.4.0:
+ version "2.4.0"
+ resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.4.0.tgz#7cecaa7f073ce680a05847aa77be941098f36dc3"
+ integrity sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==
+
+typescript@4.7.4:
+ version "4.7.4"
+ resolved "https://registry.yarnpkg.com/typescript/-/typescript-4.7.4.tgz#1a88596d1cf47d59507a1bcdfb5b9dfe4d488235"
+ integrity sha512-C0WQT0gezHuw6AdY1M2jxUO83Rjf0HP7Sk1DtXj6j1EwkQNZrHAg2XPWlq62oqEhYvONq5pkC2Y9oPljWToLmQ==
+
+w3c-xmlserializer@^5.0.0:
+ version "5.0.0"
+ resolved "https://registry.yarnpkg.com/w3c-xmlserializer/-/w3c-xmlserializer-5.0.0.tgz#f925ba26855158594d907313cedd1476c5967f6c"
+ integrity sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==
+ dependencies:
+ xml-name-validator "^5.0.0"
+
+webidl-conversions@^7.0.0:
+ version "7.0.0"
+ resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-7.0.0.tgz#256b4e1882be7debbf01d05f0aa2039778ea080a"
+ integrity sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==
+
+whatwg-encoding@^3.1.1:
+ version "3.1.1"
+ resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-3.1.1.tgz#d0f4ef769905d426e1688f3e34381a99b60b76e5"
+ integrity sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==
+ dependencies:
+ iconv-lite "0.6.3"
+
+whatwg-mimetype@^4.0.0:
+ version "4.0.0"
+ resolved "https://registry.yarnpkg.com/whatwg-mimetype/-/whatwg-mimetype-4.0.0.tgz#bc1bf94a985dc50388d54a9258ac405c3ca2fc0a"
+ integrity sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==
+
+whatwg-url@^14.0.0, whatwg-url@^14.1.1:
+ version "14.2.0"
+ resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-14.2.0.tgz#4ee02d5d725155dae004f6ae95c73e7ef5d95663"
+ integrity sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==
+ dependencies:
+ tr46 "^5.1.0"
+ webidl-conversions "^7.0.0"
+
+ws@^8.18.0:
+ version "8.18.2"
+ resolved "https://registry.yarnpkg.com/ws/-/ws-8.18.2.tgz#42738b2be57ced85f46154320aabb51ab003705a"
+ integrity sha512-DMricUmwGZUVr++AEAe2uiVM7UoO9MAVZMDu05UQOaUII0lp+zOzLLU4Xqh/JvTqklB1T4uELaaPBKyjE1r4fQ==
+
+xml-name-validator@^5.0.0:
+ version "5.0.0"
+ resolved "https://registry.yarnpkg.com/xml-name-validator/-/xml-name-validator-5.0.0.tgz#82be9b957f7afdacf961e5980f1bf227c0bf7673"
+ integrity sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg==
+
+xmlchars@^2.2.0:
+ version "2.2.0"
+ resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb"
+ integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==
diff --git a/src/interface/web/.env.development b/src/interface/web/.env.development
new file mode 100644
index 0000000000000000000000000000000000000000..6e1d6c6662ad387518506d269b94f74de0bba97b
--- /dev/null
+++ b/src/interface/web/.env.development
@@ -0,0 +1 @@
+NEXT_PUBLIC_ENV='development'
diff --git a/src/interface/web/.env.production b/src/interface/web/.env.production
new file mode 100644
index 0000000000000000000000000000000000000000..bfcbde2ade4b81445b938c00fb15408e7bbc2d39
--- /dev/null
+++ b/src/interface/web/.env.production
@@ -0,0 +1 @@
+NEXT_PUBLIC_ENV='production'
diff --git a/src/interface/web/.eslintrc.json b/src/interface/web/.eslintrc.json
new file mode 100644
index 0000000000000000000000000000000000000000..1a2d551748725e27f6b1277abe75be8404206c78
--- /dev/null
+++ b/src/interface/web/.eslintrc.json
@@ -0,0 +1,11 @@
+{
+ "extends": [
+ "next",
+ "next/core-web-vitals",
+ "plugin:prettier/recommended"
+ ],
+ "plugins": ["prettier"],
+ "rules": {
+ "prettier/prettier": "warn"
+ }
+}
diff --git a/src/interface/web/.gitignore b/src/interface/web/.gitignore
new file mode 100644
index 0000000000000000000000000000000000000000..fd3dbb571a12a1c3baf000db049e141c888d05a8
--- /dev/null
+++ b/src/interface/web/.gitignore
@@ -0,0 +1,36 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
diff --git a/src/interface/web/.husky/pre-commit b/src/interface/web/.husky/pre-commit
new file mode 100644
index 0000000000000000000000000000000000000000..cc86a2ef9133f41a1853db16d5ee2771d2fc3be5
--- /dev/null
+++ b/src/interface/web/.husky/pre-commit
@@ -0,0 +1,5 @@
+#!/usr/bin/env sh
+. "$(dirname "$0")/_/husky.sh"
+
+bun run lint-staged
+bun run test
diff --git a/src/interface/web/README.md b/src/interface/web/README.md
new file mode 100644
index 0000000000000000000000000000000000000000..70fd46ab03fb0cf28bbdcab418ee2abc0cc62fbf
--- /dev/null
+++ b/src/interface/web/README.md
@@ -0,0 +1,96 @@
+This is a [Next.js](https://nextjs.org/) project.
+
+## Getting Started
+
+First, install the dependencies:
+
+```bash
+bun install
+```
+
+In case you run into any dependency linking issues, you can try running:
+
+```bash
+bun add next
+```
+
+### Run the development server:
+
+```bash
+bun dev
+```
+
+Make sure the `rewrites` in `next.config.mjs` are set up correctly for your environment. The rewrites are used to proxy requests to the API server.
+
+```js
+ rewrites: async () => {
+ return [
+ {
+ source: '/api/:path*',
+ destination: 'http://localhost:42110/api/:path*',
+ },
+ ];
+ },
+```
+
+The `destination` should be the URL of the API server.
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying any of the `.tsx` pages. The page auto-updates as you edit the file.
+
+### Testing built files
+
+We've setup a utility command for building and serving the built files. This is useful for testing the production build locally.
+
+1. Exporting code
+ To build the files once and serve them, run:
+
+```bash
+bun export
+```
+
+If you're using Windows:
+
+```bash
+bun windowsexport
+```
+
+2. Continuously building code
+
+To keep building the files and serving them, run:
+
+```bash
+bun watch
+```
+
+If you're using Windows:
+
+```bash
+bun windowswatch
+```
+
+Now you should be able to load your custom pages from the Khoj app at http://localhost:42110/. To server any of the built files, you should update the routes in the `web_client.py` like so, where `new_file` is the new page you've added in this repo:
+
+```python
+@web_client.post("/new_route", response_class=FileResponse)
+@requires(["authenticated"], redirect="login_page")
+def index_post(request: Request):
+
+ return templates.TemplateResponse(
+ "new_file/index.html",
+ context={
+ "request": request,
+ },
+ )
+```
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Next.js App Router](https://nextjs.org/docs/app) - learn about the Next.js router.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
diff --git a/src/interface/web/app/agents/agents.module.css b/src/interface/web/app/agents/agents.module.css
new file mode 100644
index 0000000000000000000000000000000000000000..e60a9758acc215ae5a331519a142d517975b0f6b
--- /dev/null
+++ b/src/interface/web/app/agents/agents.module.css
@@ -0,0 +1,55 @@
+div.titleBar {
+ padding: 16px 0;
+ text-align: left;
+}
+
+.agentPersonality p {
+ white-space: inherit;
+ overflow: hidden;
+ height: 77px;
+ line-height: 1.5;
+}
+
+div.agentPersonality {
+ text-align: left;
+ grid-column: span 3;
+ overflow: hidden;
+}
+
+div.pageLayout {
+ max-width: 60vw;
+ margin: auto;
+ margin-bottom: 2rem;
+}
+
+button.infoButton {
+ border: none;
+ background-color: transparent !important;
+ text-align: left;
+ font-family: inherit;
+ font-size: medium;
+}
+
+div.agentList {
+ display: grid;
+ gap: 20px;
+ padding-top: 30px;
+ margin-right: auto;
+ grid-auto-flow: row;
+ grid-template-columns: 1fr 1fr;
+ margin-left: auto;
+}
+
+@media only screen and (max-width: 768px) {
+ div.agentList {
+ width: 100%;
+ padding: 0;
+ margin-right: auto;
+ margin-left: auto;
+ grid-template-columns: 1fr;
+ }
+
+ div.pageLayout {
+ max-width: 90vw;
+ }
+}
diff --git a/src/interface/web/app/agents/layout.tsx b/src/interface/web/app/agents/layout.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..9500b371377ee3c64aa759589031b929ad49088e
--- /dev/null
+++ b/src/interface/web/app/agents/layout.tsx
@@ -0,0 +1,40 @@
+import type { Metadata } from "next";
+import "../globals.css";
+
+export const metadata: Metadata = {
+ title: "Khoj AI - Agents",
+ description:
+ "Find or create agents with custom knowledge, tools and personalities to help address your specific needs.",
+ icons: {
+ icon: "/static/assets/icons/khoj_lantern.ico",
+ apple: "/static/assets/icons/khoj_lantern_256x256.png",
+ },
+ openGraph: {
+ siteName: "Khoj AI",
+ title: "Khoj AI - Agents",
+ description:
+ "Find or create agents with custom knowledge, tools and personalities to help address your specific needs.",
+ url: "https://app.khoj.dev/agents",
+ type: "website",
+ images: [
+ {
+ url: "https://assets.khoj.dev/khoj_hero.png",
+ width: 940,
+ height: 525,
+ },
+ {
+ url: "https://assets.khoj.dev/khoj_lantern_256x256.png",
+ width: 256,
+ height: 256,
+ },
+ ],
+ },
+};
+
+export default function ChildLayout({
+ children,
+}: Readonly<{
+ children: React.ReactNode;
+}>) {
+ return <>{children};
+}
diff --git a/src/interface/web/app/agents/page.tsx b/src/interface/web/app/agents/page.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..8b578de4fb6bd4d4da21bd44fba4eae8a96de716
--- /dev/null
+++ b/src/interface/web/app/agents/page.tsx
@@ -0,0 +1,422 @@
+"use client";
+
+import styles from "./agents.module.css";
+
+import useSWR from "swr";
+
+import { useEffect, useState } from "react";
+
+import {
+ useAuthenticatedData,
+ UserProfile,
+ ModelOptions,
+ useUserConfig,
+ isUserSubscribed,
+} from "../common/auth";
+
+import { Lightning, Plus } from "@phosphor-icons/react";
+import { z } from "zod";
+import { Dialog, DialogContent, DialogHeader, DialogTrigger } from "@/components/ui/dialog";
+import LoginPrompt from "../components/loginPrompt/loginPrompt";
+import { InlineLoading } from "../components/loading/loading";
+import { Alert, AlertDescription } from "@/components/ui/alert";
+import { useIsDarkMode, useIsMobileWidth } from "../common/utils";
+import {
+ AgentCard,
+ EditAgentSchema,
+ AgentModificationForm,
+ AgentData,
+} from "@/app/components/agentCard/agentCard";
+
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { SidebarInset, SidebarProvider, SidebarTrigger } from "@/components/ui/sidebar";
+import { AppSidebar } from "../components/appSidebar/appSidebar";
+import { Separator } from "@/components/ui/separator";
+import { KhojLogoType } from "../components/logo/khojLogo";
+import { DialogTitle } from "@radix-ui/react-dialog";
+import Link from "next/link";
+
+const agentsFetcher = () =>
+ window
+ .fetch("/api/agents")
+ .then((res) => res.json())
+ .catch((err) => console.log(err));
+
+// A generic fetcher function that uses the fetch API to make a request to a given URL and returns the response as JSON.
+const fetcher = (url: string) => fetch(url).then((res) => res.json());
+
+interface CreateAgentCardProps {
+ data: AgentData;
+ userProfile: UserProfile | null;
+ isMobileWidth: boolean;
+ filesOptions: string[];
+ modelOptions: ModelOptions[];
+ selectedChatModelOption: string;
+ isSubscribed: boolean;
+ setAgentChangeTriggered: (value: boolean) => void;
+ inputToolOptions: { [key: string]: string };
+ outputModeOptions: { [key: string]: string };
+}
+
+function CreateAgentCard(props: CreateAgentCardProps) {
+ const [showModal, setShowModal] = useState(false);
+ const [errors, setErrors] = useState(null);
+ const [showLoginPrompt, setShowLoginPrompt] = useState(true);
+
+ const form = useForm>({
+ resolver: zodResolver(EditAgentSchema),
+ defaultValues: {
+ name: props.data.name,
+ persona: props.data.persona,
+ color: props.data.color,
+ icon: props.data.icon,
+ privacy_level: props.data.privacy_level,
+ chat_model: props.selectedChatModelOption,
+ files: [],
+ },
+ });
+
+ useEffect(() => {
+ form.reset({
+ name: props.data.name,
+ persona: props.data.persona,
+ color: props.data.color,
+ icon: props.data.icon,
+ privacy_level: props.data.privacy_level,
+ chat_model: props.selectedChatModelOption,
+ files: [],
+ });
+ }, [props.selectedChatModelOption, props.data]);
+
+ const onSubmit = (values: z.infer) => {
+ let agentsApiUrl = `/api/agents`;
+
+ fetch(agentsApiUrl, {
+ method: "POST",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify(values),
+ })
+ .then((response) => {
+ if (response.status === 200) {
+ form.reset();
+ setShowModal(false);
+ setErrors(null);
+ props.setAgentChangeTriggered(true);
+ } else {
+ response.json().then((data) => {
+ console.error(data);
+ if (data.error) {
+ setErrors(data.error);
+ }
+ });
+ }
+ })
+ .catch((error) => {
+ console.error("Error:", error);
+ setErrors(error);
+ });
+ };
+
+ return (
+
+
+
+
+
+
+ Create Agent
+
+ {!props.userProfile && showLoginPrompt && (
+
+
+ );
+}
+
+export interface AgentConfigurationOptions {
+ input_tools: { [key: string]: string };
+ output_modes: { [key: string]: string };
+}
+
+export default function Agents() {
+ const { data, error, mutate } = useSWR("agents", agentsFetcher, {
+ revalidateOnFocus: false,
+ });
+ const {
+ data: authenticatedData,
+ error: authenticationError,
+ isLoading: authenticationLoading,
+ } = useAuthenticatedData();
+ const { data: userConfig } = useUserConfig(true);
+ const [showLoginPrompt, setShowLoginPrompt] = useState(false);
+ const isMobileWidth = useIsMobileWidth();
+
+ const [personalAgents, setPersonalAgents] = useState([]);
+ const [publicAgents, setPublicAgents] = useState([]);
+
+ const [agentSlug, setAgentSlug] = useState(null);
+
+ const { data: filesData, error: fileError } = useSWR(
+ userConfig ? "/api/content/computer" : null,
+ fetcher,
+ );
+
+ const { data: agentConfigurationOptions, error: agentConfigurationOptionsError } =
+ useSWR("/api/agents/options", fetcher);
+
+ const [agentChangeTriggered, setAgentChangeTriggered] = useState(false);
+
+ useEffect(() => {
+ if (agentChangeTriggered) {
+ mutate();
+ setAgentChangeTriggered(false);
+ }
+ }, [agentChangeTriggered]);
+
+ useEffect(() => {
+ if (data) {
+ const personalAgents = data.filter(
+ (agent) => agent.creator === authenticatedData?.username,
+ );
+ setPersonalAgents(personalAgents);
+
+ // Public agents are agents that are not private and not created by the user
+ const publicAgents = data.filter(
+ (agent) =>
+ agent.privacy_level !== "private" &&
+ agent.creator !== authenticatedData?.username,
+ );
+ setPublicAgents(publicAgents);
+
+ if (typeof window !== "undefined") {
+ const searchParams = new URLSearchParams(window.location.search);
+ const agentSlug = searchParams.get("agent");
+
+ // Search for the agent with the slug in the URL
+ if (agentSlug) {
+ setAgentSlug(agentSlug);
+ let selectedAgent = data.find((agent) => agent.slug === agentSlug);
+
+ // If the agent is not found in all the returned agents, check in the public agents. The code may be running 2x after either agent data or authenticated data is retrieved.
+ if (!selectedAgent) {
+ selectedAgent = publicAgents.find((agent) => agent.slug === agentSlug);
+ }
+
+ if (!selectedAgent) {
+ // See if the agent is accessible as a protected agent.
+ fetch(`/api/agents/${agentSlug}`)
+ .then((res) => {
+ if (res.status === 404) {
+ throw new Error("Agent not found");
+ }
+ return res.json();
+ })
+ .then((agent: AgentData) => {
+ if (agent.privacy_level === "protected") {
+ setPublicAgents((prev) => [...prev, agent]);
+ }
+ });
+ }
+ }
+ }
+ }
+ }, [data, authenticatedData]);
+
+ if (error) {
+ return (
+
+ Agents
+ Error loading agents
+
+ );
+ }
+
+ if (!data) {
+ return (
+
+
+
+
+ );
+ }
+
+ const modelOptions: ModelOptions[] = userConfig?.chat_model_options || [];
+ const selectedChatModelOption: number = userConfig?.selected_chat_model_config || 0;
+ const isSubscribed: boolean = userConfig?.is_active || false;
+
+ // The default model option should map to the item in the modelOptions array that has the same id as the selectedChatModelOption
+ const defaultModelOption = modelOptions.find(
+ (modelOption) => modelOption.id === selectedChatModelOption,
+ );
+
+ return (
+
+
+
+
+
+ ) : (
+ Agents
+ )}
+
+
+
+
+
+ {showLoginPrompt && (
+
+ )}
+
+
+ How it works Use any of these
+ specialized personas to tune your conversation to your needs.
+ {!isSubscribed && (
+
+ {" "}
+
+ )}
+
+
+
+
+ {authenticatedData &&
+ personalAgents.map((agent) => (
+
+ ))}
+
+
+
+
Explore
+
+ {!authenticationLoading &&
+ publicAgents.map((agent) => (
+
+ ))}
+
+
+
+
+
+
+ );
+}
diff --git a/src/interface/web/app/automations/automations.module.css b/src/interface/web/app/automations/automations.module.css
new file mode 100644
index 0000000000000000000000000000000000000000..b26e7777ced0c5c903a7663a391eecedf8a3dcc7
--- /dev/null
+++ b/src/interface/web/app/automations/automations.module.css
@@ -0,0 +1,26 @@
+div.automationsLayout {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 1rem;
+}
+
+div.automationCard {
+ display: grid;
+ grid-template-rows: auto 1fr auto;
+}
+
+div.pageLayout {
+ max-width: 60vw;
+ margin: auto;
+ margin-bottom: 2rem;
+}
+
+@media screen and (max-width: 768px) {
+ div.automationsLayout {
+ grid-template-columns: 1fr;
+ }
+
+ div.pageLayout {
+ max-width: 90vw;
+ }
+}
diff --git a/src/interface/web/app/automations/layout.tsx b/src/interface/web/app/automations/layout.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..5c53091f1d57418ace43b8358b727e0f6c6168f3
--- /dev/null
+++ b/src/interface/web/app/automations/layout.tsx
@@ -0,0 +1,47 @@
+import type { Metadata } from "next";
+import { Toaster } from "@/components/ui/toaster";
+
+import "../globals.css";
+
+export const metadata: Metadata = {
+ title: "Khoj AI - Automations",
+ description:
+ "Use Khoj Automations to get tailored research and event based notifications directly in your inbox.",
+ icons: {
+ icon: "/static/assets/icons/khoj_lantern.ico",
+ apple: "/static/assets/icons/khoj_lantern_256x256.png",
+ },
+ openGraph: {
+ siteName: "Khoj AI",
+ title: "Khoj AI - Automations",
+ description:
+ "Use Khoj Automations to get tailored research and event based notifications directly in your inbox.",
+ url: "https://app.khoj.dev/automations",
+ type: "website",
+ images: [
+ {
+ url: "https://assets.khoj.dev/khoj_hero.png",
+ width: 940,
+ height: 525,
+ },
+ {
+ url: "https://assets.khoj.dev/khoj_lantern_256x256.png",
+ width: 256,
+ height: 256,
+ },
+ ],
+ },
+};
+
+export default function ChildLayout({
+ children,
+}: Readonly<{
+ children: React.ReactNode;
+}>) {
+ return (
+ <>
+ {children}
+ (
+ null,
+ );
+ const [isDeleted, setIsDeleted] = useState(false);
+
+ const automation = props.automation;
+
+ const [timeRecurrence, setTimeRecurrence] = useState("");
+ const [intervalString, setIntervalString] = useState("");
+
+ useEffect(() => {
+ // The updated automation data, if present, takes priority over the original automation data
+ const automationData = updatedAutomationData || automation;
+ setTimeRecurrence(getTimeRecurrenceFromCron(automationData.crontime));
+ const frequency = getEveryBlahFromCron(automationData.crontime);
+
+ if (frequency === "Day") {
+ setIntervalString("Daily");
+ } else if (frequency === "Week") {
+ const dayOfWeek = getDayOfWeekFromCron(automationData.crontime);
+ if (dayOfWeek === undefined) {
+ setIntervalString("Weekly");
+ } else {
+ setIntervalString(`${weekDays[dayOfWeek]}`);
+ }
+ } else if (frequency === "Month") {
+ const dayOfMonth = getDayOfMonthFromCron(automationData.crontime);
+ setIntervalString(`Monthly on the ${dayOfMonth}`);
+ }
+ }, [updatedAutomationData, automation]);
+
+ if (isDeleted) {
+ return null;
+ }
+
+ return (
+
+
+
+ {updatedAutomationData?.subject || automation.subject}
+
+
+
+
+
+
+ {!props.suggestedCard && props.locationData && (
+ {
+ navigator.clipboard.writeText(createShareLink(automation));
+ }}
+ />
+ {!props.suggestedCard && (
+ {
+ sendAPreview(
+ automation.id.toString(),
+ props.setToastMessage,
+ );
+ }}
+ >
+
+ )}
+ {
+ if (props.suggestedCard) {
+ setIsDeleted(true);
+ return;
+ }
+ deleteAutomation(automation.id.toString(), setIsDeleted);
+ }}
+ >
+
+
+
+
+
+
+ {updatedAutomationData?.scheduling_request || automation.scheduling_request}
+
+
+
+
+
+
+ {timeRecurrence}
+
+
+
+
+
+ {intervalString}
+
+
+
+
+ );
+}
+
+interface SharedAutomationCardProps {
+ locationData?: LocationData | null;
+ setNewAutomationData: (data: AutomationsData) => void;
+ isLoggedIn: boolean;
+ setShowLoginPrompt: (showLoginPrompt: boolean) => void;
+ authenticatedData: UserProfile | null;
+ isMobileWidth: boolean;
+ setToastMessage: (toastMessage: string) => void;
+}
+
+function SharedAutomationCard(props: SharedAutomationCardProps) {
+ const searchParams = useSearchParams();
+ const [isCreating, setIsCreating] = useState(true);
+
+ const subject = searchParams.get("subject");
+ const query = searchParams.get("query");
+ const crontime = searchParams.get("crontime");
+
+ if (!subject || !query || !crontime) {
+ return null;
+ }
+
+ const automation: AutomationsData = {
+ id: 0,
+ subject: decodeURIComponent(subject),
+ scheduling_request: decodeURIComponent(query),
+ query_to_run: "",
+ schedule: cronToHumanReadableString(decodeURIComponent(crontime)),
+ crontime: decodeURIComponent(crontime),
+ next: "",
+ };
+
+ return isCreating ? (
+ >({
+ resolver: zodResolver(EditAutomationSchema),
+ defaultValues: {
+ subject: automation?.subject,
+ everyBlah: automation?.crontime ? getEveryBlahFromCron(automation.crontime) : "Day",
+ dayOfWeek: automation?.crontime ? getDayOfWeekFromCron(automation.crontime) : undefined,
+ timeRecurrence: automation?.crontime
+ ? getTimeRecurrenceFromCron(automation.crontime)
+ : "12:00 PM",
+ dayOfMonth: automation?.crontime ? getDayOfMonthFromCron(automation.crontime) : "1",
+ schedulingRequest: automation?.scheduling_request,
+ },
+ });
+
+ const onSubmit = (values: z.infer) => {
+ const cronFrequency = convertFrequencyToCron(
+ values.everyBlah,
+ values.timeRecurrence,
+ values.dayOfWeek,
+ values.dayOfMonth,
+ );
+
+ let updateQueryUrl = `/api/automation?`;
+ updateQueryUrl += `q=${encodeURIComponent(values.schedulingRequest)}`;
+ if (automation?.id && !props.createNew) {
+ updateQueryUrl += `&automation_id=${encodeURIComponent(automation.id)}`;
+ }
+ if (values.subject) {
+ updateQueryUrl += `&subject=${encodeURIComponent(values.subject)}`;
+ }
+ updateQueryUrl += `&crontime=${encodeURIComponent(cronFrequency)}`;
+ if (props.locationData && props.locationData.city)
+ updateQueryUrl += `&city=${encodeURIComponent(props.locationData.city)}`;
+ if (props.locationData && props.locationData.region)
+ updateQueryUrl += `®ion=${encodeURIComponent(props.locationData.region)}`;
+ if (props.locationData && props.locationData.country)
+ updateQueryUrl += `&country=${encodeURIComponent(props.locationData.country)}`;
+ if (props.locationData && props.locationData.timezone)
+ updateQueryUrl += `&timezone=${encodeURIComponent(props.locationData.timezone)}`;
+
+ let method = props.createNew ? "POST" : "PUT";
+
+ fetch(updateQueryUrl, { method: method })
+ .then((response) => response.json())
+ .then((data: AutomationsData) => {
+ props.setIsEditing(false);
+ props.setUpdatedAutomationData({
+ id: data.id,
+ subject: data.subject || "",
+ query_to_run: data.query_to_run,
+ scheduling_request: data.scheduling_request,
+ schedule: cronToHumanReadableString(data.crontime),
+ crontime: data.crontime,
+ next: data.next,
+ });
+ })
+ .catch((error) => {
+ console.error("Error saving automation:", error);
+ // Reset saving state
+ props.setIsEditing(false);
+ // Show error message
+ props.setToastMessage(
+ "Sorry, something went wrong. Try again or contact team@khoj.dev.",
+ );
+ });
+ };
+
+ function convertFrequencyToCron(
+ frequency: string,
+ timeRecurrence: string,
+ dayOfWeek?: number,
+ dayOfMonth?: string,
+ ) {
+ let cronString = "";
+
+ const minutes = timeRecurrence.split(":")[1].split(" ")[0];
+ const period = timeRecurrence.split(":")[1].split(" ")[1];
+ const rawHourAsNumber = Number(timeRecurrence.split(":")[0]);
+ const hours =
+ period === "PM" && rawHourAsNumber < 12
+ ? String(rawHourAsNumber + 12)
+ : rawHourAsNumber;
+
+ // Convert Sunday to 0th (from 7th) day of week for server cron format
+ const dayOfWeekNumber = dayOfWeek !== undefined ? (dayOfWeek === 7 ? 0 : dayOfWeek) : "*";
+
+ switch (frequency) {
+ case "Day":
+ cronString = `${minutes} ${hours} * * *`;
+ break;
+ case "Week":
+ cronString = `${minutes} ${hours} * * ${dayOfWeekNumber}`;
+ break;
+ case "Month":
+ cronString = `${minutes} ${hours} ${dayOfMonth} * *`;
+ break;
+ }
+
+ return cronString;
+ }
+
+ return (
+ >;
+ onSubmit: (values: z.infer) => void;
+ create?: boolean;
+ isLoggedIn: boolean;
+ setShowLoginPrompt: (showLoginPrompt: boolean) => void;
+ authenticatedData: UserProfile | null;
+ locationData: LocationData | null;
+}
+
+function AutomationModificationForm(props: AutomationModificationFormProps) {
+ const [isSaving, setIsSaving] = useState(false);
+ const { errors } = props.form.formState;
+
+ function recommendationPill(
+ recommendationText: string,
+ onChange: (value: any, event: React.MouseEvent) => void,
+ ) {
+ return (
+ {
+ event.preventDefault();
+ onChange({ target: { value: recommendationText } }, event);
+ }}
+ >
+ {recommendationText}...
+
+ );
+ }
+
+ const recommendationPills = [
+ "Make a picture of",
+ "Generate a summary of",
+ "Create a newsletter of",
+ "Notify me when",
+ ];
+
+ return (
+
+
+ );
+}
+
+function metadataMap(ipLocationData: LocationData, authenticatedData: UserProfile | null) {
+ return (
+
+ {authenticatedData ? (
+
+
+ ) : null}
+ {ipLocationData && (
+
+
+ )}
+ {ipLocationData && (
+
+
+ )}
+
+ );
+}
+
+interface AutomationComponentWrapperProps {
+ isMobileWidth: boolean;
+ callToAction: string;
+ createNew: boolean;
+ setIsCreating: (completed: boolean) => void;
+ setShowLoginPrompt: (showLoginPrompt: boolean) => void;
+ setNewAutomationData: (data: AutomationsData) => void;
+ authenticatedData: UserProfile | null;
+ isCreating: boolean;
+ ipLocationData: LocationData | null | undefined;
+ automation?: AutomationsData;
+ setToastMessage: (toastMessage: string) => void;
+}
+
+function AutomationComponentWrapper(props: AutomationComponentWrapperProps) {
+ return props.isMobileWidth ? (
+ {
+ props.setIsCreating(open);
+ }}
+ >
+
+
+
+
+
+ Automation
+
+
+ ) : (
+ {
+ props.setIsCreating(open);
+ }}
+ >
+
+
+
+
+
+ Automation
+
+
+ );
+}
+
+export default function Automations() {
+ const {
+ data: authenticatedData,
+ error: authenticationError,
+ isLoading: authenticationLoading,
+ } = useAuthenticatedData();
+ const {
+ data: personalAutomations,
+ error,
+ isLoading,
+ } = useSWR(authenticatedData ? "automations" : null, automationsFetcher, {
+ revalidateOnFocus: false,
+ });
+
+ const [isCreating, setIsCreating] = useState(false);
+ const [newAutomationData, setNewAutomationData] = useState(null);
+ const [allNewAutomations, setAllNewAutomations] = useState([]);
+ const [suggestedAutomations, setSuggestedAutomations] = useState([]);
+ const [showLoginPrompt, setShowLoginPrompt] = useState(false);
+ const isMobileWidth = useIsMobileWidth();
+ const { locationData, locationDataError, locationDataLoading } = useIPLocationData();
+ const [toastMessage, setToastMessage] = useState("");
+ const { toast } = useToast();
+
+ useEffect(() => {
+ if (newAutomationData) {
+ setAllNewAutomations([...allNewAutomations, newAutomationData]);
+ setNewAutomationData(null);
+ }
+ }, [newAutomationData, allNewAutomations]);
+
+ useEffect(() => {
+ const allAutomations = personalAutomations
+ ? personalAutomations.concat(allNewAutomations)
+ : allNewAutomations;
+
+ if (allAutomations) {
+ setSuggestedAutomations(
+ suggestedAutomationsMetadata.filter((suggestedAutomation) => {
+ return (
+ allAutomations.find(
+ (automation) => suggestedAutomation.subject === automation.subject,
+ ) === undefined
+ );
+ }),
+ );
+ }
+ }, [personalAutomations, allNewAutomations]);
+
+ useEffect(() => {
+ const toastTitle = `Automation`;
+ if (toastMessage) {
+ toast({
+ title: toastTitle,
+ description: toastMessage,
+ action: Ok ,
+ variant: toastMessage.includes("Sorry") ? "destructive" : "default",
+ });
+ setToastMessage("");
+ }
+ }, [toastMessage]);
+
+ if (error)
+ return
+
+
+
+
+ ) : (
+ Automations
+ )}
+
+
+
+
+
+
Automations
+
+ {authenticatedData ? (
+
+
+ ) : null}
+ {locationData && (
+
+
+ )}
+ {locationData && (
+
+
+ )}
+
+
+ {showLoginPrompt && (
+
+ )}
+
+
+ How it works Automations help
+ you structure your time by automating tasks you do regularly.
+ Build your own, or try out our presets. Get results straight to
+ your inbox.
+
+
+
+ {authenticatedData ? (
+
+ ) : (
+
setShowLoginPrompt(true)}
+ variant={"outline"}
+ >
+
+ )}
+
+
+
+ {isLoading &&
}
+
+ {authenticatedData &&
+ personalAutomations &&
+ personalAutomations.map((automation) => (
+
+ ))}
+ {authenticatedData &&
+ allNewAutomations.map((automation) => (
+
+ ))}
+
+
Explore
+
+ {suggestedAutomations.map((automation) => (
+
+ ))}
+
+
+
+
+
+ );
+}
diff --git a/src/interface/web/app/chat/chat.module.css b/src/interface/web/app/chat/chat.module.css
new file mode 100644
index 0000000000000000000000000000000000000000..2218bd6401b87be7bb9aa6c6e2422477c88531cd
--- /dev/null
+++ b/src/interface/web/app/chat/chat.module.css
@@ -0,0 +1,173 @@
+div.main {
+ height: 100%;
+ color: hsla(var(--foreground));
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.suggestions {
+ display: flex;
+ overflow-x: none;
+ height: 50%;
+ padding: 10px;
+ white-space: nowrap;
+ /* grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); */
+ gap: 1rem;
+ /* justify-content: center; */
+}
+
+div.inputBox {
+ border: 1px solid var(--border-color);
+ margin-bottom: 20px;
+ gap: 12px;
+ align-content: center;
+}
+
+input.inputBox {
+ border: none;
+}
+
+input.inputBox:focus {
+ outline: none;
+ background-color: transparent;
+}
+
+div.inputBox:focus {
+ box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
+}
+
+div.chatBodyFull {
+ display: grid;
+ grid-template-columns: 1fr;
+ height: auto;
+}
+
+button.inputBox {
+ border: none;
+ outline: none;
+ background-color: transparent;
+ cursor: pointer;
+ border-radius: 0.5rem;
+ padding: 0.5rem;
+ background: linear-gradient(var(--calm-green), var(--calm-blue));
+}
+
+div.chatBody {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ height: 100%;
+}
+
+.inputBox {
+ color: hsla(var(--foreground));
+}
+
+div.chatLayout {
+ display: grid;
+ grid-template-columns: 1fr;
+ gap: 1rem;
+ width: 100%;
+}
+
+div.chatBox {
+ display: grid;
+ height: 100%;
+}
+
+div.titleBar {
+ display: grid;
+ grid-template-columns: 1fr auto;
+}
+
+div.chatBoxBody {
+ display: grid;
+ height: 100%;
+ width: 100%;
+ margin: auto;
+}
+
+div.agentIndicator a {
+ display: flex;
+ text-align: center;
+ align-content: center;
+ align-items: center;
+}
+
+div.agentIndicator {
+ padding: 10px;
+}
+
+div.chatTitleWrapper {
+ grid-template-columns: 1fr auto;
+}
+
+@media screen and (max-width: 768px) {
+ div.inputBox {
+ margin-bottom: 0px;
+ }
+
+ div.chatBoxBody {
+ width: 100%;
+ }
+
+ div.chatBody {
+ grid-template-columns: 0fr 1fr;
+ }
+
+ div.chatBox {
+ padding: 0;
+ height: 100%;
+ }
+
+ div.chatLayout {
+ gap: 0;
+ grid-template-columns: 1fr;
+ }
+}
+
+/* Print-specific styles for chat layout */
+@media print {
+ /* Chat container adjustments */
+ div.main {
+ height: auto !important;
+ max-height: none !important;
+ width: 100% !important;
+ margin: 0 !important;
+ padding: 0 !important;
+ overflow: visible !important;
+ }
+
+ div.chatBox,
+ div.chatBoxBody,
+ div.chatLayout {
+ height: auto !important;
+ max-height: none !important;
+ width: 100% !important;
+ display: block !important;
+ margin: 0 !important;
+ padding: 0 !important;
+ overflow: visible !important;
+ position: static !important;
+ }
+
+ div.chatBodyFull,
+ div.chatBody {
+ display: block !important;
+ width: 100% !important;
+ height: auto !important;
+ max-height: none !important;
+ grid-template-columns: none !important;
+ overflow: visible !important;
+ position: static !important;
+ }
+
+ div.inputBox {
+ display: none !important;
+ }
+
+ /* Make chat content use full width in print */
+ .chatHistory {
+ width: 100% !important;
+ max-width: none !important;
+ }
+}
diff --git a/src/interface/web/app/chat/layout.tsx b/src/interface/web/app/chat/layout.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..4f2ec7dd057f7f0a9cce778da547e0282981e6fc
--- /dev/null
+++ b/src/interface/web/app/chat/layout.tsx
@@ -0,0 +1,51 @@
+import type { Metadata } from "next";
+import "../globals.css";
+import { Toaster } from "@/components/ui/toaster";
+
+export const metadata: Metadata = {
+ title: "Khoj AI - Chat",
+ description:
+ "Ask anything. Research answers from across the internet and your documents, draft messages, summarize documents, generate paintings and chat with personal agents.",
+ icons: {
+ icon: "/static/assets/icons/khoj_lantern.ico",
+ apple: "/static/assets/icons/khoj_lantern_256x256.png",
+ },
+ openGraph: {
+ siteName: "Khoj AI",
+ title: "Khoj AI - Chat",
+ description:
+ "Ask anything. Research answers from across the internet and your documents, draft messages, summarize documents, generate paintings and chat with personal agents.",
+ url: "https://app.khoj.dev/chat",
+ type: "website",
+ images: [
+ {
+ url: "https://assets.khoj.dev/khoj_hero.png",
+ width: 940,
+ height: 525,
+ },
+ {
+ url: "https://assets.khoj.dev/khoj_lantern_256x256.png",
+ width: 256,
+ height: 256,
+ },
+ ],
+ },
+};
+
+export default function ChildLayout({
+ children,
+}: Readonly<{
+ children: React.ReactNode;
+}>) {
+ return (
+ <>
+ {children}
+ ([]);
+ const [processingMessage, setProcessingMessage] = useState(false);
+ const [agentMetadata, setAgentMetadata] = useState(null);
+ const [isInResearchMode, setIsInResearchMode] = useState(false);
+ const chatInputRef = useRef(null);
+
+ const setQueryToProcess = props.setQueryToProcess;
+ const onConversationIdChange = props.onConversationIdChange;
+
+ const chatHistoryCustomClassName = props.isMobileWidth ? "w-full" : "w-4/6";
+
+ useEffect(() => {
+ if (images.length > 0) {
+ const encodedImages = images.map((image) => encodeURIComponent(image));
+ props.setImages(encodedImages);
+ }
+ }, [images, props.setImages]);
+
+ useEffect(() => {
+ const storedImages = localStorage.getItem("images");
+ if (storedImages) {
+ const parsedImages: string[] = JSON.parse(storedImages);
+ setImages(parsedImages);
+ const encodedImages = parsedImages.map((img: string) => encodeURIComponent(img));
+ props.setImages(encodedImages);
+ localStorage.removeItem("images");
+ }
+
+ const storedMessage = localStorage.getItem("message");
+ if (storedMessage) {
+ setProcessingMessage(true);
+ setQueryToProcess(storedMessage);
+
+ if (storedMessage.trim().startsWith("/research")) {
+ setIsInResearchMode(true);
+ }
+ }
+
+ const storedUploadedFiles = localStorage.getItem("uploadedFiles");
+
+ if (storedUploadedFiles) {
+ const parsedFiles = storedUploadedFiles ? JSON.parse(storedUploadedFiles) : [];
+ const uploadedFiles: AttachedFileText[] = [];
+ for (const file of parsedFiles) {
+ uploadedFiles.push({
+ name: file.name,
+ file_type: file.file_type,
+ content: file.content,
+ size: file.size,
+ });
+ }
+ localStorage.removeItem("uploadedFiles");
+ props.setUploadedFiles(uploadedFiles);
+ }
+ }, [setQueryToProcess, props.setImages, conversationId]);
+
+ useEffect(() => {
+ if (message) {
+ setProcessingMessage(true);
+ setQueryToProcess(message);
+ }
+ }, [message, setQueryToProcess]);
+
+ useEffect(() => {
+ if (conversationId) {
+ onConversationIdChange?.(conversationId);
+ }
+ }, [conversationId, onConversationIdChange]);
+
+ useEffect(() => {
+ if (
+ props.streamedMessages &&
+ props.streamedMessages.length > 0 &&
+ props.streamedMessages[props.streamedMessages.length - 1].completed
+ ) {
+ setProcessingMessage(false);
+ setImages([]); // Reset images after processing
+ props.setUploadedFiles(undefined); // Reset uploaded files after processing
+ } else {
+ setMessage("");
+ }
+ }, [props.streamedMessages]);
+
+ if (!conversationId) {
+ window.location.href = "/";
+ return;
+ }
+
+ return (
+
+
+
+
+
+ setMessage(message)}
+ sendImage={(image) => setImages((prevImages) => [...prevImages, image])}
+ sendDisabled={props.isParentProcessing || false}
+ chatOptionsData={props.chatOptionsData}
+ conversationId={conversationId}
+ isMobileWidth={props.isMobileWidth}
+ setUploadedFiles={props.setUploadedFiles}
+ ref={chatInputRef}
+ isResearchModeEnabled={isInResearchMode}
+ setTriggeredAbort={props.setTriggeredAbort}
+ />
+
+
+
+
+
(null);
+ const [isLoading, setLoading] = useState(true);
+ const [title, setTitle] = useState(defaultTitle);
+ const [conversationId, setConversationID] = useState(null);
+ const [messages, setMessages] = useState([]);
+ const [queryToProcess, setQueryToProcess] = useState("");
+ const [processQuerySignal, setProcessQuerySignal] = useState(false);
+ const [uploadedFiles, setUploadedFiles] = useState(undefined);
+ const [images, setImages] = useState([]);
+
+ const [triggeredAbort, setTriggeredAbort] = useState(false);
+ const [interruptMessage, setInterruptMessage] = useState("");
+ const bufferRef = useRef("");
+ const idleTimerRef = useRef(null);
+
+ const { locationData, locationDataError, locationDataLoading } = useIPLocationData() || {
+ locationData: {
+ timezone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+ },
+ };
+ const {
+ data: authenticatedData,
+ error: authenticationError,
+ isLoading: authenticationLoading,
+ } = useAuthenticatedData();
+ const isMobileWidth = useIsMobileWidth();
+ const [isChatSideBarOpen, setIsChatSideBarOpen] = useState(false);
+ const [socketUrl, setSocketUrl] = useState(null);
+ // track whether we've already shown a toast for the current disconnect cycle to avoid duplicates
+ const disconnectToastShownRef = useRef(false);
+ // Track whether the websocket is closing due to an intentional action (page refresh/navigation or idle timeout)
+ const intentionalCloseRef = useRef(false);
+
+ const disconnectFromServer = useCallback(() => {
+ if (idleTimerRef.current) {
+ clearTimeout(idleTimerRef.current);
+ }
+ // Mark as intentional so onClose does not show transient network error banner
+ intentionalCloseRef.current = true;
+ setSocketUrl(null);
+ console.log("WebSocket disconnected due to inactivity.");
+ }, []);
+
+ const resetIdleTimer = useCallback(() => {
+ const idleTimeout = 10 * 60 * 1000; // 10 minutes
+ if (idleTimerRef.current) {
+ clearTimeout(idleTimerRef.current);
+ }
+ idleTimerRef.current = setTimeout(disconnectFromServer, idleTimeout);
+ }, [disconnectFromServer]);
+
+ const { toast } = useToast();
+ const { sendMessage, lastMessage } = useWebSocket(socketUrl, {
+ share: true,
+ shouldReconnect: (closeEvent) => true,
+ reconnectAttempts: 10,
+ // reconnect using exponential backoff with jitter
+ reconnectInterval: (attemptNumber) => {
+ const baseDelay = 1000 * Math.pow(2, attemptNumber);
+ const jitter = Math.random() * 1000; // Add jitter up to 1s
+ return Math.min(baseDelay + jitter, 20000); // Cap backoff at 20s
+ },
+ onOpen: () => {
+ console.log("WebSocket connection established.");
+ resetIdleTimer();
+ // Reset disconnect toast guard so future disconnects can notify again
+ disconnectToastShownRef.current = false;
+ // Reset intentional close flag after a successful open
+ intentionalCloseRef.current = false;
+ },
+ onClose: (event) => {
+ console.log("WebSocket connection closed.");
+ if (idleTimerRef.current) {
+ clearTimeout(idleTimerRef.current);
+ }
+ // Suppress notice if:
+ // - Intentional close (page refresh/navigation or idle management)
+ // - Normal closure (1000) or Going Away (1001 - typical on page reload)
+ // - No query to process
+ if (
+ !intentionalCloseRef.current &&
+ event?.code !== 1000 &&
+ event?.code !== 1001 &&
+ queryToProcess
+ ) {
+ if (!disconnectToastShownRef.current) {
+ toast({
+ title: "Network issue",
+ description:
+ "Connection lost. Please check your network and try again when ready.",
+ variant: "destructive",
+ duration: 6000,
+ });
+ disconnectToastShownRef.current = true;
+ }
+ }
+ // Mark any in-progress streamed message as completed so UI updates (stop spinner, show send icon)
+ setMessages((prev) => {
+ if (!prev || prev.length === 0) return prev;
+ const newMessages = [...prev];
+ const last = newMessages[newMessages.length - 1];
+ if (last && !last.completed) {
+ last.completed = true;
+ }
+ return newMessages;
+ });
+ // Reset processing state so ChatInputArea send button reappears
+ setProcessQuerySignal(false);
+ setQueryToProcess("");
+ },
+ onError: (event) => {
+ console.error("WebSocket error", event);
+ // Perform same cleanup as onClose to avoid stuck UI
+ setMessages((prev) => {
+ if (!prev || prev.length === 0) return prev;
+ const newMessages = [...prev];
+ const last = newMessages[newMessages.length - 1];
+ if (last && !last.completed) {
+ last.completed = true;
+ }
+ return newMessages;
+ });
+ setProcessQuerySignal(false);
+ setQueryToProcess("");
+ if (!intentionalCloseRef.current && !disconnectToastShownRef.current) {
+ toast({
+ title: "Network error",
+ description:
+ "Connection lost. Please check your network and try again when ready.",
+ variant: "destructive",
+ duration: 5000,
+ });
+ disconnectToastShownRef.current = true;
+ }
+ },
+ });
+
+ // Handle page unload / refresh: mark intentional so we don't show a toast
+ useEffect(() => {
+ const handleBeforeUnload = () => {
+ intentionalCloseRef.current = true;
+ };
+ window.addEventListener("beforeunload", handleBeforeUnload);
+ return () => window.removeEventListener("beforeunload", handleBeforeUnload);
+ }, []);
+
+ useEffect(() => {
+ if (lastMessage !== null) {
+ resetIdleTimer();
+ // Check if this is a control message (JSON) rather than a streaming event
+ try {
+ const controlMessage = JSON.parse(lastMessage.data);
+ if (controlMessage.type === "interrupt_acknowledged") {
+ console.log("Interrupt acknowledged by server");
+ setProcessQuerySignal(false);
+ return;
+ } else if (controlMessage.type === "interrupt_message_acknowledged") {
+ console.log("Interrupt message acknowledged by server");
+ setProcessQuerySignal(false);
+ return;
+ } else if (controlMessage.error) {
+ console.error("WebSocket error:", controlMessage.error);
+ setProcessQuerySignal(false);
+ return;
+ }
+ } catch {
+ // Not a JSON control message, process as streaming event
+ }
+
+ const eventDelimiter = "␃🔚␗";
+ bufferRef.current += lastMessage.data;
+
+ let newEventIndex;
+ while ((newEventIndex = bufferRef.current.indexOf(eventDelimiter)) !== -1) {
+ const eventChunk = bufferRef.current.slice(0, newEventIndex);
+ bufferRef.current = bufferRef.current.slice(newEventIndex + eventDelimiter.length);
+ if (eventChunk) {
+ setMessages((prevMessages) => {
+ const newMessages = [...prevMessages];
+ const currentMessage = newMessages[newMessages.length - 1];
+ if (!currentMessage || currentMessage.completed) {
+ return prevMessages;
+ }
+
+ const { context, onlineContext, codeContext } = processMessageChunk(
+ eventChunk,
+ currentMessage,
+ currentMessage.context || [],
+ currentMessage.onlineContext || {},
+ currentMessage.codeContext || {},
+ );
+
+ // Update the current message with the new reference data
+ currentMessage.context = context;
+ currentMessage.onlineContext = onlineContext;
+ currentMessage.codeContext = codeContext;
+
+ if (currentMessage.completed) {
+ setQueryToProcess("");
+ setProcessQuerySignal(false);
+ setImages([]);
+ if (conversationId) generateNewTitle(conversationId, setTitle);
+ }
+
+ return newMessages;
+ });
+ }
+ }
+ }
+ }, [lastMessage, setMessages]);
+
+ useEffect(() => {
+ fetch("/api/chat/options")
+ .then((response) => response.json())
+ .then((data: ChatOptions) => {
+ setLoading(false);
+ // Render chat options, if any
+ if (data) {
+ setChatOptionsData(data);
+ }
+ })
+ .catch((err) => {
+ console.error(err);
+ return;
+ });
+
+ welcomeConsole();
+ }, []);
+
+ const handleTriggeredAbort = (value: boolean, newMessage?: string) => {
+ if (value) {
+ setInterruptMessage(newMessage || "");
+ }
+ setTriggeredAbort(value);
+ };
+
+ useEffect(() => {
+ if (triggeredAbort) {
+ sendMessage(
+ JSON.stringify({
+ type: "interrupt",
+ query: interruptMessage,
+ }),
+ );
+ console.log("Sent interrupt message via WebSocket:", interruptMessage);
+
+ // Mark the last message as completed
+ setMessages((prevMessages) => {
+ const newMessages = [...prevMessages];
+ const currentMessage = newMessages[newMessages.length - 1];
+ if (currentMessage) currentMessage.completed = true;
+ return newMessages;
+ });
+
+ // Set the interrupt message as the new query being processed
+ setQueryToProcess(interruptMessage);
+ setTriggeredAbort(false); // Always set to false after processing
+ setInterruptMessage("");
+ }
+ }, [triggeredAbort, sendMessage]);
+
+ useEffect(() => {
+ if (queryToProcess) {
+ const newStreamMessage: StreamMessage = {
+ rawResponse: "",
+ trainOfThought: [],
+ context: [],
+ onlineContext: {},
+ codeContext: {},
+ completed: false,
+ timestamp: new Date().toISOString(),
+ rawQuery: queryToProcess || "",
+ images: images,
+ queryFiles: uploadedFiles,
+ };
+ setMessages((prevMessages) => [...prevMessages, newStreamMessage]);
+ setProcessQuerySignal(true);
+ }
+ }, [queryToProcess]);
+
+ useEffect(() => {
+ if (processQuerySignal) {
+ if (locationDataLoading) {
+ return;
+ }
+
+ chat();
+ }
+ }, [processQuerySignal, locationDataLoading]);
+
+ useEffect(() => {
+ if (!conversationId) return;
+
+ const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
+ const wsUrl = `${protocol}//${window.location.host}/api/chat/ws?client=web`;
+ setSocketUrl(wsUrl);
+
+ return () => {
+ if (idleTimerRef.current) {
+ clearTimeout(idleTimerRef.current);
+ }
+ };
+ }, [conversationId]);
+
+ async function chat() {
+ localStorage.removeItem("message");
+ if (!queryToProcess || !conversationId) {
+ setProcessQuerySignal(false);
+ return;
+ }
+
+ // Re-establish WebSocket connection if disconnected
+ resetIdleTimer();
+ if (!socketUrl) {
+ const protocol = window.location.protocol === "https:" ? "wss:" : "ws:";
+ const wsUrl = `${protocol}//${window.location.host}/api/chat/ws?client=web`;
+ setSocketUrl(wsUrl);
+ }
+
+ const chatAPIBody = {
+ q: queryToProcess,
+ conversation_id: conversationId,
+ stream: true,
+ ...(locationData && {
+ city: locationData.city,
+ region: locationData.region,
+ country: locationData.country,
+ country_code: locationData.countryCode,
+ timezone: locationData.timezone,
+ }),
+ ...(images.length > 0 && { images: images }),
+ ...(uploadedFiles && { files: uploadedFiles }),
+ };
+
+ sendMessage(JSON.stringify(chatAPIBody));
+ }
+
+ const handleConversationIdChange = (newConversationId: string) => {
+ setConversationID(newConversationId);
+ };
+
+ const handleRetryMessage = (query: string, turnId?: string) => {
+ if (!query) {
+ console.warn("No query provided for retry");
+ return;
+ }
+
+ // If we have a turnId, delete the old turn first
+ if (turnId) {
+ // Delete from streaming messages if present
+ setMessages((prevMessages) => prevMessages.filter((msg) => msg.turnId !== turnId));
+
+ // Also call the delete API to remove from conversation history
+ fetch("/api/chat/conversation/message", {
+ method: "DELETE",
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify({
+ conversation_id: conversationId,
+ turn_id: turnId,
+ }),
+ }).catch((error) => {
+ console.error("Failed to delete message for retry:", error);
+ });
+ }
+
+ // Re-send the original query
+ setQueryToProcess(query);
+ };
+
+ if (isLoading) return
+
+
+
+
+
+ {`${defaultTitle}${!!title && title !== defaultTitle ? `: ${title}` : ""}`}
+
+
+
+
+ );
+}
diff --git a/src/interface/web/app/common/auth.ts b/src/interface/web/app/common/auth.ts
new file mode 100644
index 0000000000000000000000000000000000000000..6344fbfefdc846d233763a100698f1a0c8fdb513
--- /dev/null
+++ b/src/interface/web/app/common/auth.ts
@@ -0,0 +1,124 @@
+"use client";
+
+import useSWR from "swr";
+
+export interface UserProfile {
+ email: string;
+ username: string;
+ photo: string;
+ is_active: boolean;
+ has_documents: boolean;
+ detail: string;
+ khoj_version: string;
+}
+
+const fetcher = (url: string) =>
+ window
+ .fetch(url)
+ .then((res) => res.json())
+ .catch((err) => console.warn(err));
+
+export function useAuthenticatedData() {
+ const { data, error, isLoading } = useSWR("/api/v1/user", fetcher, {
+ revalidateOnFocus: false,
+ });
+
+ if (data?.detail === "Forbidden") {
+ return { data: null, error: "Forbidden", isLoading: false };
+ }
+
+ return { data, error, isLoading };
+}
+
+export interface ModelOptions {
+ id: number;
+ name: string;
+ tier: string;
+ description: string;
+ strengths: string;
+}
+export interface SyncedContent {
+ computer: boolean;
+ github: boolean;
+ notion: boolean;
+}
+
+export enum SubscriptionStates {
+ EXPIRED = "expired",
+ TRIAL = "trial",
+ SUBSCRIBED = "subscribed",
+ UNSUBSCRIBED = "unsubscribed",
+ INVALID = "invalid",
+}
+
+export interface UserConfig {
+ // user info
+ username: string;
+ user_photo: string | null;
+ is_active: boolean;
+ given_name: string;
+ phone_number: string;
+ is_phone_number_verified: boolean;
+ // user content settings
+ enabled_content_source: SyncedContent;
+ has_documents: boolean;
+ notion_token: string | null;
+ enable_memory: boolean;
+ server_memory_mode: "disabled" | "enabled_default_off" | "enabled_default_on";
+ // user model settings
+ search_model_options: ModelOptions[];
+ selected_search_model_config: number;
+ chat_model_options: ModelOptions[];
+ selected_chat_model_config: number;
+ paint_model_options: ModelOptions[];
+ selected_paint_model_config: number;
+ voice_model_options: ModelOptions[];
+ selected_voice_model_config: number;
+ // user billing info
+ subscription_state: SubscriptionStates;
+ subscription_renewal_date: string | undefined;
+ subscription_enabled_trial_at: string | undefined;
+ // server settings
+ khoj_cloud_subscription_url: string | undefined;
+ billing_enabled: boolean;
+ is_eleven_labs_enabled: boolean;
+ is_twilio_enabled: boolean;
+ khoj_version: string;
+ anonymous_mode: boolean;
+ notion_oauth_url: string;
+ detail: string;
+ length_of_free_trial: number;
+}
+
+export function useUserConfig(detailed: boolean = false) {
+ const url = `/api/settings?detailed=${detailed}`;
+ const { data, error, isLoading } = useSWR(url, fetcher, {
+ revalidateOnFocus: false,
+ });
+
+ if (error || !data || data?.detail === "Forbidden") {
+ return { data: null, error, isLoading };
+ }
+
+ return { data, error, isLoading };
+}
+
+export function useChatModelOptions() {
+ const { data, error, isLoading } = useSWR(`/api/model/chat/options`, fetcher, {
+ revalidateOnFocus: false,
+ });
+
+ return { models: data, error, isLoading };
+}
+
+export function isUserSubscribed(userConfig: UserConfig | null): boolean {
+ return (
+ (userConfig?.subscription_state &&
+ [
+ SubscriptionStates.SUBSCRIBED.valueOf(),
+ SubscriptionStates.TRIAL.valueOf(),
+ SubscriptionStates.UNSUBSCRIBED.valueOf(),
+ ].includes(userConfig.subscription_state)) ||
+ false
+ );
+}
diff --git a/src/interface/web/app/common/chatFunctions.ts b/src/interface/web/app/common/chatFunctions.ts
new file mode 100644
index 0000000000000000000000000000000000000000..92f869e3edc2a68d7b6ed610c3854cd5a36e7812
--- /dev/null
+++ b/src/interface/web/app/common/chatFunctions.ts
@@ -0,0 +1,487 @@
+import { AttachedFileText } from "../components/chatInputArea/chatInputArea";
+import {
+ CodeContext,
+ Context,
+ OnlineContext,
+ StreamMessage,
+} from "../components/chatMessage/chatMessage";
+
+export interface RawReferenceData {
+ context?: Context[];
+ onlineContext?: OnlineContext;
+ codeContext?: CodeContext;
+}
+
+export interface MessageMetadata {
+ conversationId: string;
+ turnId: string;
+}
+
+export interface GeneratedAssetsData {
+ images: string[];
+ mermaidjsDiagram: string;
+ files: AttachedFileText[];
+}
+
+export interface ResponseWithIntent {
+ intentType: string;
+ response: string;
+ inferredQueries?: string[];
+}
+
+interface MessageChunk {
+ type: string;
+ data: string | object;
+}
+
+export function convertMessageChunkToJson(chunk: string): MessageChunk {
+ if (chunk.startsWith("{") && chunk.endsWith("}")) {
+ try {
+ const jsonChunk = JSON.parse(chunk);
+ if (!jsonChunk.type) {
+ return {
+ type: "message",
+ data: jsonChunk,
+ };
+ }
+ return jsonChunk;
+ } catch (error) {
+ return {
+ type: "message",
+ data: chunk,
+ };
+ }
+ } else if (chunk.length > 0) {
+ return {
+ type: "message",
+ data: chunk,
+ };
+ } else {
+ return {
+ type: "message",
+ data: "",
+ };
+ }
+}
+
+function handleJsonResponse(chunkData: any) {
+ const jsonData = chunkData as any;
+ if (jsonData.image || jsonData.detail) {
+ let responseWithIntent = handleImageResponse(chunkData, true);
+ return responseWithIntent;
+ } else if (jsonData.response) {
+ return {
+ response: jsonData.response,
+ intentType: "",
+ inferredQueries: [],
+ };
+ } else {
+ throw new Error("Invalid JSON response");
+ }
+}
+
+export function processMessageChunk(
+ rawChunk: string,
+ currentMessage: StreamMessage,
+ context: Context[] = [],
+ onlineContext: OnlineContext = {},
+ codeContext: CodeContext = {},
+): { context: Context[]; onlineContext: OnlineContext; codeContext: CodeContext } {
+ const chunk = convertMessageChunkToJson(rawChunk);
+
+ if (!currentMessage || !chunk || !chunk.type) return { context, onlineContext, codeContext };
+
+ console.log(`chunk type: ${chunk.type}`);
+
+ if (chunk.type === "status") {
+ console.log(`status: ${chunk.data}`);
+ const statusMessage = chunk.data as string;
+ currentMessage.trainOfThought.push(statusMessage);
+ } else if (chunk.type === "thought") {
+ const thoughtChunk = chunk.data as string;
+ const lastThoughtIndex = currentMessage.trainOfThought.length - 1;
+ const previousThought =
+ lastThoughtIndex >= 0 ? currentMessage.trainOfThought[lastThoughtIndex] : "";
+ // If the last train of thought started with "Thinking: " append the new thought chunk to it
+ if (previousThought.startsWith("**Thinking:** ")) {
+ currentMessage.trainOfThought[lastThoughtIndex] += thoughtChunk;
+ } else {
+ currentMessage.trainOfThought.push(`**Thinking:** ${thoughtChunk}`);
+ }
+ } else if (chunk.type === "references") {
+ const references = chunk.data as RawReferenceData;
+
+ if (references.context) context = references.context;
+ if (references.onlineContext) onlineContext = references.onlineContext;
+ if (references.codeContext) codeContext = references.codeContext;
+ return { context, onlineContext, codeContext };
+ } else if (chunk.type === "metadata") {
+ const messageMetadata = chunk.data as MessageMetadata;
+ currentMessage.turnId = messageMetadata.turnId;
+ } else if (chunk.type === "generated_assets") {
+ const generatedAssets = chunk.data as GeneratedAssetsData;
+
+ if (generatedAssets.images) {
+ currentMessage.generatedImages = generatedAssets.images;
+ }
+
+ if (generatedAssets.mermaidjsDiagram) {
+ currentMessage.generatedMermaidjsDiagram = generatedAssets.mermaidjsDiagram;
+ }
+
+ if (generatedAssets.files) {
+ currentMessage.generatedFiles = generatedAssets.files;
+ }
+ } else if (chunk.type === "message") {
+ const chunkData = chunk.data;
+ // Here, handle if the response is a JSON response with an image, but the intentType is excalidraw
+ if (chunkData !== null && typeof chunkData === "object") {
+ let responseWithIntent = handleJsonResponse(chunkData);
+
+ if (responseWithIntent.intentType && responseWithIntent.intentType === "excalidraw") {
+ currentMessage.rawResponse = responseWithIntent.response;
+ } else {
+ currentMessage.rawResponse += responseWithIntent.response;
+ }
+
+ currentMessage.intentType = responseWithIntent.intentType;
+ currentMessage.inferredQueries = responseWithIntent.inferredQueries;
+ } else if (
+ typeof chunkData === "string" &&
+ chunkData.trim()?.startsWith("{") &&
+ chunkData.trim()?.endsWith("}")
+ ) {
+ try {
+ const jsonData = JSON.parse(chunkData.trim());
+ let responseWithIntent = handleJsonResponse(jsonData);
+ currentMessage.rawResponse += responseWithIntent.response;
+ currentMessage.intentType = responseWithIntent.intentType;
+ currentMessage.inferredQueries = responseWithIntent.inferredQueries;
+ } catch (e) {
+ currentMessage.rawResponse += JSON.stringify(chunkData);
+ }
+ } else {
+ currentMessage.rawResponse += chunkData;
+ }
+ } else if (chunk.type === "start_llm_response") {
+ console.log(`Started streaming: ${new Date()}`);
+ } else if (chunk.type === "end_llm_response") {
+ console.log(`Completed streaming: ${new Date()}`);
+ } else if (chunk.type === "end_response") {
+ // Append any references after all the data has been streamed
+ if (codeContext) currentMessage.codeContext = codeContext;
+ if (onlineContext) currentMessage.onlineContext = onlineContext;
+ if (context) currentMessage.context = context;
+
+ // Mark current message streaming as completed
+ currentMessage.completed = true;
+ }
+ return { context, onlineContext, codeContext };
+}
+
+export function handleImageResponse(imageJson: any, liveStream: boolean): ResponseWithIntent {
+ let rawResponse = "";
+
+ if (imageJson.image) {
+ // If response has image field, response may be a generated image
+ rawResponse = imageJson.image;
+ }
+
+ let responseWithIntent: ResponseWithIntent = {
+ intentType: imageJson.intentType,
+ response: rawResponse,
+ inferredQueries: imageJson.inferredQueries,
+ };
+
+ if (imageJson.detail) {
+ // The detail field contains the improved image prompt
+ rawResponse += imageJson.detail;
+ }
+
+ return responseWithIntent;
+}
+
+export function renderCodeGenImageInline(message: string, codeContext: CodeContext) {
+ if (!codeContext) return message;
+
+ Object.values(codeContext).forEach((contextData) => {
+ contextData.results?.output_files?.forEach((file) => {
+ const regex = new RegExp(`!?\\[.*?\\]\\(.*${file.filename}\\)`, "g");
+ if (file.filename.match(/\.(png|jpg|jpeg)$/i)) {
+ const replacement = `![${file.filename}](data:image/${file.filename.split(".").pop()};base64,${file.b64_data})`;
+ message = message.replace(regex, replacement);
+ } else if (file.filename.match(/\.(txt|org|md|csv|json)$/i)) {
+ // render output files generated by codegen as downloadable links
+ const replacement = ``;
+ message = message.replace(regex, replacement);
+ }
+ });
+ });
+
+ return message;
+}
+
+export function modifyFileFilterForConversation(
+ conversationId: string | null,
+ filenames: string[],
+ setAddedFiles: (files: string[]) => void,
+ mode: "add" | "remove",
+) {
+ if (!conversationId) {
+ console.error("No conversation ID provided");
+ return;
+ }
+
+ const method = mode === "add" ? "POST" : "DELETE";
+
+ const body = {
+ conversation_id: conversationId,
+ filenames: filenames,
+ };
+ const addUrl = `/api/chat/conversation/file-filters/bulk`;
+
+ fetch(addUrl, {
+ method: method,
+ headers: {
+ "Content-Type": "application/json",
+ },
+ body: JSON.stringify(body),
+ })
+ .then((res) => {
+ if (!res.ok)
+ throw new Error(`Failed to call API at ${addUrl} with error ${res.statusText}`);
+ return res.json();
+ })
+ .then((data) => {
+ setAddedFiles(data);
+ })
+ .catch((err) => {
+ console.error(err);
+ return;
+ });
+}
+
+export async function createNewConversation(slug: string) {
+ try {
+ const response = await fetch(`/api/chat/sessions?client=web&agent_slug=${slug}`, {
+ method: "POST",
+ });
+ if (!response.ok)
+ throw new Error(`Failed to fetch chat sessions with status: ${response.status}`);
+ const data = await response.json();
+ const conversationID = data.conversation_id;
+ if (!conversationID) throw new Error("Conversation ID not found in response");
+ return conversationID;
+ } catch (error) {
+ console.error("Error creating new conversation:", error);
+ throw error;
+ }
+}
+
+export async function packageFilesForUpload(files: FileList): Promise {
+ const formData = new FormData();
+
+ const fileReadPromises = Array.from(files).map((file) => {
+ return new Promise((resolve, reject) => {
+ let reader = new FileReader();
+ reader.onload = function (event) {
+ if (event.target === null) {
+ reject();
+ return;
+ }
+
+ let fileContents = event.target.result;
+ let fileType = file.type;
+ let fileName = file.name;
+ if (fileType === "") {
+ let fileExtension = fileName.split(".").pop();
+ if (fileExtension === "org") {
+ fileType = "text/org";
+ } else if (fileExtension === "md") {
+ fileType = "text/markdown";
+ } else if (
+ fileExtension === "txt" ||
+ fileExtension === "tsx" ||
+ fileExtension === "ipynb"
+ ) {
+ fileType = "text/plain";
+ } else if (fileExtension === "html") {
+ fileType = "text/html";
+ } else if (fileExtension === "pdf") {
+ fileType = "application/pdf";
+ } else if (fileExtension === "docx") {
+ fileType =
+ "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
+ } else {
+ // Skip this file if its type is not supported
+ console.warn(
+ `File type ${fileType} not supported. Skipping file: ${fileName}`,
+ );
+ resolve();
+ return;
+ }
+ }
+
+ if (fileContents === null) {
+ console.warn(`Could not read file content. Skipping file: ${fileName}`);
+ reject();
+ return;
+ }
+
+ let fileObj = new Blob([fileContents], { type: fileType });
+ formData.append("files", fileObj, file.name);
+ resolve();
+ };
+ reader.onerror = reject;
+ reader.readAsArrayBuffer(file);
+ });
+ });
+
+ await Promise.all(fileReadPromises);
+ return formData;
+}
+
+export function generateNewTitle(conversationId: string, setTitle: (title: string) => void) {
+ fetch(`/api/chat/title?conversation_id=${conversationId}`, {
+ method: "POST",
+ })
+ .then((res) => {
+ if (!res.ok) throw new Error(`Failed to call API with error ${res.statusText}`);
+ return res.json();
+ })
+ .then((data) => {
+ setTitle(data.title);
+ })
+ .catch((err) => {
+ console.error(err);
+ return;
+ });
+}
+
+export function uploadDataForIndexing(
+ files: FileList,
+ setWarning: (warning: string) => void,
+ setUploading: (uploading: boolean) => void,
+ setError: (error: string) => void,
+ setUploadedFiles?: (files: string[]) => void,
+ conversationId?: string | null,
+) {
+ const allowedExtensions = [
+ "text/org",
+ "text/markdown",
+ "text/plain",
+ "text/html",
+ "application/pdf",
+ "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+ ];
+ const allowedFileEndings = ["org", "md", "txt", "html", "pdf", "docx"];
+ const badFiles: string[] = [];
+ const goodFiles: File[] = [];
+
+ const uploadedFiles: string[] = [];
+
+ for (let file of files) {
+ const fileEnding = file.name.split(".").pop();
+ if (!file || !file.name || !fileEnding) {
+ if (file) {
+ badFiles.push(file.name);
+ }
+ } else if (
+ !allowedExtensions.includes(file.type) &&
+ !allowedFileEndings.includes(fileEnding.toLowerCase())
+ ) {
+ badFiles.push(file.name);
+ } else {
+ goodFiles.push(file);
+ }
+ }
+
+ if (goodFiles.length === 0) {
+ setWarning("No supported files found");
+ return;
+ }
+
+ if (badFiles.length > 0) {
+ setWarning("The following files are not supported yet:\n" + badFiles.join("\n"));
+ }
+
+ const formData = new FormData();
+
+ // Create an array of Promises for file reading
+ const fileReadPromises = Array.from(goodFiles).map((file) => {
+ return new Promise((resolve, reject) => {
+ let reader = new FileReader();
+ reader.onload = function (event) {
+ if (event.target === null) {
+ reject();
+ return;
+ }
+
+ let fileContents = event.target.result;
+ let fileType = file.type;
+ let fileName = file.name;
+ if (fileType === "") {
+ let fileExtension = fileName.split(".").pop();
+ if (fileExtension === "org") {
+ fileType = "text/org";
+ } else if (fileExtension === "md") {
+ fileType = "text/markdown";
+ } else if (fileExtension === "txt") {
+ fileType = "text/plain";
+ } else if (fileExtension === "html") {
+ fileType = "text/html";
+ } else if (fileExtension === "pdf") {
+ fileType = "application/pdf";
+ } else {
+ // Skip this file if its type is not supported
+ resolve();
+ return;
+ }
+ }
+
+ if (fileContents === null) {
+ reject();
+ return;
+ }
+
+ let fileObj = new Blob([fileContents], { type: fileType });
+ formData.append("files", fileObj, file.name);
+ resolve();
+ };
+ reader.onerror = reject;
+ reader.readAsArrayBuffer(file);
+ });
+ });
+
+ setUploading(true);
+
+ // Wait for all files to be read before making the fetch request
+ Promise.all(fileReadPromises)
+ .then(() => {
+ return fetch("/api/content?client=web", {
+ method: "PATCH",
+ body: formData,
+ });
+ })
+ .then((data) => {
+ for (let file of goodFiles) {
+ uploadedFiles.push(file.name);
+ if (conversationId && setUploadedFiles) {
+ modifyFileFilterForConversation(
+ conversationId,
+ [file.name],
+ setUploadedFiles,
+ "add",
+ );
+ }
+ }
+ if (setUploadedFiles) setUploadedFiles(uploadedFiles);
+ })
+ .catch((error) => {
+ console.log(error);
+ setError(`Error uploading file: ${error}`);
+ })
+ .finally(() => {
+ setUploading(false);
+ });
+}
diff --git a/src/interface/web/app/common/colorUtils.ts b/src/interface/web/app/common/colorUtils.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a7eabb0319bac06d0bda110d5557e721e8dac712
--- /dev/null
+++ b/src/interface/web/app/common/colorUtils.ts
@@ -0,0 +1,69 @@
+export const tailwindColors = [
+ "red",
+ "yellow",
+ "green",
+ "blue",
+ "orange",
+ "purple",
+ "pink",
+ "teal",
+ "cyan",
+ "lime",
+ "indigo",
+ "fuchsia",
+ "rose",
+ "sky",
+ "amber",
+ "emerald",
+];
+
+export function convertColorToTextClass(color: string) {
+ if (tailwindColors.includes(color)) {
+ return `text-${color}-500`;
+ }
+ return `text-gray-500`;
+}
+
+export function convertToBGGradientClass(color: string) {
+ if (tailwindColors.includes(color)) {
+ return `bg-gradient-to-b from-[hsl(var(--background))] to-${color}-100/70 dark:from-[hsl(var(--background))] dark:to-${color}-950/30 `;
+ }
+ return `bg-gradient-to-b from-white to-orange-50`;
+}
+
+export function convertToBGClass(color: string) {
+ if (tailwindColors.includes(color)) {
+ return `bg-${color}-500 dark:bg-${color}-900 hover:bg-${color}-400 dark:hover:bg-${color}-800`;
+ }
+ return `bg-background`;
+}
+
+export function converColorToBgGradient(color: string) {
+ return `${convertToBGGradientClass(color)} dark:border dark:border-neutral-700`;
+}
+
+export function convertColorToCaretClass(color: string | undefined) {
+ if (color && tailwindColors.includes(color)) {
+ return `caret-${color}-500`;
+ }
+ return `caret-orange-500`;
+}
+
+export function convertColorToRingClass(color: string | undefined) {
+ if (color && tailwindColors.includes(color)) {
+ return `focus-visible:ring-${color}-500`;
+ }
+ return `focus-visible:ring-orange-500`;
+}
+
+export function convertColorToBorderClass(color: string) {
+ if (tailwindColors.includes(color)) {
+ return `border-${color}-500`;
+ }
+ return `border-gray-500`;
+}
+//rewrite colorMap using the convertColorToBorderClass function and iteration through the tailwindColors array
+export const colorMap: Record
+ 
+