+
do layout pai.
+ *
+ * Necessário porque o layout `space/[workspaceId]/layout.tsx` aplica
+ * `p-6 gap-4 overflow-auto` no , o que quebra páginas tipo flow
+ * editor que precisam de canvas full-bleed sem padding.
+ */
+body[data-full-canvas="true"] main {
+ gap: 0 !important;
+ padding: 0 !important;
+ overflow: hidden !important;
+}
diff --git a/apps/builder/src/app/space/[workspaceId]/(full-canvas)/layout.tsx b/apps/builder/src/app/space/[workspaceId]/(full-canvas)/layout.tsx
new file mode 100644
index 000000000..2b168d8b5
--- /dev/null
+++ b/apps/builder/src/app/space/[workspaceId]/(full-canvas)/layout.tsx
@@ -0,0 +1,32 @@
+"use client"
+
+import { useEffect } from "react"
+import "./full-canvas.css"
+
+/**
+ * Layout do route group `(full-canvas)` — usado pelo flow editor (e outras
+ * páginas que precisem ocupar todo o espaço sem padding).
+ *
+ * Por que existe: o layout pai `space/[workspaceId]/layout.tsx` aplica
+ * `p-6 gap-4 overflow-auto` no `` (correto pra páginas tipo dashboard,
+ * settings, etc.). Mas o flow editor precisa de canvas full-bleed —
+ * adicionamos `data-full-canvas="true"` no body via useEffect, e o CSS
+ * sobrescreve essas regras só pra essa rota (ver `full-canvas.css`).
+ *
+ * Vantagem versus a rota antiga `(no-sidebar)`: aqui o AppSidebar global
+ * fica visível (Pedro pediu "sidebar fixo em todas as opções, estilo
+ * Respond.io"). Antes o flow editor sumia com o sidebar.
+ */
+export default function FullCanvasLayout({
+ children,
+}: {
+ children: React.ReactNode
+}) {
+ useEffect(() => {
+ document.body.dataset.fullCanvas = "true"
+ return () => {
+ delete document.body.dataset.fullCanvas
+ }
+ }, [])
+ return
- {folders}
{children}
diff --git a/apps/builder/src/app/space/[workspaceId]/(has-folder)/automated-responses/page.tsx b/apps/builder/src/app/space/[workspaceId]/(has-folder)/automated-responses/page.tsx
index 773768b37..8bea69bc6 100644
--- a/apps/builder/src/app/space/[workspaceId]/(has-folder)/automated-responses/page.tsx
+++ b/apps/builder/src/app/space/[workspaceId]/(has-folder)/automated-responses/page.tsx
@@ -3,6 +3,7 @@ import { getIdFromParams } from "@chatbotx.io/utils"
import { notFound } from "next/navigation"
import type { SearchParams } from "nuqs/server"
import { Suspense } from "react"
+import { AutomationTabs } from "@/components/automation-tabs"
import { AutomatedResponsesTable } from "@/features/automated-response/automated-response-table"
import { listAutomatedResponses } from "@/features/automated-response/queries"
import { listAutomatedResponsesSearchParams } from "@/features/automated-response/schema/query"
@@ -29,8 +30,14 @@ export default async function AutomatedResponesPage(props: {
])
return (
-
-
+
-
- )
-}
diff --git a/apps/builder/src/app/space/[workspaceId]/(has-folder)/flows/layout.tsx b/apps/builder/src/app/space/[workspaceId]/(has-folder)/flows/layout.tsx
index 0bd488c3a..8d6213fe2 100644
--- a/apps/builder/src/app/space/[workspaceId]/(has-folder)/flows/layout.tsx
+++ b/apps/builder/src/app/space/[workspaceId]/(has-folder)/flows/layout.tsx
@@ -1,20 +1,20 @@
"use client"
import { notFound } from "next/navigation"
-import { useTranslations } from "next-intl"
import type { ReactNode } from "react"
-import { AppTab } from "@/components/app-tab"
import { FolderStoreProvider } from "@/features/folders/provider/folder-store-context"
import { useWorkspaceId } from "@/hooks/routing"
+/**
+ * Layout da página /flows — só FolderStoreProvider + children.
+ * Pedro pediu pra remover o painel "Pastas" do topo em TODAS as páginas
+ * (2026-05-24) pra deixar UI flat estilo Respond.io.
+ */
export default function FolderableLayout({
children,
- folders,
}: {
children: ReactNode
folders: ReactNode
}) {
- const t = useTranslations()
-
const workspaceId = useWorkspaceId()
if (!workspaceId) {
return notFound()
@@ -22,31 +22,6 @@ export default function FolderableLayout({
return (
-
)
diff --git a/apps/builder/src/app/space/[workspaceId]/(has-folder)/bot-fields/@folders/page.tsx b/apps/builder/src/app/space/[workspaceId]/(has-folder)/sequences/_folders_disabled/page.tsx
similarity index 100%
rename from apps/builder/src/app/space/[workspaceId]/(has-folder)/bot-fields/@folders/page.tsx
rename to apps/builder/src/app/space/[workspaceId]/(has-folder)/sequences/_folders_disabled/page.tsx
diff --git a/apps/builder/src/app/space/[workspaceId]/(has-folder)/sequences/layout.tsx b/apps/builder/src/app/space/[workspaceId]/(has-folder)/sequences/layout.tsx
index d901a38fd..4e5f0c83a 100644
--- a/apps/builder/src/app/space/[workspaceId]/(has-folder)/sequences/layout.tsx
+++ b/apps/builder/src/app/space/[workspaceId]/(has-folder)/sequences/layout.tsx
@@ -7,11 +7,9 @@ import { FolderStoreProvider } from "@/features/folders/provider/folder-store-co
export default async function FolderableLayout({
children,
- folders,
params,
}: {
children: ReactNode
- folders: ReactNode
params: Promise<{ workspaceId: string }>
}) {
const workspaceId = getIdFromParams(await params, "workspaceId")
@@ -25,7 +23,6 @@ export default async function FolderableLayout({
folderType={folderTypes.enum.sequence}
workspaceId={workspaceId}
>
- {folders}
{children}
diff --git a/apps/builder/src/app/space/[workspaceId]/(has-folder)/sequences/page.tsx b/apps/builder/src/app/space/[workspaceId]/(has-folder)/sequences/page.tsx
index b2b00fbe1..25ca7e88e 100644
--- a/apps/builder/src/app/space/[workspaceId]/(has-folder)/sequences/page.tsx
+++ b/apps/builder/src/app/space/[workspaceId]/(has-folder)/sequences/page.tsx
@@ -1,17 +1,12 @@
-import {
- Card,
- CardContent,
- CardHeader,
- CardTitle,
-} from "@chatbotx.io/ui/components/ui/card"
import { getIdFromParams } from "@chatbotx.io/utils"
import { notFound } from "next/navigation"
-import { getTranslations } from "next-intl/server"
import type { SearchParams } from "nuqs/server"
+import { AutomationTabs } from "@/components/automation-tabs"
import { listSequences } from "@/features/sequences/queries"
import { listSequencesSearchParamsCache } from "@/features/sequences/schema/action"
import { SequencesTable } from "@/features/sequences/sequences-table"
+// Card wrapper removido — Pedro pediu UI flat estilo Respond.io 2026-05-24.
export default async function SequencesPage(props: {
params: Promise<{ workspaceId: string }>
searchParams: Promise
@@ -23,7 +18,6 @@ export default async function SequencesPage(props: {
const searchParams = await props.searchParams
const search = await listSequencesSearchParamsCache.parse(searchParams)
- const t = await getTranslations()
const promises = Promise.all([
listSequences({
@@ -33,15 +27,9 @@ export default async function SequencesPage(props: {
])
return (
-
-
-
- {t("sequences.title")}
-
-
-
-
-
+
-}) {
- const workspaceId = getIdFromParams(await props.params, "workspaceId")
- if (!workspaceId) {
- return notFound()
- }
-
- return (
-
-
- )
-}
diff --git a/apps/builder/src/app/space/[workspaceId]/(has-folder)/triggers/@folders/page.tsx b/apps/builder/src/app/space/[workspaceId]/(has-folder)/triggers/@folders/page.tsx
deleted file mode 100644
index 8d3f12de8..000000000
--- a/apps/builder/src/app/space/[workspaceId]/(has-folder)/triggers/@folders/page.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { getIdFromParams } from "@chatbotx.io/utils"
-import { notFound } from "next/navigation"
-import type { SearchParams } from "nuqs/server"
-import SharedFolderSlot from "@/features/folders/shared-folder-slot"
-
-export default async function FolderPage(props: {
- params: Promise<{ workspaceId: string }>
- searchParams: Promise
-}) {
- const workspaceId = getIdFromParams(await props.params, "workspaceId")
- if (!workspaceId) {
- return notFound()
- }
-
- return (
-
-
-
- {t("triggers.title")}
-
-
-
-
-
-
-
+
-}) {
- const workspaceId = getIdFromParams(await props.params, "workspaceId")
- if (!workspaceId) {
- return notFound()
- }
-
- return (
-
-
-
- {t("webhooks.title")}
-
-
-
-
-
-
-
+
-
- {t("admins.title")}
-
-
-
-
+
- {folders}
{children}
)
diff --git a/apps/builder/src/app/space/[workspaceId]/(has-folder)/bot-fields/page.tsx b/apps/builder/src/app/space/[workspaceId]/(settings)/settings/bot-fields/page.tsx
similarity index 100%
rename from apps/builder/src/app/space/[workspaceId]/(has-folder)/bot-fields/page.tsx
rename to apps/builder/src/app/space/[workspaceId]/(settings)/settings/bot-fields/page.tsx
diff --git a/apps/builder/src/app/space/[workspaceId]/(settings)/settings/closing-notes/page.tsx b/apps/builder/src/app/space/[workspaceId]/(settings)/settings/closing-notes/page.tsx
new file mode 100644
index 000000000..be4c21827
--- /dev/null
+++ b/apps/builder/src/app/space/[workspaceId]/(settings)/settings/closing-notes/page.tsx
@@ -0,0 +1,30 @@
+import { db, eq } from "@chatbotx.io/database/client"
+import { workspaceModel } from "@chatbotx.io/database/schema"
+import { getIdFromParams } from "@chatbotx.io/utils"
+import { notFound } from "next/navigation"
+import { ClosingNotesSettings } from "@/features/closing-notes/closing-notes-settings"
+import { listConversationCategories } from "@/features/closing-notes/queries/list-categories"
+
+export default async function ClosingNotesPage(props: {
+ params: Promise<{ workspaceId: string }>
+}) {
+ const workspaceId = getIdFromParams(await props.params, "workspaceId")
+ if (!workspaceId) {
+ return notFound()
+ }
+
+ const [workspace] = await db
+ .select({ closingNotesMode: workspaceModel.closingNotesMode })
+ .from(workspaceModel)
+ .where(eq(workspaceModel.id, workspaceId))
+
+ const categories = await listConversationCategories(workspaceId)
+
+ return (
+
+ {children}
+
+ )
+}
diff --git a/apps/builder/src/app/space/[workspaceId]/(has-folder)/custom-fields/page.tsx b/apps/builder/src/app/space/[workspaceId]/(settings)/settings/contact-fields/page.tsx
similarity index 63%
rename from apps/builder/src/app/space/[workspaceId]/(has-folder)/custom-fields/page.tsx
rename to apps/builder/src/app/space/[workspaceId]/(settings)/settings/contact-fields/page.tsx
index b0772fd9f..9d4c2fcca 100644
--- a/apps/builder/src/app/space/[workspaceId]/(has-folder)/custom-fields/page.tsx
+++ b/apps/builder/src/app/space/[workspaceId]/(settings)/settings/contact-fields/page.tsx
@@ -5,9 +5,10 @@ import type { SearchParams } from "nuqs/server"
import { Suspense } from "react"
import { CustomFieldsTable } from "@/features/custom-fields/custom-field-table"
import { listCustomFieldsRSC } from "@/features/custom-fields/queries"
+import { listHiddenContactFieldKeys } from "@/features/custom-fields/queries/visibility"
import { listCustomFieldsSearchParams } from "@/features/custom-fields/schemas/query"
-export default async function CustomFieldsPage(props: {
+export default async function ContactFieldsPage(props: {
params: Promise<{ workspaceId: string }>
searchParams: Promise
}) {
@@ -28,10 +29,26 @@ export default async function CustomFieldsPage(props: {
}),
])
+ // Pro dialog "Personalizar visualização" precisamos da lista completa
+ // de custom fields (não paginada) pra mostrar todos. Cap em 500 cobre
+ // qualquer workspace realista.
+ const [allCustomFields, initialHiddenKeys] = await Promise.all([
+ listCustomFieldsRSC({
+ ...search,
+ workspaceId,
+ folderId: undefined,
+ perPage: 500,
+ page: 1,
+ }),
+ listHiddenContactFieldKeys(workspaceId),
+ ])
+
return (
+
+ )
+}
diff --git a/apps/builder/src/app/space/[workspaceId]/(settings)/settings/tab.tsx b/apps/builder/src/app/space/[workspaceId]/(settings)/settings/tab.tsx
deleted file mode 100644
index 59919cc4b..000000000
--- a/apps/builder/src/app/space/[workspaceId]/(settings)/settings/tab.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-"use client"
-import { usePathname } from "next/navigation"
-import { useTranslations } from "next-intl"
-import { useMemo } from "react"
-import { AppTab } from "@/components/app-tab"
-import { useWorkspaceId } from "@/hooks/routing"
-
-export function SettingsTab() {
- const t = useTranslations()
- const pathname = usePathname()
-
- const workspaceId = useWorkspaceId()
-
- const tabs = useMemo(
- () => [
- {
- label: t("general.title"),
- value: "general",
- },
- {
- label: t("channels.title"),
- value: "channels",
- },
- {
- label: t("integrations.title"),
- value: "integrations",
- },
- {
- label: t("admins.title"),
- value: "admins",
- },
- {
- label: t("inboxTeams.title"),
- value: "inbox-teams",
- },
- // {
- // label: t("billing.title"),
- // value: "billing",
- // },
- ],
- [t],
- )
-
- const activeTab = useMemo(() => {
- const segments = pathname.split("/")
- return segments.at(-1)
- }, [pathname])
-
- return (
- ({
- label: tab.label,
- href: `/space/${workspaceId}/settings/${tab.value}`,
- isActive: activeTab === tab.value,
- }))}
- />
- )
-}
diff --git a/apps/builder/src/app/space/[workspaceId]/(settings)/settings/tags/layout.tsx b/apps/builder/src/app/space/[workspaceId]/(settings)/settings/tags/layout.tsx
new file mode 100644
index 000000000..d9a1fff48
--- /dev/null
+++ b/apps/builder/src/app/space/[workspaceId]/(settings)/settings/tags/layout.tsx
@@ -0,0 +1,23 @@
+import { getIdFromParams } from "@chatbotx.io/utils"
+import { notFound } from "next/navigation"
+import type { ReactNode } from "react"
+import { FolderStoreProvider } from "@/features/folders/provider/folder-store-context"
+
+export default async function TagsSettingsLayout({
+ children,
+ params,
+}: {
+ children: ReactNode
+ params: Promise<{ workspaceId: string }>
+}) {
+ const workspaceId = getIdFromParams(await params, "workspaceId")
+ if (!workspaceId) {
+ return notFound()
+ }
+
+ return (
+
+ {children}
+
+ )
+}
diff --git a/apps/builder/src/app/space/[workspaceId]/(has-folder)/tags/page.tsx b/apps/builder/src/app/space/[workspaceId]/(settings)/settings/tags/page.tsx
similarity index 100%
rename from apps/builder/src/app/space/[workspaceId]/(has-folder)/tags/page.tsx
rename to apps/builder/src/app/space/[workspaceId]/(settings)/settings/tags/page.tsx
diff --git a/apps/builder/src/app/space/[workspaceId]/account/layout.tsx b/apps/builder/src/app/space/[workspaceId]/account/layout.tsx
new file mode 100644
index 000000000..6d80771cf
--- /dev/null
+++ b/apps/builder/src/app/space/[workspaceId]/account/layout.tsx
@@ -0,0 +1,11 @@
+import type { ReactNode } from "react"
+import { PersonalSettingsSidebar } from "@/features/account/personal-settings-sidebar"
+
+export default function AccountLayout({ children }: { children: ReactNode }) {
+ return (
+ Carregando... }>
diff --git a/apps/builder/src/components/app-sidebar.tsx b/apps/builder/src/components/app-sidebar.tsx
index c06d617d3..bf793a5cc 100644
--- a/apps/builder/src/components/app-sidebar.tsx
+++ b/apps/builder/src/components/app-sidebar.tsx
@@ -7,26 +7,21 @@ import {
SidebarHeader,
} from "@chatbotx.io/ui/components/ui/sidebar"
import {
- AtomIcon,
- BrainIcon,
- ChartPieIcon,
- ChevronsRight,
- LightbulbIcon,
- MessageCircleMoreIcon,
- RadioIcon,
- SlidersHorizontalIcon,
- UsersIcon,
- WebhookIcon,
- WorkflowIcon,
- WrenchIcon,
-} from "lucide-react"
+ Brodcast,
+ DirectInbox,
+ Element2,
+ Setting2,
+ UserSquare,
+} from "iconsax-reactjs"
import Link from "next/link"
import { useTranslations } from "next-intl"
import type { ComponentProps } from "react"
import { BrandIcon } from "@/components/brand-icon"
+import { type IconsaxComponent, wrapIconsax } from "@/components/iconsax-icon"
import { NavMain } from "@/components/nav-main"
import { NavUser } from "@/components/nav-user"
+import { RespondAIAgentIcon, RespondFlowIcon } from "@/components/respond-icons"
import { WorkspaceSwitcher } from "@/components/workspace-switcher"
import type { WorkspaceResource } from "@/features/workspaces/schema/resource"
import { authClient } from "@/lib/auth/auth-client"
@@ -34,10 +29,12 @@ import { authClient } from "@/lib/auth/auth-client"
export function AppSidebar({
workspaceId,
allWorkspaces,
+ organization,
...props
}: ComponentProps & {
workspaceId: string
allWorkspaces: WorkspaceResource[]
+ organization?: { id: string; name: string } | null
}) {
const t = useTranslations()
const { data: session } = authClient.useSession()
@@ -48,88 +45,85 @@ export function AppSidebar({
email: session?.user.email ?? "",
avatar: session?.user.image ?? "",
},
+ // Ordem definida pelo Pedro 2026-05-26:
+ // Análises → Inbox → Contatos → Agentes de IA → Transmissão → Fluxos →
+ // Configurações.
navMain: [
{
title: t("fields.analytics.label"),
url: `/space/${workspaceId}/dashboard`,
- icon: ChartPieIcon,
+ // Equivale ao `icon-element-2` (Dashboard no Respond.io)
+ icon: wrapIconsax(Element2 as IconsaxComponent),
},
{
title: t("fields.inbox.label"),
url: `/space/${workspaceId}/inbox`,
- icon: MessageCircleMoreIcon,
- },
- {
- title: t("fields.flows.label"),
- url: `/space/${workspaceId}/flows`,
- icon: WorkflowIcon,
+ // Equivale ao `icon-direct-inbox` (Inbox no Respond.io)
+ icon: wrapIconsax(DirectInbox as IconsaxComponent),
},
{
title: t("fields.contacts.label"),
url: `/space/${workspaceId}/contacts`,
- icon: UsersIcon,
+ icon: wrapIconsax(UserSquare as IconsaxComponent),
},
{
title: t("aiAgent.title"),
url: `/space/${workspaceId}/ai-agents`,
- icon: BrainIcon,
+ // AI Agent — robô do Respond.io extraído da fonte deles (pixel-perfect).
+ // Substitui o CpuCharge da Iconsax.
+ icon: RespondAIAgentIcon,
},
{
- title: t("keywords.title"),
+ title: t("automation.title"),
url: `/space/${workspaceId}/automated-responses`,
- icon: AtomIcon,
- },
- {
- title: t("broadcasts.title"),
- url: `/space/${workspaceId}/broadcasts`,
- icon: RadioIcon,
- },
- {
- title: t("sequences.title"),
- url: `/space/${workspaceId}/sequences`,
- icon: ChevronsRight,
- },
- {
- title: t("triggers.title"),
- url: `/space/${workspaceId}/triggers`,
- icon: LightbulbIcon,
- },
- {
- title: t("webhooks.title"),
- url: `/space/${workspaceId}/webhooks`,
- icon: WebhookIcon,
+ // Equivale ao `icon-custom-broadcast` (Broadcast/Automação).
+ // Usamos `Brodcast` (sic — nome real na lib).
+ icon: wrapIconsax(Brodcast as IconsaxComponent),
},
{
- title: t("tools.title"),
- url: `/space/${workspaceId}/tools`,
- icon: WrenchIcon,
+ title: t("fields.flows.label"),
+ url: `/space/${workspaceId}/flows`,
+ // Flow — ícone do Respond.io extraído da fonte deles (pixel-perfect).
+ // Substitui o Hierarchy3 da Iconsax que era só aproximação visual.
+ icon: RespondFlowIcon,
},
{
title: t("settings.title"),
url: `/space/${workspaceId}/settings/general`,
- icon: SlidersHorizontalIcon,
+ // Equivale ao `icon-settings`. Usamos `Setting2` da Iconsax.
+ icon: wrapIconsax(Setting2 as IconsaxComponent),
},
],
}
return (
-
-
-
{children}
+}
diff --git a/apps/builder/src/app/space/[workspaceId]/(has-folder)/automated-responses/@folders/page.tsx b/apps/builder/src/app/space/[workspaceId]/(has-folder)/automated-responses/_folders_disabled/page.tsx
similarity index 100%
rename from apps/builder/src/app/space/[workspaceId]/(has-folder)/automated-responses/@folders/page.tsx
rename to apps/builder/src/app/space/[workspaceId]/(has-folder)/automated-responses/_folders_disabled/page.tsx
diff --git a/apps/builder/src/app/space/[workspaceId]/(has-folder)/automated-responses/layout.tsx b/apps/builder/src/app/space/[workspaceId]/(has-folder)/automated-responses/layout.tsx
index 7ab2ca8e8..d337b6458 100644
--- a/apps/builder/src/app/space/[workspaceId]/(has-folder)/automated-responses/layout.tsx
+++ b/apps/builder/src/app/space/[workspaceId]/(has-folder)/automated-responses/layout.tsx
@@ -6,11 +6,9 @@ import { FolderStoreProvider } from "@/features/folders/provider/folder-store-co
export default async function FolderableLayout({
children,
- folders,
params,
}: {
children: ReactNode
- folders: ReactNode
params: Promise<{ workspaceId: string }>
}) {
const workspaceId = getIdFromParams(await params, "workspaceId")
@@ -24,7 +22,6 @@ export default async function FolderableLayout({
workspaceId={workspaceId}
>
+
+
+
)
}
diff --git a/apps/builder/src/app/space/[workspaceId]/(has-folder)/custom-fields/layout.tsx b/apps/builder/src/app/space/[workspaceId]/(has-folder)/custom-fields/layout.tsx
deleted file mode 100644
index 9d03f34e0..000000000
--- a/apps/builder/src/app/space/[workspaceId]/(has-folder)/custom-fields/layout.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import { getIdFromParams } from "@chatbotx.io/utils"
-import { notFound } from "next/navigation"
-import { getTranslations } from "next-intl/server"
-import type { ReactNode } from "react"
-import { AppTab } from "@/components/app-tab"
-import { FolderStoreProvider } from "@/features/folders/provider/folder-store-context"
-
-export default async function FolderableLayout({
- children,
- folders,
- params,
-}: {
- children: ReactNode
- folders: ReactNode
- params: Promise<{ workspaceId: string }>
-}) {
- const workspaceId = getIdFromParams(await params, "workspaceId")
- if (!workspaceId) {
- return notFound()
- }
-
- const t = await getTranslations()
-
- return (
-
+
)
}
diff --git a/apps/builder/src/app/space/[workspaceId]/(has-folder)/tags/@folders/page.tsx b/apps/builder/src/app/space/[workspaceId]/(has-folder)/tags/@folders/page.tsx
deleted file mode 100644
index 8d3f12de8..000000000
--- a/apps/builder/src/app/space/[workspaceId]/(has-folder)/tags/@folders/page.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { getIdFromParams } from "@chatbotx.io/utils"
-import { notFound } from "next/navigation"
-import type { SearchParams } from "nuqs/server"
-import SharedFolderSlot from "@/features/folders/shared-folder-slot"
-
-export default async function FolderPage(props: {
- params: Promise<{ workspaceId: string }>
- searchParams: Promise
+
+
+
)
}
diff --git a/apps/builder/src/app/space/[workspaceId]/(has-folder)/webhooks/@folders/page.tsx b/apps/builder/src/app/space/[workspaceId]/(has-folder)/webhooks/@folders/page.tsx
deleted file mode 100644
index 8d3f12de8..000000000
--- a/apps/builder/src/app/space/[workspaceId]/(has-folder)/webhooks/@folders/page.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import { getIdFromParams } from "@chatbotx.io/utils"
-import { notFound } from "next/navigation"
-import type { SearchParams } from "nuqs/server"
-import SharedFolderSlot from "@/features/folders/shared-folder-slot"
-
-export default async function FolderPage(props: {
- params: Promise<{ workspaceId: string }>
- searchParams: Promise{t("triggers.title")}
+
+
+
+
)
}
diff --git a/apps/builder/src/app/space/[workspaceId]/(integrations)/whatsapps/[id]/automation/page.tsx b/apps/builder/src/app/space/[workspaceId]/(integrations)/whatsapps/[id]/automation/page.tsx
index a51bfb3ad..a60ff3139 100644
--- a/apps/builder/src/app/space/[workspaceId]/(integrations)/whatsapps/[id]/automation/page.tsx
+++ b/apps/builder/src/app/space/[workspaceId]/(integrations)/whatsapps/[id]/automation/page.tsx
@@ -28,7 +28,7 @@ export default async function WhatsappAutomationPage(props: {
error:
err instanceof Error
? err.message
- : "Failed to load automation settings",
+ : "Falha ao carregar configurações de automação",
})),
])
diff --git a/apps/builder/src/app/space/[workspaceId]/(settings)/settings/admins/page.tsx b/apps/builder/src/app/space/[workspaceId]/(settings)/settings/admins/page.tsx
index 8a80e6dd0..a4011abb0 100644
--- a/apps/builder/src/app/space/[workspaceId]/(settings)/settings/admins/page.tsx
+++ b/apps/builder/src/app/space/[workspaceId]/(settings)/settings/admins/page.tsx
@@ -1,9 +1,3 @@
-import {
- Card,
- CardContent,
- CardHeader,
- CardTitle,
-} from "@chatbotx.io/ui/components/ui/card"
import { getIdFromParams } from "@chatbotx.io/utils"
import { notFound } from "next/navigation"
import { getTranslations } from "next-intl/server"
@@ -31,13 +25,9 @@ export default async function SettingsAdminPage({
])
return (
- {t("webhooks.title")}
+
+
)
}
diff --git a/apps/builder/src/app/space/[workspaceId]/(enterprise)/audit-logs/page.tsx b/apps/builder/src/app/space/[workspaceId]/(settings)/settings/audit-logs/page.tsx
similarity index 55%
rename from apps/builder/src/app/space/[workspaceId]/(enterprise)/audit-logs/page.tsx
rename to apps/builder/src/app/space/[workspaceId]/(settings)/settings/audit-logs/page.tsx
index 6265c8850..9096b7ab6 100644
--- a/apps/builder/src/app/space/[workspaceId]/(enterprise)/audit-logs/page.tsx
+++ b/apps/builder/src/app/space/[workspaceId]/(settings)/settings/audit-logs/page.tsx
@@ -2,9 +2,14 @@ import { getIdFromParams } from "@chatbotx.io/utils"
import { notFound } from "next/navigation"
import type { SearchParams } from "nuqs/server"
import { Suspense } from "react"
-import { AuditLogsTable } from "@/enterprise/features/audit-logs/audit-logs-table"
-import { listAuditLogs } from "@/enterprise/features/audit-logs/queries"
-import { listAuditLogsSearchParamsCache } from "@/enterprise/features/audit-logs/schemas/query"
+import { AuditLogsTable } from "@/features/audit-logs/audit-logs-table"
+import {
+ listAuditLogActions,
+ listAuditLogs,
+} from "@/features/audit-logs/queries"
+import { listAuditLogsSearchParamsCache } from "@/features/audit-logs/schemas/query"
+import { listWorkspaceMembers } from "@/features/workspace-members/queries"
+import { getWorkspaceMembersSearchParamsCache } from "@/features/workspace-members/schema/query"
export default async function AuditLogsPage(props: {
params: Promise<{ workspaceId: string }>
@@ -19,9 +24,11 @@ export default async function AuditLogsPage(props: {
const search = listAuditLogsSearchParamsCache.parse(searchParams)
const promises = Promise.all([
- listAuditLogs({
- ...search,
+ listAuditLogs({ ...search, workspaceId }),
+ listAuditLogActions(workspaceId),
+ listWorkspaceMembers({
workspaceId,
+ ...getWorkspaceMembersSearchParamsCache.parse({}),
}),
])
diff --git a/apps/builder/src/app/space/[workspaceId]/(has-folder)/bot-fields/layout.tsx b/apps/builder/src/app/space/[workspaceId]/(settings)/settings/bot-fields/layout.tsx
similarity index 85%
rename from apps/builder/src/app/space/[workspaceId]/(has-folder)/bot-fields/layout.tsx
rename to apps/builder/src/app/space/[workspaceId]/(settings)/settings/bot-fields/layout.tsx
index 61324c31e..813f6d556 100644
--- a/apps/builder/src/app/space/[workspaceId]/(has-folder)/bot-fields/layout.tsx
+++ b/apps/builder/src/app/space/[workspaceId]/(settings)/settings/bot-fields/layout.tsx
@@ -3,13 +3,11 @@ import { notFound } from "next/navigation"
import type { ReactNode } from "react"
import { FolderStoreProvider } from "@/features/folders/provider/folder-store-context"
-export default async function FolderableLayout({
+export default async function BotFieldsSettingsLayout({
children,
- folders,
params,
}: {
children: ReactNode
- folders: ReactNode
params: Promise<{ workspaceId: string }>
}) {
const workspaceId = getIdFromParams(await params, "workspaceId")
@@ -19,7 +17,6 @@ export default async function FolderableLayout({
return (
{t("admins.title")}
+{children}
-
- )
+ return <>{children}
}
diff --git a/apps/builder/src/app/space/[workspaceId]/(settings)/settings/lifecycle/page.tsx b/apps/builder/src/app/space/[workspaceId]/(settings)/settings/lifecycle/page.tsx
new file mode 100644
index 000000000..74756ae0c
--- /dev/null
+++ b/apps/builder/src/app/space/[workspaceId]/(settings)/settings/lifecycle/page.tsx
@@ -0,0 +1,28 @@
+import { getIdFromParams } from "@chatbotx.io/utils"
+import { notFound } from "next/navigation"
+import { LifecycleStagesEditor } from "@/features/lifecycle-stages/lifecycle-stages-editor"
+import { listLifecycleStages } from "@/features/lifecycle-stages/queries"
+
+export default async function LifecyclePage(props: {
+ params: Promise<{ workspaceId: string }>
+}) {
+ const workspaceId = getIdFromParams(await props.params, "workspaceId")
+ if (!workspaceId) {
+ return notFound()
+ }
+
+ const stages = await listLifecycleStages(workspaceId)
+
+ const initialStages = stages.map((s) => ({
+ id: s.id,
+ key: s.key,
+ name: s.name,
+ icon: s.icon,
+ color: s.color,
+ position: s.position,
+ isDefault: s.isDefault,
+ isLost: s.isLost,
+ }))
+
+ return
+ {children}
+
+ )
+}
diff --git a/apps/builder/src/app/space/[workspaceId]/account/notifications/page.tsx b/apps/builder/src/app/space/[workspaceId]/account/notifications/page.tsx
new file mode 100644
index 000000000..5157f722a
--- /dev/null
+++ b/apps/builder/src/app/space/[workspaceId]/account/notifications/page.tsx
@@ -0,0 +1,46 @@
+import { getIdFromParams } from "@chatbotx.io/utils"
+import { BellIcon } from "lucide-react"
+import { notFound } from "next/navigation"
+import { getTranslations } from "next-intl/server"
+import { getMyWorkspaceMember } from "@/features/notifications/queries"
+import { UpdateNotificationsForm } from "@/features/notifications/update-notifications-form"
+import { getCurrentUserId } from "@/lib/auth/utils"
+
+export default async function NotificationsPage({
+ params,
+}: {
+ params: Promise<{ workspaceId: string }>
+}) {
+ const workspaceId = getIdFromParams(await params, "workspaceId")
+ if (!workspaceId) {
+ return notFound()
+ }
+
+ const userId = await getCurrentUserId()
+ if (!userId) {
+ return notFound()
+ }
+
+ const workspaceMember = await getMyWorkspaceMember(workspaceId, userId)
+ if (!workspaceMember) {
+ return notFound()
+ }
+
+ const t = await getTranslations("personalSettings.notificationsSection")
+ return (
+
+
+ )
+}
diff --git a/apps/builder/src/app/space/[workspaceId]/account/page.tsx b/apps/builder/src/app/space/[workspaceId]/account/page.tsx
new file mode 100644
index 000000000..5ac8e2006
--- /dev/null
+++ b/apps/builder/src/app/space/[workspaceId]/account/page.tsx
@@ -0,0 +1,19 @@
+import { UserIcon } from "lucide-react"
+import { getTranslations } from "next-intl/server"
+import { ProfileForm } from "@/features/account/profile-form"
+
+export default async function ProfilePage() {
+ const t = await getTranslations("personalSettings.profileSection")
+ return (
+
+
+
+
+
+
+ {t("subtitle")}
+
+
+ )
+}
diff --git a/apps/builder/src/app/space/[workspaceId]/broadcasts/page.tsx b/apps/builder/src/app/space/[workspaceId]/broadcasts/page.tsx
index a5d96d9a2..f9bf3af0b 100644
--- a/apps/builder/src/app/space/[workspaceId]/broadcasts/page.tsx
+++ b/apps/builder/src/app/space/[workspaceId]/broadcasts/page.tsx
@@ -3,6 +3,7 @@ import { notFound } from "next/navigation"
import { getTranslations } from "next-intl/server"
import type { SearchParams } from "nuqs/server"
import { Suspense } from "react"
+import { AutomationTabs } from "@/components/automation-tabs"
import { BroadcastsTable } from "@/features/broadcasts/broadcasts-table"
import { listBroadcasts } from "@/features/broadcasts/queries"
import { getBroadcastsSearchParamsCache } from "@/features/broadcasts/schemas/query"
@@ -29,6 +30,7 @@ export default async function BroadcastsPage(props: {
return (
+
+
+
+
+
+ {t("subtitle")}
+
+
FULL (com inline edit,
+// custom fields, accordion hidden, tags reais).
+export default async function ContactsLayout({
+ children,
+ params,
+}: {
+ children: ReactNode
+ params: Promise<{ workspaceId: string }>
+}) {
+ const workspaceId = getIdFromParams(await params, "workspaceId")
+ if (!workspaceId) {
+ return notFound()
+ }
+
+ const userId = await getCurrentUserId()
+ if (!userId) {
+ return notFound()
+ }
+
+ const [{ data: inboxTeams }, lifecycleStages] = await Promise.all([
+ listInboxTeams({ workspaceId }),
+ listLifecycleStages(workspaceId),
+ ])
+ const teamIds = (inboxTeams ?? []).map((t) => t.id)
+ const [
+ lifecycleCounts,
+ assignmentCounts,
+ unreadByStage,
+ unreadByAssignment,
+ blockedContactsCount,
+ ] = await Promise.all([
+ countOpenConversationsByLifecycle(workspaceId),
+ countOpenConversationsByAssignment(workspaceId, userId, teamIds),
+ countUnreadConversationsByLifecycle(workspaceId),
+ countUnreadConversationsByAssignment(workspaceId, userId, teamIds),
+ countBlockedContacts(workspaceId),
+ ])
+
+ return (
+ = {
+ ...searchParams,
+ workspaceId,
+ }
+ if (typeof searchParams.lifecycleStageId === "string") {
+ normalized.lifecycleStageIds = [searchParams.lifecycleStageId]
+ }
+ const { data: search } = listContactsRequest.safeParse(normalized)
const promises = Promise.all([
listContacts({
@@ -30,22 +41,28 @@ export default async function ContactsPage(props: {
workspaceId,
}),
])
+ const lifecycleStages = await listLifecycleStages(workspaceId)
return (
-
diff --git a/apps/builder/src/app/space/[workspaceId]/webchats/create/page.tsx b/apps/builder/src/app/space/[workspaceId]/webchats/create/page.tsx
index 851801d4f..a6f829694 100644
--- a/apps/builder/src/app/space/[workspaceId]/webchats/create/page.tsx
+++ b/apps/builder/src/app/space/[workspaceId]/webchats/create/page.tsx
@@ -15,7 +15,7 @@ export default async function CreateWebchatPage({
}
return (
- Loading...
}>
+ {t("broadcasts.title")}
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/apps/builder/src/app/space/[workspaceId]/contacts/page.tsx b/apps/builder/src/app/space/[workspaceId]/contacts/page.tsx
index 9ad04aab8..26c40610d 100644
--- a/apps/builder/src/app/space/[workspaceId]/contacts/page.tsx
+++ b/apps/builder/src/app/space/[workspaceId]/contacts/page.tsx
@@ -3,11 +3,13 @@ import { notFound } from "next/navigation"
import { getTranslations } from "next-intl/server"
import type { SearchParams } from "nuqs/server"
import { Suspense } from "react"
+import { PageHeader } from "@/components/page-header"
import { ContactsTable } from "@/features/contacts/contacts-table"
import { listContacts } from "@/features/contacts/queries/list-contacts.queries"
import { listContactsRequest } from "@/features/contacts/schemas/query"
import { CustomFieldStoreProvider } from "@/features/custom-fields/provider/custom-field-store-context"
import { InboxStoreProvider } from "@/features/inboxes/provider/inbox-store-context"
+import { listLifecycleStages } from "@/features/lifecycle-stages/queries"
import { TagStoreProvider } from "@/features/tags/provider/tag-store-context"
import { UserStoreProvider } from "@/features/users/provider/user-store-context"
@@ -22,7 +24,16 @@ export default async function ContactsPage(props: {
const t = await getTranslations()
const searchParams = await props.searchParams
- const { data: search } = listContactsRequest.safeParse(searchParams)
+ // safeParse precisa de workspaceId (vem do path, não da query). Normaliza
+ // lifecycleStageId single → array antes de parsear (sidebar manda single).
+ const normalized: Record
+ {children}
+
+
-
-
-
-
-
-
-
-
-
-
+
}) {
- const t = await getTranslations()
-
const workspaceId = getIdFromParams(await props.params, "workspaceId")
if (!workspaceId) {
return notFound()
@@ -29,35 +25,11 @@ export default async function ErrorLogsPage(props: {
}),
])
+ // AppTab removido — Logs de Erro agora aparece no sub-sidebar de
+ // Configurações em vez de tabs na aba Fluxos.
return (
-
+
)
}
diff --git a/apps/builder/src/app/space/[workspaceId]/inbox/layout.tsx b/apps/builder/src/app/space/[workspaceId]/inbox/layout.tsx
new file mode 100644
index 000000000..4de52c495
--- /dev/null
+++ b/apps/builder/src/app/space/[workspaceId]/inbox/layout.tsx
@@ -0,0 +1,99 @@
+import { getIdFromParams } from "@chatbotx.io/utils"
+import { notFound } from "next/navigation"
+import type { ReactNode } from "react"
+import { InboxAreaSidebar } from "@/components/inbox-area-sidebar"
+import { listInboxTeams } from "@/enterprise/features/inbox-teams/queries"
+import { InboxSidebarExpandButton } from "@/features/chat/components/inbox-sidebar-expand-button"
+import { ChatStoreProvider } from "@/features/chat/store/chat-store-provider"
+import { countBlockedContacts } from "@/features/contacts/queries/count-blocked-contacts"
+import { CustomFieldStoreProvider } from "@/features/custom-fields/provider/custom-field-store-context"
+import { FlowStoreProvider } from "@/features/flows/provider/flow-store-context"
+import { InboxStoreProvider } from "@/features/inboxes/provider/inbox-store-context"
+import {
+ countOpenConversationsByAssignment,
+ countOpenConversationsByLifecycle,
+ countUnreadConversationsByAssignment,
+ countUnreadConversationsByLifecycle,
+ listLifecycleStages,
+} from "@/features/lifecycle-stages/queries"
+import { SavedReplyStoreProvider } from "@/features/saved-replies/provider/saved-reply-store-context"
+import { TagStoreProvider } from "@/features/tags/provider/tag-store-context"
+import { UserStoreProvider } from "@/features/users/provider/user-store-context"
+import { getCurrentUserId } from "@/lib/auth/utils"
+
+export default async function InboxLayout({
+ children,
+ params,
+}: {
+ children: ReactNode
+ params: Promise<{ workspaceId: string }>
+}) {
+ const workspaceId = getIdFromParams(await params, "workspaceId")
+ if (!workspaceId) {
+ return notFound()
+ }
+
+ const userId = await getCurrentUserId()
+ if (!userId) {
+ return notFound()
+ }
+
+ // Carrega tudo paralelo. Os badges do sidebar mostram CONVERSAS ABERTAS
+ // (não contatos) pra alinhar com Respond.io (docs:
+ // markdown-raw/inbox/getting-started-with-inbox.md).
+ const [{ data: inboxTeams }, lifecycleStages] = await Promise.all([
+ listInboxTeams({ workspaceId }),
+ listLifecycleStages(workspaceId),
+ ])
+ const teamIds = (inboxTeams ?? []).map((t) => t.id)
+ const [
+ lifecycleCounts,
+ assignmentCounts,
+ unreadByStage,
+ unreadByAssignment,
+ blockedContactsCount,
+ ] = await Promise.all([
+ countOpenConversationsByLifecycle(workspaceId),
+ countOpenConversationsByAssignment(workspaceId, userId, teamIds),
+ countUnreadConversationsByLifecycle(workspaceId),
+ countUnreadConversationsByAssignment(workspaceId, userId, teamIds),
+ countBlockedContacts(workspaceId),
+ ])
+
+ return (
+ Carregando...
}>
{t("contacts.title")}
- -
+
)
}
diff --git a/apps/builder/src/app/space/[workspaceId]/error-logs/page.tsx b/apps/builder/src/app/space/[workspaceId]/error-logs/page.tsx
index e2bb2fddf..942600073 100644
--- a/apps/builder/src/app/space/[workspaceId]/error-logs/page.tsx
+++ b/apps/builder/src/app/space/[workspaceId]/error-logs/page.tsx
@@ -1,9 +1,7 @@
import { getIdFromParams } from "@chatbotx.io/utils"
import { notFound } from "next/navigation"
-import { getTranslations } from "next-intl/server"
import type { SearchParams } from "nuqs/server"
import { Suspense } from "react"
-import { AppTab } from "@/components/app-tab"
import { ErrorLogsTable } from "@/features/error-logs/error-logs-table"
import { listErrorLogs } from "@/features/error-logs/queries"
import { listErrorLogsSearchParamsCache } from "@/features/error-logs/schemas/query"
@@ -12,8 +10,6 @@ export default async function ErrorLogsPage(props: {
params: Promise<{ workspaceId: string }>
searchParams: Promise
+
+
+
+
+
+
+
+
+
+
+
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/apps/builder/src/app/space/[workspaceId]/inbox/page.tsx b/apps/builder/src/app/space/[workspaceId]/inbox/page.tsx
index d6e8417ee..b56c14815 100644
--- a/apps/builder/src/app/space/[workspaceId]/inbox/page.tsx
+++ b/apps/builder/src/app/space/[workspaceId]/inbox/page.tsx
@@ -2,13 +2,9 @@ import { getIdFromParams } from "@chatbotx.io/utils"
import { cookies } from "next/headers"
import { notFound } from "next/navigation"
import { ChatLayout } from "@/features/chat/chat-layout"
-import { ChatStoreProvider } from "@/features/chat/store/chat-store-provider"
-import { CustomFieldStoreProvider } from "@/features/custom-fields/provider/custom-field-store-context"
-import { FlowStoreProvider } from "@/features/flows/provider/flow-store-context"
-import { InboxStoreProvider } from "@/features/inboxes/provider/inbox-store-context"
-import { SavedReplyStoreProvider } from "@/features/saved-replies/provider/saved-reply-store-context"
-import { TagStoreProvider } from "@/features/tags/provider/tag-store-context"
-import { UserStoreProvider } from "@/features/users/provider/user-store-context"
+import { getClosingNotesConfig } from "@/features/closing-notes/queries/get-config"
+import { listHiddenContactFieldKeys } from "@/features/custom-fields/queries/visibility"
+import { listLifecycleStages } from "@/features/lifecycle-stages/queries"
type InboxPageProps = {
params: Promise<{ workspaceId: string }>
@@ -21,31 +17,30 @@ export default async function InboxPage({ params }: InboxPageProps) {
}
const layout = (await cookies()).get("csm:layout:inbox")
- const savedLayout = layout ? JSON.parse(layout.value) : [25, 50, 25]
+ // Default Respond.io (Pedro iter 36, medido via Chrome MCP, viewport 2560
+ // sidebar Inbox colapsada):
+ // - Lista chats: 477px (19.34% da área redimensionável)
+ // - Mensagens: 1640px (66.48%)
+ // - Drawer: 350px (14.18%)
+ // Cookie persistido tem prioridade — usuário mantém ajustes próprios.
+ const savedLayout = layout ? JSON.parse(layout.value) : [19, 67, 14]
+ const [lifecycleStages, hiddenFieldKeys, closingNotesConfig] =
+ await Promise.all([
+ listLifecycleStages(workspaceId),
+ listHiddenContactFieldKeys(workspaceId),
+ getClosingNotesConfig(workspaceId),
+ ])
return (
-
+ {children}
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+ > | null = null
+ try {
+ organization = await organizationService.findByDomain(domain)
+ } catch {
+ organization = null
+ }
return (
-
-
+
- {children}
+
)
diff --git a/apps/builder/src/app/space/[workspaceId]/notifications/page.tsx b/apps/builder/src/app/space/[workspaceId]/notifications/page.tsx
new file mode 100644
index 000000000..a472156e4
--- /dev/null
+++ b/apps/builder/src/app/space/[workspaceId]/notifications/page.tsx
@@ -0,0 +1,10 @@
+import { redirect } from "next/navigation"
+
+export default async function NotificationsRedirect({
+ params,
+}: {
+ params: Promise<{ workspaceId: string }>
+}) {
+ const { workspaceId } = await params
+ redirect(`/space/${workspaceId}/account/notifications`)
+}
diff --git a/apps/builder/src/app/space/[workspaceId]/webchats/[id]/edit/page.tsx b/apps/builder/src/app/space/[workspaceId]/webchats/[id]/edit/page.tsx
index 346ef0a62..2360f0ad2 100644
--- a/apps/builder/src/app/space/[workspaceId]/webchats/[id]/edit/page.tsx
+++ b/apps/builder/src/app/space/[workspaceId]/webchats/[id]/edit/page.tsx
@@ -22,7 +22,7 @@ export default async function WebchatEditPage({
return (
- Loading...
}>
+
+
)
}
diff --git a/apps/builder/src/app/space/[workspaceId]/layout.tsx b/apps/builder/src/app/space/[workspaceId]/layout.tsx
index 1ba8427db..37657955b 100644
--- a/apps/builder/src/app/space/[workspaceId]/layout.tsx
+++ b/apps/builder/src/app/space/[workspaceId]/layout.tsx
@@ -1,14 +1,17 @@
-import { workspaceMemberService } from "@chatbotx.io/business"
+import {
+ organizationService,
+ workspaceMemberService,
+} from "@chatbotx.io/business"
import {
SidebarInset,
SidebarProvider,
- SidebarTrigger,
} from "@chatbotx.io/ui/components/ui/sidebar"
import { getIdFromParams } from "@chatbotx.io/utils"
-import { cookies } from "next/headers"
import { notFound } from "next/navigation"
import { AppSidebar } from "@/components/app-sidebar"
+import { SettingsAreaSidebar } from "@/components/settings-area-sidebar"
import { getCurrentUserId } from "@/lib/auth/utils"
+import { getDomainFromHeader } from "@/lib/domain"
export default async function WorkspaceLayout({
children,
@@ -43,16 +46,32 @@ export default async function WorkspaceLayout({
(workspaceMember) => workspaceMember.workspace,
)
- const cookieStore = await cookies()
- const defaultOpen = cookieStore.get("sidebar_state")?.value === "true"
+ const domain = await getDomainFromHeader()
+ let organization: Awaited<
+ ReturnType
+
+ {children}
+
+
-
+
+ {/* Footer — NavUser + BrandIcon (embaixo, com link pra "/").
+ Container do logo um pouco maior (h-12) pra acomodar o ícone de 32px
+ com respiro. */}
)
diff --git a/apps/builder/src/components/arrow-handle.tsx b/apps/builder/src/components/arrow-handle.tsx
new file mode 100644
index 000000000..0c2a4dd2f
--- /dev/null
+++ b/apps/builder/src/components/arrow-handle.tsx
@@ -0,0 +1,60 @@
+import { cn } from "@chatbotx.io/ui/lib/utils"
+import { Handle, type HandleProps, useNodeConnections } from "@xyflow/react"
+import { ArrowRight2 } from "iconsax-reactjs"
+
+/**
+ * Handle estilo BotConversa: bolinha maior (20px) com setinha `>` dentro,
+ * posicionada na borda externa do node (metade dentro, metade fora). Usada
+ * pros source handles do fluxo principal — feedback visual claro de "saída"
+ * pra próxima ação.
+ *
+ * Difere do `BaseHandle` (handles menores 11px sem ícone, usado em handles
+ * internos como botões de quick reply).
+ *
+ * Cor do círculo personalizável via `handleColor` / `handleBorderColor`
+ * (classes Tailwind tipo `!bg-emerald-500 !border-emerald-600`). Pedro pediu
+ * cor distinta por tipo de node.
+ */
+export type ArrowHandleProps = HandleProps & {
+ ref?: React.RefObject
+ /** Classes Tailwind extras pra cor da bolinha (override do default). */
+ colorClassName?: string
+}
+
+export const ArrowHandle = (
+ props: ArrowHandleProps & { type?: "source" | "target" },
+) => {
+ const { ref, className, colorClassName, children, ...rest } = props
+
+ const connections = useNodeConnections({
+ handleType: rest.type,
+ handleId: rest.id ?? "",
+ })
+
+ return (
+ 0 && "!bg-blue-600 !border-blue-700",
+ colorClassName,
+ className,
+ )}
+ {...rest}
+ ref={ref}
+ >
+ {/* Iconsax `ArrowRight2` — setinha estilo BotConversa */}
+
+
+ )
+}
+
+ArrowHandle.displayName = "ArrowHandle"
diff --git a/apps/builder/src/components/automation-tabs.tsx b/apps/builder/src/components/automation-tabs.tsx
new file mode 100644
index 000000000..900ebcd5b
--- /dev/null
+++ b/apps/builder/src/components/automation-tabs.tsx
@@ -0,0 +1,41 @@
+"use client"
+
+import { Tabs, TabsList, TabsTrigger } from "@chatbotx.io/ui/components/ui/tabs"
+import Link from "next/link"
+import { useParams, usePathname } from "next/navigation"
+import { useTranslations } from "next-intl"
+
+type AutomationTab = {
+ value: "automated-responses" | "broadcasts" | "sequences"
+ labelKey: "keywords.title" | "broadcasts.title" | "sequences.title"
+}
+
+const TABS: AutomationTab[] = [
+ { value: "automated-responses", labelKey: "keywords.title" },
+ { value: "broadcasts", labelKey: "broadcasts.title" },
+ { value: "sequences", labelKey: "sequences.title" },
+]
+
+export function AutomationTabs() {
+ const t = useTranslations()
+ const pathname = usePathname()
+ const params = useParams()
+ const workspaceId = params.workspaceId as string
+
+ const base = `/space/${workspaceId}`
+ const activeTab =
+ TABS.find((tab) => pathname.startsWith(`${base}/${tab.value}`))?.value ??
+ TABS[0].value
+
+ return (
+
+
+ {TABS.map((tab) => (
+
+ {t(tab.labelKey)}
+
+ ))}
+
+
+ )
+}
diff --git a/apps/builder/src/components/brand-icon.tsx b/apps/builder/src/components/brand-icon.tsx
index ea165f323..09ac4cb6a 100644
--- a/apps/builder/src/components/brand-icon.tsx
+++ b/apps/builder/src/components/brand-icon.tsx
@@ -12,7 +12,7 @@ type BrandIconProps = {
}
export const BrandIcon = ({
- alt = "Brand Icon",
+ alt = "Ícone da marca",
className,
}: BrandIconProps) => {
const currentTheme = useCurrentTheme()
@@ -31,8 +31,11 @@ export const BrandIcon = ({
currentTheme === "dark" ? "/brand/logo_white.svg" : "/brand/logo_black.svg"
const logoSrc = logo || baseLogoSrc
+ // Icon collapsed — usa os novos PNGs do logo X1 do Pedro (2026-05-24).
+ // PNGs originais: x1_white.png pro dark, x1_black.png pro light.
+ // Caso o arquivo não exista, cai pros SVGs antigos.
const baseIconSrc =
- currentTheme === "dark" ? "/brand/icon_white.svg" : "/brand/icon_black.svg"
+ currentTheme === "dark" ? "/brand/x1_white.png" : "/brand/x1_black.png"
const iconSrc = logo || baseIconSrc
return (
@@ -48,17 +51,20 @@ export const BrandIcon = ({
src={logoSrc}
width={10}
/>
- {/* Icon - shown when collapsed */}
+ {/* Icon - shown when collapsed (default state do sidebar global do app).
+ h-8/w-8 (32px display) com width/height=128 pra Next/Image gerar uma
+ variant maior e nítida — antes ficava 32×32 borrado parecendo um X
+ de close button. */}
-
diff --git a/apps/builder/src/components/iconsax-icon.tsx b/apps/builder/src/components/iconsax-icon.tsx
new file mode 100644
index 000000000..c6ca31797
--- /dev/null
+++ b/apps/builder/src/components/iconsax-icon.tsx
@@ -0,0 +1,51 @@
+"use client"
+
+import type { ComponentType, ReactElement } from "react"
+
+/**
+ * Helper compartilhado pra usar ícones da biblioteca pública `iconsax-reactjs`
+ * (MIT) com a API "className" que o resto do app usa (estilo Lucide).
+ *
+ * Iconsax usa `size`/`color`/`variant` em vez de className. O wrapper aqui
+ * renderiza um `` com a className recebida + o ícone Iconsax dentro
+ * com `size="100%"` e `color="currentColor"` (herda cor do parent).
+ *
+ * Padrão recomendado de uso em qualquer arquivo:
+ * import { wrapIconsax } from "@/components/iconsax-icon"
+ * import { Add, ArrowLeft2, Edit2 } from "iconsax-reactjs"
+ *
+ * const AddIcon = wrapIconsax(Add)
+ * 9999 ? "9,999+" : count.toLocaleString("pt-BR")
+}
+
+function renderCountBadge(
+ count: number,
+ hasUnread: boolean,
+ t: ReturnType,
+) {
+ if (hasUnread) {
+ // O número virou indicador "nova mensagem" — pill azul brilhante.
+ // Quando count for 0 (raro mas possível), mostra o pill mesmo assim
+ // pra sinalizar que TEM unread.
+ return (
+
+ {count > 0 ? formatCount(count) : ""}
+
+ )
+ }
+ if (count > 0) {
+ // Só contagem de conversas abertas, sem unread — número simples negrito.
+ return (
+
+ {formatCount(count)}
+
+ )
+ }
+ return null
+}
+
+type InboxFilterItem = {
+ key: string
+ label: string
+ icon: LucideIcon
+ assignedId: string
+ isActive: (currentAssignedId: string | undefined) => boolean
+ onSelect: () => void
+}
+
+type AssignmentCounts = {
+ all: number
+ mine: number
+ unassigned: number
+ teams: Record
+}
+
+type InboxAreaSidebarProps = {
+ workspaceId: string
+ currentUserId: string
+ inboxTeams: InboxTeamModel[]
+ lifecycleStages: LifecycleStageModel[]
+ // Contagens de CONVERSAS ABERTAS por stage (badge ao lado de cada
+ // "Novo Lead", "Lead Quente" etc) — não é número de contatos. Alinhado
+ // com docs Respond.io ("Contagem de conversas abertas").
+ lifecycleCounts: Record
+ // Contagens dos filtros top (Todos / Minhas / Não atribuídas + teams).
+ assignmentCounts: AssignmentCounts
+ // Recortes COM conversas NÃO LIDAS (contactLastReadAt > agentLastReadAt).
+ // Usados pro indicador "nova mensagem" (bolinha azul que segue prioridade
+ // Minhas > Equipe > Não atribuídas > Todas — doc Respond.io). Some quando
+ // filtro é ativo.
+ unreadByAssignment: AssignmentCounts
+ unreadByStage: Record
+ // Quantidade de contatos com `blockedAt IS NOT NULL`. Usado no item
+ // "Contatos bloqueados" do rodapé do sidebar (pixel-perfect Respond.io).
+ blockedContactsCount: number
+}
+
+export function InboxAreaSidebar({
+ workspaceId,
+ currentUserId,
+ inboxTeams,
+ lifecycleStages,
+ lifecycleCounts,
+ assignmentCounts,
+ unreadByAssignment,
+ unreadByStage,
+ blockedContactsCount,
+}: InboxAreaSidebarProps) {
+ const t = useTranslations()
+ const [collapsed, toggleCollapsed] = useInboxSidebarCollapsed()
+ const filters = useChatStore((state) => state.filters)
+ const setFilters = useChatStore((state) => state.setFilters)
+ const resetState = useChatStore((state) => state.resetState)
+ const loadMoreConversations = useChatStore(
+ (state) => state.loadMoreConversations,
+ )
+
+ // Quando filter "Contatos bloqueados" tá ativo, ele é EXCLUSIVO: os
+ // outros filtros do topo (Todos/Minhas/Não atribuídas), teams e lifecycle
+ // stages perdem o highlight de "ativo" mesmo que o assignedId/lifecycleId
+ // ainda esteja setado no store. Pedro pediu 2026-05-25 — comportamento
+ // de "caixa especial" igual Respond.io.
+ const isBlockedFilterActive = filters.tags?.includes("blocked") ?? false
+ const currentAssignedId = isBlockedFilterActive
+ ? "__blocked__"
+ : (filters.assignedId ?? "all")
+ const currentLifecycleId = isBlockedFilterActive
+ ? null
+ : (filters.lifecycleStageId ?? null)
+ // Lost stages ficam OCULTOS no Inbox (igual Respond.io) — só aparecem nas configurações
+ const activeLifecycleStages = lifecycleStages.filter((s) => !s.isLost)
+
+ // Lê o toggle global do localStorage (controla se a seção Ciclo de vida aparece)
+ const [lifecycleVisible, setLifecycleVisible] = useState(true)
+ useEffect(() => {
+ const stored = localStorage.getItem(LIFECYCLE_VISIBILITY_KEY)
+ if (stored !== null) {
+ setLifecycleVisible(stored === "true")
+ }
+ const handler = (e: StorageEvent) => {
+ if (e.key === LIFECYCLE_VISIBILITY_KEY && e.newValue !== null) {
+ setLifecycleVisible(e.newValue === "true")
+ }
+ }
+ window.addEventListener("storage", handler)
+ return () => window.removeEventListener("storage", handler)
+ }, [])
+
+ // Polling 30s das contagens (mantém sidebar fresca quando uma conversa
+ // muda de stage / é arquivada / é atribuída / leitura). Re-busca todas
+ // as 4 séries (counts + unread por stage e assignment) numa só chamada.
+ const [polledLifecycle, setPolledLifecycle] =
+ useState>(lifecycleCounts)
+ const [polledAssignment, setPolledAssignment] =
+ useState(assignmentCounts)
+ const [polledUnreadStage, setPolledUnreadStage] =
+ useState>(unreadByStage)
+ const [polledUnreadAssignment, setPolledUnreadAssignment] =
+ useState(unreadByAssignment)
+ useEffect(() => {
+ let mounted = true
+ const teamIds = inboxTeams.map((t) => t.id)
+ const boundAction = getLifecycleCountsAction.bind(null, workspaceId)
+ const tick = async () => {
+ try {
+ const result = await boundAction({ teamIds })
+ if (mounted && result?.data) {
+ setPolledLifecycle(result.data.byStage)
+ setPolledAssignment(result.data.byAssignment)
+ setPolledUnreadStage(result.data.unreadByStage)
+ setPolledUnreadAssignment(result.data.unreadByAssignment)
+ }
+ } catch {
+ // silent — manter contagem anterior
+ }
+ }
+ const interval = setInterval(tick, LIFECYCLE_COUNTS_POLL_MS)
+ return () => {
+ mounted = false
+ clearInterval(interval)
+ }
+ }, [workspaceId, inboxTeams.map])
+ const counts = polledLifecycle
+ const assignCounts = polledAssignment
+ const unreadStage = polledUnreadStage
+ const unreadAssign = polledUnreadAssignment
+
+ // Optimistic update da bolinha "nova mensagem": zera o recorte
+ // localmente assim que o user clica. UPDATE no DB roda em background;
+ // polling 30s reconfirma. Doc: "Ao abrir a caixa de entrada, o ponto
+ // azul desaparece."
+ const markAssignmentReadOptimistic = (assignedId: string) => {
+ // Cada filtro zera APENAS seu próprio recorte. "Todos" não toca em
+ // lifecycle stages (decisão Pedro 2026-05-24 — visão "Todos" é só
+ // mudar de visão, não confirma leitura geral).
+ setPolledUnreadAssignment((prev) => {
+ if (assignedId === "all") {
+ return { all: 0, mine: 0, unassigned: 0, teams: {} }
+ }
+ if (assignedId === `u_${currentUserId}`) {
+ return { ...prev, mine: 0, all: Math.max(0, prev.all - prev.mine) }
+ }
+ if (assignedId === "unassigned") {
+ return {
+ ...prev,
+ unassigned: 0,
+ all: Math.max(0, prev.all - prev.unassigned),
+ }
+ }
+ if (assignedId.startsWith("t_")) {
+ const teamId = assignedId.slice(2)
+ const teamCount = prev.teams[teamId] ?? 0
+ return {
+ ...prev,
+ teams: { ...prev.teams, [teamId]: 0 },
+ all: Math.max(0, prev.all - teamCount),
+ }
+ }
+ return prev
+ })
+ }
+
+ const markLifecycleReadOptimistic = (stageId: string) => {
+ setPolledUnreadStage((prev) => ({ ...prev, [stageId]: 0 }))
+ }
+
+ // Hook do next-safe-action (chamada direta sem useAction não dispara
+ // o handler). EXCEÇÃO: "Todos" não confirma leitura — só muda visão.
+ const { execute: executeMarkFilterRead } = useAction(
+ markFilterReadAction.bind(null, workspaceId),
+ )
+
+ // Helper: remove a tag "blocked" do array (preservando outras tags).
+ // Top items / lifecycle / teams SEMPRE chamam isto pra desativar a
+ // "caixa de bloqueados" automaticamente quando o user volta pra um
+ // filtro normal — comportamento exclusivo igual sidebar do Respond.io
+ // (Pedro reforçou 2026-05-25: "quando volto pra Todos, sai do blocked").
+ const stripBlocked = () =>
+ (filters.tags ?? []).filter((tag) => tag !== "blocked")
+
+ const applyFilter = (assignedId: string) => {
+ setFilters({
+ ...filters,
+ assignedId,
+ lifecycleStageId: null,
+ tags: stripBlocked(),
+ })
+ resetState()
+ loadMoreConversations(workspaceId)
+ markAssignmentReadOptimistic(assignedId)
+ if (assignedId === "all") {
+ // no-op
+ } else if (assignedId === `u_${currentUserId}`) {
+ executeMarkFilterRead({ scope: "mine", userId: currentUserId })
+ } else if (assignedId === "unassigned") {
+ executeMarkFilterRead({ scope: "unassigned" })
+ } else if (assignedId.startsWith("t_")) {
+ executeMarkFilterRead({ scope: "team", teamId: assignedId.slice(2) })
+ }
+ }
+
+ const applyLifecycleFilter = (stageId: string | null) => {
+ setFilters({
+ ...filters,
+ lifecycleStageId: stageId,
+ tags: stripBlocked(),
+ })
+ resetState()
+ loadMoreConversations(workspaceId)
+ if (stageId) {
+ markLifecycleReadOptimistic(stageId)
+ executeMarkFilterRead({ scope: "lifecycle", stageId })
+ }
+ }
+
+ // Filtro "Contatos bloqueados" (rodapé) — exclusivo dos filtros
+ // assignment/lifecycle. Clicar nele LIMPA assignedId/lifecycleStageId
+ // e ativa `tags: ["blocked"]`. Clicar de novo (toggle off) volta pra
+ // visão "Todos". Quando o user clica em qualquer outro filtro
+ // (Todos / Minhas / Lifecycle / Team), `stripBlocked()` desativa este
+ // automaticamente.
+ const applyBlockedFilter = () => {
+ if (isBlockedFilterActive) {
+ // Toggle off — volta pra visão padrão "Todos".
+ setFilters({
+ ...filters,
+ tags: stripBlocked(),
+ assignedId: "all",
+ lifecycleStageId: null,
+ })
+ } else {
+ // Toggle on — limpa outros filtros e ativa apenas blocked.
+ setFilters({
+ ...filters,
+ tags: [...stripBlocked(), "blocked" as const],
+ assignedId: "all",
+ lifecycleStageId: null,
+ })
+ }
+ resetState()
+ loadMoreConversations(workspaceId)
+ }
+
+ // Prioridade da bolinha "nova mensagem" (doc Respond.io):
+ // Minhas > Equipe > Não atribuídas > Todas.
+ // Se um nível superior tem unread, esconde dos níveis inferiores.
+ const anyTeamUnread = Object.values(unreadAssign.teams).some((c) => c > 0)
+ const showAllDot =
+ unreadAssign.all > 0 &&
+ unreadAssign.mine === 0 &&
+ unreadAssign.unassigned === 0 &&
+ !anyTeamUnread
+ const showMineDot = unreadAssign.mine > 0
+ const showUnassignedDot =
+ unreadAssign.unassigned > 0 && unreadAssign.mine === 0 && !anyTeamUnread
+ const showTeamDot = (teamId: string): boolean =>
+ (unreadAssign.teams[teamId] ?? 0) > 0 && unreadAssign.mine === 0
+
+ // Cada filtro top vem com a count real de conversas abertas naquele
+ // recorte + flag `showDot` que indica se DEVE renderizar a bolinha azul
+ // "nova mensagem" (segue prioridade Minhas > Equipe > Não atribuídas >
+ // Todas — doc Respond.io). Esconde quando filtro está ativo.
+ const topItems: Array =
+ [
+ {
+ key: "all",
+ label: t("inboxFilters.all"),
+ icon: InboxIcon,
+ assignedId: "all",
+ count: assignCounts.all,
+ showDot: showAllDot,
+ isActive: (current) =>
+ !current ||
+ current === "all" ||
+ (current !== "unassigned" &&
+ !current.startsWith("u_") &&
+ !current.startsWith("t_")),
+ onSelect: () => applyFilter("all"),
+ },
+ {
+ key: "mine",
+ label: t("inboxFilters.mine"),
+ icon: UserIcon,
+ assignedId: `u_${currentUserId}`,
+ count: assignCounts.mine,
+ showDot: showMineDot,
+ isActive: (current) => current === `u_${currentUserId}`,
+ onSelect: () => applyFilter(`u_${currentUserId}`),
+ },
+ {
+ key: "unassigned",
+ label: t("inboxFilters.unassigned"),
+ icon: UserSearchIcon,
+ assignedId: "unassigned",
+ count: assignCounts.unassigned,
+ showDot: showUnassignedDot,
+ isActive: (current) => current === "unassigned",
+ onSelect: () => applyFilter("unassigned"),
+ },
+ ]
+
+ // Collapsed: sidebar 215px some inteira. Botão "expandir" mora no
+ // chat-layout (renderiza só quando collapsed lendo do mesmo hook).
+ if (collapsed) {
+ return null
+ }
+
+ return (
+ // Pixel-perfect Respond.io 2026-05-24:
+ // bg `--app-surface` (#222225), w 215, border-right padrão.
+ // Header 43px com font 14/700 + search + collapse à direita.
+ // Filtros 32px h (medido no Respond ao vivo), lifecycle 32px h.
+ // Section labels uppercase letter-spacing pra parecer respond.io.
+ // Badge contagem com pill bg-primary (azul) igual mapping do Diego.
+ // Layout em 3 partes (Pedro pediu 2026-05-25 — pixel-perfect Respond.io):
+ // 1. Header 43px (título + collapse)
+ // 2. Conteúdo principal scrollável (filtros + teams + lifecycle)
+ // 3. Rodapé fixo com "Contatos bloqueados" (igual Respond.io)
+
+ )
+}
diff --git a/apps/builder/src/components/lang-selector.tsx b/apps/builder/src/components/lang-selector.tsx
index 8edf97f8a..168832e43 100644
--- a/apps/builder/src/components/lang-selector.tsx
+++ b/apps/builder/src/components/lang-selector.tsx
@@ -33,6 +33,7 @@ export const LangSelector: React.FC = () => {
{t("fields.language.english")}
{t("fields.language.vietnamese")}
+ {t("fields.language.portuguese")}
)
diff --git a/apps/builder/src/components/nav-main.tsx b/apps/builder/src/components/nav-main.tsx
index a83ed6acf..50bb77581 100644
--- a/apps/builder/src/components/nav-main.tsx
+++ b/apps/builder/src/components/nav-main.tsx
@@ -6,9 +6,16 @@ import {
SidebarMenuButton,
SidebarMenuItem,
} from "@chatbotx.io/ui/components/ui/sidebar"
-import type { LucideIcon } from "lucide-react"
import Link from "next/link"
import { usePathname } from "next/navigation"
+import type { ComponentType } from "react"
+
+/**
+ * Componente genérico de ícone — aceita qualquer componente que recebe
+ * `className`. Compatível com Lucide (`LucideIcon`) e com wrappers de
+ * outras libs (ex.: Iconsax via wrapIconsax no app-sidebar).
+ */
+type NavIcon = ComponentType<{ className?: string }>
export function NavMain({
items,
@@ -16,7 +23,7 @@ export function NavMain({
items: {
title: string
url: string
- icon?: LucideIcon
+ icon?: NavIcon
isActive?: boolean
items?: {
title: string
diff --git a/apps/builder/src/components/nav-user.tsx b/apps/builder/src/components/nav-user.tsx
index bae18a984..77d525e0a 100644
--- a/apps/builder/src/components/nav-user.tsx
+++ b/apps/builder/src/components/nav-user.tsx
@@ -20,11 +20,31 @@ import {
SidebarMenuItem,
useSidebar,
} from "@chatbotx.io/ui/components/ui/sidebar"
-import { BadgeCheck, Bell, ChevronsUpDown, Crown } from "lucide-react"
+import {
+ ArrowSwapVertical,
+ Buildings2,
+ Crown,
+ ShieldTick,
+} from "iconsax-reactjs"
+import { type IconsaxComponent, wrapIconsax } from "@/components/iconsax-icon"
+
+const BadgeCheck = wrapIconsax(ShieldTick as IconsaxComponent)
+const ChevronsUpDown = wrapIconsax(ArrowSwapVertical as IconsaxComponent)
+const CrownIcon = wrapIconsax(Crown as IconsaxComponent)
+const OrgIcon = wrapIconsax(Buildings2 as IconsaxComponent)
+
+import Link from "next/link"
+import { useParams } from "next/navigation"
import { useTranslations } from "next-intl"
+import { toast } from "sonner"
+import {
+ ACTIVITY_STATUSES,
+ type ActivityStatus,
+ ActivityStatusDot,
+ isActivityStatus,
+} from "@/features/account/activity-status"
import { SignOut } from "@/features/auth/sign-out"
-import { LangSelector } from "./lang-selector"
-import { ThemeSwitcher } from "./theme-switcher"
+import { authClient } from "@/lib/auth/auth-client"
export function NavUser({
user,
@@ -37,6 +57,31 @@ export function NavUser({
}) {
const { isMobile } = useSidebar()
const t = useTranslations()
+ const tStatus = useTranslations("personalSettings.activityStatus")
+ const params = useParams()
+ const workspaceId = params.workspaceId as string
+
+ // Status real do user (session). Default "available" se ainda não setado.
+ const { data: session } = authClient.useSession()
+ const rawStatus = (session?.user as unknown as { activityStatus?: unknown })
+ ?.activityStatus
+ const currentStatus: ActivityStatus = isActivityStatus(rawStatus)
+ ? rawStatus
+ : "available"
+
+ const handleStatusChange = async (next: ActivityStatus) => {
+ if (next === currentStatus) {
+ return
+ }
+ const { error } = await authClient.updateUser({
+ activityStatus: next,
+ } as unknown as Parameters[0])
+ if (error) {
+ toast.error(error.message ?? tStatus("updateError"))
+ return
+ }
+ toast.success(tStatus("updateSuccess", { status: tStatus(next) }))
+ }
return (
@@ -44,15 +89,21 @@ export function NavUser({
-
-
- {user.name.slice(0, 2) || " "}
-
-
+
+
Upload File
+Enviar Arquivo
+
+
+ {user.name.slice(0, 2) || " "}
+
+
+
{user.name}
@@ -70,12 +121,18 @@ export function NavUser({
>
[] {
- return [
- {
- accessorKey: "userId",
- header: ({ column }) => (
-
-
-
-
-
-
- ),
- size: 400,
- enableSorting: false,
- enableHiding: false,
- },
- {
- accessorKey: "createdAt",
- header: ({ column }) => (
- >]>
-}
-
-export function AuditLogsTable({ promises }: AuditLogsTableProps) {
- const t = useTranslations()
- const [{ data, pageCount }] = use(promises)
-
- const columns = useMemo(() => getAuditColumns(), [])
-
- const { table } = useDataTable({
- data,
- columns,
- pageCount,
- initialState: {
- sorting: [{ id: "createdAt", desc: true }],
- columnPinning: { right: ["actions"] },
- },
- getRowId: (originalRow) => originalRow.id,
- shallow: false,
- clearOnDefault: true,
- })
-
- return (
- > {
- await assertCurrentUserCanAccessChatbot(input.workspaceId)
-
- const where = {
- workspaceId: input.workspaceId,
- // userId: input.userId !== null ? input.userId : undefined,
- }
-
- const pagination = getPaginationWithDefaults(input)
- const orderBy = parseOrderByAsObject(errorLogModel, input)
-
- const [data, totalRows] = await Promise.all([
- db.query.auditLogModel.findMany({
- where,
- ...pagination,
- orderBy,
- with: {
- user: true,
- },
- }),
- db.$count(auditLogModel, relationsFilterToSQL(auditLogModel, where)),
- ])
-
- const pageCount = Math.ceil(totalRows / pagination.limit)
-
- return { data, pageCount }
-}
diff --git a/apps/builder/src/enterprise/features/inbox-teams/actions/add-inbox-team-member.action.ts b/apps/builder/src/enterprise/features/inbox-teams/actions/add-inbox-team-member.action.ts
index 0b2011884..795688452 100644
--- a/apps/builder/src/enterprise/features/inbox-teams/actions/add-inbox-team-member.action.ts
+++ b/apps/builder/src/enterprise/features/inbox-teams/actions/add-inbox-team-member.action.ts
@@ -1,5 +1,6 @@
"use server"
+import { auditLogActions, logAudit } from "@chatbotx.io/business"
import { db, findOrFail } from "@chatbotx.io/database/client"
import {
inboxTeamMemberModel,
@@ -8,68 +9,70 @@ import {
import { createId, zodBigintAsString } from "@chatbotx.io/utils"
import { revalidateCacheTags } from "@/lib/cache-helper"
import { workspaceActionClient } from "@/lib/safe-action"
-import {
- type AddInboxTeamMemberRequest,
- addInboxTeamMemberRequest,
-} from "../schema/action"
+import { addInboxTeamMemberRequest } from "../schema/action"
export const addInboxTeamMemberAction = workspaceActionClient
.bindArgsSchemas([zodBigintAsString(), zodBigintAsString()])
.inputSchema(addInboxTeamMemberRequest)
.action(async (props) => {
const {
- bindArgsClientInputs: [workspaceId, inboxTeamId],
+ bindArgsParsedInputs: [workspaceId, inboxTeamId],
+ ctx: { user },
parsedInput,
} = props
- return await addInboxTeamMember({ workspaceId, inboxTeamId }, parsedInput)
- })
-
-export const addInboxTeamMember = async (
- ctx: { workspaceId: string; inboxTeamId: string; userId?: string },
- parsedInput: AddInboxTeamMemberRequest,
-) => {
- const inboxTeam = await findOrFail({
- table: inboxTeamModel,
- where: {
- id: ctx.inboxTeamId,
- workspaceId: ctx.workspaceId,
- },
- message: "Inbox team not found",
- })
-
- await db.transaction(async (tx) => {
- const existingMembers = await tx.query.inboxTeamMemberModel.findMany({
+ const inboxTeam = await findOrFail({
+ table: inboxTeamModel,
where: {
- userId: {
- in: parsedInput.userIds,
- },
- inboxTeamId: inboxTeam.id,
- },
- columns: {
- userId: true,
+ id: inboxTeamId,
+ workspaceId,
},
+ message: "Inbox team not found",
})
- const existingUserIds = new Set(
- existingMembers.map((member) => member.userId),
- )
+ let newUserIds: string[] = []
+ await db.transaction(async (tx) => {
+ const existingMembers = await tx.query.inboxTeamMemberModel.findMany({
+ where: {
+ userId: { in: parsedInput.userIds },
+ inboxTeamId: inboxTeam.id,
+ },
+ columns: { userId: true },
+ })
+ const existingUserIds = new Set(existingMembers.map((m) => m.userId))
+ newUserIds = parsedInput.userIds.filter(
+ (uid) => !existingUserIds.has(uid),
+ )
- const newUserIds = parsedInput.userIds.filter(
- (userId) => !existingUserIds.has(userId),
- )
+ if (newUserIds.length > 0) {
+ await tx.insert(inboxTeamMemberModel).values(
+ newUserIds.map((userId) => ({
+ id: createId(),
+ userId,
+ inboxTeamId: inboxTeam.id,
+ })),
+ )
+ }
+ })
if (newUserIds.length > 0) {
- await tx.insert(inboxTeamMemberModel).values(
- newUserIds.map((userId) => ({
- id: createId(),
- userId,
- workspaceId: ctx.workspaceId,
- inboxTeamId: ctx.inboxTeamId,
- })),
- )
+ const addedUsers = await db.query.userModel.findMany({
+ where: { id: { in: newUserIds } },
+ columns: { name: true },
+ })
+ const names = addedUsers
+ .map((u) => u.name)
+ .filter(Boolean)
+ .join(", ")
+ await logAudit({
+ workspaceId,
+ userId: user.id,
+ action: auditLogActions.TEAM_MEMBER_ADDED,
+ detail: `${addedUsers.length} membro(s) adicionado(s) à equipe "${inboxTeam.name}"${
+ names ? `: ${names}` : ""
+ }`,
+ })
}
- })
- revalidateCacheTags(`workspaces:${ctx.workspaceId}#inboxTeams`)
-}
+ revalidateCacheTags(`workspaces:${workspaceId}#inboxTeams`)
+ })
diff --git a/apps/builder/src/enterprise/features/inbox-teams/actions/create-inbox-team.action.ts b/apps/builder/src/enterprise/features/inbox-teams/actions/create-inbox-team.action.ts
index 2caf1be5d..79b97e241 100644
--- a/apps/builder/src/enterprise/features/inbox-teams/actions/create-inbox-team.action.ts
+++ b/apps/builder/src/enterprise/features/inbox-teams/actions/create-inbox-team.action.ts
@@ -1,5 +1,6 @@
"use server"
+import { auditLogActions, logAudit } from "@chatbotx.io/business"
import { db } from "@chatbotx.io/database/client"
import {
inboxTeamMemberModel,
@@ -17,14 +18,17 @@ export const createInboxTeamAction = workspaceActionClient
.action(async (props) => {
const {
parsedInput,
+ ctx: { user },
bindArgsParsedInputs: [workspaceId],
} = props
+ const inboxTeamId = createId()
+
await db.transaction(async (tx) => {
- const inboxTeamId = createId()
await tx.insert(inboxTeamModel).values({
id: inboxTeamId,
name: parsedInput.name,
+ description: parsedInput.description ?? null,
workspaceId,
})
@@ -33,12 +37,18 @@ export const createInboxTeamAction = workspaceActionClient
parsedInput.userIds.map((userId) => ({
id: createId(),
userId,
- workspaceId,
inboxTeamId,
})),
)
}
})
+ await logAudit({
+ workspaceId,
+ userId: user.id,
+ action: auditLogActions.TEAM_CREATED,
+ detail: `Equipe "${parsedInput.name}" criada com ${parsedInput.userIds.length} membro(s)`,
+ })
+
revalidateCacheTags(`workspaces:${workspaceId}#inboxTeams`)
})
diff --git a/apps/builder/src/enterprise/features/inbox-teams/actions/delete-inbox-team-member.action.ts b/apps/builder/src/enterprise/features/inbox-teams/actions/delete-inbox-team-member.action.ts
index 5e35763cb..5d7f49817 100644
--- a/apps/builder/src/enterprise/features/inbox-teams/actions/delete-inbox-team-member.action.ts
+++ b/apps/builder/src/enterprise/features/inbox-teams/actions/delete-inbox-team-member.action.ts
@@ -1,15 +1,13 @@
"use server"
+import { auditLogActions, logAudit } from "@chatbotx.io/business"
import { and, db, eq, findOrFail, inArray } from "@chatbotx.io/database/client"
import {
inboxTeamMemberModel,
inboxTeamModel,
} from "@chatbotx.io/database/schema"
import { zodBigintAsString } from "@chatbotx.io/utils"
-import {
- type BulkUpdateIdsRequest,
- bulkUpdateIdsRequest,
-} from "@/features/common/schemas"
+import { bulkUpdateIdsRequest } from "@/features/common/schemas"
import { revalidateCacheTags } from "@/lib/cache-helper"
import { workspaceActionClient } from "@/lib/safe-action"
@@ -18,37 +16,49 @@ export const deleteTeamMembersAction = workspaceActionClient
.inputSchema(bulkUpdateIdsRequest)
.action(async (props) => {
const {
- bindArgsClientInputs: [workspaceId, inboxTeamId],
+ bindArgsParsedInputs: [workspaceId, inboxTeamId],
+ ctx: { user },
parsedInput,
} = props
- return await deleteInboxTeamMember(
- { workspaceId, inboxTeamId },
- parsedInput,
- )
- })
+ const inboxTeam = await findOrFail({
+ table: inboxTeamModel,
+ where: {
+ id: inboxTeamId,
+ workspaceId,
+ },
+ message: "Inbox team not found",
+ })
-export const deleteInboxTeamMember = async (
- ctx: { workspaceId: string; inboxTeamId: string },
- parsedInput: BulkUpdateIdsRequest,
-) => {
- const inboxTeam = await findOrFail({
- table: inboxTeamModel,
- where: {
- id: ctx.inboxTeamId,
- workspaceId: ctx.workspaceId,
- },
- message: "Inbox team not found",
- })
+ const removed = await db.query.inboxTeamMemberModel.findMany({
+ where: {
+ inboxTeamId: inboxTeam.id,
+ id: { in: parsedInput.ids },
+ },
+ with: { user: { columns: { name: true } } },
+ })
+
+ await db
+ .delete(inboxTeamMemberModel)
+ .where(
+ and(
+ eq(inboxTeamMemberModel.inboxTeamId, inboxTeam.id),
+ inArray(inboxTeamMemberModel.id, parsedInput.ids),
+ ),
+ )
- await db
- .delete(inboxTeamMemberModel)
- .where(
- and(
- eq(inboxTeamMemberModel.inboxTeamId, inboxTeam.id),
- inArray(inboxTeamMemberModel.id, parsedInput.ids),
- ),
- )
+ const names = removed
+ .map((m) => m.user?.name)
+ .filter(Boolean)
+ .join(", ")
+ await logAudit({
+ workspaceId,
+ userId: user.id,
+ action: auditLogActions.TEAM_MEMBER_REMOVED,
+ detail: `${removed.length} membro(s) removido(s) da equipe "${inboxTeam.name}"${
+ names ? `: ${names}` : ""
+ }`,
+ })
- revalidateCacheTags(`workspaces:${ctx.workspaceId}#inboxTeams`)
-}
+ revalidateCacheTags(`workspaces:${workspaceId}#inboxTeams`)
+ })
diff --git a/apps/builder/src/enterprise/features/inbox-teams/actions/delete-inbox-team.action.ts b/apps/builder/src/enterprise/features/inbox-teams/actions/delete-inbox-team.action.ts
index 119c5e07e..0a1307c30 100644
--- a/apps/builder/src/enterprise/features/inbox-teams/actions/delete-inbox-team.action.ts
+++ b/apps/builder/src/enterprise/features/inbox-teams/actions/delete-inbox-team.action.ts
@@ -1,5 +1,6 @@
"use server"
+import { auditLogActions, logAudit } from "@chatbotx.io/business"
import { and, db, eq, inArray } from "@chatbotx.io/database/client"
import { inboxTeamModel } from "@chatbotx.io/database/schema"
import {
@@ -15,9 +16,18 @@ export const deleteInboxTeamAction = workspaceActionClient
.action(async (props) => {
const {
parsedInput,
+ ctx: { user },
bindArgsParsedInputs: [workspaceId],
} = props
+ const teamsToDelete = await db.query.inboxTeamModel.findMany({
+ where: {
+ workspaceId,
+ id: { in: parsedInput.ids },
+ },
+ columns: { name: true },
+ })
+
await db
.delete(inboxTeamModel)
.where(
@@ -27,5 +37,13 @@ export const deleteInboxTeamAction = workspaceActionClient
),
)
+ const names = teamsToDelete.map((t) => `"${t.name}"`).join(", ")
+ await logAudit({
+ workspaceId,
+ userId: user.id,
+ action: auditLogActions.TEAM_DELETED,
+ detail: `Equipe(s) excluída(s): ${names || "(nenhuma)"}`,
+ })
+
revalidateCacheTags(`workspaces:${workspaceId}#inboxTeams`)
})
diff --git a/apps/builder/src/enterprise/features/inbox-teams/actions/update-inbox-team.action.ts b/apps/builder/src/enterprise/features/inbox-teams/actions/update-inbox-team.action.ts
index 65ed75926..cb2199faf 100644
--- a/apps/builder/src/enterprise/features/inbox-teams/actions/update-inbox-team.action.ts
+++ b/apps/builder/src/enterprise/features/inbox-teams/actions/update-inbox-team.action.ts
@@ -1,14 +1,15 @@
"use server"
-import { db, eq, findOrFail } from "@chatbotx.io/database/client"
-import { inboxTeamModel } from "@chatbotx.io/database/schema"
-import { zodBigintAsString } from "@chatbotx.io/utils"
+import { auditLogActions, logAudit } from "@chatbotx.io/business"
+import { and, db, eq, findOrFail, inArray } from "@chatbotx.io/database/client"
+import {
+ inboxTeamMemberModel,
+ inboxTeamModel,
+} from "@chatbotx.io/database/schema"
+import { createId, zodBigintAsString } from "@chatbotx.io/utils"
import { revalidateCacheTags } from "@/lib/cache-helper"
import { workspaceActionClient } from "@/lib/safe-action"
-import {
- type UpdateInboxTeamRequest,
- updateInboxTeamRequest,
-} from "../schema/action"
+import { updateInboxTeamRequest } from "../schema/action"
export const updateInboxTeamAction = workspaceActionClient
.bindArgsSchemas([zodBigintAsString(), zodBigintAsString()])
@@ -16,29 +17,91 @@ export const updateInboxTeamAction = workspaceActionClient
.action(async (props) => {
const {
bindArgsParsedInputs: [workspaceId, inboxTeamId],
+ ctx: { user },
parsedInput,
} = props
- return await updateInboxTeam({ workspaceId, inboxTeamId }, parsedInput)
- })
+ const inboxTeam = await findOrFail({
+ table: inboxTeamModel,
+ where: {
+ id: inboxTeamId,
+ workspaceId,
+ },
+ message: "Inbox team not found",
+ })
-export const updateInboxTeam = async (
- ctx: { workspaceId: string; inboxTeamId: string },
- parsedInput: UpdateInboxTeamRequest,
-) => {
- const inboxTeam = await findOrFail({
- table: inboxTeamModel,
- where: {
- id: ctx.inboxTeamId,
- workspaceId: ctx.workspaceId,
- },
- message: "Inbox team not found",
- })
+ await db.transaction(async (tx) => {
+ const patch: { name?: string; description?: string | null } = {}
+ if (parsedInput.name !== undefined) {
+ patch.name = parsedInput.name
+ }
+ if (parsedInput.description !== undefined) {
+ patch.description = parsedInput.description
+ }
+
+ if (Object.keys(patch).length > 0) {
+ await tx
+ .update(inboxTeamModel)
+ .set(patch)
+ .where(eq(inboxTeamModel.id, inboxTeam.id))
+ }
- await db
- .update(inboxTeamModel)
- .set(parsedInput)
- .where(eq(inboxTeamModel.id, inboxTeam.id))
+ if (parsedInput.userIds !== undefined) {
+ const existing = await tx.query.inboxTeamMemberModel.findMany({
+ where: { inboxTeamId: inboxTeam.id },
+ columns: { id: true, userId: true },
+ })
+ const desired = new Set(parsedInput.userIds)
+ const existingByUser = new Map(existing.map((m) => [m.userId, m.id]))
- revalidateCacheTags(`workspaces:${ctx.workspaceId}#inboxTeams`)
-}
+ const toRemoveIds = existing
+ .filter((m) => !desired.has(m.userId))
+ .map((m) => m.id)
+ const toAddUserIds = parsedInput.userIds.filter(
+ (uid) => !existingByUser.has(uid),
+ )
+
+ if (toRemoveIds.length > 0) {
+ await tx
+ .delete(inboxTeamMemberModel)
+ .where(
+ and(
+ eq(inboxTeamMemberModel.inboxTeamId, inboxTeam.id),
+ inArray(inboxTeamMemberModel.id, toRemoveIds),
+ ),
+ )
+ }
+ if (toAddUserIds.length > 0) {
+ await tx.insert(inboxTeamMemberModel).values(
+ toAddUserIds.map((uid) => ({
+ id: createId(),
+ userId: uid,
+ inboxTeamId: inboxTeam.id,
+ })),
+ )
+ }
+ }
+ })
+
+ const changes: string[] = []
+ if (parsedInput.name !== undefined && parsedInput.name !== inboxTeam.name) {
+ changes.push(`nome: "${inboxTeam.name}" → "${parsedInput.name}"`)
+ }
+ if (parsedInput.description !== undefined) {
+ changes.push("descrição")
+ }
+ if (parsedInput.userIds !== undefined) {
+ changes.push("membros")
+ }
+
+ await logAudit({
+ workspaceId,
+ userId: user.id,
+ action: auditLogActions.TEAM_UPDATED,
+ detail: `Equipe "${parsedInput.name ?? inboxTeam.name}" atualizada${
+ changes.length ? ` (${changes.join(", ")})` : ""
+ }`,
+ })
+
+ revalidateCacheTags(`workspaces:${workspaceId}#inboxTeams`)
+ })
diff --git a/apps/builder/src/enterprise/features/inbox-teams/add-inbox-team-member-dialog.tsx b/apps/builder/src/enterprise/features/inbox-teams/add-inbox-team-member-dialog.tsx
deleted file mode 100644
index 5922f46ff..000000000
--- a/apps/builder/src/enterprise/features/inbox-teams/add-inbox-team-member-dialog.tsx
+++ /dev/null
@@ -1,122 +0,0 @@
-"use client"
-
-import type { InboxTeamModel } from "@chatbotx.io/database/types"
-import { MultiSelectField } from "@chatbotx.io/ui/components/form/multi-select-field"
-import { Button } from "@chatbotx.io/ui/components/ui/button"
-import {
- Dialog,
- DialogClose,
- DialogContent,
- DialogDescription,
- DialogHeader,
- DialogTitle,
-} from "@chatbotx.io/ui/components/ui/dialog"
-import { Form } from "@chatbotx.io/ui/components/ui/form"
-import { zodResolver } from "@hookform/resolvers/zod"
-import { useHookFormAction } from "@next-safe-action/adapter-react-hook-form/hooks"
-import { Loader2 } from "lucide-react"
-import { useRouter } from "next/navigation"
-import { useTranslations } from "next-intl"
-import { toast } from "sonner"
-import type { ListWorkspaceMembersResponse } from "@/features/workspace-members/schema/query"
-import { addInboxTeamMemberAction } from "./actions/add-inbox-team-member.action"
-import { addInboxTeamMemberRequest } from "./schema/action"
-
-export function AddInboxTeamMemberDialog({
- open,
- onOpenChange,
- workspaceId,
- inboxTeam,
- workspaceMembers,
-}: {
- open: boolean
- onOpenChange: (val: boolean) => void
- workspaceId: string
- inboxTeam: InboxTeamModel | null
- workspaceMembers: ListWorkspaceMembersResponse["data"]
-}) {
- const t = useTranslations()
- const router = useRouter()
-
- const { form, handleSubmitWithAction } = useHookFormAction(
- addInboxTeamMemberAction.bind(null, workspaceId, inboxTeam?.id ?? ""),
- zodResolver(addInboxTeamMemberRequest),
- {
- actionProps: {
- onSuccess: () => {
- toast.success(
- t("messages.createdSuccess", {
- feature: t("fields.inboxTeamMember.label"),
- }),
- )
- onOpenChange(false)
- router.refresh()
- },
- onError: ({ error }) => {
- if (error.serverError) {
- toast.error(error.serverError)
- }
- },
- },
- formProps: {
- mode: "onChange",
- defaultValues: {
- userIds: [],
- },
- },
- errorMapProps: {},
- },
- )
-
- const userOptions = workspaceMembers.map((cm) => ({
- value: cm.user.id,
- label: cm.user.name ?? "",
- }))
-
- return (
-
- )
-}
diff --git a/apps/builder/src/enterprise/features/inbox-teams/api/authenticated.ts b/apps/builder/src/enterprise/features/inbox-teams/api/authenticated.ts
index f773099c3..12592f57d 100644
--- a/apps/builder/src/enterprise/features/inbox-teams/api/authenticated.ts
+++ b/apps/builder/src/enterprise/features/inbox-teams/api/authenticated.ts
@@ -8,8 +8,8 @@ export const inboxTeamsAuthenticatedAPI = {
.route({
method: "GET",
path: "/workspaces/{workspaceId}/inbox-teams",
- summary: "List inbox teams",
- tags: ["Inbox Teams"],
+ summary: "Listar times da caixa de entrada",
+ tags: ["Times da Caixa de Entrada"],
})
.input(listInboxTeamsRequest)
.use(workspaceAuthorizedMidddleware, (input) => input.workspaceId)
diff --git a/apps/builder/src/enterprise/features/inbox-teams/api/workspace-token.ts b/apps/builder/src/enterprise/features/inbox-teams/api/workspace-token.ts
index d15b63d1c..2639c7886 100644
--- a/apps/builder/src/enterprise/features/inbox-teams/api/workspace-token.ts
+++ b/apps/builder/src/enterprise/features/inbox-teams/api/workspace-token.ts
@@ -7,8 +7,8 @@ export const inboxTeamsWorkspaceTokenAPIs = {
.route({
method: "GET",
path: "/v1/inbox-teams",
- summary: "List inbox teams",
- tags: ["Inbox Teams"],
+ summary: "Listar times da caixa de entrada",
+ tags: ["Times da Caixa de Entrada"],
})
.output(listInboxTeamsResponse)
.handler(
diff --git a/apps/builder/src/enterprise/features/inbox-teams/create-inbox-team-dialog.tsx b/apps/builder/src/enterprise/features/inbox-teams/create-inbox-team-dialog.tsx
index aa45c0991..225be62dc 100644
--- a/apps/builder/src/enterprise/features/inbox-teams/create-inbox-team-dialog.tsx
+++ b/apps/builder/src/enterprise/features/inbox-teams/create-inbox-team-dialog.tsx
@@ -2,6 +2,7 @@
import { InputField } from "@chatbotx.io/ui/components/form/input-field"
import { MultiSelectField } from "@chatbotx.io/ui/components/form/multi-select-field"
+import { TextareaField } from "@chatbotx.io/ui/components/form/textarea-field"
import { Button } from "@chatbotx.io/ui/components/ui/button"
import {
Dialog,
@@ -31,7 +32,8 @@ export function CreateInboxTeamDialog({
workspaceId: string
workspaceMembers: ListWorkspaceMembersResponse["data"]
}) {
- const t = useTranslations()
+ const t = useTranslations("inboxTeams")
+ const tActions = useTranslations("actions")
const router = useRouter()
const [open, setOpen] = useState(false)
@@ -43,12 +45,7 @@ export function CreateInboxTeamDialog({
{
actionProps: {
onSuccess: () => {
- toast.success(
- t("messages.createdSuccess", {
- feature: t("fields.inboxTeam.label"),
- }),
- )
-
+ toast.success(t("createDialog.title"))
setOpen(false)
resetFormAndAction()
router.refresh()
@@ -63,6 +60,7 @@ export function CreateInboxTeamDialog({
mode: "onChange",
defaultValues: {
name: "",
+ description: "",
userIds: [],
},
},
@@ -80,52 +78,55 @@ export function CreateInboxTeamDialog({
-
+
-
- {t("messages.createFeature", {
- feature: t("fields.inboxTeam.label"),
- })}
-
- {t("createDialog.title")}
+ {t("createDialog.description")}
-
)
diff --git a/apps/builder/src/enterprise/features/inbox-teams/delete-inbox-team-dialog.tsx b/apps/builder/src/enterprise/features/inbox-teams/delete-inbox-team-dialog.tsx
index def571ed0..d04a5a447 100644
--- a/apps/builder/src/enterprise/features/inbox-teams/delete-inbox-team-dialog.tsx
+++ b/apps/builder/src/enterprise/features/inbox-teams/delete-inbox-team-dialog.tsx
@@ -28,18 +28,15 @@ export function DeleteInboxTeamDialog({
workspaceId: string
inboxTeam: InboxTeamModel | null
}) {
- const t = useTranslations()
+ const t = useTranslations("inboxTeams")
+ const tActions = useTranslations("actions")
const router = useRouter()
const { execute, isPending } = useAction(
deleteInboxTeamAction.bind(null, workspaceId),
{
onSuccess: () => {
- toast.success(
- t("messages.deletedSuccess", {
- feature: t("fields.inboxTeam.label"),
- }),
- )
+ toast.success(t("deleteDialog.title"))
onOpenChange(false)
router.refresh()
},
@@ -53,17 +50,11 @@ export function DeleteInboxTeamDialog({
return (
-
-
- {user.name.slice(0, 2) || " "}
-
-
+
+ {tStatus("sectionLabel")}
+
-
-
-
-
-
- Language
-
+ {ACTIVITY_STATUSES.map((s) => (
+ handleStatusChange(s)}
+ >
+
+ ))}
- Theme
-
-
-
+
+
-
-
+
+
+
)
diff --git a/apps/builder/src/components/page-header.tsx b/apps/builder/src/components/page-header.tsx
new file mode 100644
index 000000000..5f1ae96b3
--- /dev/null
+++ b/apps/builder/src/components/page-header.tsx
@@ -0,0 +1,100 @@
+"use client"
+
+import { Button } from "@chatbotx.io/ui/components/ui/button"
+import {
+ Tooltip,
+ TooltipContent,
+ TooltipTrigger,
+} from "@chatbotx.io/ui/components/ui/tooltip"
+import { cn } from "@chatbotx.io/ui/lib/utils"
+import { ArrowLeft2 } from "iconsax-reactjs"
+import Link from "next/link"
+import type { ReactNode } from "react"
+import { type IconsaxComponent, wrapIconsax } from "@/components/iconsax-icon"
+
+const ArrowLeftIcon = wrapIconsax(ArrowLeft2 as IconsaxComponent)
+
+/**
+ * PageHeader — componente padronizado de header de página.
+ *
+ * Altura fixa **52px** (`h-[52px]`) — bate com o padrão do Respond.io
+ * (medido via Chrome MCP: Dashboard/Workflows/Settings = 53px). Pedro
+ * pediu padronização: "no Respond.io toda aba tem essa parte na horizontal
+ * do mesmo tamanho".
+ *
+ * Estrutura:
+ * - Botão de voltar opcional (se `backHref` for passado)
+ * - Título + subtítulo opcional + ações inline opcionais (esquerda)
+ * - Slot `actions` no extremo direito
+ *
+ * Cada página interna deve usar este componente em vez de header próprio
+ * pra manter o "linha imaginária" consistente entre abas.
+ */
+export type PageHeaderProps = {
+ /** Texto principal mostrado em destaque. */
+ title: ReactNode
+ /** Subtítulo opcional ao lado do título (cor mutada). */
+ subtitle?: ReactNode
+ /** Se passado, renderiza botão "voltar" no canto esquerdo. */
+ backHref?: string
+ /** Aria-label do botão voltar (default: "Voltar"). */
+ backLabel?: string
+ /** Conteúdo extra entre o título e o slot de ações (ex.: pencil). */
+ titleAdornment?: ReactNode
+ /** Botões/ações no extremo direito. */
+ actions?: ReactNode
+ /** Classes extras pra customizar (geralmente desnecessário). */
+ className?: string
+}
+
+export function PageHeader({
+ title,
+ subtitle,
+ backHref,
+ backLabel = "Voltar",
+ titleAdornment,
+ actions,
+ className,
+}: PageHeaderProps) {
+ return (
+
+ {backHref && (
+
+
+
+
+ {backLabel}
+
+ )}
+
+
+ )
+}
diff --git a/apps/builder/src/components/respond-icon.tsx b/apps/builder/src/components/respond-icon.tsx
new file mode 100644
index 000000000..c9e8dd922
--- /dev/null
+++ b/apps/builder/src/components/respond-icon.tsx
@@ -0,0 +1,120 @@
+import { cn } from "@chatbotx.io/ui/lib/utils"
+import type { HTMLAttributes } from "react"
+
+// Nomes de ícones disponíveis (mapeados em /src/app/respond-icons.css). Se
+// precisar de outro, adicione no CSS + aqui. Lista completa de 848 está em
+// _Projetos/respond-io-avatars/preview.html → consultar pra novos.
+// 2026-05-24 — Pedro pediu "ícones idênticos ao Respond.io".
+export type RespondIconName =
+ | "tick-circle"
+ | "tick-square"
+ | "tick-square-bold"
+ | "tick"
+ | "send"
+ | "search-normal"
+ | "more"
+ | "message-text"
+ | "message-question"
+ | "message-2"
+ | "emoji-happy"
+ | "close-circle"
+ | "attach-square"
+ | "arrow-down"
+ | "arrow-down-1"
+ | "arrow-up"
+ | "arrow-up-1"
+ | "arrow-left"
+ | "arrow-right"
+ | "ai-assist"
+ | "ai-agent"
+ | "add"
+ | "workflow"
+ | "user"
+ | "user-add"
+ | "flash"
+ | "sticker"
+ | "document"
+ | "star"
+ | "star-bold"
+ | "volume-high"
+ | "eye"
+ | "eye-bold"
+ | "edit"
+ | "edit-bold"
+ | "trash"
+ | "trash-bold"
+ | "forbidden"
+ | "forbidden-bold"
+ | "reply"
+ | "copy"
+ | "link-1"
+ | "message-delivered"
+ | "magicpen-bold"
+ | "emoji-normal"
+ | "i-microphone"
+ | "receipt"
+ | "message-programming"
+ | "send-bold"
+ | "comments-ai"
+ | "ai-assist-bold"
+ | "channels"
+ | "at"
+ | "close-square"
+ | "custom-user-square-bold"
+ | "translate"
+ | "code"
+ | "clock"
+ | "clock-bold"
+ | "sms"
+ | "sms-bold"
+ | "phone"
+ | "call-calling"
+ | "home"
+ | "global"
+ | "profile"
+ | "profile-2user"
+ | "note"
+ | "notification"
+ | "notification-bing"
+ | "tag"
+ | "tag-bold"
+ | "filter"
+ | "filter-bold"
+ | "sort"
+ | "verify-bold"
+ | "received"
+ | "whatsapp-bold"
+ | "instagram"
+ | "facebook"
+ | "email"
+ | "menu"
+ | "sidebar-left"
+ | "sidebar-right"
+ | "refresh"
+ | "refresh-circle"
+ | "archive"
+ | "minus"
+ | "play"
+ | "pause"
+
+type RespondIconProps = HTMLAttributes & {
+ name: RespondIconName
+ size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl"
+}
+
+// Wrapper pro iconfont Respond.io. Renderiza um com a classe correta.
+// Sizes mapeados pro CSS: xs=12, sm=14, md=16, lg=18, xl=20, 2xl=24.
+export function RespondIcon({
+ name,
+ size = "lg",
+ className,
+ ...rest
+}: RespondIconProps) {
+ return (
+
+ )
+}
diff --git a/apps/builder/src/components/respond-icons.tsx b/apps/builder/src/components/respond-icons.tsx
new file mode 100644
index 000000000..fd8b96e32
--- /dev/null
+++ b/apps/builder/src/components/respond-icons.tsx
@@ -0,0 +1,61 @@
+/**
+ * Ícones SVG **idênticos ao Respond.io** — extraídos da fonte iconfont.ttf
+ * deles e convertidos pra SVG inline em `~/_Projetos/zenbot/icons/`.
+ *
+ * Usados em `app-sidebar.tsx` em vez dos equivalentes Iconsax (Hierarchy3,
+ * CpuCharge) que eram aproximações visuais. Agora é pixel-perfect.
+ *
+ * O viewBox preserva o sistema de coordenadas original do font (y invertido,
+ * por isso o `transform="scale(1 -1)"` aplicado no interno).
+ *
+ * Os SVGs usam `fill="currentColor"`, então herdam a cor de texto via CSS
+ * (`text-foreground`, `text-sidebar-foreground`, etc) — funciona em light/dark.
+ */
+
+import type { SVGProps } from "react"
+
+type IconProps = SVGProps & {
+ className?: string
+}
+
+/**
+ * Ícone "Fluxos de Trabalho" do Respond.io — 3 quadrados conectados em
+ * pirâmide (1 topo + 2 base), formato workflow/automation visual padrão.
+ */
+export function RespondFlowIcon({ className, ...props }: IconProps) {
+ return (
+
+ )
+}
+
+/**
+ * Ícone "AI Agent" do Respond.io — robô estilizado com olhos + antena
+ * (sparkle) no topo, formato chat-bot mascote padrão da plataforma.
+ */
+export function RespondAIAgentIcon({ className, ...props }: IconProps) {
+ return (
+
+ )
+}
diff --git a/apps/builder/src/components/settings-area-sidebar.tsx b/apps/builder/src/components/settings-area-sidebar.tsx
new file mode 100644
index 000000000..dbae275df
--- /dev/null
+++ b/apps/builder/src/components/settings-area-sidebar.tsx
@@ -0,0 +1,221 @@
+"use client"
+
+import { cn } from "@chatbotx.io/ui/lib/utils"
+import {
+ Box1,
+ Convert,
+ Cpu,
+ DocumentText,
+ MessageText1,
+ Note,
+ People,
+ Refresh2,
+ SecurityUser,
+ Setting4,
+ ShieldTick,
+ Sms,
+ Tag2,
+ Warning2,
+} from "iconsax-reactjs"
+import Link from "next/link"
+import { useParams, usePathname } from "next/navigation"
+import { useTranslations } from "next-intl"
+import type { ComponentType } from "react"
+import { type IconsaxComponent, wrapIconsax } from "@/components/iconsax-icon"
+
+type SettingsItem = {
+ label: string
+ href: string
+ icon: ComponentType<{ className?: string }>
+}
+
+type SettingsSection = {
+ title: string
+ items: SettingsItem[]
+}
+
+// Rotas onde o sub-sidebar de Configurações deve aparecer.
+// Todas as rotas de "Dados Mestres" agora vivem dentro de /settings/* (Camada 2).
+const SETTINGS_AREA_PREFIXES = [
+ "/settings",
+ "/triggers",
+ "/webhooks",
+ "/tools",
+ "/error-logs",
+] as const
+
+export function SettingsAreaSidebar() {
+ const t = useTranslations()
+ const pathname = usePathname()
+ const params = useParams()
+ const workspaceId = params.workspaceId as string
+
+ if (!workspaceId) {
+ return null
+ }
+
+ // Só renderiza se o pathname estiver dentro da área de Configurações
+ const inSettingsArea = SETTINGS_AREA_PREFIXES.some((prefix) =>
+ pathname.startsWith(`/space/${workspaceId}${prefix}`),
+ )
+ if (!inSettingsArea) {
+ return null
+ }
+
+ const base = `/space/${workspaceId}`
+
+ const sections: SettingsSection[] = [
+ {
+ title: t("settingsGroups.general"),
+ items: [
+ {
+ label: t("general.title"),
+ href: `${base}/settings/general`,
+ icon: wrapIconsax(DocumentText as IconsaxComponent),
+ },
+ ],
+ },
+ {
+ title: t("settingsGroups.workspace"),
+ items: [
+ {
+ label: t("admins.title"),
+ href: `${base}/settings/admins`,
+ icon: wrapIconsax(SecurityUser as IconsaxComponent),
+ },
+ {
+ label: t("inboxTeams.title"),
+ href: `${base}/settings/inbox-teams`,
+ icon: wrapIconsax(People as IconsaxComponent),
+ },
+ ],
+ },
+ {
+ title: t("settingsGroups.apps"),
+ items: [
+ {
+ label: t("channels.title"),
+ href: `${base}/settings/channels`,
+ icon: wrapIconsax(Sms as IconsaxComponent),
+ },
+ {
+ label: t("integrations.title"),
+ href: `${base}/settings/integrations`,
+ icon: wrapIconsax(Box1 as IconsaxComponent),
+ },
+ ],
+ },
+ {
+ title: t("settingsGroups.inbox"),
+ items: [
+ {
+ label: t("lifecycle.title"),
+ href: `${base}/settings/lifecycle`,
+ icon: wrapIconsax(Refresh2 as IconsaxComponent),
+ },
+ {
+ label: t("snippets.title"),
+ href: `${base}/settings/snippets`,
+ icon: wrapIconsax(MessageText1 as IconsaxComponent),
+ },
+ {
+ label: t("closingNotes.title"),
+ href: `${base}/settings/closing-notes`,
+ icon: wrapIconsax(Note as IconsaxComponent),
+ },
+ ],
+ },
+ {
+ // Nova seção "Dados" — antes essas 3 viviam como tabs na aba Fluxos
+ // (Tags, Campos Personalizados, Logs de Erro). Pedro pediu pra mover
+ // pro sub-sidebar de Configurações pra deixar a aba Fluxos focada
+ // só em fluxos.
+ title: t("settingsGroups.data"),
+ items: [
+ {
+ label: t("tags.title"),
+ href: `${base}/settings/tags`,
+ icon: wrapIconsax(Tag2 as IconsaxComponent),
+ },
+ {
+ label: t("customFields.title"),
+ href: `${base}/settings/contact-fields`,
+ icon: wrapIconsax(Note as IconsaxComponent),
+ },
+ {
+ label: t("botFields.title"),
+ href: `${base}/settings/bot-fields`,
+ icon: wrapIconsax(Cpu as IconsaxComponent),
+ },
+ {
+ label: t("errorLogs.title"),
+ href: `${base}/error-logs`,
+ icon: wrapIconsax(Warning2 as IconsaxComponent),
+ },
+ ],
+ },
+ {
+ title: t("settingsGroups.advanced"),
+ items: [
+ // "Gatilhos" foi removido do menu — agora os gatilhos são o primeiro
+ // node de cada flow (TriggerNode no Flow Builder, igual Respond.io).
+ // A rota /triggers continua existindo pra não quebrar links antigos,
+ // mas sem ponto de entrada visual.
+ {
+ label: t("webhooks.title"),
+ href: `${base}/webhooks`,
+ icon: wrapIconsax(Convert as IconsaxComponent),
+ },
+ {
+ label: t("auditLogs.title"),
+ href: `${base}/settings/audit-logs`,
+ icon: wrapIconsax(ShieldTick as IconsaxComponent),
+ },
+ {
+ label: t("tools.title"),
+ href: `${base}/tools`,
+ icon: wrapIconsax(Setting4 as IconsaxComponent),
+ },
+ ],
+ },
+ ]
+
+ return (
+
+ )
+}
diff --git a/apps/builder/src/components/topbar/topbar-slot-context.tsx b/apps/builder/src/components/topbar/topbar-slot-context.tsx
new file mode 100644
index 000000000..d5b1ac12d
--- /dev/null
+++ b/apps/builder/src/components/topbar/topbar-slot-context.tsx
@@ -0,0 +1,136 @@
+"use client"
+
+import {
+ createContext,
+ type ReactNode,
+ useCallback,
+ useContext,
+ useEffect,
+ useId,
+ useMemo,
+ useState,
+} from "react"
+
+/**
+ * Sistema de slots pro topbar global (`WorkspaceTopbar`).
+ *
+ * Cada página pode injetar conteúdo dinâmico em 3 zonas do topbar:
+ * - `pageTitle`: lado esquerdo, depois do brand. Ex.: "Fluxos", "Caixa de
+ * entrada", "< nome do flow + pencil"
+ * - `pageActions`: lado direito, antes do user menu. Ex.: "+ Adicionar
+ * workflow", "Filtros", "Publicar / Teste"
+ *
+ * Como funciona:
+ * - O layout pai (`space/[workspaceId]/layout.tsx`) renderiza
+ * `` no topo
+ * - O `WorkspaceTopbar` lê do Context e renderiza as zonas
+ * - Cada página chama `useTopbarSlot({ pageTitle, pageActions })` pra
+ * registrar seu conteúdo — automaticamente removido ao desmontar
+ *
+ * Suporte a múltiplos consumers: cada consumer tem um ID interno. O slot
+ * exibido é do consumer MAIS RECENTE (LIFO) — útil quando há nested layouts.
+ */
+
+type SlotKey = "pageTitle" | "pageActions"
+type Slot = { id: string; node: ReactNode }
+type SlotStacks = Record
+
+const initialStacks: SlotStacks = {
+ pageTitle: [],
+ pageActions: [],
+}
+
+type TopbarContextValue = {
+ stacks: SlotStacks
+ push: (id: string, slots: Partial>) => void
+ remove: (id: string) => void
+}
+
+const TopbarContext = createContext(null)
+
+export function TopbarSlotProvider({ children }: { children: ReactNode }) {
+ const [stacks, setStacks] = useState(initialStacks)
+
+ const push = useCallback(
+ (id: string, slots: Partial>) => {
+ setStacks((prev) => {
+ const next: SlotStacks = {
+ pageTitle: prev.pageTitle.filter((s) => s.id !== id),
+ pageActions: prev.pageActions.filter((s) => s.id !== id),
+ }
+ if (slots.pageTitle !== undefined) {
+ next.pageTitle.push({ id, node: slots.pageTitle })
+ }
+ if (slots.pageActions !== undefined) {
+ next.pageActions.push({ id, node: slots.pageActions })
+ }
+ return next
+ })
+ },
+ [],
+ )
+
+ const remove = useCallback((id: string) => {
+ setStacks((prev) => ({
+ pageTitle: prev.pageTitle.filter((s) => s.id !== id),
+ pageActions: prev.pageActions.filter((s) => s.id !== id),
+ }))
+ }, [])
+
+ const value = useMemo(
+ () => ({ stacks, push, remove }),
+ [stacks, push, remove],
+ )
+
+ return (
+ {children}
+ )
+}
+
+/**
+ * Hook pra páginas injetarem conteúdo no topbar. Conteúdo registrado é
+ * removido automaticamente quando o componente desmontar.
+ *
+ * Importante: passe `nodes` que são estáveis entre renders (use `useMemo`
+ * ou componentes inteiros, evite criar arrays/objetos inline). Caso
+ * contrário, o useEffect re-registra a cada render — overhead pequeno mas
+ * desnecessário.
+ */
+export function useTopbarSlot(slots: Partial>) {
+ const ctx = useContext(TopbarContext)
+ const id = useId()
+
+ // Memoizar slots estabilizando a referência (chaves ordenadas)
+ const stableSlots = useMemo(
+ () => ({
+ pageTitle: slots.pageTitle,
+ pageActions: slots.pageActions,
+ }),
+ [slots.pageTitle, slots.pageActions],
+ )
+
+ useEffect(() => {
+ if (!ctx) {
+ return
+ }
+ ctx.push(id, stableSlots)
+ return () => {
+ ctx.remove(id)
+ }
+ }, [ctx, id, stableSlots])
+}
+
+/**
+ * Hook usado pelo `` pra ler os slots atuais. Retorna o
+ * conteúdo do topo de cada stack (LIFO) — o consumer mais recente vence.
+ */
+export function useTopbarStacks() {
+ const ctx = useContext(TopbarContext)
+ if (!ctx) {
+ return { pageTitle: null, pageActions: null }
+ }
+ return {
+ pageTitle: ctx.stacks.pageTitle.at(-1)?.node ?? null,
+ pageActions: ctx.stacks.pageActions.at(-1)?.node ?? null,
+ }
+}
diff --git a/apps/builder/src/components/topbar/topbar-user-menu.tsx b/apps/builder/src/components/topbar/topbar-user-menu.tsx
new file mode 100644
index 000000000..90b83c7a0
--- /dev/null
+++ b/apps/builder/src/components/topbar/topbar-user-menu.tsx
@@ -0,0 +1,117 @@
+"use client"
+
+import {
+ Avatar,
+ AvatarFallback,
+ AvatarImage,
+} from "@chatbotx.io/ui/components/ui/avatar"
+import { Button } from "@chatbotx.io/ui/components/ui/button"
+import {
+ DropdownMenu,
+ DropdownMenuContent,
+ DropdownMenuGroup,
+ DropdownMenuItem,
+ DropdownMenuLabel,
+ DropdownMenuSeparator,
+ DropdownMenuTrigger,
+} from "@chatbotx.io/ui/components/ui/dropdown-menu"
+import { BadgeCheck, Bell, Crown } from "lucide-react"
+import Link from "next/link"
+import { useParams } from "next/navigation"
+import { useTranslations } from "next-intl"
+import { LangSelector } from "@/components/lang-selector"
+import { ThemeSwitcher } from "@/components/theme-switcher"
+import { SignOut } from "@/features/auth/sign-out"
+
+/**
+ * Versão do NavUser pro ``. Diferente do original:
+ * - Não usa SidebarMenu* (que requer SidebarProvider context)
+ * - Trigger é um Button simples (avatar + dropdown menu)
+ * - Posicionamento via `DropdownMenuContent align="end"` no canto direito
+ */
+export function TopbarUserMenu({
+ user,
+}: {
+ user: { name: string; email: string; avatar: string }
+}) {
+ const t = useTranslations()
+ const params = useParams()
+ const workspaceId = params.workspaceId as string
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Idioma
+
+
+
+
+ Tema
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/apps/builder/src/components/topbar/topbar-workspace-switcher.tsx b/apps/builder/src/components/topbar/topbar-workspace-switcher.tsx
new file mode 100644
index 000000000..55bbf036f
--- /dev/null
+++ b/apps/builder/src/components/topbar/topbar-workspace-switcher.tsx
@@ -0,0 +1,112 @@
+"use client"
+
+import {
+ Avatar,
+ AvatarFallback,
+ AvatarImage,
+} from "@chatbotx.io/ui/components/ui/avatar"
+import { Button } from "@chatbotx.io/ui/components/ui/button"
+import {
+ DropdownMenu,
+ DropdownMenuContent,
+ DropdownMenuItem,
+ DropdownMenuLabel,
+ DropdownMenuSeparator,
+ DropdownMenuTrigger,
+} from "@chatbotx.io/ui/components/ui/dropdown-menu"
+import { cn } from "@chatbotx.io/ui/lib/utils"
+import { ChevronsUpDown, PlusCircle } from "lucide-react"
+import Link from "next/link"
+import { useTranslations } from "next-intl"
+import { useEffect, useState } from "react"
+import type { WorkspaceResource } from "@/features/workspaces/schema/resource"
+import { useWorkspaceId } from "@/hooks/routing"
+
+/**
+ * Versão do WorkspaceSwitcher pro ``. Diferente do original
+ * (que vive no sidebar): trigger é um Button compacto com avatar + nome,
+ * sem dependência de SidebarProvider.
+ */
+export function TopbarWorkspaceSwitcher({
+ workspaces,
+}: {
+ workspaces: WorkspaceResource[]
+}) {
+ const workspaceId = useWorkspaceId()
+ const t = useTranslations()
+
+ const [activeWorkspace, setActiveWorkspace] =
+ useState(null)
+
+ useEffect(() => {
+ const foundWorkspace = workspaces.find(
+ (workspace) => workspace.id === workspaceId,
+ )
+ setActiveWorkspace(foundWorkspace ?? null)
+ }, [workspaces, workspaceId])
+
+ return (
+
+
+
+
+
+
+ {t("workspaces.list.title")}
+
+ {workspaces.map((workspace) => (
+ setActiveWorkspace(workspace)}
+ >
+
+
+
+ {workspace.name.slice(0, 2).toUpperCase() || "··"}
+
+
+ {workspace.name}
+
+
+ ))}
+
+
+
+
+
+ )
+}
diff --git a/apps/builder/src/components/topbar/workspace-topbar.tsx b/apps/builder/src/components/topbar/workspace-topbar.tsx
new file mode 100644
index 000000000..679ce076a
--- /dev/null
+++ b/apps/builder/src/components/topbar/workspace-topbar.tsx
@@ -0,0 +1,75 @@
+"use client"
+
+import Link from "next/link"
+import { BrandIcon } from "@/components/brand-icon"
+import type { WorkspaceResource } from "@/features/workspaces/schema/resource"
+import { authClient } from "@/lib/auth/auth-client"
+import { useTopbarStacks } from "./topbar-slot-context"
+import { TopbarUserMenu } from "./topbar-user-menu"
+import { TopbarWorkspaceSwitcher } from "./topbar-workspace-switcher"
+
+type WorkspaceTopbarProps = {
+ allWorkspaces: WorkspaceResource[]
+}
+
+/**
+ * Topbar global do workspace — altura padrão `h-14` (56px). Fica fixo no
+ * topo da tela em TODAS as páginas dentro de `/space/[workspaceId]/*`,
+ * estilo Respond.io.
+ *
+ * Layout:
+ * ┌──────────────────────────────────────────────────────────────────┐
+ * │ [Brand X] [WorkspaceSwitcher] | [pageTitle slot] [pageActions]│
+ * │ [NavUser] │
+ * └──────────────────────────────────────────────────────────────────┘
+ *
+ * - `pageTitle` / `pageActions` são slots dinâmicos: cada página registra
+ * seu próprio conteúdo via `useTopbarSlot()`. Quando a página desmonta,
+ * o slot é removido automaticamente.
+ *
+ * Pedro pediu padronização: "no Respond.io toda aba tem essa parte na
+ * horizontal, é padrão do mesmo tamanho". Esse componente garante.
+ */
+export function WorkspaceTopbar({ allWorkspaces }: WorkspaceTopbarProps) {
+ const { data: session } = authClient.useSession()
+ const { pageTitle, pageActions } = useTopbarStacks()
+
+ const user = {
+ name: session?.user.name ?? "",
+ email: session?.user.email ?? "",
+ avatar: session?.user.image ?? "",
+ }
+
+ return (
+
+ {/* Brand fixo no canto esquerdo */}
+
+
+ )
+}
diff --git a/apps/builder/src/components/workspace-switcher.tsx b/apps/builder/src/components/workspace-switcher.tsx
index 882ad347b..21ac1ae29 100644
--- a/apps/builder/src/components/workspace-switcher.tsx
+++ b/apps/builder/src/components/workspace-switcher.tsx
@@ -5,40 +5,46 @@ import {
AvatarFallback,
AvatarImage,
} from "@chatbotx.io/ui/components/ui/avatar"
-
+import { Input } from "@chatbotx.io/ui/components/ui/input"
import {
- DropdownMenu,
- DropdownMenuContent,
- DropdownMenuItem,
- DropdownMenuLabel,
- DropdownMenuSeparator,
- DropdownMenuTrigger,
-} from "@chatbotx.io/ui/components/ui/dropdown-menu"
+ Popover,
+ PopoverContent,
+ PopoverTrigger,
+} from "@chatbotx.io/ui/components/ui/popover"
import {
SidebarMenu,
SidebarMenuButton,
SidebarMenuItem,
- useSidebar,
} from "@chatbotx.io/ui/components/ui/sidebar"
import { cn } from "@chatbotx.io/ui/lib/utils"
-import { ChevronsUpDown, PlusCircle } from "lucide-react"
+import { PlusIcon, SearchIcon, SettingsIcon } from "lucide-react"
import Link from "next/link"
import { useTranslations } from "next-intl"
-import { useEffect, useState } from "react"
+import { useEffect, useMemo, useState } from "react"
+import { CreateWorkspaceDialog } from "@/features/workspaces/create-workspace-dialog"
import type { WorkspaceResource } from "@/features/workspaces/schema/resource"
import { useWorkspaceId } from "@/hooks/routing"
+type OrganizationLite = {
+ id: string
+ name: string
+} | null
+
export function WorkspaceSwitcher({
workspaces,
+ organization,
}: {
workspaces: WorkspaceResource[]
+ organization?: OrganizationLite
}) {
- const { isMobile } = useSidebar()
const workspaceId = useWorkspaceId()
+ const t = useTranslations("workspaces")
const [activeWorkspace, setActiveWorkspace] =
useState(null)
- const t = useTranslations()
+ const [open, setOpen] = useState(false)
+ const [createOpen, setCreateOpen] = useState(false)
+ const [search, setSearch] = useState("")
useEffect(() => {
const foundWorkspace = workspaces.find(
@@ -47,82 +53,121 @@ export function WorkspaceSwitcher({
setActiveWorkspace(foundWorkspace ?? null)
}, [workspaces, workspaceId])
+ const filtered = useMemo(() => {
+ const q = search.trim().toLowerCase()
+ if (!q) {
+ return workspaces
+ }
+ return workspaces.filter((w) => w.name?.toLowerCase().includes(q))
+ }, [workspaces, search])
+
+ const initials = (activeWorkspace?.name || " ").slice(0, 2).toUpperCase()
+
return (
-
-
-
-
-
+
+
+
+
+
+
+
+ {initials}
+
+
+
+
+
-
-
+
- {activeWorkspace?.name?.slice(0, 2) || " "}
-
-
-
-
-
-
- {t("workspaces.list.title")}
-
- {workspaces.map((workspace) => (
-
+
+ {organization.name}
+
+ setOpen(false)}
+ >
+
+ )}
+
+
+
+
+ {user.name.slice(0, 2) || " "}
+
+
+
{user.name}
@@ -85,35 +142,46 @@ export function NavUser({
+
+
+ {actions && (
+ {title}
+ {subtitle && ( + + {subtitle} + + )} + {titleAdornment} +{actions}
+ )}
+
+
+
+ {user.name.slice(0, 2).toUpperCase() || " "}
+
+
+
+
+ {user.name}
+
+ {user.email}
+
+
+
+
+
+
+
+ {/* Slot dinâmico de título / nav contextual da página */}
+ {pageTitle}
+
+ {/* Slot dinâmico de ações da página (publicar, +adicionar, etc) */}
+ {pageActions && (
+ {pageActions}
+ )}
+
+ {/* User menu sempre fixo no extremo direito */}
+
+
+
-
- {activeWorkspace?.name}
-
- {/* {activeWorkspace?.plan} */}
-
+ {filtered.length === 0 ? (
+
+
+ {(workspace.name || " ").slice(0, 2).toUpperCase()}
+
+
+ {workspace.name}
+
+ ))
)}
- key={workspace.name}
- onClick={() => setActiveWorkspace(workspace)}
- >
-
-
-
- {workspace.name.slice(0, 2) || " "}
-
-
- {workspace.name}
-
-
- ))}
-
-
-
-
-
-
-
+
+
+
+ Nenhum workspace encontrado.
+
+ ) : (
+ filtered.map((workspace) => (
+ setOpen(false)}
+ >
+
+
+
+
+
+
+
+
+
- {row.original.user ? (
-
- ),
- size: 150,
- enableSorting: false,
- enableHiding: false,
- },
- {
- accessorKey: "action",
- header: ({ column }) => (
-
-
- {row.original.user.name?.[0]}
-
-
-
-
-
-
-
-
- ) : null}
-
- {row.original.user.name}
-
- {row.original.user.name}
-{row.original.action}
,
- size: 50,
- enableSorting: false,
- enableHiding: false,
- },
- {
- accessorKey: "detail",
- header: ({ column }) => (
- {row.original.detail}
- {row.original.detail}
-
-
- )
-}
diff --git a/apps/builder/src/enterprise/features/audit-logs/queries/index.ts b/apps/builder/src/enterprise/features/audit-logs/queries/index.ts
deleted file mode 100644
index f86dfd30d..000000000
--- a/apps/builder/src/enterprise/features/audit-logs/queries/index.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-import { db, relationsFilterToSQL } from "@chatbotx.io/database/client"
-import { auditLogModel, errorLogModel } from "@chatbotx.io/database/schema"
-import {
- getPaginationWithDefaults,
- parseOrderByAsObject,
-} from "@chatbotx.io/database/utils"
-import type { PaginatedResponse } from "@/features/common/schemas/pagination"
-import { assertCurrentUserCanAccessChatbot } from "@/lib/auth/utils"
-import type { AuditLogResource } from "../schemas"
-import type { ListAuditLogsRequest } from "../schemas/query"
-
-export async function listAuditLogs(
- input: ListAuditLogsRequest,
-): Promise{t("auditLogs.title")}
- -
-
+
+