@aitronos/freddy-plugins 0.4.16 → 0.4.18

package/dist/web-components.js

@@ -59628,13 +59628,41 @@ const handleClick = () => {
   emits: ["send", "sendWithContext"],
   setup(t, { emit: e }) {
     const r = t, n = e, o = V(""), a = V(null), s = V(null), i = () => [
-      { id: "assistant-1", name: "General Assistant", description: "A helpful general-purpose assistant", default: !0 },
-      { id: "assistant-2", name: "Code Assistant", description: "Specialized in programming and development" },
-      { id: "assistant-3", name: "Writing Assistant", description: "Focused on writing and content creation" }
+      {
+        id: "assistant-1",
+        name: "General Assistant",
+        description: "A helpful general-purpose assistant",
+        default: !0
+      },
+      {
+        id: "assistant-2",
+        name: "Code Assistant",
+        description: "Specialized in programming and development"
+      },
+      {
+        id: "assistant-3",
+        name: "Writing Assistant",
+        description: "Focused on writing and content creation"
+      }
     ], l = () => [
-      { id: "gpt-4", name: "GPT-4", description: "Most capable model", owned_by: "openai" },
-      { id: "gpt-4-turbo", name: "GPT-4 Turbo", description: "Faster and more efficient", owned_by: "openai" },
-      { id: "gpt-3.5-turbo", name: "GPT-3.5 Turbo", description: "Fast and cost-effective", owned_by: "openai" }
+      {
+        id: "gpt-4",
+        name: "GPT-4",
+        description: "Most capable model",
+        owned_by: "openai"
+      },
+      {
+        id: "gpt-4-turbo",
+        name: "GPT-4 Turbo",
+        description: "Faster and more efficient",
+        owned_by: "openai"
+      },
+      {
+        id: "gpt-3.5-turbo",
+        name: "GPT-3.5 Turbo",
+        description: "Fast and cost-effective",
+        owned_by: "openai"
+      }
     ], c = V([]), u = V([]), _ = V(!1), m = V(!1), f = V(null), p = V(null), h = W(() => r.debugMode), b = V("None"), T = V(!1), S = V({
       requestSent: 0,
       apiResponseReceived: 0,
@@ -59642,16 +59670,22 @@ const handleClick = () => {
       ourStreamStart: 0,
       apiStreamEnd: 0,
       ourStreamEnd: 0
-    }), C = V(new Xs({
-      apiKey: r.apiKey,
-      baseUrl: r.apiBaseUrl
-    }));
-    je([() => r.apiKey, () => r.apiBaseUrl], ([L, k]) => {
-      C.value = new Xs({
-        apiKey: L,
-        baseUrl: k
-      });
-    }, { immediate: !1 });
+    }), C = V(
+      new Xs({
+        apiKey: r.apiKey,
+        baseUrl: r.apiBaseUrl
+      })
+    );
+    je(
+      [() => r.apiKey, () => r.apiBaseUrl],
+      ([L, k]) => {
+        C.value = new Xs({
+          apiKey: L,
+          baseUrl: k
+        });
+      },
+      { immediate: !1 }
+    );
     const v = async () => {
       var L, k;
       if (!r.apiKey) {
@@ -59671,7 +59705,9 @@ const handleClick = () => {
           signal: se.signal
         });
         if (clearTimeout(ye), !ue.ok)
-          throw new Error(`Failed to fetch assistants: ${ue.status} ${ue.statusText}`);
+          throw new Error(
+            `Failed to fetch assistants: ${ue.status} ${ue.statusText}`
+          );
         const le = await ue.json(), Le = Array.isArray(le) ? le : le.data || [];
         c.value = Le.map((fe) => ({
           id: fe.id.toString(),
@@ -59681,7 +59717,9 @@ const handleClick = () => {
         })), c.value.length > 0 && !c.value.some((fe) => fe.default) && (c.value[0].default = !0);
       } catch (U) {
         const G = U instanceof Error ? U.message : "Failed to fetch assistants";
-        f.value = G, U.name !== "AbortError" && (G.includes("CORS") || G.includes("Access-Control-Allow-Origin") ? (L = s.value) == null || L.showErrorBanner("CORS Error: Cannot connect to Freddy API from localhost. Try using the production build or configure CORS.") : (k = s.value) == null || k.showErrorBanner(`API Error: ${G}`)), c.value = [];
+        f.value = G, U.name !== "AbortError" && (G.includes("CORS") || G.includes("Access-Control-Allow-Origin") ? (L = s.value) == null || L.showErrorBanner(
+          "CORS Error: Cannot connect to Freddy API from localhost. Try using the production build or configure CORS."
+        ) : (k = s.value) == null || k.showErrorBanner(`API Error: ${G}`)), c.value = [];
       } finally {
         _.value = !1;
       }
@@ -59704,7 +59742,9 @@ const handleClick = () => {
           signal: se.signal
         });
         if (clearTimeout(ye), !ue.ok)
-          throw new Error(`Failed to fetch models: ${ue.status} ${ue.statusText}`);
+          throw new Error(
+            `Failed to fetch models: ${ue.status} ${ue.statusText}`
+          );
         const le = await ue.json(), fe = (Array.isArray(le) ? le : le.data || []).map((J) => ({
           id: J.id.toString(),
           name: J.title || J.name || `Model ${J.id}`,
@@ -59715,23 +59755,28 @@ const handleClick = () => {
         fe.length > 0 && (fe[0].default = !0), u.value = fe;
       } catch (U) {
         const G = U instanceof Error ? U.message : "Failed to fetch models";
-        f.value = G, U.name !== "AbortError" && (G.includes("CORS") || G.includes("Access-Control-Allow-Origin") ? (L = s.value) == null || L.showErrorBanner("CORS Error: Cannot connect to Freddy API from localhost. Try using the production build or configure CORS.") : (k = s.value) == null || k.showErrorBanner(`API Error: ${G}`)), u.value = [];
+        f.value = G, U.name !== "AbortError" && (G.includes("CORS") || G.includes("Access-Control-Allow-Origin") ? (L = s.value) == null || L.showErrorBanner(
+          "CORS Error: Cannot connect to Freddy API from localhost. Try using the production build or configure CORS."
+        ) : (k = s.value) == null || k.showErrorBanner(`API Error: ${G}`)), u.value = [];
       } finally {
         m.value = !1;
       }
     }, R = async () => {
       if (!r.apiKey) return Promise.resolve();
       try {
-        const L = new AbortController(), k = setTimeout(() => L.abort(), 5e3), U = await fetch(`${r.apiBaseUrl}/v1/organizations/${r.organizationId}/models`, {
-          method: "GET",
-          headers: {
-            "api-key": r.apiKey,
-            "Content-Type": "application/json",
-            accept: "application/json"
-          },
-          mode: "cors",
-          signal: L.signal
-        });
+        const L = new AbortController(), k = setTimeout(() => L.abort(), 5e3), U = await fetch(
+          `${r.apiBaseUrl}/v1/organizations/${r.organizationId}/models`,
+          {
+            method: "GET",
+            headers: {
+              "api-key": r.apiKey,
+              "Content-Type": "application/json",
+              accept: "application/json"
+            },
+            mode: "cors",
+            signal: L.signal
+          }
+        );
         if (clearTimeout(k), !U.ok) {
           const G = await U.text();
         }
@@ -59779,7 +59824,9 @@ const handleClick = () => {
           // streaming handled by server; request stays JSON here
         };
         p.value;
-        const J = F.value.findIndex((ne) => ne.id === G);
+        const J = F.value.findIndex(
+          (ne) => ne.id === G
+        );
         let Oe = "";
         b.value = `🔍 INDEX LOOKUP: ${G} -> ${J} (total: ${F.value.length})`, T.value = !0, b.value = "Starting stream...", S.value = {
           requestSent: 0,
@@ -59846,11 +59893,15 @@ const handleClick = () => {
         }
       } catch (fe) {
         T.value = !1;
-        const J = F.value.findIndex((Oe) => Oe.id === G);
+        const J = F.value.findIndex(
+          (Oe) => Oe.id === G
+        );
         J !== -1 && (F.value[J] = {
           ...F.value[J],
           content: "Sorry, I encountered an error while processing your message. Please try again."
-        }), (Le = s.value) == null || Le.showErrorBanner(`Failed to send message: ${fe instanceof Error ? fe.message : "Unknown error"}`);
+        }), (Le = s.value) == null || Le.showErrorBanner(
+          `Failed to send message: ${fe instanceof Error ? fe.message : "Unknown error"}`
+        );
       }
     }, A = new ct({
       html: !0,
@@ -60123,7 +60174,7 @@ This should give you a solid foundation for building **maintainable**, **type-sa
             ]),
             S.value.ourStreamEnd && S.value.requestSent ? (g(), E("div", Iv, [
               k[12] || (k[12] = d("strong", null, "🕒 Total Time:", -1)),
-              _e(" " + w(S.value.ourStreamEnd - S.value.requestSent) + "ms", 1)
+              _e(" " + w(S.value.ourStreamEnd - S.value.requestSent) + "ms ", 1)
             ])) : K("", !0)
           ]),
           F.value.length > 0 ? (g(), E("div", Dv, [
@@ -60152,7 +60203,7 @@ This should give you a solid foundation for building **maintainable**, **type-sa
         ])])) : D.value.length === 0 ? (g(), E("div", Lv, [...k[16] || (k[16] = [
           d("div", { class: "chat-interface__welcome-icon" }, "💬", -1),
           d("h3", { class: "chat-interface__welcome-title" }, "Start a conversation", -1),
-          d("p", { class: "chat-interface__welcome-text" }, "Type a message below to begin chatting with your AI assistant.", -1)
+          d("p", { class: "chat-interface__welcome-text" }, " Type a message below to begin chatting with your AI assistant. ", -1)
         ])])) : (g(!0), E(be, { key: 2 }, ve(D.value, (U) => (g(), E("div", {
           key: U.id,
           class: "chat-interface__message-container"
@@ -60184,7 +60235,7 @@ This should give you a solid foundation for building **maintainable**, **type-sa
       ])
     ]));
   }
