refactor: frontend

[robodev-r2d2]

This pull request introduces several improvements and fixes to the frontend UI customization system, environment variable handling, and document upload features. The most significant changes are the overhaul of environment variable usage for runtime customization, updates to theme and logo configuration, and the addition of a configurable parser option for sitemap uploads. There are also UI improvements, including icon updates and minor code cleanups.

Environment Variable Handling and Customization:

• Updated .env.development and .env.production files to use placeholder values (e.g., VITE_API_URL=VITE_API_URL) instead of hardcoded values, enabling runtime environment variable replacement in built frontend assets. (Fef0a99bL3R3, [1] [2]
• Improved env.sh script to robustly replace all VITE_ variables in built JS/CSS files, correctly handling values with spaces or = characters, and added documentation comments.
• Enhanced documentation in UI_Customization.md with troubleshooting steps for runtime environment variable injection, clarifying the need for placeholders at build time and the use of env.sh in Docker/Kubernetes deployments. [1] [2]

Theme and Logo Configuration:

• Changed the default theme to "dark", updated theme and logo fallback logic, and clarified the available theme options and their defaults in both documentation and .env files. [1] [2] [3] [4] [5]
• Updated logo fallback order to use theme-specific assets (navigation-logo-light.svg, navigation-logo-dark.svg) as defaults. [1] [2]

Document Upload and Sitemap Parser:

• Added support for specifying a sitemap parser (docusaurus, astro, or generic) in the document upload UI and API, with validation on both frontend and backend. [1] [2] [3] [4]

UI and Icon Updates:

• Replaced Heroicons with Onyx icon components throughout the admin and chat app navigation and document upload UI for consistency and improved appearance. [1] [2] [3] [4] [5] [6] [7]

Code Quality and Cleanup:

• Removed unused imports and cleaned up component initialization code in App.vue files. [1] [2]

These changes collectively improve the flexibility, maintainability, and user experience of the frontend application.

[Copilot]

Pull request overview

This PR refactors the frontend application with a comprehensive redesign that updates the theme system, migrates from Heroicons to the STACKIT Onyx icon library, and enhances the markdown rendering with syntax highlighting capabilities.

Key changes:

• Migrates icon library from @heroicons/vue to @sit-onyx/icons with a new reusable OnyxIcon component
• Updates the color theme to match STACKIT documentation style with improved light/dark mode palettes
• Adds comprehensive code block rendering with syntax highlighting via highlight.js and copy-to-clipboard functionality
• Improves environment variable handling with better placeholder detection for runtime configuration

Reviewed changes

Copilot reviewed 37 out of 42 changed files in this pull request and generated 8 comments.

Show a summary per file

File	Description
services/frontend/package.json	Removes @heroicons/vue, adds @sit-onyx/icons and highlight.js; moves esbuild to devDependencies
services/frontend/package-lock.json	Updates lockfile to reflect dependency changes and version bump to 3.3.0
services/frontend/tailwind.config.js	Completely overhauls theme color palette to match STACKIT docs style; updates typography defaults
services/frontend/libs/shared/utils/src/lib/marked.utils.ts	Adds syntax highlighting with highlight.js, code block copy functionality, and improved event handling
services/frontend/libs/shared/ui/index.ts	Exports the new OnyxIcon component
services/frontend/libs/shared/ui/ThemeToggle.vue	Migrates to Onyx icons; adds conditional rendering based on available themes
services/frontend/libs/shared/ui/SideBarContainer.vue	Updates to use OnyxIcon; adds optional border control and header action slots
services/frontend/libs/shared/ui/OnyxIcon.vue	New reusable icon wrapper component with accessibility and sizing support
services/frontend/libs/shared/ui/NavigationContainer.vue	Updates background and border styling to use base colors instead of primary
services/frontend/libs/shared/store/theme.store.ts	Improves theme loading with better error handling and default fallback logic
services/frontend/libs/shared/settings.ts	Adds placeholder detection for unset env vars; updates default logo paths
services/frontend/libs/shared/global.css	Adds extensive styling for code blocks, syntax highlighting tokens, and copy buttons
services/frontend/libs/i18n/chat/en.json	Fixes capitalization in "How can I help you?"
services/frontend/libs/i18n/admin/en.json	Adds translations for sitemap parser options
services/frontend/libs/i18n/admin/de.json	Adds German translations for sitemap feature
services/frontend/libs/chat-app/vue-shims.d.ts	Improves TypeScript module declaration by using unknown instead of any
services/frontend/libs/chat-app/ui/ChatMessages.vue	Simplifies theme detection; updates avatar versioning and color classes
services/frontend/libs/chat-app/ui/ChatDocumentItem.vue	Removes commented-out import
services/frontend/libs/chat-app/ui/ChatDocumentGroup.vue	Migrates to OnyxIcon for external link indicator
services/frontend/libs/chat-app/ui/ChatDocumentContainer.vue	Removes sidebar border for cleaner layout
services/frontend/libs/chat-app/ui/ChatBubble.vue	Adds message copy functionality and improves source revelation with panel management
services/frontend/libs/chat-app/feature-chat/ChatView.vue	Adds collapsible sources panel with toggle button and improved layout
services/frontend/libs/chat-app/feature-chat/ChatInput.vue	Migrates send icon to OnyxIcon
services/frontend/libs/chat-app/data-access/chat.api.ts	Fixes boolean comparison for auth enabled check
services/frontend/libs/chat-app/data-access/+state/chat.store.ts	Adds sources panel state management with open/close/toggle methods
services/frontend/libs/admin-app/vue-shims.d.ts	Improves TypeScript typing consistency
services/frontend/libs/admin-app/utils/document-icon.utils.ts	New utility to select appropriate icons based on document type/source
services/frontend/libs/admin-app/ui/UploadedDocumentItem.vue	Migrates to OnyxIcon with dynamic document-type icons
services/frontend/libs/admin-app/ui/DocumentItem.vue	Adds keyboard navigation and focus management for delete modal; uses OnyxIcon
services/frontend/libs/admin-app/feature-document/DocumentsView.vue	Removes unused import
services/frontend/libs/admin-app/feature-document/DocumentUploadContainer.vue	Adds sitemap parser selection UI; migrates to OnyxIcon
services/frontend/libs/admin-app/data-access/document.api.ts	Adds parser parameter support for sitemap uploads; fixes indentation
services/frontend/libs/admin-app/data-access/document.api.mock.ts	Uses type-only import for AxiosProgressEvent
services/frontend/env.sh	Improves env var parsing to handle values with spaces and equals signs
services/frontend/apps/chat-app/src/App.vue	Simplifies component; migrates to OnyxIcon; removes unused theme initialization
services/frontend/apps/chat-app/env.d.ts	Improves TypeScript module declaration
services/frontend/apps/admin-app/src/App.vue	Migrates to OnyxIcon
services/frontend/apps/admin-app/env.d.ts	Improves TypeScript module declaration
services/frontend/README.md	Updates documentation for logo path defaults
services/frontend/.env.production	Adds placeholders for all UI customization env vars
services/frontend/.env.development	Replaces hardcoded values with placeholders for consistency
docs/UI_Customization.md	Updates documentation to reflect new defaults and clearer explanations

Files not reviewed (1)

• services/frontend/package-lock.json: Language not supported

Comments suppressed due to low confidence (1)

services/frontend/libs/admin-app/ui/DocumentItem.vue:166

• Missing accessibility: The modal div lacks proper ARIA attributes for screen readers. While role="dialog" and aria-modal="true" are present, the modal is missing an accessible name. Add aria-labelledby pointing to the heading or aria-label with a descriptive label like "Delete document confirmation".

  <div
    v-if="showDeleteModal"
    @keydown.capture="onModalKeydown"
    class="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50"
    role="dialog"
    aria-modal="true"
    aria-labelledby="delete-modal-title"
  >

[Copilot]

Pull request overview

Copilot reviewed 39 out of 44 changed files in this pull request and generated 2 comments.

Files not reviewed (1)

• services/frontend/package-lock.json: Language not supported

[Copilot]

Pull request overview

Copilot reviewed 42 out of 47 changed files in this pull request and generated 9 comments.

Files not reviewed (1)

• services/frontend/package-lock.json: Language not supported

[Copilot]

Pull request overview

Copilot reviewed 43 out of 48 changed files in this pull request and generated 9 comments.

Files not reviewed (1)

• services/frontend/package-lock.json: Language not supported