-
@@ -77,16 +124,16 @@ const executeDelete = () => {
:class="statusClasses[props.data.status]"
>
-
-
-
-
diff --git a/services/frontend/libs/admin-app/utils/document-icon.utils.spec.ts b/services/frontend/libs/admin-app/utils/document-icon.utils.spec.ts
new file mode 100644
index 00000000..8368ab44
--- /dev/null
+++ b/services/frontend/libs/admin-app/utils/document-icon.utils.spec.ts
@@ -0,0 +1,43 @@
+import {
+ iconBook,
+ iconFile,
+ iconFileArchive,
+ iconFileGlobe,
+ iconFilePdf,
+ iconFileText,
+ iconPicture,
+} from '@sit-onyx/icons';
+
+import { getDocumentIcon } from './document-icon.utils';
+
+describe('getDocumentIcon', () => {
+ it('maps source prefixes', () => {
+ expect(getDocumentIcon('confluence:Some Page')).toBe(iconBook);
+ expect(getDocumentIcon('sitemap:https://example.com/sitemap.xml')).toBe(iconFileGlobe);
+ expect(getDocumentIcon('other:whatever')).toBe(iconFileGlobe);
+ });
+
+ it('maps file prefix extensions', () => {
+ expect(getDocumentIcon('file:report.pdf')).toBe(iconFilePdf);
+ expect(getDocumentIcon('file:archive.tar.gz')).toBe(iconFileArchive);
+ expect(getDocumentIcon('file:image.svg')).toBe(iconPicture);
+ expect(getDocumentIcon('file:README.md')).toBe(iconFileText);
+ });
+
+ it('maps plain filenames', () => {
+ expect(getDocumentIcon('report.pdf')).toBe(iconFilePdf);
+ expect(getDocumentIcon('archive.zip')).toBe(iconFileArchive);
+ });
+
+ it('defaults to the generic file icon for unknown extensions', () => {
+ expect(getDocumentIcon('file:unknown.bin')).toBe(iconFile);
+ });
+
+ it('handles missing or malformed extensions', () => {
+ expect(getDocumentIcon('noextension')).toBe(iconFile);
+ expect(getDocumentIcon('.hiddenfile')).toBe(iconFile);
+ expect(getDocumentIcon('trailing.')).toBe(iconFile);
+ expect(getDocumentIcon('file:')).toBe(iconFile);
+ });
+});
+
diff --git a/services/frontend/libs/admin-app/utils/document-icon.utils.ts b/services/frontend/libs/admin-app/utils/document-icon.utils.ts
new file mode 100644
index 00000000..493d82e8
--- /dev/null
+++ b/services/frontend/libs/admin-app/utils/document-icon.utils.ts
@@ -0,0 +1,106 @@
+import {
+ iconBook,
+ iconFile,
+ iconFileArchive,
+ iconFileAudio,
+ iconFileCsv,
+ iconFileDoc,
+ iconFileGlobe,
+ iconFilePdf,
+ iconFilePpt,
+ iconFileRtf,
+ iconFileText,
+ iconFileXls,
+ iconFileXlsx,
+ iconPicture,
+} from "@sit-onyx/icons";
+
+const splitSourcePrefix = (documentName: string): { source?: string; rest: string } => {
+ const trimmed = String(documentName ?? "").trim();
+ const separatorIndex = trimmed.indexOf(":");
+ if (separatorIndex === -1) {
+ return { rest: trimmed };
+ }
+
+ const source = trimmed.slice(0, separatorIndex).toLowerCase();
+ const rest = trimmed.slice(separatorIndex + 1);
+ return { source, rest };
+};
+
+const getFileExtension = (filename: string): string | null => {
+ const normalized = String(filename ?? "").trim();
+ const lastDot = normalized.lastIndexOf(".");
+ if (lastDot <= 0 || lastDot === normalized.length - 1) {
+ return null;
+ }
+ return normalized.slice(lastDot + 1).toLowerCase();
+};
+
+export const getDocumentIcon = (documentName: string): string => {
+ const { source, rest } = splitSourcePrefix(documentName);
+
+ if (source && source !== "file") {
+ if (source === "sitemap") return iconFileGlobe;
+ if (source === "confluence") return iconBook;
+ return iconFileGlobe;
+ }
+
+ const filename = source === "file" ? rest : documentName;
+ const extension = getFileExtension(filename);
+
+ switch (extension) {
+ case "pdf":
+ return iconFilePdf;
+ case "doc":
+ case "docx":
+ return iconFileDoc;
+ case "ppt":
+ case "pptx":
+ return iconFilePpt;
+ case "xls":
+ return iconFileXls;
+ case "xlsx":
+ return iconFileXlsx;
+ case "csv":
+ return iconFileCsv;
+ case "rtf":
+ return iconFileRtf;
+ case "zip":
+ case "rar":
+ case "7z":
+ case "tar":
+ case "gz":
+ case "tgz":
+ return iconFileArchive;
+ case "mp3":
+ case "wav":
+ case "flac":
+ case "ogg":
+ case "m4a":
+ return iconFileAudio;
+ case "epub":
+ return iconBook;
+ case "jpeg":
+ case "jpg":
+ case "png":
+ case "gif":
+ case "bmp":
+ case "tif":
+ case "tiff":
+ case "webp":
+ case "svg":
+ return iconPicture;
+ case "xml":
+ case "html":
+ case "htm":
+ case "md":
+ case "mdx":
+ case "txt":
+ case "asciidoc":
+ case "adoc":
+ return iconFileText;
+ default:
+ return iconFile;
+ }
+};
+
diff --git a/services/frontend/libs/admin-app/vite.config.mts b/services/frontend/libs/admin-app/vite.config.mts
new file mode 100644
index 00000000..b38af4fd
--- /dev/null
+++ b/services/frontend/libs/admin-app/vite.config.mts
@@ -0,0 +1,16 @@
+import { defineConfig } from 'vite';
+
+import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
+
+export default defineConfig({
+ root: __dirname,
+ cacheDir: '../../node_modules/.vite/libs/admin-app',
+
+ plugins: [nxViteTsPaths()],
+ test: {
+ globals: true,
+ environment: 'node',
+ include: ['**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+ },
+});
+
diff --git a/services/frontend/libs/admin-app/vue-shims.d.ts b/services/frontend/libs/admin-app/vue-shims.d.ts
index 71b53bbf..6f7437fe 100644
--- a/services/frontend/libs/admin-app/vue-shims.d.ts
+++ b/services/frontend/libs/admin-app/vue-shims.d.ts
@@ -1,8 +1,6 @@
///
-
@@ -108,4 +109,4 @@ textarea::-webkit-scrollbar-thumb {
textarea::-webkit-scrollbar-thumb:hover {
background-color: rgba(156, 163, 175, 0.7);
}
-
\ No newline at end of file
+
diff --git a/services/frontend/libs/chat-app/feature-chat/ChatView.vue b/services/frontend/libs/chat-app/feature-chat/ChatView.vue
index 29021b4f..43d80bab 100644
--- a/services/frontend/libs/chat-app/feature-chat/ChatView.vue
+++ b/services/frontend/libs/chat-app/feature-chat/ChatView.vue
@@ -6,6 +6,8 @@ import { useChatStore } from "../data-access/+state/chat.store";
import ChatDocumentContainer from "../ui/ChatDocumentContainer.vue";
import { onMounted } from "vue";
import { newUid } from "@shared/utils";
+import { iconChevronLeft, iconChevronRight } from "@sit-onyx/icons";
+import { OnyxIcon } from "@shared/ui";
const chatStore = useChatStore();
@@ -15,9 +17,9 @@ onMounted(() => chatStore.initiateConversation(newUid()));
-
+
chatStore.initiateConversation(newUid()));
-
-
+
+
diff --git a/services/frontend/libs/chat-app/models/chat-bubble.model.ts b/services/frontend/libs/chat-app/models/chat-bubble.model.ts
index 92524e14..68b6b0c3 100644
--- a/services/frontend/libs/chat-app/models/chat-bubble.model.ts
+++ b/services/frontend/libs/chat-app/models/chat-bubble.model.ts
@@ -1,6 +1,7 @@
export interface ChatBubbleModel {
id: string;
text?: string;
+ rawText?: string;
time?: string;
avatarSrc: string;
name: string;
diff --git a/services/frontend/libs/chat-app/models/chat-message.model.ts b/services/frontend/libs/chat-app/models/chat-message.model.ts
index 443d725c..c0531a92 100644
--- a/services/frontend/libs/chat-app/models/chat-message.model.ts
+++ b/services/frontend/libs/chat-app/models/chat-message.model.ts
@@ -3,9 +3,10 @@ import {ChatRole} from "./chat-role.type";
export interface ChatMessageModel {
id: string;
text?: string;
+ rawText?: string;
anchorIds?: number[];
dateTime?: Date;
role: ChatRole;
hasError?: boolean;
skipAPI?: boolean;
-}
\ No newline at end of file
+}
diff --git a/services/frontend/libs/chat-app/models/chat-request.model.ts b/services/frontend/libs/chat-app/models/chat-request.model.ts
index 96ae11f8..47ccb7fd 100644
--- a/services/frontend/libs/chat-app/models/chat-request.model.ts
+++ b/services/frontend/libs/chat-app/models/chat-request.model.ts
@@ -14,7 +14,7 @@ export const mapToChatRequestModel = (session_id: string, message: string, histo
history: {
messages: historyList.filter(o => !o.hasError).map((o) => ({
role: o.role,
- message: o.text
+ message: o.rawText ?? o.text
} as ChatHistoryMessage))
}
-});
\ No newline at end of file
+});
diff --git a/services/frontend/libs/chat-app/ui/ChatBubble.vue b/services/frontend/libs/chat-app/ui/ChatBubble.vue
index 5ca76e40..2c7a17ba 100644
--- a/services/frontend/libs/chat-app/ui/ChatBubble.vue
+++ b/services/frontend/libs/chat-app/ui/ChatBubble.vue
@@ -1,8 +1,34 @@
@@ -43,6 +78,7 @@ const scrollReveal = (anchorId: string) => {
>
+
+
+
+
+
+
-
- =>
});
-
+
diff --git a/services/frontend/libs/chat-app/ui/ChatDocumentGroup.vue b/services/frontend/libs/chat-app/ui/ChatDocumentGroup.vue
index a3551335..fac1b25c 100644
--- a/services/frontend/libs/chat-app/ui/ChatDocumentGroup.vue
+++ b/services/frontend/libs/chat-app/ui/ChatDocumentGroup.vue
@@ -1,5 +1,6 @@
-
+
@@ -83,10 +132,14 @@ const scrollReveal = (anchorId: string) => {
\ No newline at end of file
+
diff --git a/services/frontend/libs/chat-app/ui/ChatDocumentContainer.vue b/services/frontend/libs/chat-app/ui/ChatDocumentContainer.vue
index 70d3eeef..5f949125 100644
--- a/services/frontend/libs/chat-app/ui/ChatDocumentContainer.vue
+++ b/services/frontend/libs/chat-app/ui/ChatDocumentContainer.vue
@@ -24,7 +24,7 @@ const groupedDocuments = computed((): Record
+
-
+
+
+
+
+
![]()
diff --git a/services/frontend/libs/shared/ui/OnyxIcon.spec.ts b/services/frontend/libs/shared/ui/OnyxIcon.spec.ts
new file mode 100644
index 00000000..724444ac
--- /dev/null
+++ b/services/frontend/libs/shared/ui/OnyxIcon.spec.ts
@@ -0,0 +1,100 @@
+import { mount } from '@vue/test-utils';
+
+import OnyxIcon from './OnyxIcon.vue';
+
+describe('OnyxIcon', () => {
+ it('renders a valid svg string', () => {
+ const wrapper = mount(OnyxIcon, {
+ props: {
+ icon: '',
+ },
+ });
+
+ expect(wrapper.find('svg').exists()).toBe(true);
+ expect(wrapper.find('path').exists()).toBe(true);
+ });
+
+ it('removes event handler attributes', () => {
+ const wrapper = mount(OnyxIcon, {
+ props: {
+ icon: '',
+ },
+ });
+
+ expect(wrapper.find('svg').exists()).toBe(true);
+ expect(wrapper.find('path').attributes('onload')).toBeUndefined();
+ });
+
+ it('removes javascript: href attributes', () => {
+ const wrapper = mount(OnyxIcon, {
+ props: {
+ icon: '',
+ },
+ });
+
+ expect(wrapper.find('svg').exists()).toBe(true);
+ expect(wrapper.find('a').attributes('href')).toBeUndefined();
+ expect(wrapper.html()).not.toMatch(/javascript:/i);
+ });
+
+ it('removes javascript: xlink:href attributes', () => {
+ const wrapper = mount(OnyxIcon, {
+ props: {
+ icon: '',
+ },
+ });
+
+ expect(wrapper.find('svg').exists()).toBe(true);
+ expect(wrapper.html()).not.toMatch(/javascript:/i);
+ });
+
+ it('rejects script tags', () => {
+ const wrapper = mount(OnyxIcon, {
+ props: {
+ icon: '',
+ },
+ });
+
+ expect(wrapper.find('svg').exists()).toBe(false);
+ });
+
+ it('rejects foreignObject content', () => {
+ const wrapper = mount(OnyxIcon, {
+ props: {
+ icon: '',
+ },
+ });
+
+ expect(wrapper.find('svg').exists()).toBe(false);
+ });
+
+ it('rejects non-svg input', () => {
+ const wrapper = mount(OnyxIcon, {
+ props: {
+ icon: '
nope
',
+ },
+ });
+
+ expect(wrapper.find('svg').exists()).toBe(false);
+ });
+
+ it('rejects malformed svg input', () => {
+ const wrapper = mount(OnyxIcon, {
+ props: {
+ icon: '