-}), Uv = ".chat-interface{display:flex;flex-direction:column;height:100%;width:100%;background:var(--freddy-bg-primary);border-radius:12px;box-shadow:0 4px 6px -1px var(--border-light);overflow:visible;position:relative}.chat-interface__debug-panel{background:#1f2937;color:#f9fafb;border-bottom:2px solid #374151;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;max-height:200px;overflow-y:auto}.chat-interface__debug-header{background:#111827;padding:8px 12px;font-weight:700;border-bottom:1px solid #374151}.chat-interface__debug-content{padding:8px 12px;line-height:1.4}.chat-interface__debug-content>div{margin-bottom:4px}.chat-interface__debug-messages{margin-top:8px;padding-top:8px;border-top:1px solid #374151;max-height:100px;overflow-y:auto}.chat-interface__debug-message{font-size:10px;margin-bottom:2px;color:#d1d5db}.chat-interface__debug-timing{margin-top:8px;padding-top:8px;border-top:1px solid #374151;font-size:10px;line-height:1.3}.chat-interface__debug-timing>div{margin-bottom:2px}.chat-interface__thread-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f0f9ff;border-bottom:1px solid #bae6fd;font-size:12px;color:#0369a1}.chat-interface__thread-icon{font-size:14px}.chat-interface__thread-text{font-weight:500}.chat-interface__loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;color:#6b7280;font-size:14px}.chat-interface__loading-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:freddy-plugin-spin 1s linear infinite}.chat-interface__loading-text{font-weight:500}@keyframes freddy-plugin-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-interface__welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;color:#6b7280}.chat-interface__welcome-icon{font-size:48px;margin-bottom:16px}.chat-interface__welcome-title{font-size:20px;font-weight:600;color:#374151;margin:0 0 8px}.chat-interface__welcome-text{font-size:14px;margin:0;line-height:1.5}.chat-interface__messages{flex:1;overflow-y:auto;overflow-x:visible;padding:32px;min-height:400px;max-height:600px}@media (max-width: 768px){.chat-interface__messages{padding:20px 8px}}.chat-interface__message-container{margin-bottom:20px}.chat-interface__message-container:last-child{margin-bottom:0}.chat-interface__input-bar{padding:0 24px 12px;background:transparent!important;overflow:visible}", Gv = /* @__PURE__ */ N(Bv, [["styles", [Uv]]]), Yv = { class: "freddy-plugin-color-comparison" }, Hv = {
+}), Uv = ".chat-interface{display:flex;flex-direction:column;height:100%;width:100%;background:var(--freddy-bg-primary);border-radius:12px;box-shadow:0 4px 6px -1px var(--border-light);overflow:visible;position:relative}.chat-interface__debug-panel{background:#1f2937;color:#f9fafb;border-bottom:2px solid #374151;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:11px;max-height:200px;overflow-y:auto}.chat-interface__debug-header{background:#111827;padding:8px 12px;font-weight:700;border-bottom:1px solid #374151}.chat-interface__debug-content{padding:8px 12px;line-height:1.4}.chat-interface__debug-content>div{margin-bottom:4px}.chat-interface__debug-messages{margin-top:8px;padding-top:8px;border-top:1px solid #374151;max-height:100px;overflow-y:auto}.chat-interface__debug-message{font-size:10px;margin-bottom:2px;color:#d1d5db}.chat-interface__debug-timing{margin-top:8px;padding-top:8px;border-top:1px solid #374151;font-size:10px;line-height:1.3}.chat-interface__debug-timing>div{margin-bottom:2px}.chat-interface__thread-indicator{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f0f9ff;border-bottom:1px solid #bae6fd;font-size:12px;color:#0369a1}.chat-interface__thread-icon{font-size:14px}.chat-interface__thread-text{font-weight:500}.chat-interface__loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px;color:#6b7280;font-size:14px}.chat-interface__loading-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:freddy-plugin-spin 1s linear infinite}.chat-interface__loading-text{font-weight:500}@keyframes freddy-plugin-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-interface__welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;color:#6b7280}.chat-interface__welcome-icon{font-size:48px;margin-bottom:16px}.chat-interface__welcome-title{font-size:20px;font-weight:600;color:#374151;margin:0 0 8px}.chat-interface__welcome-text{font-size:14px;margin:0;line-height:1.5}.chat-interface__messages{flex:1;overflow-y:auto;overflow-x:visible;padding:32px;min-height:400px}@media (max-width: 768px){.chat-interface__messages{padding:20px 8px}}.chat-interface__message-container{margin-bottom:20px}.chat-interface__message-container:last-child{margin-bottom:0}.chat-interface__input-bar{padding:0 24px 12px;background:transparent!important;overflow:visible}", Gv = /* @__PURE__ */ N(Bv, [["styles", [Uv]]]), Yv = { class: "freddy-plugin-color-comparison" }, Hv = {
   key: 0,
   class: "freddy-plugin-loading"
 }, Vv = {