feat/redesign-and-improvements by huhn511 · Pull Request #20 · stackitcloud/rag-template

huhn511 · 2025-05-25T12:20:18Z

Overview

This PR introduces several improvements to the frontend application, focusing on customization options and document handling. The main changes include environment-based configuration, enhanced document interactions, and visual refinements.

Changes

Environment-Based Settings Configuration

Added support for loading application settings from environment variables
Default fallbacks are provided when environment variables are not set
Settings can now be configured through .env files using the VITE_ prefix
Documented the configuration options in the shared folder README

Document Experience Improvements

Added document mock endpoint for improved development and testing
Refactored documentItem component for better user experience
Enhanced UI interactions and visual feedback for document operations

Visual Updates

Updated chat icon for better visual consistency
Added new color options for theming
Implemented customizable bot settings (name, appearance)

How to Test

Create a .env file with custom settings:

VITE_BOT_NAME=Custom Bot
VITE_UI_THEME_DEFAULT=dark

Verify settings are applied correctly in the UI
Test document interaction with the new mock endpoint
Confirm theme switching works with customized options

Screenshots

tbd

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

- Moved i18n access to function call time instead of store definition time - Added error handling with a fallback message - Called getInitialMessage() when actually needed in initiateConversation()

a-klos

friendly reminder^^:

indentation
dark mode default
something else that i most probably forgot :D

file and sitemap loader still work. confluence not tested... its not configured in the uni deployment ^^

…ent (#20)

)

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

- Added features.useMockData to support mock API configuration - Properly handles VITE_USE_MOCK_DATA environment variable - Fixes TypeScript error in document.api.factory.ts

huhn511 · 2025-07-31T13:29:00Z

@a-klos FIY: just fixed pipeline and add your suggestions. Not tested it yet on the system.

Copilot

Pull Request Overview

This PR introduces environment-based configuration, theming improvements, and enhanced document management for the frontend application. The changes enable better customization through environment variables and provide a more polished user experience.

Add environment-based settings system with support for bot name, logo path, and theme configuration
Implement comprehensive light/dark theme system with user preference persistence
Enhance document management UI with improved interactions and mock API support

Reviewed Changes

Copilot reviewed 22 out of 24 changed files in this pull request and generated 5 comments.

Show a summary per file

File	Description
tsconfig.base.json	Add path aliases for new shared settings and theme store modules
tailwind.config.js	Expand theme configuration with comprehensive light/dark color schemes
ThemeToggle.vue	New component for theme switching with sun/moon icons
NavigationContainer.vue	Updated to use configurable logo path and include theme toggle
theme.store.ts	New Pinia store for theme management with localStorage persistence
settings.ts	New configuration system with environment variable support and fallbacks
global.css	Add theme-specific chat text styles and avatar improvements
README.md	Document new environment variables and customization options
DocumentItem.vue	Enhanced document item UI with confirmation modal and improved status display
document.api.mock.ts	New mock implementation for document API with realistic data
document.api.factory.ts	Factory pattern for selecting real vs mock API implementation
documents.store.ts	Code formatting improvements and better error handling
App.vue files	Theme store initialization and code formatting updates
UI_Customization.md	Comprehensive documentation for UI customization features

- Introduced `navigation-logo-dark.svg` with detailed path definitions for dark theme. - Introduced `navigation-logo-light.svg` with detailed path definitions for light theme.

fix(tailwind): swap secondary color values for better contrast

…ng instructions

Copilot

Pull Request Overview

Copilot reviewed 33 out of 42 changed files in this pull request and generated 3 comments.

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

improve bot name placeholder handling in chat messages for better reliability

Sebastian Heußer added 4 commits May 25, 2025 14:18

feat: add new colors and customizable bot settings

d1e6ce2

chore: update chat icon

c20b516

feat: add document mock endpoint and refactor documentItem for better UX

0002bf5

feat: enable to set settings in env vars

e95c01c

huhn511 marked this pull request as ready for review May 26, 2025 15:40

Sebastian Heußer added 2 commits May 27, 2025 10:44

fix: static Navy Blue for nav background

d897860

fix: toggle button

3338378

huhn511 requested a review from Copilot May 31, 2025 12:41

This comment was marked as outdated.

Sign in to view

huhn511 and others added 5 commits June 16, 2025 12:52

Update frontend/libs/shared/ui/NavigationContainer.vue

4ba4a04

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Update frontend/libs/shared/global.css

1ca66ac

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Update frontend/apps/chat-app/src/App.vue

4a6cac2

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

fix: bot_name

1b7b1eb

- Moved i18n access to function call time instead of store definition time - Added error handling with a fallback message - Called getInitialMessage() when actually needed in initiateConversation()

chore: add docs

80bec6d

