@evercam/ui 1.0.0-preview-labs-189-copilot-multi-agents-0b7c7ca53 → 1.0.0-preview-labs-189-copilot-multi-agents-463816b50

package/dist/components/chat/EMarkdown.vue.d.ts

@@ -17,6 +17,7 @@ declare const _default: import("vue/types/vue").ExtendedVue<Vue<Record<string, a
             match: string;
         };
     }): import("vue/types/vue").CombinedVueInstance<Vue<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => Vue<Record<string, any>, Record<string, any>, never, never, any>>, object, object, object, Record<never, any>, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue/types/v3-component-public-instance").OptionTypesType<{}, {}, {}, {}, {}, {}>> | undefined;
+    updateTableBorders(): void;
 }, unknown, {
     nextChunks: string | string[];
     exposedRegexes: EMarkdownRegex[];

package/dist/components/chat/MarkdownProcessor.d.ts

@@ -20,6 +20,7 @@ export declare class MarkdownProcessor {
     rowId: number;
     animated: boolean;
     useTableProcessor: boolean;
+    dark: boolean;
     onAnimationStart: () => void;
     onAnimationEnd: () => void;
     typewriter: Typewriter | null;
@@ -32,6 +33,7 @@ export declare class MarkdownProcessor {
         onAnimationStart?: () => void;
         onAnimationEnd?: () => void;
         useTableProcessor?: boolean;
+        dark?: boolean;
     });
     initProcessor(): void;
     remarkCheckIncompleteTableRows(): (tree: UnistNode) => void;
@@ -46,6 +48,7 @@ export declare class MarkdownProcessor {
     replaceRegexTargets(parts: string[], regex: RegExp, type: string, node: any, nodeIndex: number): import("unist").Node[];
     ensureTableExists(container: HTMLElement): HTMLTableElement;
     ensureTBodyExists(table: HTMLTableElement): HTMLTableSectionElement;
+    getBorderColor(): string;
     copyTableHead(sourceTable: HTMLTableElement, destinationTable: HTMLTableElement): void;
     copyTableBodyRows(sourceTBody: HTMLTableSectionElement, destinationTBody: HTMLTableSectionElement): void;
     removeEmptyTableRows(tableElement: HTMLTableElement): void;

package/dist/index.mjs

@@ -17816,7 +17816,7 @@ const qu = ju.exports, Wu = F.extend({
 var Gu = function() {
   var e = this, r = e._self._c;
   return r("div", { staticClass: "tooltip-box e-w-max e-relative e-group", class: {
-    "e-cursor-not-allowed": e.disabled
+    "e-cursor-not-allowed e-opacity-50": e.disabled
   }, on: { mouseenter: e.toggleTooltip, mouseleave: e.toggleTooltip } }, [e._t("default"), e.isHovered ? r("div", { class: e.tooltipClasses }, [r("span", { class: e.triangleClasses }), e._v(" " + e._s(e.text) + " ")]) : e._e()], 2);
 }, Uu = [], Zu = /* @__PURE__ */ H(
   Wu,
@@ -17824,7 +17824,7 @@ var Gu = function() {
   Uu,
   !1,
   null,
-  "aaf4edab",
+  "904390f0",
   null,
   null
 );
@@ -19758,7 +19758,7 @@ var Y8 = ii.exports;
 const X8 = /* @__PURE__ */ xt(Y8);
 class Q8 {
   constructor(e, r) {
-    this.processor = null, this.accumulator = "", this.totalMarkdown = "", this.lastProcessedLength = 0, this.regexRenderTargetsById = {}, this.isRenderingTable = !1, this.isFirstTableRender = !1, this.mdTableHeaderString = "", this.isIncompleteTableRow = !1, this.pendingRowString = "", this.tableId = 0, this.rowId = 0, this.typewriter = null, this.container = e, this.htmlRenderingTarget = e, this.exposedRegexes = r.exposedRegexes || [], this.useTableProcessor = !!r.useTableProcessor, this.initProcessor(), this.animated = !!r.animated, this.animated && (this.typewriter = this.initTypewriter()), this.onAnimationStart = r.onAnimationStart || (() => {
+    this.processor = null, this.accumulator = "", this.totalMarkdown = "", this.lastProcessedLength = 0, this.regexRenderTargetsById = {}, this.isRenderingTable = !1, this.isFirstTableRender = !1, this.mdTableHeaderString = "", this.isIncompleteTableRow = !1, this.pendingRowString = "", this.tableId = 0, this.rowId = 0, this.typewriter = null, this.container = e, this.htmlRenderingTarget = e, this.exposedRegexes = r.exposedRegexes || [], this.useTableProcessor = !!r.useTableProcessor, this.dark = !!r.dark, this.initProcessor(), this.animated = !!r.animated, this.animated && (this.typewriter = this.initTypewriter()), this.onAnimationStart = r.onAnimationStart || (() => {
     }), this.onAnimationEnd = r.onAnimationEnd || (() => {
     });
   }
@@ -19863,15 +19863,20 @@ class Q8 {
     let r = e.querySelector(
       `table#t-${this.tableId}`
     ), n = e.querySelector(`#tw-${this.tableId}`);
-    return r && !n ? (n = document.createElement("div"), n.className = "e-markdown-table-wrapper e-overflow-x-auto e-w-full e-rounded-lg e-my-4", n.id = `tw-${this.tableId}`, (s = r.parentNode) == null || s.removeChild(r), n.appendChild(r), e.appendChild(n)) : r || (n = document.createElement("div"), n.className = "e-markdown-table-wrapper e-overflow-x-auto e-w-full e-rounded-lg e-my-4", n.id = `tw-${this.tableId}`, r = document.createElement("table"), r.id = `t-${this.tableId}`, r.className = "e-min-w-full", n.appendChild(r), e.appendChild(n)), r;
+    return r && !n ? (n = document.createElement("div"), n.className = "e-markdown-table-wrapper e-overflow-x-auto e-w-full e-rounded-lg e-my-4", n.id = `tw-${this.tableId}`, (s = r.parentNode) == null || s.removeChild(r), n.appendChild(r), e.appendChild(n)) : r || (n = document.createElement("div"), n.className = "e-markdown-table-wrapper e-overflow-x-auto e-w-full e-rounded-lg e-my-4", n.id = `tw-${this.tableId}`, r = document.createElement("table"), r.id = `t-${this.tableId}`, r.className = "e-min-w-full", r.style.borderCollapse = "collapse", n.appendChild(r), e.appendChild(n)), r;
   }
   ensureTBodyExists(e) {
     let r = e.querySelector("tbody");
     return r || (r = document.createElement("tbody"), r.className = "e-w-full", e.appendChild(r)), r;
   }
+  getBorderColor() {
+    return this.dark ? "#4b5563" : "#d1d5db";
+  }
   copyTableHead(e, r) {
     const n = e.querySelector("thead");
-    !r.querySelector("thead") && n && (n.className = "e-w-full", r.appendChild(n));
+    !r.querySelector("thead") && n && (n.className = "e-w-full", n.querySelectorAll("th").forEach((i) => {
+      i.classList.add("e-px-3", "e-py-2"), i.style.borderBottom = `1px solid ${this.getBorderColor()}`;
+    }), r.appendChild(n));
   }
   copyTableBodyRows(e, r) {
     const n = e.querySelectorAll("tr"), s = Array.from(
@@ -19881,7 +19886,7 @@ class Q8 {
       if (!a.innerText.trim() || s.includes(a.id))
         return;
       a.querySelectorAll("td, th").forEach((c) => {
-        c.classList.add("e-px-3", "e-py-2", "e-align-middle");
+        c.classList.add("e-px-3", "e-py-2", "e-align-middle"), c.style.borderBottom = `1px solid ${this.getBorderColor()}`;
       }), r.appendChild(a.cloneNode(!0));
     });
   }
@@ -19963,6 +19968,9 @@ const K8 = F.extend({
   watch: {
     nextChunks(t) {
       this.handleNewChunk(t.join(""));
+    },
+    dark(t) {
+      this.processor && (this.processor.dark = t, this.updateTableBorders());
     }
   },
   mounted() {
@@ -19976,7 +19984,8 @@ const K8 = F.extend({
         animated: this.animated,
         onAnimationStart: () => this.$emit("animation-start"),
         onAnimationEnd: () => this.$emit("animation-end"),
-        useTableProcessor: this.useTableProcessor
+        useTableProcessor: this.useTableProcessor,
+        dark: this.dark
       });
     },
     async processChunk(t) {
@@ -20017,12 +20026,23 @@ const K8 = F.extend({
         render: (c) => c(a, { props: { scopedSlot: s, propsData: r } })
       }).$mount();
       return n.innerHTML = "", n.appendChild(i.$el), i;
+    },
+    updateTableBorders() {
+      const t = this.$refs.content;
+      if (!t || !this.processor)
+        return;
+      const e = this.processor.getBorderColor();
+      t.querySelectorAll("th, td").forEach((n) => {
+        n.style.borderBottom = `1px solid ${e}`;
+      });
     }
   }
 });
 var J8 = function() {
   var e = this, r = e._self._c;
-  return r("div", { staticClass: "e-markdown" }, [r("article", { staticClass: "e-mx-auto prose-h1:!e-text-2xl prose-h2:!e-text-xl prose-h2:!e-mt-0 prose-h3:!e-text-lg e-prose e-prose-slate", class: { "e-prose-invert": e.dark } }, [r("div", { ref: "content", staticClass: "e-markdown__content" })])]);
+  return r("div", { staticClass: "e-markdown" }, [r("article", { staticClass: "e-mx-auto e-prose !e-prose-pink prose-h1:!e-text-2xl prose-h2:!e-text-xl prose-h2:!e-mt-0 prose-h3:!e-text-lg", class: {
+    "e-prose-invert": e.dark
+  } }, [r("div", { ref: "content", staticClass: "e-markdown__content" })])]);
 }, e7 = [], t7 = /* @__PURE__ */ H(
   K8,
   J8,
@@ -20799,7 +20819,7 @@ const I7 = B7.exports, F7 = F.extend({
         "e-bg-white": !this.dark,
         "e-text-gray-500": !this.dark,
         "e-text-gray-300": this.dark,
-        "e-opacity-50": this.disabled
+        "e-opacity-25": this.disabled
       };
     }
   },
@@ -20877,7 +20897,7 @@ const I7 = B7.exports, F7 = F.extend({
 });
 var A7 = function() {
   var e = this, r = e._self._c;
-  return r("ETooltip", { attrs: { text: "Use Ctrl + Space to speak", dark: e.dark } }, [r("button", e._g(e._b({ staticClass: "e-chat-input__voice-btn e-border-none e-chat-input__voice-btn e-flex e-items-center e-justify-center e-cursor-pointer e-h-8 e-w-8 disabled:e-cursor-not-allowed focus:e-outline-none", class: { ...e.buttonClasses, "e-h-10 e-w-10": !e.isListening }, attrs: { disabled: e.disabled }, on: { click: e.toggleListening } }, "button", e.$attrs, !1), e.$listeners), [e.isListening ? r("EVoiceInputVolumeIndicator", { attrs: { analyser: e.analyser, "is-listening": e.isListening } }, [r("EIcon", { staticClass: "e-chat-input__voice-btn--icon", attrs: { icon: "stop", color: "e-text-red-600", size: "Sm" } })], 1) : r("EIcon", { attrs: { icon: "microphone", size: "Base" } })], 1)]);
+  return r("ETooltip", { attrs: { text: "Use Ctrl + Space to speak", dark: e.dark, disabled: e.disabled } }, [r("button", e._g(e._b({ staticClass: "e-chat-input__voice-btn e-border-none e-chat-input__voice-btn e-flex e-items-center e-justify-center e-cursor-pointer e-h-8 e-w-8 disabled:e-cursor-not-allowed focus:e-outline-none", class: { ...e.buttonClasses, "e-h-10 e-w-10": !e.isListening }, attrs: { disabled: e.disabled }, on: { click: e.toggleListening } }, "button", e.$attrs, !1), e.$listeners), [e.isListening ? r("EVoiceInputVolumeIndicator", { attrs: { analyser: e.analyser, "is-listening": e.isListening } }, [r("EIcon", { staticClass: "e-chat-input__voice-btn--icon", attrs: { icon: "stop", color: "e-text-red-600" } })], 1) : r("EIcon", { attrs: { icon: "microphone" } })], 1)]);
 }, R7 = [], H7 = /* @__PURE__ */ H(
   F7,
   A7,
@@ -20952,7 +20972,7 @@ const oi = H7.exports, N7 = F.extend({
         "e-bg-white": !this.dark && !this.isSubmitDisabled && !this.disabled,
         "e-text-gray-500": !this.dark,
         "e-text-gray-300": this.dark,
-        "e-opacity-50": this.isSubmitDisabled || this.disabled
+        "e-opacity-25": this.isSubmitDisabled || this.disabled
       };
     },
     isSubmitDisabled() {
@@ -21022,7 +21042,7 @@ var j7 = function() {
   ] }, [e._t("input-action-button", function() {
     return [r("EVoiceInput", { attrs: { dark: e.dark, disabled: e.disabled, "silence-timeout": e.silenceTimeout }, on: { "on-voice-message-end": e.handleVoiceMessage }, model: { value: e.transcript, callback: function(n) {
       e.transcript = n;
-    }, expression: "transcript" } }), r("ETooltip", { attrs: { text: "Submit", dark: e.dark } }, [r("button", { staticClass: "e-chat-input__submit-btn e-inline-flex e-items-center e-justify-center e-cursor-pointer disabled:e-cursor-not-allowed disabled:e-opacity-50 e-h-8 e-w-8 e-border-none focus:e-outline-none", class: e.buttonClasses, attrs: { type: "button", disabled: e.isSubmitDisabled }, on: { click: function(n) {
+    }, expression: "transcript" } }), r("ETooltip", { attrs: { text: "Submit", dark: e.dark, disabled: e.disabled } }, [r("button", { staticClass: "e-chat-input__submit-btn e-inline-flex e-items-center e-justify-center e-cursor-pointer disabled:e-cursor-not-allowed disabled:e-opacity-25 e-h-8 e-w-8 e-border-none focus:e-outline-none", class: e.buttonClasses, attrs: { type: "button", disabled: e.isSubmitDisabled }, on: { click: function(n) {
       return n.preventDefault(), e.submitMessage.apply(null, arguments);
     } } }, [r("EIcon", { attrs: { icon: "arrow-up", size: "base" } })], 1)])];
   }, { buttonClasses: e.buttonClasses })], 2)]);