@meistrari/chat-nuxt 1.1.2 → 1.2.0

package/dist/runtime/composables/usePdf.js

@@ -1,7 +1,17 @@
 import * as Sentry from "@sentry/nuxt";
-import * as pdfjsLib from "pdfjs-dist";
-import { markRaw } from "vue";
-pdfjsLib.GlobalWorkerOptions.workerSrc = `https://unpkg.com/pdfjs-dist@${pdfjsLib.version}/build/pdf.worker.min.mjs`;
+import { markRaw, onUnmounted, reactive, watch } from "vue";
+let pdfjsLibPromise = null;
+async function loadPdfjs() {
+  if (!import.meta.client)
+    return null;
+  if (!pdfjsLibPromise) {
+    pdfjsLibPromise = import("pdfjs-dist").then((lib) => {
+      lib.GlobalWorkerOptions.workerSrc = `https://unpkg.com/pdfjs-dist@${lib.version}/build/pdf.worker.min.mjs`;
+      return lib;
+    });
+  }
+  return pdfjsLibPromise;
+}
 export function usePdf(url) {
   const state = reactive({
     pdfDoc: null,
@@ -13,6 +23,11 @@ export function usePdf(url) {
   async function loadPdf() {
     if (isUnmounted)
       return null;
+    const pdfjsLib = await loadPdfjs();
+    if (!pdfjsLib) {
+      state.isLoading = false;
+      return null;
+    }
     state.isLoading = true;
     state.loadError = null;
     try {
@@ -68,6 +83,9 @@ export function usePdf(url) {
   async function renderTextLayer(page, viewport, textLayer, highlight, highlightPage, pageNum) {
     if (isUnmounted)
       return;
+    const pdfjsLib = await loadPdfjs();
+    if (!pdfjsLib)
+      return;
     textLayer.innerHTML = "";
     textLayer.style.width = `${viewport.width}px`;
     textLayer.style.height = `${viewport.height}px`;

package/dist/runtime/composables/useWorkspaceContextFiles.d.ts

@@ -1,8 +1,7 @@
 import type { ContextFile } from '../server/db/schema.js';
-import type { WorkspaceSettings, WorkspaceSettingsUpdate } from './useWorkspaceSettings.js';
 export declare const MAX_FILES = 10;
 export declare const MAX_FILE_SIZE: number;
-export declare function useWorkspaceContextFiles(searchQuery: Ref<string>, currentContextFiles: Ref<readonly ContextFile[] | null | undefined> | ComputedRef<readonly ContextFile[] | null | undefined>, updateSettings: (updates: WorkspaceSettingsUpdate) => Promise<WorkspaceSettings>): {
+export declare function useWorkspaceContextFiles(searchQuery: Ref<string>, currentContextFiles: Ref<readonly ContextFile[] | null | undefined> | ComputedRef<readonly ContextFile[] | null | undefined>): {
     pendingFiles: any;
     filteredContextFiles: any;
     filteredPendingFiles: any;
@@ -11,9 +10,10 @@ export declare function useWorkspaceContextFiles(searchQuery: Ref<string>, curre
     maxFiles: number;
     handleFileSelect: (event: Event) => void;
     removePendingFile: (file: File) => void;
-    removeContextFile: (url: string) => Promise<void>;
+    removeContextFile: (url: string) => void;
     getFileType: (fileName: string) => string;
     initialize: () => void;
     getPendingFiles: () => File[];
+    getKeptContextFiles: () => ContextFile[];
     clearPendingFiles: () => void;
 };

package/dist/runtime/composables/useWorkspaceContextFiles.js

@@ -1,14 +1,16 @@
 export const MAX_FILES = 10;
 export const MAX_FILE_SIZE = 10 * 1024 * 1024;
-export function useWorkspaceContextFiles(searchQuery, currentContextFiles, updateSettings) {
+export function useWorkspaceContextFiles(searchQuery, currentContextFiles) {
   const pendingFiles = ref([]);
+  const removedUrls = ref(/* @__PURE__ */ new Set());
+  const effectiveContextFiles = computed(
+    () => (currentContextFiles.value ?? []).filter((file) => !removedUrls.value.has(file.url))
+  );
   const filteredContextFiles = computed(() => {
-    if (!currentContextFiles.value)
-      return [];
     if (!searchQuery.value.trim())
-      return currentContextFiles.value;
+      return effectiveContextFiles.value;
     const query = searchQuery.value.toLowerCase();
-    return currentContextFiles.value.filter(
+    return effectiveContextFiles.value.filter(
       (file) => file.name.toLowerCase().includes(query)
     );
   });
@@ -21,10 +23,10 @@ export function useWorkspaceContextFiles(searchQuery, currentContextFiles, updat
     );
   });
   const currentFileCount = computed(
-    () => (currentContextFiles.value?.length ?? 0) + pendingFiles.value.length
+    () => effectiveContextFiles.value.length + pendingFiles.value.length
   );
   const hasChanges = computed(
-    () => pendingFiles.value.length > 0
+    () => pendingFiles.value.length > 0 || removedUrls.value.size > 0
   );
   function handleFileSelect(event) {
     const target = event.target;
@@ -40,21 +42,27 @@ export function useWorkspaceContextFiles(searchQuery, currentContextFiles, updat
     if (idx !== -1)
       pendingFiles.value = pendingFiles.value.filter((_, i) => i !== idx);
   }
-  async function removeContextFile(url) {
-    const newFiles = (currentContextFiles.value ?? []).filter((f) => f.url !== url);
-    await updateSettings({ contextFiles: newFiles.length > 0 ? newFiles : null });
+  function removeContextFile(url) {
+    const next = new Set(removedUrls.value);
+    next.add(url);
+    removedUrls.value = next;
   }
   function getFileType(fileName) {
     return fileName.split(".").pop()?.toUpperCase() ?? "";
   }
   function initialize() {
     pendingFiles.value = [];
+    removedUrls.value = /* @__PURE__ */ new Set();
   }
   function getPendingFiles() {
     return [...pendingFiles.value];
   }
+  function getKeptContextFiles() {
+    return [...effectiveContextFiles.value];
+  }
   function clearPendingFiles() {
     pendingFiles.value = [];
+    removedUrls.value = /* @__PURE__ */ new Set();
   }
   return {
     pendingFiles: readonly(pendingFiles),
@@ -69,6 +77,7 @@ export function useWorkspaceContextFiles(searchQuery, currentContextFiles, updat
     getFileType,
     initialize,
     getPendingFiles,
+    getKeptContextFiles,
     clearPendingFiles
   };
 }

package/dist/runtime/composables/useWorkspaceCredentials.d.ts

@@ -2,14 +2,14 @@ import type { WorkspaceCredential } from '../types/credential.js';
 export declare function useWorkspaceCredentials(searchQuery?: Ref<string>): {
     credentials: any;
     loading: any;
-    fetchCredentials: () => Promise<any>;
+    fetchCredentials: () => Promise<WorkspaceCredential[]>;
     createCredential: (payload: {
         key: string;
         value: string;
-    }) => Promise<any>;
+    }) => Promise<WorkspaceCredential>;
     updateCredential: (id: string, payload: {
         value: string;
-    }) => Promise<any>;
+    }) => Promise<WorkspaceCredential>;
     deleteCredential: (id: string) => Promise<void>;
     filteredCredentials: any;
     credentialModalOpen: any;

package/dist/runtime/composables/useWorkspaceExternalSkills.d.ts

@@ -1,5 +1,5 @@
 import type { ExternalSkill } from '../server/db/schema.js';
-export declare function useWorkspaceExternalSkills(searchQuery?: Ref<string>): {
+export declare function useWorkspaceExternalSkills(currentExternalSkills: Ref<readonly ExternalSkill[] | null | undefined> | ComputedRef<readonly ExternalSkill[] | null | undefined>, searchQuery?: Ref<string>): {
     displayedSkills: any;
     filteredSkills: any;
     hasChanges: any;

package/dist/runtime/composables/useWorkspaceExternalSkills.js

@@ -1,15 +1,14 @@
-export function useWorkspaceExternalSkills(searchQuery) {
-  const { settings } = useWorkspaceSettings();
+export function useWorkspaceExternalSkills(currentExternalSkills, searchQuery) {
   const { user } = useTelaApplicationAuth();
   const { connection: skillsConnection, fetchConnection: fetchGitHubConnection, connect: connectGitHub } = useGitHubSkills();
-  const pendingSkills = useState("workspace-external-skills-pending", () => []);
-  const removedRefs = useState("workspace-external-skills-removed", () => []);
+  const pendingSkills = ref([]);
+  const removedRefs = ref([]);
   const skillModalOpen = ref(false);
   const skillRefInput = ref("");
   const skillError = ref("");
   const discoveringSkills = ref(false);
   const displayedSkills = computed(() => {
-    const current = (settings.value?.externalSkills ?? []).filter((s) => !removedRefs.value.includes(s.ref));
+    const current = (currentExternalSkills.value ?? []).filter((s) => !removedRefs.value.includes(s.ref));
     return [...current, ...pendingSkills.value];
   });
   const filteredSkills = computed(() => {
@@ -38,7 +37,7 @@ export function useWorkspaceExternalSkills(searchQuery) {
     removedRefs.value = [...removedRefs.value, ref2];
   }
   function buildExternalSkills() {
-    const currentSkills = (settings.value?.externalSkills ?? []).filter((s) => !removedRefs.value.includes(s.ref)).map((s) => ({
+    const currentSkills = (currentExternalSkills.value ?? []).filter((s) => !removedRefs.value.includes(s.ref)).map((s) => ({
       ...s,
       allowedTools: [...s.allowedTools],
       addedBy: { ...s.addedBy }

package/dist/runtime/composables/useWorkspacePersonalization.d.ts

@@ -1,4 +1,4 @@
-export declare function useWorkspacePersonalization(): {
+export declare function useWorkspacePersonalization(currentSystemMessage: Ref<string | null | undefined> | ComputedRef<string | null | undefined>): {
     localSystemMessage: any;
     hasChanges: any;
     getSystemMessage: () => string | null;

package/dist/runtime/composables/useWorkspacePersonalization.js

@@ -1,14 +1,13 @@
-export function useWorkspacePersonalization() {
-  const { settings } = useWorkspaceSettings();
-  const localSystemMessage = useState("workspace-personalization-system-message", () => "");
+export function useWorkspacePersonalization(currentSystemMessage) {
+  const localSystemMessage = ref("");
   const hasChanges = computed(
-    () => localSystemMessage.value !== (settings.value?.systemMessage ?? "")
+    () => localSystemMessage.value !== (currentSystemMessage.value ?? "")
   );
   function getSystemMessage() {
     return localSystemMessage.value.trim() || null;
   }
   function initialize() {
-    localSystemMessage.value = settings.value?.systemMessage ?? "";
+    localSystemMessage.value = currentSystemMessage.value ?? "";
   }
   return {
     localSystemMessage,

package/dist/runtime/composables/useWorkspaceSettings.js

@@ -2,7 +2,8 @@ import * as Sentry from "@sentry/nuxt";
 export function useWorkspaceSettings() {
   const chatApi = useChatApi();
   const embedConfig = useEmbedConfig();
-  const workspaceScope = computed(() => embedConfig?.workspaceId.value.trim() || "default");
+  const { activeOrganization } = useTelaApplicationAuth();
+  const workspaceScope = computed(() => embedConfig?.workspaceId.value.trim() || activeOrganization.value?.id?.trim() || "default");
   const settingsBuckets = useState("workspace-settings", () => ({}));
   const loadingBuckets = useState("workspace-settings-loading", () => ({}));
   const errorBuckets = useState("workspace-settings-error", () => ({}));
@@ -35,7 +36,8 @@ export function useWorkspaceSettings() {
   });
   const isModalOpen = useState("workspace-settings-modal-open", () => false);
   const initialTab = useState("workspace-settings-initial-tab", () => null);
-  if (embedConfig !== null && embedConfig.workspaceSettings.value !== void 0) {
+  const hasWorkspaceSettingsOverride = computed(() => embedConfig?.workspaceSettings.value !== void 0);
+  if (embedConfig !== null && hasWorkspaceSettingsOverride.value) {
     settings.value = embedConfig.workspaceSettings.value;
   }
   if (embedConfig !== null) {
@@ -64,7 +66,9 @@ export function useWorkspaceSettings() {
     try {
       const currentSettings = settings.value;
       let data;
-      if (embedConfig !== null) {
+      if (hasWorkspaceSettingsOverride.value) {
+        return settings.value;
+      } else if (embedConfig !== null) {
         data = await $fetch(
           chatApi.path("/workspace/settings"),
           chatApi.withChatHeaders()
@@ -88,7 +92,7 @@ export function useWorkspaceSettings() {
           externalSkills: data.externalSkills
         };
         if (JSON.stringify(hydratedSettings) !== JSON.stringify(trustedSettings)) {
-          console.warn("[TelaChat] Hydrated workspace settings differ from trusted server settings");
+          console.warn("[MeistrariChatEmbed] Hydrated workspace settings differ from trusted server settings");
         }
       }
       settings.value = data;
@@ -102,15 +106,14 @@ export function useWorkspaceSettings() {
     }
   }
   async function updateSettings(updates) {
-    if (embedConfig !== null)
+    if (hasWorkspaceSettingsOverride.value)
       return settings.value;
     loading.value = true;
     error.value = null;
     try {
-      const data = await $fetch("/api/workspace/settings", {
-        method: "PATCH",
-        body: updates
-      });
+      const path = embedConfig !== null ? chatApi.path("/workspace/settings") : "/api/workspace/settings";
+      const options = embedConfig !== null ? chatApi.withChatHeaders({ method: "PATCH", body: updates }) : { method: "PATCH", body: updates };
+      const data = await $fetch(path, options);
       settings.value = data;
       return data;
     } catch (e) {

package/dist/runtime/embed/components/ChatConfigurationModal.d.vue.ts

@@ -0,0 +1,25 @@
+import type { DeepReadonly } from 'vue';
+import type { WorkspaceSettings, WorkspaceSettingsUpdate } from '../../composables/useWorkspaceSettings.js';
+export type ChatConfigurationTab = 'personalization' | 'context-files' | 'knowledge-sources' | 'tela-tools' | 'external-skills' | 'credentials';
+export type ChatConfigurationSavePayload = {
+    updates: WorkspaceSettingsUpdate;
+    onSaved: () => void;
+};
+type __VLS_Props = {
+    open: boolean;
+    settings?: DeepReadonly<WorkspaceSettings> | WorkspaceSettings | null;
+    initialTab?: ChatConfigurationTab;
+    saving?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    save: (payload: ChatConfigurationSavePayload) => any;
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSave?: ((payload: ChatConfigurationSavePayload) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    initialTab: ChatConfigurationTab;
+    saving: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;