" + (escaped ? code : escape2(code, true)) + "' + (escaped ? code : escape2(code, true)) + "+${quote}+`; } - __setModuleDefault(result, mod); - return result; - }; - Object.defineProperty(exports, "__esModule", { value: true }); - exports.highlightSnippet = void 0; - var Prism3 = __importStar(require_prism()); - require_prism_batch(); - require_prism_coffeescript(); - require_prism_erlang(); - require_prism_haskell(); - require_prism_lua(); - require_prism_markdown(); - require_prism_matlab(); - require_prism_c(); - require_prism_cpp(); - require_prism_csharp(); - require_prism_css(); - require_prism_go(); - require_prism_cshtml(); - require_prism_java(); - require_prism_javascript(); - require_prism_typescript(); - require_prism_dart(); - require_prism_scala(); - require_prism_sql(); - require_prism_perl(); - require_prism_python(); - require_prism_powershell(); - require_prism_r(); - require_prism_bash(); - require_prism_swift(); - require_prism_ruby(); - require_prism_latex(); - require_prism_textile(); - require_prism_rust(); - require_prism_json(); - require_prism_yaml(); - require_prism_toml(); - require_prism_groovy(); - require_prism_kotlin(); - require_prism_clojure(); - require_prism_lisp(); - require_prism_elixir(); - Prism3.languages.batch = Prism3.languages.extend("batch", {}); - Prism3.languages.coffeescript = Prism3.languages.extend("coffeescript", {}); - Prism3.languages.erlang = Prism3.languages.extend("erlang", {}); - Prism3.languages.haskell = Prism3.languages.extend("haskell", {}); - Prism3.languages.lua = Prism3.languages.extend("lua", {}); - Prism3.languages.markdown = Prism3.languages.extend("markdown", {}); - Prism3.languages.matlab = Prism3.languages.extend("matlab", {}); - Prism3.languages.c = Prism3.languages.extend("c", {}); - Prism3.languages.cpp = Prism3.languages.extend("cpp", {}); - Prism3.languages.csharp = Prism3.languages.extend("csharp", {}); - Prism3.languages.css = Prism3.languages.extend("css", {}); - Prism3.languages.go = Prism3.languages.extend("go", {}); - Prism3.languages.cshtml = Prism3.languages.extend("cshtml", {}); - Prism3.languages.java = Prism3.languages.extend("java", {}); - Prism3.languages.javascript = Prism3.languages.extend("javascript", {}); - Prism3.languages.typescript = Prism3.languages.extend("typescript", {}); - Prism3.languages.dart = Prism3.languages.extend("dart", {}); - Prism3.languages.scala = Prism3.languages.extend("scala", {}); - Prism3.languages.sql = Prism3.languages.extend("sql", {}); - Prism3.languages.perl = Prism3.languages.extend("perl", {}); - Prism3.languages.python = Prism3.languages.extend("python", {}); - Prism3.languages.powershell = Prism3.languages.extend("powershell", {}); - Prism3.languages.r = Prism3.languages.extend("r", {}); - Prism3.languages.bash = Prism3.languages.extend("bash", {}); - Prism3.languages.swift = Prism3.languages.extend("swift", {}); - Prism3.languages.ruby = Prism3.languages.extend("ruby", {}); - Prism3.languages.latex = Prism3.languages.extend("latex", {}); - Prism3.languages.textile = Prism3.languages.extend("textile", {}); - Prism3.languages.rust = Prism3.languages.extend("rust", {}); - Prism3.languages.json = Prism3.languages.extend("json", {}); - Prism3.languages.yaml = Prism3.languages.extend("yaml", {}); - Prism3.languages.toml = Prism3.languages.extend("toml", {}); - Prism3.languages.groovy = Prism3.languages.extend("groovy", {}); - Prism3.languages.kotlin = Prism3.languages.extend("kotlin", {}); - Prism3.languages.clojure = Prism3.languages.extend("clojure", {}); - Prism3.languages.lisp = Prism3.languages.extend("lisp", {}); - Prism3.languages.elixir = Prism3.languages.extend("elixir", {}); - var highlightSnippet2 = ({ snippetContent, snippetLanguage }) => { - snippetLanguage = snippetLanguage.toLowerCase(); - switch (snippetLanguage) { - case "bat": - return Prism3.highlight(snippetContent, Prism3.languages.batch, "batch"); - case "coffee": - return Prism3.highlight(snippetContent, Prism3.languages.coffeescript, "coffeescript"); - case "erl": - return Prism3.highlight(snippetContent, Prism3.languages.erlang, "erlang"); - case "hs": - return Prism3.highlight(snippetContent, Prism3.languages.haskell, "haskell"); - case "lua": - return Prism3.highlight(snippetContent, Prism3.languages.lua, "lua"); - case "md": - return Prism3.highlight(snippetContent, Prism3.languages.markdown, "markdown"); - case "matlab": - return Prism3.highlight(snippetContent, Prism3.languages.matlab, "matlab"); - case "m": - return Prism3.highlight(snippetContent, Prism3.languages.cpp, "cpp"); - case "c": - return Prism3.highlight(snippetContent, Prism3.languages.c, "c"); - case "cc": - case "h": - case "hh": - case "cpp": - return Prism3.highlight(snippetContent, Prism3.languages.cpp, "cpp"); - case "cs": - return Prism3.highlight(snippetContent, Prism3.languages.csharp, "csharp"); - case "css": - return Prism3.highlight(snippetContent, Prism3.languages.css, "css"); - case "go": - return Prism3.highlight(snippetContent, Prism3.languages.go, "go"); - case "htm": - case "html": - return Prism3.highlight(snippetContent, Prism3.languages.html, "html"); - case "java": - return Prism3.highlight(snippetContent, Prism3.languages.java, "java"); - case "js": - return Prism3.highlight(snippetContent, Prism3.languages.javascript, "javascript"); - case "ts": - return Prism3.highlight(snippetContent, Prism3.languages.typescript, "typescript"); - case "dart": - return Prism3.highlight(snippetContent, Prism3.languages.dart, "dart"); - case "scala": - return Prism3.highlight(snippetContent, Prism3.languages.scala, "scala"); - case "sql": - return Prism3.highlight(snippetContent, Prism3.languages.sql, "sql"); - case "pl": - return Prism3.highlight(snippetContent, Prism3.languages.perl, "perl"); - case "pyc": - case "py": - return Prism3.highlight(snippetContent, Prism3.languages.python, "python"); - case "ps1": - return Prism3.highlight(snippetContent, Prism3.languages.powershell, "powershell"); - case "r": - return Prism3.highlight(snippetContent, Prism3.languages.r, "r"); - case "sh": - return Prism3.highlight(snippetContent, Prism3.languages.bash, "bash"); - case "swift": - return Prism3.highlight(snippetContent, Prism3.languages.swift, "swift"); - case "rb": - return Prism3.highlight(snippetContent, Prism3.languages.ruby, "ruby"); - case "tex": - return Prism3.highlight(snippetContent, Prism3.languages.latex, "latex"); - case "text": - case "txt": - return snippetContent; - case "rs": - return Prism3.highlight(snippetContent, Prism3.languages.rust, "rust"); - case "json": - return Prism3.highlight(snippetContent, Prism3.languages.json, "json"); - case "yaml": - case "yml": - return Prism3.highlight(snippetContent, Prism3.languages.yaml, "yaml"); - case "toml": - return Prism3.highlight(snippetContent, Prism3.languages.toml, "toml"); - case "xml": - return Prism3.highlight(snippetContent, Prism3.languages.xml, "xml"); - case "groovy": - return Prism3.highlight(snippetContent, Prism3.languages.groovy, "groovy"); - case "kt": - return Prism3.highlight(snippetContent, Prism3.languages.kotlin, "kotlin"); - case "clj": - return Prism3.highlight(snippetContent, Prism3.languages.clojure, "clojure"); - case "el": - return Prism3.highlight(snippetContent, Prism3.languages.lisp, "lisp"); - case "ex": - return Prism3.highlight(snippetContent, Prism3.languages.elixir, "elixir"); - default: - return snippetContent; + html(html, block3) { + return html; } - }; - exports.highlightSnippet = highlightSnippet2; - } -}); - -// ../copilot-ts/node_modules/marked/lib/marked.cjs -var require_marked = __commonJS({ - "../copilot-ts/node_modules/marked/lib/marked.cjs"(exports) { - "use strict"; - function _getDefaults() { - return { - async: false, - breaks: false, - extensions: null, - gfm: true, - hooks: null, - pedantic: false, - renderer: null, - silent: false, - tokenizer: null, - walkTokens: null - }; - } - exports.defaults = _getDefaults(); - function changeDefaults2(newDefaults) { - exports.defaults = newDefaults; - } - var escapeTest2 = /[&<>"']/; - var escapeReplace2 = new RegExp(escapeTest2.source, "g"); - var escapeTestNoEncode2 = /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/; - var escapeReplaceNoEncode2 = new RegExp(escapeTestNoEncode2.source, "g"); - var escapeReplacements2 = { - "&": "&", - "<": "<", - ">": ">", - '"': """, - "'": "'" - }; - var getEscapeReplacement2 = (ch) => escapeReplacements2[ch]; - function escape2(html, encode) { - if (encode) { - if (escapeTest2.test(html)) { - return html.replace(escapeReplace2, getEscapeReplacement2); + heading(text, level, raw) { + return `
\n"; + } + list(body, ordered, start) { + const type = ordered ? "ol" : "ul"; + const startatt = ordered && start !== 1 ? ' start="' + start + '"' : ""; + return "<" + type + startatt + ">\n" + body + "\n"; + } + listitem(text, task, checked) { + return `
${text}
+`; + } + table(header, body) { + if (body) + body = `${body}`; + return "${text}`;
+ }
+ br() {
+ return ""; + } + del(text) { + return `
An error occurred:
" + escape2(e.message + "", true) + ""; + if (async) { + return Promise.resolve(msg); } - return outputLink2(cap, link, cap[0], this.lexer); + return msg; + } + if (async) { + return Promise.reject(e); } + throw e; + }; + }; + var markedInstance2 = new Marked2(); + function marked2(src, opt) { + return markedInstance2.parse(src, opt); + } + marked2.options = marked2.setOptions = function(options3) { + markedInstance2.setOptions(options3); + marked2.defaults = markedInstance2.defaults; + changeDefaults2(marked2.defaults); + return marked2; + }; + marked2.getDefaults = _getDefaults; + marked2.defaults = exports.defaults; + marked2.use = function(...args) { + markedInstance2.use(...args); + marked2.defaults = markedInstance2.defaults; + changeDefaults2(marked2.defaults); + return marked2; + }; + marked2.walkTokens = function(tokens, callback) { + return markedInstance2.walkTokens(tokens, callback); + }; + marked2.parseInline = markedInstance2.parseInline; + marked2.Parser = _Parser; + marked2.parser = _Parser.parse; + marked2.Renderer = _Renderer; + marked2.TextRenderer = _TextRenderer; + marked2.Lexer = _Lexer; + marked2.lexer = _Lexer.lex; + marked2.Tokenizer = _Tokenizer; + marked2.Hooks = _Hooks; + marked2.parse = marked2; + var options2 = marked2.options; + var setOptions2 = marked2.setOptions; + var use2 = marked2.use; + var walkTokens2 = marked2.walkTokens; + var parseInline2 = marked2.parseInline; + var parse = marked2; + var parser2 = _Parser.parse; + var lexer2 = _Lexer.lex; + exports.Hooks = _Hooks; + exports.Lexer = _Lexer; + exports.Marked = Marked2; + exports.Parser = _Parser; + exports.Renderer = _Renderer; + exports.TextRenderer = _TextRenderer; + exports.Tokenizer = _Tokenizer; + exports.getDefaults = _getDefaults; + exports.lexer = lexer2; + exports.marked = marked2; + exports.options = options2; + exports.parse = parse; + exports.parseInline = parseInline2; + exports.parser = parser2; + exports.setOptions = setOptions2; + exports.use = use2; + exports.walkTokens = walkTokens2; + } +}); + +// ../copilot-ts/dist/controllers/CopilotStreamController.js +var require_CopilotStreamController = __commonJS({ + "../copilot-ts/dist/controllers/CopilotStreamController.js"(exports) { + "use strict"; + var __awaiter = exports && exports.__awaiter || function(thisArg, _arguments, P, generator) { + function adopt(value) { + return value instanceof P ? value : new P(function(resolve) { + resolve(value); + }); } - emStrong(src, maskedSrc, prevChar = "") { - let match = this.rules.inline.emStrong.lDelim.exec(src); - if (!match) - return; - if (match[3] && prevChar.match(/[\p{L}\p{N}]/u)) - return; - const nextChar = match[1] || match[2] || ""; - if (!nextChar || !prevChar || this.rules.inline.punctuation.exec(prevChar)) { - const lLength = [...match[0]].length - 1; - let rDelim, rLength, delimTotal = lLength, midDelimTotal = 0; - const endReg = match[0][0] === "*" ? this.rules.inline.emStrong.rDelimAst : this.rules.inline.emStrong.rDelimUnd; - endReg.lastIndex = 0; - maskedSrc = maskedSrc.slice(-1 * src.length + lLength); - while ((match = endReg.exec(maskedSrc)) != null) { - rDelim = match[1] || match[2] || match[3] || match[4] || match[5] || match[6]; - if (!rDelim) - continue; - rLength = [...rDelim].length; - if (match[3] || match[4]) { - delimTotal += rLength; - continue; - } else if (match[5] || match[6]) { - if (lLength % 3 && !((lLength + rLength) % 3)) { - midDelimTotal += rLength; - continue; - } - } - delimTotal -= rLength; - if (delimTotal > 0) - continue; - rLength = Math.min(rLength, rLength + delimTotal + midDelimTotal); - const lastCharLength = [...match[0]][0].length; - const raw = src.slice(0, lLength + match.index + lastCharLength + rLength); - if (Math.min(lLength, rLength) % 2) { - const text2 = raw.slice(1, -1); - return { - type: "em", - raw, - text: text2, - tokens: this.lexer.inlineTokens(text2) - }; - } - const text = raw.slice(2, -2); - return { - type: "strong", - raw, - text, - tokens: this.lexer.inlineTokens(text) - }; + return new (P || (P = Promise))(function(resolve, reject) { + function fulfilled(value) { + try { + step(generator.next(value)); + } catch (e) { + reject(e); } } - } - codespan(src) { - const cap = this.rules.inline.code.exec(src); - if (cap) { - let text = cap[2].replace(/\n/g, " "); - const hasNonSpaceChars = /[^ ]/.test(text); - const hasSpaceCharsOnBothEnds = /^ /.test(text) && / $/.test(text); - if (hasNonSpaceChars && hasSpaceCharsOnBothEnds) { - text = text.substring(1, text.length - 1); + function rejected(value) { + try { + step(generator["throw"](value)); + } catch (e) { + reject(e); } - text = escape2(text, true); - return { - type: "codespan", - raw: cap[0], - text - }; } - } - br(src) { - const cap = this.rules.inline.br.exec(src); - if (cap) { - return { - type: "br", - raw: cap[0] - }; + function step(result) { + result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); } + step((generator = generator.apply(thisArg, _arguments || [])).next()); + }); + }; + var __importDefault = exports && exports.__importDefault || function(mod) { + return mod && mod.__esModule ? mod : { "default": mod }; + }; + Object.defineProperty(exports, "__esModule", { value: true }); + var pieces_os_client_1 = require_dist(); + var pieces_os_client_2 = require_dist(); + var view_1 = require_view(); + var ConnectorSingleton_1 = __importDefault(require_ConnectorSingleton()); + var ConversationsStreamController_1 = __importDefault(require_ConversationsStreamController()); + var QGPTComponentBuilder_1 = __importDefault(require_QGPTComponentBuilder()); + var QGPTView_1 = __importDefault(require_QGPTView()); + var QGPTViewBuilder_1 = __importDefault(require_QGPTViewBuilder()); + var marked_1 = require_marked(); + var LLMConfigModal_1 = __importDefault(require_LLMConfigModal()); + var CopilotStreamController = class { + //@TODO implement socket unloading + constructor() { + this.hasScrolled = false; + this.ws = null; + this.answerEl = null; + this.messageResolver = null; + this.messageRejector = null; + this.connectionPromise = new Promise((res) => res); + this.connect(); } - del(src) { - const cap = this.rules.inline.del.exec(src); - if (cap) { - return { - type: "del", - raw: cap[0], - text: cap[2], - tokens: this.lexer.inlineTokens(cap[2]) - }; - } + /** + * cleanup function + */ + closeSocket() { + var _a; + (_a = this.ws) === null || _a === void 0 ? void 0 : _a.close(); } - autolink(src) { - const cap = this.rules.inline.autolink.exec(src); - if (cap) { - let text, href; - if (cap[2] === "@") { - text = escape2(cap[1]); - href = "mailto:" + text; - } else { - text = escape2(cap[1]); - href = text; + /** + * This is the entry point for all chat messages into this socket. + * @param param0 The inputted user query, any relevant snippets, and the answer element to be updated + * @returns a promise which is resolved when we get a 'COMPLETED' status from the socket, or rejected on a socket error. + */ + askQGPT({ query, answerEl }) { + var _a, _b, _c; + return __awaiter(this, void 0, void 0, function* () { + if (!this.ws) { + this.connect(); } - return { - type: "link", - raw: cap[0], - text, - href, - tokens: [ - { - type: "text", - raw: text, - text + yield fetch(`http://localhost:${view_1.port}/.well-known/health`).catch(() => { + return (0, view_1.connectionPoller)(); + }); + const application = yield (0, view_1.getApplication)(); + if (!application) + return; + const relevanceInput = { + qGPTRelevanceInput: { + query, + paths: QGPTView_1.default.contextSelectionModal.paths, + assets: { iterable: QGPTView_1.default.contextSelectionModal.assets }, + messages: { iterable: QGPTView_1.default.contextSelectionModal.grounding } + } + }; + const relevanceOutput = yield ConnectorSingleton_1.default.getInstance().QGPTApi.relevance(relevanceInput); + if (QGPTView_1.default.relevant) { + relevanceOutput.relevant.iterable.push({ + seed: { + type: pieces_os_client_2.SeedTypeEnum.Asset, + asset: { + application, + format: { + fragment: { + string: { + raw: QGPTView_1.default.relevant.text + }, + metadata: { + ext: QGPTView_1.default.relevant.extension + } + } + } + } } - ] + }); + } + for (const codeBlock of QGPTView_1.default.codeBlocks) { + relevanceOutput.relevant.iterable.push({ + seed: { + type: pieces_os_client_2.SeedTypeEnum.Asset, + asset: { + application, + format: { + fragment: { + string: { + raw: codeBlock.text + }, + metadata: { + ext: codeBlock.extension + } + } + } + } + } + }); + } + const relevantEl = QGPTViewBuilder_1.default.buildRelevantElement({ + answerDiv: answerEl.parentElement, + files: relevanceOutput.relevant.iterable + }); + if (relevantEl) { + const isAtBottom = this.isAtBottom(answerEl); + (_c = (_b = (_a = answerEl.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement) === null || _c === void 0 ? void 0 : _c.appendChild(relevantEl); + if (isAtBottom) + this.forceScroll(answerEl); + } + const input = { + question: { + query, + relevant: relevanceOutput.relevant, + model: LLMConfigModal_1.default.selectedModel ? LLMConfigModal_1.default.selectedModel : void 0 + }, + conversation: QGPTView_1.default.conversationId }; + return this.handleMessages({ input, answerEl }); + }); + } + /** + * If the user has not used their mousewheel, scroll their container to the bottom. + * @param answerEl The answer element that is being updated + * @returns void + */ + forceScroll(answerEl) { + var _a, _b; + if (!((_b = (_a = answerEl.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement)) + throw new Error("Change in dom structure broke our autoscroll behavior in the Copilot Stream Controller"); + answerEl.parentElement.parentElement.parentElement.onscroll = () => { + this.hasScrolled = true; + }; + answerEl.parentElement.parentElement.parentElement.scrollTop = answerEl.parentElement.parentElement.parentElement.scrollHeight; + } + isAtBottom(answerEl) { + var _a, _b; + if (!((_b = (_a = answerEl.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement)) + throw new Error("Change in dom structure broke our autoscroll behavior in the Copilot Stream Controller"); + const element = answerEl.parentElement.parentElement.parentElement; + const scrollHeight = element.scrollHeight; + const scrollTop = element.scrollTop; + const offsetHeight = element.offsetHeight; + if (offsetHeight === 0) { + return true; } + return scrollTop >= scrollHeight - offsetHeight - 1; } - url(src) { - let cap; - if (cap = this.rules.inline.url.exec(src)) { - let text, href; - if (cap[2] === "@") { - text = escape2(cap[0]); - href = "mailto:" + text; + /** + * Connects the websocket, handles all message callbacks, error handling, and rendering. + */ + connect() { + this.ws = new WebSocket(`ws://localhost:${view_1.port}/qgpt/stream`); + let totalMessage = ""; + let relevantSnippets = []; + this.ws.onmessage = (msg) => { + const json = JSON.parse(msg.data); + const result = (0, pieces_os_client_1.QGPTStreamOutputFromJSON)(json); + let answer; + let relevant; + if (result.relevance) { + relevant = result.relevance.relevant; } else { - let prevCapZero; - do { - prevCapZero = cap[0]; - cap[0] = this.rules.inline._backpedal.exec(cap[0])[0]; - } while (prevCapZero !== cap[0]); - text = escape2(cap[0]); - if (cap[1] === "www.") { - href = "http://" + cap[0]; - } else { - href = cap[0]; + relevant = { iterable: [] }; + } + if (relevant) { + for (const el of relevant.iterable) { + relevantSnippets.push(el); } } - return { - type: "link", - raw: cap[0], - text, - href, - tokens: [ - { - type: "text", - raw: text, - text - } - ] - }; - } - } - inlineText(src) { - const cap = this.rules.inline.text.exec(src); - if (cap) { - let text; - if (this.lexer.state.inRawBlock) { - text = cap[0]; + if (result.question) { + answer = result.question.answers.iterable[0]; } else { - text = escape2(cap[0]); + if (result.status === "COMPLETED") { + QGPTView_1.default.lastConversationMessage = new Date(); + if (!totalMessage) { + this.answerEl.innerHTML = "I'm sorry, it seems I don't have any relevant context to that question. Please try again \u{1F603}"; + } + let queryIndicie = ["", -1]; + let answerIndicie = ["", -1]; + ConnectorSingleton_1.default.getInstance().conversationApi.conversationGetSpecificConversation({ + conversation: result.conversation + }).then((conversation) => { + var _a; + for (const key in (_a = conversation.messages.indices) !== null && _a !== void 0 ? _a : {}) { + const index = conversation.messages.indices[key]; + if (index > answerIndicie[1]) { + queryIndicie = answerIndicie; + answerIndicie = [key, index]; + } else if (index > queryIndicie[1]) { + queryIndicie = [key, index]; + } + } + }).finally(() => { + const isAtBottom2 = this.isAtBottom(this.answerEl); + this.handleRender(totalMessage, this.answerEl, relevantSnippets, true); + if (isAtBottom2) + this.forceScroll(this.answerEl); + QGPTViewBuilder_1.default.addMessageActions(this.answerEl.parentElement, false, answerIndicie[0]); + this.messageResolver({ + answer: totalMessage, + relevant: { iterable: relevantSnippets }, + answerId: answerIndicie[0], + queryId: queryIndicie[0] + }); + totalMessage = ""; + relevantSnippets = []; + }); + } else if (result.status === "FAILED" || result.status === "UNKNOWN") { + if (this.messageRejector) + this.messageRejector(result); + totalMessage = ""; + relevantSnippets = []; + } + return; } - return { - type: "text", - raw: cap[0], - text - }; - } - } - }; - var block2 = { - newline: /^(?: *(?:\n|$))+/, - code: /^( {4}[^\n]+(?:\n(?: *(?:\n|$))*)?)+/, - fences: /^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/, - hr: /^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/, - heading: /^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/, - blockquote: /^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/, - list: /^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/, - html: "^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|\\n*|$)|\\n*|$)|)[\\s\\S]*?(?:(?:\\n *)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$)|(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$))", - def: /^ {0,3}\[(label)\]: *(?:\n *)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n *)?| *\n *)(title))? *(?:\n+|$)/, - table: noopTest3, - lheading: /^(?!bull )((?:.|\n(?!\s*?\n|bull ))+?)\n {0,3}(=+|-+) *(?:\n+|$)/, - // regex template, placeholders will be replaced according to different paragraph - // interruption rules of commonmark and the original markdown spec: - _paragraph: /^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/, - text: /^[^\n]+/ - }; - block2._label = /(?!\s*\])(?:\\.|[^\[\]\\])+/; - block2._title = /(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/; - block2.def = edit2(block2.def).replace("label", block2._label).replace("title", block2._title).getRegex(); - block2.bullet = /(?:[*+-]|\d{1,9}[.)])/; - block2.listItemStart = edit2(/^( *)(bull) */).replace("bull", block2.bullet).getRegex(); - block2.list = edit2(block2.list).replace(/bull/g, block2.bullet).replace("hr", "\\n+(?=\\1?(?:(?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$))").replace("def", "\\n+(?=" + block2.def.source + ")").getRegex(); - block2._tag = "address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul"; - block2._comment = /|$)/; - block2.html = edit2(block2.html, "i").replace("comment", block2._comment).replace("tag", block2._tag).replace("attribute", / +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(); - block2.lheading = edit2(block2.lheading).replace(/bull/g, block2.bullet).getRegex(); - block2.paragraph = edit2(block2._paragraph).replace("hr", block2.hr).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("|table", "").replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", ")|<(?:script|pre|style|textarea|!--)").replace("tag", block2._tag).getRegex(); - block2.blockquote = edit2(block2.blockquote).replace("paragraph", block2.paragraph).getRegex(); - block2.normal = { ...block2 }; - block2.gfm = { - ...block2.normal, - table: "^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)" - // Cells - }; - block2.gfm.table = edit2(block2.gfm.table).replace("hr", block2.hr).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("blockquote", " {0,3}>").replace("code", " {4}[^\\n]").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", ")|<(?:script|pre|style|textarea|!--)").replace("tag", block2._tag).getRegex(); - block2.gfm.paragraph = edit2(block2._paragraph).replace("hr", block2.hr).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("table", block2.gfm.table).replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", ")|<(?:script|pre|style|textarea|!--)").replace("tag", block2._tag).getRegex(); - block2.pedantic = { - ...block2.normal, - html: edit2(`^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+? *(?:\\n{2,}|\\s*$)|
" + (escaped ? code : escape2(code, true)) + "' + (escaped ? code : escape2(code, true)) + "-${quote}-`; - } - html(html, block3) { - return html; - } - heading(text, level, raw) { - return `
\n"; - } - list(body, ordered, start) { - const type = ordered ? "ol" : "ul"; - const startatt = ordered && start !== 1 ? ' start="' + start + '"' : ""; - return "<" + type + startatt + ">\n" + body + "\n"; - } - listitem(text, task, checked) { - return `
${text}
-`; - } - table(header, body) { - if (body) - body = `${body}`; - return "${text}`;
- }
- br() {
- return ""; - } - del(text) { - return `
\u2335
'; + const modelRequirements = (0, globals_1.createEl)(modelElement, "p"); + modelRequirements.classList.add("hidden", "text-xs", "pt-1", "text-[var(--text-faint)]", "m-0"); + modelRequirements.innerText = this.getModelRequirements(model); + modelElement.onclick = (e) => { + modelRequirementsButton.innerHTML = modelRequirements.classList.contains("hidden") ? "System Requirements ×" : 'System Requirements\u2335
'; + modelRequirements.classList.toggle("hidden"); + e.stopPropagation(); + }; + const progressBar = new ProgressBar_1.default({ + current: 0, + end: 100, + contentEl: modelElement + }); + if (status === pieces_os_client_2.ModelDownloadProgressStatusEnum.InProgress || status === pieces_os_client_2.ModelDownloadProgressStatusEnum.Initialized) { + progressBar.bounce(); + } else { + progressBar.hide(); + } + modelButton.onclick = (e) => { + e.stopPropagation(); + if (model.name.includes("CodeLlama")) { + (0, view_1.sendNotification)({ + type: "info", + message: "The CodeLlama models are not quite ready for production, but are coming soon!" }); - opts.extensions = extensions; - } - if (pack.renderer) { - const renderer = this.defaults.renderer || new _Renderer(this.defaults); - for (const prop in pack.renderer) { - const rendererFunc = pack.renderer[prop]; - const rendererKey = prop; - const prevRenderer = renderer[rendererKey]; - renderer[rendererKey] = (...args2) => { - let ret = rendererFunc.apply(renderer, args2); - if (ret === false) { - ret = prevRenderer.apply(renderer, args2); - } - return ret || ""; - }; - } - opts.renderer = renderer; - } - if (pack.tokenizer) { - const tokenizer = this.defaults.tokenizer || new _Tokenizer(this.defaults); - for (const prop in pack.tokenizer) { - const tokenizerFunc = pack.tokenizer[prop]; - const tokenizerKey = prop; - const prevTokenizer = tokenizer[tokenizerKey]; - tokenizer[tokenizerKey] = (...args2) => { - let ret = tokenizerFunc.apply(tokenizer, args2); - if (ret === false) { - ret = prevTokenizer.apply(tokenizer, args2); - } - return ret; - }; - } - opts.tokenizer = tokenizer; + return; } - if (pack.hooks) { - const hooks = this.defaults.hooks || new _Hooks(); - for (const prop in pack.hooks) { - const hooksFunc = pack.hooks[prop]; - const hooksKey = prop; - const prevHook = hooks[hooksKey]; - if (_Hooks.passThroughHooks.has(prop)) { - hooks[hooksKey] = (arg) => { - if (this.defaults.async) { - return Promise.resolve(hooksFunc.call(hooks, arg)).then((ret2) => { - return prevHook.call(hooks, ret2); - }); - } - const ret = hooksFunc.call(hooks, arg); - return prevHook.call(hooks, ret); - }; - } else { - hooks[hooksKey] = (...args2) => { - let ret = hooksFunc.apply(hooks, args2); - if (ret === false) { - ret = prevHook.apply(hooks, args2); - } - return ret; - }; - } + this.handleDownloadSelectCancel(model); + (0, timeoutPromise_1.timeoutPromise)(200).then(() => { + const newStatus = ModelProgressController_1.default.getInstance().modelDownloadStatus.get(model.id); + if (model.downloaded) { + this.setModelButtonsColor(); + modelButton.innerHTML = const_1.Constants.CHECK_SVG; + modelButton.title = `Select ${modelTitle.innerText}`; + const buttonObj = this.modelButtons.find((el) => el.model === model.id); + if (buttonObj) + buttonObj.selected = true; + modelButton.style.color = "var(--text-accent)"; + this.activeModelPills.forEach((el) => el.innerHTML = this.getModelName(model)); + (0, view_1.track)(CopilotAnalytics_enum_1.CopilotAnalytics.SELECT_LLM); + } else if (newStatus === pieces_os_client_2.ModelDownloadProgressStatusEnum.InProgress || newStatus === pieces_os_client_2.ModelDownloadProgressStatusEnum.Initialized) { + modelButton.innerHTML = "×"; + modelButton.title = `Cancel ${modelTitle.innerText} download`; + progressBar.show(); + progressBar.bounce(); + (0, view_1.track)(CopilotAnalytics_enum_1.CopilotAnalytics.LLM_START_DOWNLOAD); + } else { + modelButton.innerHTML = const_1.Constants.DOWNLOAD_SVG; + modelButton.title = `Download ${modelTitle.innerText}`; + progressBar.hide(); + (0, view_1.track)(CopilotAnalytics_enum_1.CopilotAnalytics.LLM_CANCEL_DOWNLOAD); } - opts.hooks = hooks; - } - if (pack.walkTokens) { - const walkTokens3 = this.defaults.walkTokens; - const packWalktokens = pack.walkTokens; - opts.walkTokens = function(token) { - let values = []; - values.push(packWalktokens.call(this, token)); - if (walkTokens3) { - values = values.concat(walkTokens3.call(this, token)); - } - return values; - }; - } - this.defaults = { ...this.defaults, ...opts }; - }); - return this; + }); + }; } - setOptions(opt) { - this.defaults = { ...this.defaults, ...opt }; - return this; + getModelSvg(type) { + if (type === ModelBoxEnum.CodeLlaMa || type === ModelBoxEnum.LLaMa2) + return const_1.Constants.META_SVG; + if (type === ModelBoxEnum.Palm2) + return const_1.Constants.PALM2_SVG; + return const_1.Constants.OPENAI_SVG; } - lexer(src, options3) { - return _Lexer.lex(src, options3 != null ? options3 : this.defaults); + handleDownloadSelectCancel(model) { + this.lastUserAction = new Date(); + ModelProgressController_1.default.getInstance().openSockets([model]); + const status = ModelProgressController_1.default.getInstance().modelDownloadStatus.get(model.id); + if (status === pieces_os_client_2.ModelDownloadProgressStatusEnum.InProgress || status === pieces_os_client_2.ModelDownloadProgressStatusEnum.Initialized) { + ConnectorSingleton_1.default.getInstance().modelApi.modelSpecificModelDownloadCancel({ model: model.id }).then(() => { + (0, view_1.sendNotification)({ + message: "Cancelling model download was a success", + type: "info" + }); + }).catch(() => { + (0, view_1.sendNotification)({ + message: "Failed to cancel model download, please make sure that Pieces OS is installed, running, and updated. If the issue persists, please contact support@pieces.app", + type: "error" + }); + }); + } else if (model.downloaded) { + CopilotLLMConfigModal.selectedModel = model.id; + CopilotLLMConfigModal.selectedRuntime = model.cloud ? "CLOUD" : model.cpu ? "CPU" : "GPU"; + (0, view_1.saveState)({ + conversation: QGPTView_1.default.currentConversation, + selectedModel: CopilotLLMConfigModal.selectedModel, + migration: view_1.migration, + conversationId: QGPTView_1.default.conversationId, + codeBlocks: QGPTView_1.default.codeBlocks, + directives: Directives_1.default.getInstance().directiveList + }); + (0, view_1.sendNotification)({ + type: "info", + message: `${model.foundation} ${model.cloud ? "CLOUD" : model.cpu ? "CPU" : "GPU"} selected!` + }); + } else { + ConnectorSingleton_1.default.getInstance().modelApi.modelSpecificModelDownload({ model: model.id }).catch(() => { + (0, view_1.sendNotification)({ + message: "Failed to initiate model download, please make sure that Pieces OS is installed, running, and updated. If the issue persists, please contact support@pieces.app", + type: "error" + }); + }); + ModelProgressController_1.default.getInstance().modelDownloadStatus.set(model.id, pieces_os_client_2.ModelDownloadProgressStatusEnum.InProgress); + } } - parser(tokens, options3) { - return _Parser.parse(tokens, options3 != null ? options3 : this.defaults); + onClose() { + ModelProgressController_1.default.getInstance().deregisterCallback(this.refresh); } }; - _parseMarkdown2 = new WeakSet(); - parseMarkdown_fn2 = function(lexer3, parser3) { - return (src, options3) => { - const origOpt = { ...options3 }; - const opt = { ...this.defaults, ...origOpt }; - if (this.defaults.async === true && origOpt.async === false) { - if (!opt.silent) { - console.warn("marked(): The async option was set to true by an extension. The async: false option sent to parse will be ignored."); + CopilotLLMConfigModal.selectedRuntime = "CLOUD"; + CopilotLLMConfigModal.selectedModel = ""; + exports.default = CopilotLLMConfigModal; + } +}); + +// ../copilot-ts/dist/components/Tooltip.js +var require_Tooltip = __commonJS({ + "../copilot-ts/dist/components/Tooltip.js"(exports) { + "use strict"; + Object.defineProperty(exports, "__esModule", { value: true }); + var globals_1 = require_globals(); + var Tooltip = class { + /** + * + * @param content html string of the inner content for the tooltip + * @param triggerElement when the user hovers this element, the tooltip will show + */ + constructor(content, triggerElement) { + const tooltip = (0, globals_1.createDiv)(document.body); + tooltip.classList.add("cursor-default", "opacity-90", "hidden", "absolute", "bg-[var(--background-modifier-border-hover)]", "p-2", "rounded", "z-[999]"); + this.container = tooltip; + tooltip.innerHTML = content; + triggerElement.onmouseenter = (event) => { + if (!tooltip.classList.contains("hidden")) + return; + tooltip.classList.remove("hidden"); + const tooltipWidth = tooltip.offsetWidth; + const tooltipHeight = tooltip.offsetHeight; + const windowWidth = window.innerWidth; + const windowHeight = window.innerHeight; + const rect = triggerElement.getBoundingClientRect(); + let topPosition = rect.bottom + 8; + let leftPosition = event.clientX - tooltipWidth / 2; + if (leftPosition + tooltipWidth > windowWidth) { + leftPosition = windowWidth - tooltipWidth - 10; } - opt.async = true; - } - const throwError = __privateMethod(this, _onError2, onError_fn2).call(this, !!opt.silent, !!opt.async); - if (typeof src === "undefined" || src === null) { - return throwError(new Error("marked(): input parameter is undefined or null")); - } - if (typeof src !== "string") { - return throwError(new Error("marked(): input parameter is of type " + Object.prototype.toString.call(src) + ", string expected")); - } - if (opt.hooks) { - opt.hooks.options = opt; - } - if (opt.async) { - return Promise.resolve(opt.hooks ? opt.hooks.preprocess(src) : src).then((src2) => lexer3(src2, opt)).then((tokens) => opt.walkTokens ? Promise.all(this.walkTokens(tokens, opt.walkTokens)).then(() => tokens) : tokens).then((tokens) => parser3(tokens, opt)).then((html) => opt.hooks ? opt.hooks.postprocess(html) : html).catch(throwError); - } - try { - if (opt.hooks) { - src = opt.hooks.preprocess(src); + if (leftPosition < 0) { + leftPosition = 10; } - const tokens = lexer3(src, opt); - if (opt.walkTokens) { - this.walkTokens(tokens, opt.walkTokens); + if (topPosition + tooltipHeight > windowHeight) { + topPosition = windowHeight - tooltipHeight - 10; } - let html = parser3(tokens, opt); - if (opt.hooks) { - html = opt.hooks.postprocess(html); + if (topPosition < 0) { + topPosition = 10; } - return html; - } catch (e) { - return throwError(e); - } - }; - }; - _onError2 = new WeakSet(); - onError_fn2 = function(silent, async) { - return (e) => { - e.message += "\nPlease report this to https://github.com/markedjs/marked."; - if (silent) { - const msg = "An error occurred:
" + escape2(e.message + "", true) + ""; - if (async) { - return Promise.resolve(msg); + tooltip.style.top = topPosition + "px"; + tooltip.style.left = leftPosition + "px"; + const toolTipRect = tooltip.getBoundingClientRect(); + if (event.clientX > toolTipRect.left && event.clientX < toolTipRect.right && event.clientY < toolTipRect.bottom && event.clientY > toolTipRect.top) { + triggerElement.onmouseleave = () => { + }; + tooltip.onmouseleave = () => { + tooltip.classList.add("hidden"); + }; + } else { + tooltip.onmouseleave = () => { + }; + triggerElement.onmouseleave = () => { + tooltip.classList.add("hidden"); + }; } - return msg; - } - if (async) { - return Promise.reject(e); - } - throw e; - }; - }; - var markedInstance2 = new Marked2(); - function marked2(src, opt) { - return markedInstance2.parse(src, opt); - } - marked2.options = marked2.setOptions = function(options3) { - markedInstance2.setOptions(options3); - marked2.defaults = markedInstance2.defaults; - changeDefaults2(marked2.defaults); - return marked2; - }; - marked2.getDefaults = _getDefaults; - marked2.defaults = exports.defaults; - marked2.use = function(...args) { - markedInstance2.use(...args); - marked2.defaults = markedInstance2.defaults; - changeDefaults2(marked2.defaults); - return marked2; - }; - marked2.walkTokens = function(tokens, callback) { - return markedInstance2.walkTokens(tokens, callback); + }; + } + remove() { + this.container.remove(); + } }; - marked2.parseInline = markedInstance2.parseInline; - marked2.Parser = _Parser; - marked2.parser = _Parser.parse; - marked2.Renderer = _Renderer; - marked2.TextRenderer = _TextRenderer; - marked2.Lexer = _Lexer; - marked2.lexer = _Lexer.lex; - marked2.Tokenizer = _Tokenizer; - marked2.Hooks = _Hooks; - marked2.parse = marked2; - var options2 = marked2.options; - var setOptions2 = marked2.setOptions; - var use2 = marked2.use; - var walkTokens2 = marked2.walkTokens; - var parseInline2 = marked2.parseInline; - var parse = marked2; - var parser2 = _Parser.parse; - var lexer2 = _Lexer.lex; - exports.Hooks = _Hooks; - exports.Lexer = _Lexer; - exports.Marked = Marked2; - exports.Parser = _Parser; - exports.Renderer = _Renderer; - exports.TextRenderer = _TextRenderer; - exports.Tokenizer = _Tokenizer; - exports.getDefaults = _getDefaults; - exports.lexer = lexer2; - exports.marked = marked2; - exports.options = options2; - exports.parse = parse; - exports.parseInline = parseInline2; - exports.parser = parser2; - exports.setOptions = setOptions2; - exports.use = use2; - exports.walkTokens = walkTokens2; + exports.default = Tooltip; } }); -// ../copilot-ts/dist/components/QGPTViewBuilder.js -var require_QGPTViewBuilder = __commonJS({ - "../copilot-ts/dist/components/QGPTViewBuilder.js"(exports) { +// ../copilot-ts/dist/modals/ContextSelectionModal.js +var require_ContextSelectionModal = __commonJS({ + "../copilot-ts/dist/modals/ContextSelectionModal.js"(exports) { "use strict"; var __awaiter = exports && exports.__awaiter || function(thisArg, _arguments, P, generator) { function adopt(value) { @@ -42592,482 +43725,436 @@ var require_QGPTViewBuilder = __commonJS({ return mod && mod.__esModule ? mod : { "default": mod }; }; Object.defineProperty(exports, "__esModule", { value: true }); - var CopilotAnalytics_enum_1 = require_CopilotAnalytics_enum(); + var pieces_os_client_1 = require_dist(); + var view_1 = require_view(); + var pieces_os_client_2 = require_dist(); + var ConnectorSingleton_1 = __importDefault(require_ConnectorSingleton()); var const_1 = require_const(); - var globals_1 = require_globals(); - var QGPTComponentBuilder_1 = __importDefault(require_QGPTComponentBuilder()); + var LLMConfigModal_1 = __importDefault(require_LLMConfigModal()); + var Modal_1 = __importDefault(require_Modal()); var QGPTView_1 = __importDefault(require_QGPTView()); + var Tooltip_1 = __importDefault(require_Tooltip()); var getIcon_1 = require_getIcon(); - var loadPrism_1 = require_loadPrism(); - var langReadableToExt_1 = __importDefault(require_langReadableToExt()); - var marked_1 = require_marked(); - var view_1 = require_view(); - var QGPTViewBuilder = class { - /** - * @param message - The message to build the query element for, can be a string or a QGPTConversationMessage - * @returns a styled div containing the query element - */ - static buildQueryElement(message, relevant, image) { - const queryDiv = document.createElement("div"); - queryDiv.classList.add("flex", "flex-row", "justify-end"); - const answerText = document.createElement("div"); - answerText.classList.add("gpt-text-response", "gpt-query", "bg-[var(--interactive-accent)]", "overflow-hidden", "rounded-lg", "p-2", "mr-2"); - if (!image) { - answerText.innerHTML = marked_1.marked.parse(QGPTComponentBuilder_1.default.sanitize(typeof message === "string" ? message : message === null || message === void 0 ? void 0 : message.text)); - this.syntaxHighlight({ - element: answerText, - relevant, - askCopilot: false - }); - } else { - const queryImg = (0, globals_1.createEl)(answerText, "img"); - queryImg.src = typeof message === "string" ? message : message === null || message === void 0 ? void 0 : message.text; - } - queryDiv.appendChild(answerText); - const userDiv = document.createElement("div"); - userDiv.id = "user-img"; - userDiv.classList.add("!w-6", "justify-center", "items-end", "flex"); - queryDiv.appendChild(userDiv); - const userSvg = QGPTView_1.default.getUserSVG(); - if (userSvg instanceof HTMLImageElement) { - userDiv.appendChild(userSvg.cloneNode(true)); - } else if (typeof userSvg === "string") { - userDiv.innerHTML = userSvg; - } - return queryDiv; - } - /** - * @param message - The message to build the answer element for, can be a string or a QGPTConversationMessage - * @returns a styled div containing the answer element - */ - static buildAnswerElement(message, relevant) { - var _a; - const answerDiv = document.createElement("div"); - answerDiv.classList.add("flex", "flex-row", "justify-start"); - const aiDiv = document.createElement("div"); - aiDiv.id = "ai-img"; - aiDiv.innerHTML = const_1.Constants.COPILOT_SVG; - aiDiv.classList.add("w-6", "justify-center", "items-end", "flex", "pr-2"); - answerDiv.appendChild(aiDiv); - const answerText = document.createElement("div"); - answerText.innerHTML = marked_1.marked.parse(QGPTComponentBuilder_1.default.sanitize(typeof message === "string" ? message : message === null || message === void 0 ? void 0 : message.text)); - this.syntaxHighlight({ element: answerText, relevant, askCopilot: false }); - answerText.classList.add("gpt-text-response", "gpt-response", "overflow-hidden", "flex", "flex-col", "rounded-lg", "bg-[var(--interactive-normal)]", "p-2"); - answerDiv.appendChild(answerText); - const details = answerText.querySelectorAll("details"); - for (const element of Array.from(details)) { - element.classList.add("rounded", "text-xs", "cursor-pointer", "bg-[var(--background-primary)]", "p-2"); - element.addEventListener("click", () => { - (0, view_1.track)(CopilotAnalytics_enum_1.CopilotAnalytics.ASK_ABOUT_FILE_DETAILS); - }); - } - (_a = answerText.querySelector("ul")) === null || _a === void 0 ? void 0 : _a.classList.add("!list-disc", "px-4"); - return { answerDiv, answerText }; - } - /** - * @param files all the files that are relevant to the answer - a {@link RelevantQGPTSeed}[] element - * @returns a styled div containing the relevant files element - */ - static buildRelevantElement({ answerDiv, files }) { - files = files.filter((el) => el.path); - if (!files.length) { - return; - } - answerDiv.children[0].classList.add("hide"); - const relevantDiv = document.createElement("div"); - relevantDiv.classList.add("flex", "flex-row", "justify-start"); - const aiDiv = document.createElement("div"); - aiDiv.id = "ai-img"; - aiDiv.innerHTML = const_1.Constants.COPILOT_SVG; - aiDiv.classList.add("w-6", "justify-center", "items-end", "flex", "pr-2"); - relevantDiv.appendChild(aiDiv); - const answerText = document.createElement("div"); - answerText.classList.add("gpt-text-response", "overflow-hidden", "gpt-response", "flex", "flex-col", "bg-[var(--interactive-normal)]", "rounded-lg", "p-2"); - const filePaths = new Set(files.map((file) => file.path)); - const fileTitle = (0, globals_1.createEl)(answerText, "p"); - (0, globals_1.setText)(fileTitle, "Relevant Files:"); - fileTitle.classList.add("text-[var(--text-muted)]", "text-xs", "pb-2", "m-0"); - const fileCol = document.createElement("div"); - fileCol.classList.add("flex", "flex-col", "max-h-[80px]", "overflow-scroll", "scrollbar-hide", "gap-1"); - answerText.appendChild(fileCol); - filePaths.forEach((path) => { - QGPTComponentBuilder_1.default.createFilePill(path, fileCol); - }); - relevantDiv.appendChild(answerText); - return relevantDiv; - } - /** - * - * @param element - The element to syntax highlight, needs to contain a 1code block - */ - // eslint-disable-next-line @typescript-eslint/default-param-last - static syntaxHighlight({ element, relevant, askCopilot }) { - const codeChildren = Array.from(element.querySelectorAll("pre > code")); - this.highlightCodeBlocks(codeChildren); - if (!askCopilot) - this.buildCodeButtons(codeChildren, relevant); - } - static highlightCodeBlocks(codeBlocks) { - var _a; - for (const codeBlock of codeBlocks) { - const langClass = codeBlock.classList[0]; - const lang = langClass && langClass.startsWith("language-") ? langClass.slice("language-".length) : "ts"; - const codeParent = codeBlock.parentElement; - codeParent.classList.add("flex", "flex-row", "m-0", "bg-[var(--background-primary)]", "text-shadow-none"); - const codeHeader = document.createElement("div"); - codeHeader.classList.add("flex", "flex-row", "h-7", "items-center", "gap-1"); - codeParent.insertAdjacentElement("beforebegin", codeHeader); - codeHeader.classList.add("px-2", "pt-2", "rounded-t", "text-[var(--text-muted)]", "bg-[var(--background-primary)]", "mt-2", "text-xs"); - if (langClass === null || langClass === void 0 ? void 0 : langClass.startsWith("language")) { - const langImg = (0, globals_1.createEl)(codeHeader, "div"); - langImg.classList.add("bg-cover", "h-6", "w-6", (0, getIcon_1.getLanguageIcon)(lang)); - const codeHeaderP = (0, globals_1.createEl)(codeHeader, "p"); - codeHeaderP.classList.add("m-0", "cursor-pointer", "w-fit"); - codeHeaderP.innerText = lang; - codeHeaderP.onclick = () => { - var _a2; - (0, view_1.copyToClipboard)((_a2 = codeBlock.textContent) !== null && _a2 !== void 0 ? _a2 : ""); - codeHeaderP.innerHTML = "copied! ✓"; - setTimeout(() => { - codeHeaderP.innerText = lang; - }, 3e3); - }; + var getNotDeletedIndicies_1 = __importDefault(require_getNotDeletedIndicies()); + var globals_1 = require_globals(); + var Directives_1 = __importDefault(require_Directives()); + var ContextSelectionModal = class extends Modal_1.default { + constructor() { + super(); + this.fileTabContentEl = []; + this.folderTabContentEl = []; + this.snippetTabContentEl = []; + this.messagesTabContentEl = []; + this.tooltip = null; + this.paths = []; + this.assets = []; + this.grounding = []; + this.folderToFileCount = {}; + this.DEBOUNCE_TIMER_MS = 200; + this.resolvers = []; + const titleEl = (0, globals_1.createDiv)(this.titleEl); + titleEl.innerText = "Manage Context"; + const subTitle = (0, globals_1.createDiv)(this.titleEl); + subTitle.classList.add("text-[var(--text-faint)]", "text-xs"); + subTitle.innerText = "Configure the files, folders, and snippets the Pieces Copilot should use for this conversation"; + const tabs = (0, globals_1.createDiv)(this.contentEl); + tabs.classList.add("flex", "flex-row", "justify-evenly", "py-3", "flex-wrap", "gap-2"); + const fileTab = (0, globals_1.createDiv)(tabs); + fileTab.classList.add("cursor-pointer", "underline", "flex", "flex-row", "items-center", "gap-1"); + this.selectedTabEl = fileTab; + const fileIcon = (0, globals_1.createDiv)(fileTab); + fileIcon.classList.add("svg-box", "h-4"); + fileIcon.innerHTML = const_1.Constants.FILE_SVG; + const fileTabText = (0, globals_1.createEl)(fileTab, "p"); + fileTabText.innerText = "Files"; + fileTabText.classList.add("m-0"); + const folderTab = (0, globals_1.createDiv)(tabs); + folderTab.classList.add("cursor-pointer", "flex", "flex-row", "items-center", "gap-1"); + const folderIcon = (0, globals_1.createDiv)(folderTab); + folderIcon.classList.add("svg-box", "h-4"); + folderIcon.innerHTML = const_1.Constants.OPEN_FILE_SVG; + const folderTabText = (0, globals_1.createEl)(folderTab, "p"); + folderTabText.innerText = "Folders"; + folderTabText.classList.add("m-0"); + const snippetTab = (0, globals_1.createDiv)(tabs); + snippetTab.classList.add("cursor-pointer", "flex", "flex-row", "items-center", "gap-1"); + const snippetIcon = (0, globals_1.createDiv)(snippetTab); + snippetIcon.classList.add("svg-box", "h-4"); + snippetIcon.innerHTML = const_1.Constants.SNIPPET_SVG; + const snippetTabText = (0, globals_1.createEl)(snippetTab, "p"); + snippetTabText.innerText = "Snippets"; + snippetTabText.classList.add("m-0"); + const messagesTab = (0, globals_1.createDiv)(tabs); + messagesTab.classList.add("cursor-pointer", "flex", "flex-row", "items-center", "gap-1"); + const messagesIcon = (0, globals_1.createDiv)(messagesTab); + messagesIcon.classList.add("svg-box", "h-4"); + messagesIcon.innerHTML = const_1.Constants.MESSAGE_CONTEXT_SVG; + const messagesTabText = (0, globals_1.createEl)(messagesTab, "p"); + messagesTabText.innerText = "Messages"; + messagesTabText.classList.add("m-0"); + const fileTabContent = (0, globals_1.createDiv)(this.contentEl); + fileTabContent.classList.add("flex", "flex-col", "rounded-lg", "border", "border-solid", "border-[var(--background-modifier-border)]", "p-2", "gap-1"); + this.selectedTabContentEl = fileTabContent; + this.fileTabContentEl.push(fileTabContent); + const folderTabContent = (0, globals_1.createDiv)(this.contentEl); + folderTabContent.classList.add("hidden", "flex", "flex-col", "border", "border-solid", "border-[var(--background-modifier-border)]", "p-2", "rounded-lg", "gap-1"); + this.folderTabContentEl.push(folderTabContent); + const snippetTabContent = (0, globals_1.createDiv)(this.contentEl); + snippetTabContent.classList.add("hidden", "flex", "flex-col", "border", "border-solid", "border-[var(--background-modifier-border)]", "p-2", "rounded-lg", "gap-1"); + this.snippetTabContentEl.push(snippetTabContent); + const messagesTabContent = (0, globals_1.createDiv)(this.contentEl); + messagesTabContent.classList.add("hidden", "flex", "flex-col", "border", "border-solid", "border-[var(--background-modifier-border)]", "p-2", "rounded-lg", "gap-1"); + this.messagesTabContentEl.push(messagesTabContent); + tabs.onclick = (event) => { + this.selectedTabContentEl.classList.add("hidden"); + this.selectedTabEl.classList.remove("underline"); + if (snippetTab.contains(event.target)) { + this.selectedTabContentEl = snippetTabContent; + this.selectedTabEl = snippetTab; } - const lineNums = document.createElement("div"); - codeParent.insertBefore(lineNums, codeBlock); - lineNums.classList.add("text-[13px]", "flex", "flex-col", "mb-2", "pt-2", "text-right", "pl-3", "pr-1", "rounded-bl", "bg-[var(--background-primary)]", "text-[var(--text-faint)]", "leading-[var(--line-height-normal)]"); - const lineCount = (((_a = codeBlock.textContent) === null || _a === void 0 ? void 0 : _a.match(/\n/g)) || []).length; - for (let i = 0; i < lineCount; i++) { - lineNums.append(`${i + 1} -`); + if (folderTab.contains(event.target)) { + this.selectedTabContentEl = folderTabContent; + this.selectedTabEl = folderTab; } - codeBlock.classList.add("!p-2", "!overflow-x-auto", "shadow-none", "text-shadow-none", "bg-[var(--background-primary)]"); - codeBlock.innerHTML = (0, loadPrism_1.highlightSnippet)({ - snippetContent: codeBlock.textContent, - snippetLanguage: (0, langReadableToExt_1.default)(lang) - }); - } + if (fileTab.contains(event.target)) { + this.selectedTabContentEl = fileTabContent; + this.selectedTabEl = fileTab; + } + if (messagesTab.contains(event.target)) { + this.selectedTabContentEl = messagesTabContent; + this.selectedTabEl = messagesTab; + } + this.selectedTabContentEl.classList.remove("hidden"); + this.selectedTabEl.classList.add("underline"); + }; + this.debouncedConversationChangeHandler(QGPTView_1.default.conversationId); } - static buildCodeButtons(codeBlocks, relevant) { + /** + * This will add context to a conversation, either an asset or a file path + * @param type type of context to be added + */ + addToContext(type) { + var _a; return __awaiter(this, void 0, void 0, function* () { - for (const codeBlock of codeBlocks) { - const langClass = codeBlock.classList[0]; - const lang = langClass && langClass.startsWith("language-") ? langClass.slice("language-".length) : "ts"; - const button = yield QGPTComponentBuilder_1.default.buildButtonHolder(codeBlock, lang, relevant); - codeBlock.appendChild(button); - QGPTView_1.default.codeBlocks.push({ - text: codeBlock.textContent, - extension: (0, langReadableToExt_1.default)(lang) + if (!((_a = QGPTView_1.default.conversationId) === null || _a === void 0 ? void 0 : _a.length)) { + const conversation = yield ConnectorSingleton_1.default.getInstance().conversationsApi.conversationsCreateSpecificConversation({ + transferables: false, + seededConversation: { type: pieces_os_client_1.ConversationTypeEnum.Copilot } + }); + QGPTView_1.default.conversationId = conversation.id; + (0, view_1.saveState)({ + conversation: QGPTView_1.default.currentConversation, + conversationId: conversation.id, + selectedModel: LLMConfigModal_1.default.selectedModel, + migration: view_1.migration, + codeBlocks: QGPTView_1.default.codeBlocks, + directives: Directives_1.default.getInstance().directiveList }); } + (0, view_1.requestContextPicker)(type, QGPTView_1.default.conversationId); }); } - }; - exports.default = QGPTViewBuilder; - } -}); - -// ../copilot-ts/dist/controllers/CopilotStreamController.js -var require_CopilotStreamController = __commonJS({ - "../copilot-ts/dist/controllers/CopilotStreamController.js"(exports) { - "use strict"; - var __awaiter = exports && exports.__awaiter || function(thisArg, _arguments, P, generator) { - function adopt(value) { - return value instanceof P ? value : new P(function(resolve) { - resolve(value); - }); + // user switched to a new conversation + empty() { + this.paths = []; + this.assets = []; + this.fileTabContentEl.forEach((el) => this.buildContentEl("files", el, [])); + this.folderTabContentEl.forEach((el) => this.buildContentEl("folders", el, [])); + this.snippetTabContentEl.forEach((el) => this.buildContentEl("snippets", el, [])); + this.messagesTabContentEl.forEach((el) => this.buildContentEl("messages", el, [])); } - return new (P || (P = Promise))(function(resolve, reject) { - function fulfilled(value) { - try { - step(generator.next(value)); - } catch (e) { - reject(e); - } + /** + * + * @param type what type of content el we are building + * @param container the container element + * @param items list of snippets or anchorpoints + */ + buildContentEl(type, container, items) { + (0, globals_1.emptyEl)(container); + const header = (0, globals_1.createDiv)(container); + header.classList.add("flex", "flex-row", "justify-between", "items-center", "pb-1"); + const title = (0, globals_1.createDiv)(header); + title.classList.add("text-sm", "text-[var(--text-muted)]"); + title.innerText = type.toUpperCase(); + if (type !== "messages") { + const addBtn = (0, globals_1.createDiv)(header); + addBtn.classList.add("bg-[var(--background-secondary)]", "hover:bg-[var(--background-modifier-border-hover)]", "shadow", "shadow-[var(--background-modifier-box-shadow)]", "px-2", "rounded", "py-1", "cursor-pointer", "text-sm"); + addBtn.innerText = "Add"; + addBtn.onclick = () => { + this.addToContext(type); + this.close(); + }; } - function rejected(value) { - try { - step(generator["throw"](value)); - } catch (e) { - reject(e); + if (!items.length) { + this.buildEmptyContentEl(type, container); + } else { + if (type === "snippets") { + this.buildSnippetListEl(items, container); + } else if (type === "files" || type === "folders") { + this.buildAnchorEl(items, container, type); + } else { + this.buildMessagesEl(items, container, type); } } - function step(result) { - result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); + if (type === "folders") { + const infoRow = (0, globals_1.createDiv)(container); + infoRow.classList.add("flex", "flex-row", "justify-end"); + const shieldBoxContainer = (0, globals_1.createDiv)(infoRow); + shieldBoxContainer.classList.add("p-1", "rounded", "hover:bg-[var(--background-secondary)]", "cursor-pointer"); + const shieldSvgBox = (0, globals_1.createDiv)(shieldBoxContainer); + shieldSvgBox.classList.add("h-4", "svg-box"); + shieldSvgBox.innerHTML = const_1.Constants.SHIELD_CHECK_SVG; + const tooltipContent = ` + Folders are verified to avoid: +
-
+
- .gitignore files if applicable +
- files over 500KB +
- unsupported file extensions +
- hidden files (i.e: .env) +