From 797f2d83d5ac23097a9d21f62c9103ed0494daab Mon Sep 17 00:00:00 2001 From: Grupo Totum Date: Wed, 19 Aug 2026 11:31:14 -0300 Subject: [PATCH 1/8] feat(web): add Totum login slider --- apps/web/src/ChatApp.svelte | 64 +++++-- apps/web/src/app.html | 2 +- apps/web/src/styles/layout.css | 215 +++++++++++++++------- apps/web/static/favicon.svg | 33 ++-- apps/web/static/login/chat-totum-logo.svg | 21 +++ apps/web/static/login/login-image-1.png | Bin 0 -> 1348192 bytes apps/web/static/login/login-image-2.png | Bin 0 -> 1764687 bytes apps/web/static/login/login-image-3.png | Bin 0 -> 1654731 bytes 8 files changed, 231 insertions(+), 104 deletions(-) create mode 100644 apps/web/static/login/chat-totum-logo.svg create mode 100644 apps/web/static/login/login-image-1.png create mode 100644 apps/web/static/login/login-image-2.png create mode 100644 apps/web/static/login/login-image-3.png diff --git a/apps/web/src/ChatApp.svelte b/apps/web/src/ChatApp.svelte index d4a8c20d0..c8ce4a15f 100644 --- a/apps/web/src/ChatApp.svelte +++ b/apps/web/src/ChatApp.svelte @@ -161,6 +161,12 @@ let status = "loading"; let authRequired = false; let desktopAuthStatus = ""; + const authSlides = [ + "/login/login-image-1.png", + "/login/login-image-2.png", + "/login/login-image-3.png", + ]; + let authSlideIndex = 0; let connected = false; let realtimeError = ""; let realtimeInitializedWorkspaceID = ""; @@ -379,11 +385,15 @@ void goto(route, { keepFocus: true, noScroll: true }); }); const stopDesktopQuickCompose = desktop?.onQuickCompose(() => focusActiveComposer()); + const authSlider = window.setInterval(() => { + authSlideIndex = (authSlideIndex + 1) % authSlides.length; + }, 4000); mobileNavMedia.addEventListener("change", handleMobileNavBreakpoint); return () => { mobileNavMedia.removeEventListener("change", handleMobileNavBreakpoint); stopDesktopNavigate?.(); stopDesktopQuickCompose?.(); + window.clearInterval(authSlider); }; }); @@ -4063,6 +4073,7 @@ + Totum Chat @@ -4072,25 +4083,46 @@ {/if}
-
-
-
cc
-
- ClickClack - OpenClaw workspace chat +
+
+ {#each authSlides as slide, index} + + {/each} +
+

Conversas, times e agentes organizados em um único espaço.

+
+ {#each authSlides as _, index} + + {/each}
-
-

Welcome.

-

Sign in with GitHub to join the guest room.

+
+
+ +
+

Bem-vindo ao Totum Chat.

+

Entre com sua conta GitHub para acessar seu espaço.

+
+ +

{desktopAuthStatus || "Use a conta GitHub autorizada para o seu workspace."}

+
- -

{desktopAuthStatus || "Any GitHub account can join."}

{:else} diff --git a/apps/web/src/app.html b/apps/web/src/app.html index d6ece6244..0e9b7caa7 100644 --- a/apps/web/src/app.html +++ b/apps/web/src/app.html @@ -5,7 +5,7 @@ - ClickClack + Totum Chat