huhn511 requested a review from Copilot June 20, 2025 11:03

This comment was marked as outdated.

Sign in to view

huhn511 and others added 3 commits June 20, 2025 13:13

Merge branch 'main' into feat/redesign-and-improvements

9b7eda8

fix: fix gh-action for PRs from forked repositories

e058b39

fix: merge conflicts

420f67b

a-klos approved these changes Jun 20, 2025

View reviewed changes

Comment thread frontend/README.md Outdated

Comment thread frontend/libs/shared/settings.ts Outdated

Sebastian Heußer added 2 commits June 23, 2025 09:14

chore: set dark mode as default

0220067

fix: show button in light mode correctly

3cd7dbf

a-klos added a commit that referenced this pull request Jul 3, 2025

fix: remove conditional basicAuth secret reference from admin deploym…

845664d

…ent (#20)

a-klos added a commit that referenced this pull request Jul 3, 2025

chore: allow additional requests_kwargs parameter in sitemap loader (#20

0e2febe

)

huhn511 added 5 commits July 31, 2025 14:05

chore: remove submodules before merging monorepo structure

c6f446b

fix: merge upstream/main and resolve conflicts after monorepo refactor

6573d0b

fix: remove trailing whitespace from modified files

062eef5

fix: add missing isDarkMode computed property to theme store

40b2580

fix: use proper theme-aware bg-primary class in NavigationContainer

d0a0c22

huhn511 requested a review from Copilot July 31, 2025 12:27

This comment was marked as outdated.

Sign in to view

huhn511 and others added 5 commits July 31, 2025 15:19

Update services/frontend/libs/shared/settings.ts

96217f5

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Update services/frontend/libs/chat-app/data-access/+state/chat.store.ts

5506973

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Update services/frontend/libs/admin-app/ui/DocumentItem.vue

6ff503c

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Update services/frontend/libs/shared/store/theme.store.ts

b428e93

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

fix: add missing features property to AppSettings interface

6668111

- Added features.useMockData to support mock API configuration - Properly handles VITE_USE_MOCK_DATA environment variable - Fixes TypeScript error in document.api.factory.ts

huhn511 requested a review from Copilot August 4, 2025 08:06

Copilot AI reviewed Aug 4, 2025

View reviewed changes

a-klos added 7 commits September 22, 2025 19:51

Merge branch 'main' into feat/redesign-and-improvements

1755236

Add dark and light navigation logos in SVG format for chat application

6d04cc5

- Introduced `navigation-logo-dark.svg` with detailed path definitions for dark theme. - Introduced `navigation-logo-light.svg` with detailed path definitions for light theme.

fix(docker): specify platform for node builder in Dockerfile

6059e7f

feat(documents): implement document deletion guard for processing state

c256e85

feat(chat): enhance chat bubble styling for dark and light themes

0e03a3a

fix(tailwind): swap secondary color values for better contrast

refactor(chat): reorder imports for better readability

dff29a5

docs: update README and UI Customization Guide for branding and themi…

05a0379

…ng instructions

a-klos requested a review from Copilot September 23, 2025 08:30

Copilot AI reviewed Sep 23, 2025

View reviewed changes

Comment thread services/frontend/libs/chat-app/data-access/+state/chat.store.ts Outdated

Comment thread services/frontend/libs/admin-app/ui/DocumentItem.vue Outdated

Comment thread services/frontend/libs/admin-app/data-access/+state/documents.store.ts Outdated

refactor: error handling to use named HTTP status codes for clarity

9f30943

improve bot name placeholder handling in chat messages for better reliability

a-klos merged commit 61856f0 into stackitcloud:main Sep 23, 2025
7 checks passed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat/redesign-and-improvements#20

feat/redesign-and-improvements#20
a-klos merged 34 commits intostackitcloud:mainfrom
huhn511:feat/redesign-and-improvements

huhn511 commented May 25, 2025 •

edited

Loading

Uh oh!

This comment was marked as outdated.

Uh oh!

This comment was marked as outdated.

Uh oh!

a-klos left a comment

Uh oh!

Uh oh!

Uh oh!

This comment was marked as outdated.

Uh oh!

huhn511 commented Jul 31, 2025

Uh oh!

Copilot AI left a comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Conversation

huhn511 commented May 25, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Overview

Changes

Environment-Based Settings Configuration

Document Experience Improvements

Visual Updates

How to Test

Screenshots

Uh oh!

This comment was marked as outdated.

Uh oh!

This comment was marked as outdated.

Uh oh!

a-klos left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

This comment was marked as outdated.

Uh oh!

huhn511 commented Jul 31, 2025

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull Request Overview

Reviewed Changes

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull Request Overview

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

huhn511 commented May 25, 2025 •

edited

Loading