REBRAND: Sothis Connect + fix exibição de erro de API (versão demo)

2026-07-03 11:08:43 -03:00
4 changed files with 19 additions and 3 deletions
--- a/docs/visao-geral.md
+++ b/docs/visao-geral.md
@ -2,7 +2,7 @@

 ## Objetivo

-O projeto representa o frontend MVP do Omnichannel Sothis.
+O projeto representa o frontend MVP do Sothis Connect.

 O objetivo principal é demonstrar, de forma visual e convincente, como um atendente pode:

--- a/index.html
+++ b/index.html
@ -4,7 +4,7 @@
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" type="image/png" href="/src/shared/assets/favicon_blue.png" />
-    <title>Omnichannel Sothis</title>
+    <title>Sothis Connect</title>
  </head>
  <body>
    <div id="root"></div>
--- a/src/modules/chat/pages/ChatPage.jsx
+++ b/src/modules/chat/pages/ChatPage.jsx
@ -51,6 +51,7 @@ export function ChatPage() {
    submitTransfer,
    isPaused,
    pauseDurationLabel,
+    apiError,
  } = useChat();
  const requestedChatId = searchParams.get('chatId');
  const handledRequestedChatIdRef = useRef('');
@ -132,6 +133,21 @@ export function ChatPage() {
          </Link>
        </header>

+        {apiError ? (
+          <div
+            style={{
+              borderRadius: 16,
+              padding: '0.85rem 1rem',
+              background: 'rgba(181, 31, 31, 0.08)',
+              border: '1px solid rgba(181, 31, 31, 0.2)',
+              color: 'var(--color-secondary)',
+              fontWeight: 700,
+            }}
+          >
+            {apiError}
+          </div>
+        ) : null}
+
        <section
          style={{
            display: 'grid',
--- a/src/shared/components/BrandMark.jsx
+++ b/src/shared/components/BrandMark.jsx
@ -46,7 +46,7 @@ export function BrandMark({ compact = false, theme = 'light', size }) {
      />
      <div>
        <div style={{ fontSize: currentSize.titleSize, fontWeight: 800 }}>
-          Sothis Omnichannel
+          Sothis Connect
        </div>
        <div style={{ color: 'var(--color-text-soft)', fontSize: currentSize.subtitleSize }}>
          Central de atendimento unificada