POC: New OWU chat route to start#21

Draft

thlehmann-ionos wants to merge 135 commits intoionos-devfrom

tl/poc/new-owu-chat-route-to-start

thlehmann-ionos commented Dec 17, 2024

Pragmatic change.

Three problems with the existing spaghetti code:

The Svelte code should not interact with DOM elements across components
The routing is implemented in at least two places
The explicit goto('/') was no-op since the href had already changed the location (thus adding the preventDefault modifier)

== Limitation

Directly navigating to / will still render Chat

For that we probably have to either change every place that explicitly routes to / or, better, change the approach and change / to render our own start page. This would imply bigger changes to the routing in OWU and to our management service too.

Refs: #open-webui#205

thlehmann-ionos and others added 30 commits

November 20, 2024 09:38


          chore: add development docker-compose

dafb5b2

* Works with podman-compose too.
* Copy .env.example to .env and add proper configs

Based on: https://docs.openwebui.com/getting-started/advanced-topics/development/


          chore(docker-compose.dev): npm install in frontend dev container

8862daa

Ensure packages are uptodate.

Therefor a wrapper script was added.


          chore(docker-compose.dev): mount build configs too

f1b4048

They get copied in the Dockerfile during container build, which is a
nuisance during development.


          style: add exos color vars and style

b3afcfb

v3.0 prefixed with exos-


          style: add exos css to layout

731d164

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          feat(i18n-ionos): add ionos namespace for i18n

f574aef

in order to avoid conflicts in language files

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          feat(favicon): change favicon to IONOS

1cd26ac

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          refactor(style): exos move dark/light to bottom

509e27c

in order to be able to redefine it

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          feat(ionos-header): add IONOS Header component

94aa577

Signed-off-by: Kai Henseler <kai.henseler@strato.de>
Co-authored-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          style: exos: set dark style for secondary button

e5a9883

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          feat(ionos-footer): add IONOS Footer component

8b6bdbe

Signed-off-by: Kai Henseler <kai.henseler@strato.de>
Co-authored-by: Misha M.-Kupriyanov <kupriyanov@strato.de>
Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          feat(ionos-header): add IONOS Header to root layout

0781f0a

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          feat(ionos-footer): add IONOS Footer to root layout

545b6e4

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          feat(ionos-header): disable model selector

278646f

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          feat(disable-upgrade-toast): disable upgrade toast

45636d7

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          refactor(disable-upgrade-toast): disable upgrade toast

dd2bf51

extract configuration as human understandable variable

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          feature(disable-user-menu): Disable user menu in sidebar

96c4027

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          feature(disable-user-menu): Disable user menu in navbar

017a5d9

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          feature(disable-controls): Disable chat controls in navbar

4e9873e

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          feature(disable-workspace): Disable workspace menu item in sidebar

677dc12

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          feature(disable-placeholder): Disable model icon and name in placeholder

169154e

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          fix(ionos-footer): show powered by opened sidebar

54ff895

it was hidden before

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          style: extend exos v3.0 style

9cb68bb

exos style v3.0
* cleaned up from other tenants
* removed styling of html tags
* removed variables definition
* prepended css classes with exos- in order no to collide with other styles
sed -E 's/\.(-?[_a-zA-Z]+[_a-zA-Z0-9-]*)/.exos-\1/g' exos.foo.css > exos-prefixed.css
* still uses external fonts!

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          feat(feedback): add feedback dialog to header

c855703

Signed-off-by: Kai Henseler <kai.henseler@strato.de>


          feat(feedback): send feedback to to backend

a895c14

Signed-off-by: Kai Henseler <kai.henseler@strato.de>


          feat: add registration dialog

cbc2a62

Signed-off-by: Kai Henseler <kai.henseler@strato.de>


          feat(IONOS/registration): post mail to backend

e433f65

Signed-off-by: Kai Henseler <kai.henseler@strato.de>


          chore(IONOS/FeedbackDialog): add loading indicator & better translation

5bfd29f

Signed-off-by: Kai Henseler <kai.henseler@strato.de>


          chore: apply prettier formatting rules

e5a5fb1

Signed-off-by: Kai Henseler <kai.henseler@strato.de>


          fix: exos icons not working

5bdfd8c

Signed-off-by: Kai Henseler <kai.henseler@strato.de>

bromiesTM and others added 27 commits

December 16, 2024 14:38


          feat(ModelSelector): add model icons to selector

99cfecf

Signed-off-by: Kai Henseler <kai.henseler@strato.de>


          customize(promptSuggestions.json): update prompts from current table …

3c3f661

…(model name fixed)

Refs: #open-webui#208


          customize(promptSuggestions.json): update prompts from current table …

9d6d39d

…(pronouns)


          customize(ModelIcons): fix model ID ionos-image-{generator => }pipeline

7f0bc33


          style: change background color to exos one

35f68f5

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          chore(prettier): reformat /start layout

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          fix(start): remove margin-top of layout

c28f4b9

it hides the content on scroll

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          fix(header): add z-index

02d7272

in order for content to stay under the header

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          customize(SendMessageButton): extract as own component

2ac1703

in order to restyle later

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          chore(prettier): reformat /start page

f8c4a09

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          chore(prettier): reformat Greeting component

4b48a14

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          customize(Greeting): change according UX

a80598b

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          customize(page): remove sub title

7f6a7e6

according UI

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          customize(page): set proper prompt width on mobile

f730c17

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          customize(page): keep send button disabled on empty prompt

3c3ea41

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          customize(Suggestions): change according UX

a3a3cbb

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          customize(IonosFooter): hide help icon

a0146b2

wait till help texts are defined

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          feat(ModelSelector): style according UX

46e3d22

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          customise(page): change start prompt according UX

d6801a1

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          stlye(ModelSelector): use submit button by openWeb UI

627cfdd

in order to be consistent

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          style(exos): use white border

b913f92

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          style(Suggestions): add border

to be visible on white background

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          style(IonosHeader): apply prettier formatting rules

300461b

Signed-off-by: Kai Henseler <kai.henseler@strato.de>


          fix(IonosHeader): icon links to /start

0eb7160

Signed-off-by: Kai Henseler <kai.henseler@strato.de>


          fix(ModelSelector): click on tile does not change model

8976dbe

Signed-off-by: Kai Henseler <kai.henseler@strato.de>


          fix(Suggestions): fix default selected suggestion

27b9db4

Signed-off-by: Misha M.-Kupriyanov <kupriyanov@strato.de>


          [POC] customize(Chat): goto /start not / for new chat button

4f54c47

Pragmatic change.

Three problems with the existing spaghetti code:

1. The Svelte code should not interact with DOM elements across
   components
2. The routing is implemented in at least two places
3. The explicit goto('/') was no-op since the href had already changed
   the location (thus adding the preventDefault modifier)

== Limitation

Directly navigating to / will still render Chat

For that we probably have to either change every place that explicitly
routes to / or, better, change the approach and change / to render our
own start page. This would imply bigger changes to the routing in OWU
and to our management service too.

Refs: #open-webui#205

thlehmann-ionos force-pushed the ionos-dev branch from 27b9db4 to 24e4953 Compare

February 17, 2025 09:56

thlehmann-ionos force-pushed the ionos-dev branch from 2a77adf to fc7687e Compare

April 7, 2025 14:23

thlehmann-ionos force-pushed the ionos-dev branch from 865ac74 to a837ea2 Compare

June 20, 2025 11:47

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet