feat: agent availability status

New columns in users table to store user availability status.

Websocket pings sets the last active at timestamp, once user stops sending pings (on disconnect) after 5 minutes the user availalbility status changes to offline.

Detects auto away by checking for mouse, keyboard events and sets user status to away.

User can also set their status to away manually from the sidebar.

Migrations for v0.3.0

Minor visual fixes.

Bump version in package.json
This commit is contained in:
Abhinav Raut
2025-02-26 04:34:30 +05:30
parent d58898c60f
commit 67e1230485
26 changed files with 435 additions and 204 deletions

View File

@@ -99,6 +99,7 @@ func initHandlers(g *fastglue.Fastglue, hub *ws.Hub) {
g.GET("/api/v1/users/me", auth(handleGetCurrentUser)) g.GET("/api/v1/users/me", auth(handleGetCurrentUser))
g.PUT("/api/v1/users/me", auth(handleUpdateCurrentUser)) g.PUT("/api/v1/users/me", auth(handleUpdateCurrentUser))
g.GET("/api/v1/users/me/teams", auth(handleGetCurrentUserTeams)) g.GET("/api/v1/users/me/teams", auth(handleGetCurrentUserTeams))
g.PUT("/api/v1/users/me/availability", auth(handleUpdateUserAvailability))
g.DELETE("/api/v1/users/me/avatar", auth(handleDeleteAvatar)) g.DELETE("/api/v1/users/me/avatar", auth(handleDeleteAvatar))
g.GET("/api/v1/users/compact", auth(handleGetUsersCompact)) g.GET("/api/v1/users/compact", auth(handleGetUsersCompact))
g.GET("/api/v1/users", perm(handleGetUsers, "users:manage")) g.GET("/api/v1/users", perm(handleGetUsers, "users:manage"))

View File

@@ -308,6 +308,11 @@ func initCSAT(db *sqlx.DB) *csat.Manager {
return m return m
} }
// initWS inits websocket hub.
func initWS(user *user.Manager) *ws.Hub {
return ws.NewHub(user)
}
// initTemplates inits template manager. // initTemplates inits template manager.
func initTemplate(db *sqlx.DB, fs stuffbin.FileSystem, consts *constants) *tmpl.Manager { func initTemplate(db *sqlx.DB, fs stuffbin.FileSystem, consts *constants) *tmpl.Manager {
var ( var (

View File

@@ -3,6 +3,7 @@ package main
import ( import (
amodels "github.com/abhinavxd/libredesk/internal/auth/models" amodels "github.com/abhinavxd/libredesk/internal/auth/models"
"github.com/abhinavxd/libredesk/internal/envelope" "github.com/abhinavxd/libredesk/internal/envelope"
umodels "github.com/abhinavxd/libredesk/internal/user/models"
"github.com/valyala/fasthttp" "github.com/valyala/fasthttp"
"github.com/zerodha/fastglue" "github.com/zerodha/fastglue"
) )
@@ -11,14 +12,20 @@ import (
func handleLogin(r *fastglue.Request) error { func handleLogin(r *fastglue.Request) error {
var ( var (
app = r.Context.(*App) app = r.Context.(*App)
p = r.RequestCtx.PostArgs() email = string(r.RequestCtx.PostArgs().Peek("email"))
email = string(p.Peek("email")) password = r.RequestCtx.PostArgs().Peek("password")
password = p.Peek("password")
) )
user, err := app.user.VerifyPassword(email, password) user, err := app.user.VerifyPassword(email, password)
if err != nil { if err != nil {
return sendErrorEnvelope(r, err) return sendErrorEnvelope(r, err)
} }
// Set user availability status to online.
if err := app.user.UpdateAvailability(user.ID, umodels.Online); err != nil {
return sendErrorEnvelope(r, err)
}
user.AvailabilityStatus = umodels.Online
if err := app.auth.SaveSession(amodels.User{ if err := app.auth.SaveSession(amodels.User{
ID: user.ID, ID: user.ID,
Email: user.Email.String, Email: user.Email.String,

View File

@@ -36,7 +36,6 @@ import (
"github.com/abhinavxd/libredesk/internal/team" "github.com/abhinavxd/libredesk/internal/team"
"github.com/abhinavxd/libredesk/internal/template" "github.com/abhinavxd/libredesk/internal/template"
"github.com/abhinavxd/libredesk/internal/user" "github.com/abhinavxd/libredesk/internal/user"
"github.com/abhinavxd/libredesk/internal/ws"
"github.com/knadh/go-i18n" "github.com/knadh/go-i18n"
"github.com/knadh/koanf/v2" "github.com/knadh/koanf/v2"
"github.com/knadh/stuffbin" "github.com/knadh/stuffbin"
@@ -162,7 +161,6 @@ func main() {
messageOutgoingScanInterval = ko.MustDuration("message.message_outoing_scan_interval") messageOutgoingScanInterval = ko.MustDuration("message.message_outoing_scan_interval")
slaEvaluationInterval = ko.MustDuration("sla.evaluation_interval") slaEvaluationInterval = ko.MustDuration("sla.evaluation_interval")
lo = initLogger(appName) lo = initLogger(appName)
wsHub = ws.NewHub()
rdb = initRedis() rdb = initRedis()
constants = initConstants() constants = initConstants()
i18n = initI18n(fs) i18n = initI18n(fs)
@@ -177,6 +175,7 @@ func main() {
team = initTeam(db) team = initTeam(db)
businessHours = initBusinessHours(db) businessHours = initBusinessHours(db)
user = initUser(i18n, db) user = initUser(i18n, db)
wsHub = initWS(user)
notifier = initNotifier(user) notifier = initNotifier(user)
automation = initAutomationEngine(db) automation = initAutomationEngine(db)
sla = initSLA(db, team, settings, businessHours) sla = initSLA(db, team, settings, businessHours)
@@ -193,6 +192,7 @@ func main() {
go notifier.Run(ctx) go notifier.Run(ctx)
go sla.Run(ctx, slaEvaluationInterval) go sla.Run(ctx, slaEvaluationInterval)
go media.DeleteUnlinkedMedia(ctx) go media.DeleteUnlinkedMedia(ctx)
go user.MonitorAgentAvailability(ctx)
var app = &App{ var app = &App{
lo: lo, lo: lo,

View File

@@ -43,9 +43,7 @@ func tryAuth(handler fastglue.FastRequestHandler) fastglue.FastRequestHandler {
// auth makes sure the user is logged in. // auth makes sure the user is logged in.
func auth(handler fastglue.FastRequestHandler) fastglue.FastRequestHandler { func auth(handler fastglue.FastRequestHandler) fastglue.FastRequestHandler {
return func(r *fastglue.Request) error { return func(r *fastglue.Request) error {
var ( var app = r.Context.(*App)
app = r.Context.(*App)
)
// Validate session and fetch user. // Validate session and fetch user.
userSession, err := app.auth.ValidateSession(r) userSession, err := app.auth.ValidateSession(r)

View File

@@ -10,6 +10,7 @@ import (
"strings" "strings"
"github.com/abhinavxd/libredesk/internal/dbutil" "github.com/abhinavxd/libredesk/internal/dbutil"
"github.com/abhinavxd/libredesk/internal/migrations"
"github.com/jmoiron/sqlx" "github.com/jmoiron/sqlx"
"github.com/knadh/koanf/v2" "github.com/knadh/koanf/v2"
"github.com/knadh/stuffbin" "github.com/knadh/stuffbin"
@@ -28,7 +29,9 @@ type migFunc struct {
// migList is the list of available migList ordered by the semver. // migList is the list of available migList ordered by the semver.
// Each migration is a Go file in internal/migrations named after the semver. // Each migration is a Go file in internal/migrations named after the semver.
// The functions are named as: v0.7.0 => migrations.V0_7_0() and are idempotent. // The functions are named as: v0.7.0 => migrations.V0_7_0() and are idempotent.
var migList = []migFunc{} var migList = []migFunc{
{"v0.3.0", migrations.V0_3_0},
}
// upgrade upgrades the database to the current version by running SQL migration files // upgrade upgrades the database to the current version by running SQL migration files
// for all version from the last known version to the current one. // for all version from the last known version to the current one.

View File

@@ -22,7 +22,7 @@ import (
) )
const ( const (
maxAvatarSizeMB = 5 maxAvatarSizeMB = 20
) )
// handleGetUsers returns all users. // handleGetUsers returns all users.
@@ -39,9 +39,7 @@ func handleGetUsers(r *fastglue.Request) error {
// handleGetUsersCompact returns all users in a compact format. // handleGetUsersCompact returns all users in a compact format.
func handleGetUsersCompact(r *fastglue.Request) error { func handleGetUsersCompact(r *fastglue.Request) error {
var ( var app = r.Context.(*App)
app = r.Context.(*App)
)
agents, err := app.user.GetAllCompact() agents, err := app.user.GetAllCompact()
if err != nil { if err != nil {
return r.SendErrorEnvelope(fasthttp.StatusInternalServerError, err.Error(), nil, "") return r.SendErrorEnvelope(fasthttp.StatusInternalServerError, err.Error(), nil, "")
@@ -66,6 +64,19 @@ func handleGetUser(r *fastglue.Request) error {
return r.SendEnvelope(user) return r.SendEnvelope(user)
} }
// handleUpdateUserAvailability updates the current user availability.
func handleUpdateUserAvailability(r *fastglue.Request) error {
var (
app = r.Context.(*App)
auser = r.RequestCtx.UserValue("user").(amodels.User)
status = string(r.RequestCtx.PostArgs().Peek("status"))
)
if err := app.user.UpdateAvailability(auser.ID, status); err != nil {
return sendErrorEnvelope(r, err)
}
return r.SendEnvelope("User availability updated successfully.")
}
// handleGetCurrentUserTeams returns the teams of a user. // handleGetCurrentUserTeams returns the teams of a user.
func handleGetCurrentUserTeams(r *fastglue.Request) error { func handleGetCurrentUserTeams(r *fastglue.Request) error {
var ( var (
@@ -228,7 +239,7 @@ func handleCreateUser(r *fastglue.Request) error {
Provider: notifier.ProviderEmail, Provider: notifier.ProviderEmail,
}); err != nil { }); err != nil {
app.lo.Error("error sending notification message", "error", err) app.lo.Error("error sending notification message", "error", err)
return r.SendEnvelope("User created successfully, but error sending welcome email.") return sendErrorEnvelope(r, envelope.NewError(envelope.GeneralError, "User created successfully, but could not send welcome email.", nil))
} }
} }
return r.SendEnvelope("User created successfully.") return r.SendEnvelope("User created successfully.")

View File

@@ -1,6 +1,6 @@
{ {
"name": "libredesk", "name": "libredesk",
"version": "0.0.0", "version": "0.3.0",
"private": true, "private": true,
"type": "module", "type": "module",
"scripts": { "scripts": {

View File

@@ -81,6 +81,7 @@ import { useTeamStore } from '@/stores/team'
import { useSlaStore } from '@/stores/sla' import { useSlaStore } from '@/stores/sla'
import { useMacroStore } from '@/stores/macro' import { useMacroStore } from '@/stores/macro'
import { useTagStore } from '@/stores/tag' import { useTagStore } from '@/stores/tag'
import { useIdleDetection } from '@/composables/useIdleDetection'
import PageHeader from './components/layout/PageHeader.vue' import PageHeader from './components/layout/PageHeader.vue'
import ViewForm from '@/features/view/ViewForm.vue' import ViewForm from '@/features/view/ViewForm.vue'
import AppUpdate from '@/components/update/AppUpdate.vue' import AppUpdate from '@/components/update/AppUpdate.vue'
@@ -118,6 +119,8 @@ const view = ref({})
const openCreateViewForm = ref(false) const openCreateViewForm = ref(false)
initWS() initWS()
useIdleDetection()
onMounted(() => { onMounted(() => {
initToaster() initToaster()
listenViewRefresh() listenViewRefresh()
@@ -126,8 +129,10 @@ onMounted(() => {
// initialize data stores // initialize data stores
const initStores = async () => { const initStores = async () => {
if (!userStore.userID) {
await userStore.getCurrentUser()
}
await Promise.allSettled([ await Promise.allSettled([
userStore.getCurrentUser(),
getUserViews(), getUserViews(),
conversationStore.fetchStatuses(), conversationStore.fetchStatuses(),
conversationStore.fetchPriorities(), conversationStore.fetchPriorities(),

View File

@@ -169,6 +169,7 @@ const updateCurrentUser = (data) =>
const deleteUserAvatar = () => http.delete('/api/v1/users/me/avatar') const deleteUserAvatar = () => http.delete('/api/v1/users/me/avatar')
const getCurrentUser = () => http.get('/api/v1/users/me') const getCurrentUser = () => http.get('/api/v1/users/me')
const getCurrentUserTeams = () => http.get('/api/v1/users/me/teams') const getCurrentUserTeams = () => http.get('/api/v1/users/me/teams')
const updateCurrentUserAvailability = (data) => http.put('/api/v1/users/me/availability', data)
const getTags = () => http.get('/api/v1/tags') const getTags = () => http.get('/api/v1/tags')
const upsertTags = (uuid, data) => http.post(`/api/v1/conversations/${uuid}/tags`, data) const upsertTags = (uuid, data) => http.post(`/api/v1/conversations/${uuid}/tags`, data)
const updateAssignee = (uuid, assignee_type, data) => http.put(`/api/v1/conversations/${uuid}/assignee/${assignee_type}`, data) const updateAssignee = (uuid, assignee_type, data) => http.put(`/api/v1/conversations/${uuid}/assignee/${assignee_type}`, data)
@@ -323,6 +324,7 @@ export default {
uploadMedia, uploadMedia,
updateAssigneeLastSeen, updateAssigneeLastSeen,
updateUser, updateUser,
updateCurrentUserAvailability,
updateAutomationRule, updateAutomationRule,
updateAutomationRuleWeights, updateAutomationRuleWeights,
updateAutomationRulesExecutionMode, updateAutomationRulesExecutionMode,

View File

@@ -1,13 +1,23 @@
<template> <template>
<DropdownMenu> <DropdownMenu>
<DropdownMenuTrigger as-child> <DropdownMenuTrigger as-child>
<SidebarMenuButton size="lg" <SidebarMenuButton
class="data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground p-0"> size="lg"
<Avatar class="h-8 w-8 rounded-lg"> class="data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground p-0"
>
<Avatar class="h-8 w-8 rounded-lg relative overflow-visible">
<AvatarImage :src="userStore.avatar" alt="Abhinav" /> <AvatarImage :src="userStore.avatar" alt="Abhinav" />
<AvatarFallback class="rounded-lg"> <AvatarFallback class="rounded-lg">
{{ userStore.getInitials }} {{ userStore.getInitials }}
</AvatarFallback> </AvatarFallback>
<div
class="absolute bottom-0 right-0 h-2.5 w-2.5 rounded-full border border-background"
:class="{
'bg-green-500': userStore.user.availability_status === 'online',
'bg-amber-500': userStore.user.availability_status === 'away' || userStore.user.availability_status === 'away_manual',
'bg-gray-400': userStore.user.availability_status === 'offline'
}"
></div>
</Avatar> </Avatar>
<div class="grid flex-1 text-left text-sm leading-tight"> <div class="grid flex-1 text-left text-sm leading-tight">
<span class="truncate font-semibold">{{ userStore.getFullName }}</span> <span class="truncate font-semibold">{{ userStore.getFullName }}</span>
@@ -16,9 +26,12 @@
<ChevronsUpDown class="ml-auto size-4" /> <ChevronsUpDown class="ml-auto size-4" />
</SidebarMenuButton> </SidebarMenuButton>
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent class="w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg" side="bottom" <DropdownMenuContent
:side-offset="4"> class="w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg"
<DropdownMenuLabel class="p-0 font-normal"> side="bottom"
:side-offset="4"
>
<DropdownMenuLabel class="p-0 font-normal space-y-1">
<div class="flex items-center gap-2 px-1 py-1.5 text-left text-sm"> <div class="flex items-center gap-2 px-1 py-1.5 text-left text-sm">
<Avatar class="h-8 w-8 rounded-lg"> <Avatar class="h-8 w-8 rounded-lg">
<AvatarImage :src="userStore.avatar" alt="Abhinav" /> <AvatarImage :src="userStore.avatar" alt="Abhinav" />
@@ -31,6 +44,13 @@
<span class="truncate text-xs">{{ userStore.email }}</span> <span class="truncate text-xs">{{ userStore.email }}</span>
</div> </div>
</div> </div>
<div class="flex items-center gap-2 px-1 py-1.5 text-left text-sm justify-between">
<span class="text-muted-foreground">Away</span>
<Switch
:checked="userStore.user.availability_status === 'away' || userStore.user.availability_status === 'away_manual'"
@update:checked="(val) => userStore.updateUserAvailability(val ? 'away' : 'online')"
/>
</div>
</DropdownMenuLabel> </DropdownMenuLabel>
<DropdownMenuSeparator /> <DropdownMenuSeparator />
<DropdownMenuGroup> <DropdownMenuGroup>
@@ -58,21 +78,12 @@ import {
DropdownMenuItem, DropdownMenuItem,
DropdownMenuLabel, DropdownMenuLabel,
DropdownMenuSeparator, DropdownMenuSeparator,
DropdownMenuTrigger, DropdownMenuTrigger
} from '@/components/ui/dropdown-menu' } from '@/components/ui/dropdown-menu'
import { import { SidebarMenuButton } from '@/components/ui/sidebar'
SidebarMenuButton, import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
} from '@/components/ui/sidebar' import { Switch } from '@/components/ui/switch'
import { import { ChevronsUpDown, CircleUserRound, LogOut } from 'lucide-vue-next'
Avatar,
AvatarFallback,
AvatarImage,
} from '@/components/ui/avatar'
import {
ChevronsUpDown,
CircleUserRound,
LogOut,
} from 'lucide-vue-next'
import { useUserStore } from '@/stores/user' import { useUserStore } from '@/stores/user'
const userStore = useUserStore() const userStore = useUserStore()

View File

@@ -0,0 +1,43 @@
import { ref, onMounted, onBeforeUnmount } from 'vue'
import { useUserStore } from '@/stores/user'
import { debounce } from '@/utils/debounce'
export function useIdleDetection () {
const userStore = useUserStore()
// 4 minutes
const AWAY_THRESHOLD = 4 * 60 * 1000
// 1 minute
const CHECK_INTERVAL = 60 * 1000
const lastActivity = ref(Date.now())
const timer = ref(null)
function resetTimer () {
if (userStore.user.availability_status === 'away' || userStore.user.availability_status === 'offline') {
userStore.updateUserAvailability('online', false)
}
lastActivity.value = Date.now()
}
const debouncedResetTimer = debounce(resetTimer, 200)
function checkIdle () {
if (Date.now() - lastActivity.value > AWAY_THRESHOLD &&
userStore.user.availability_status === 'online') {
userStore.updateUserAvailability('away', false)
}
}
onMounted(() => {
window.addEventListener('mousemove', debouncedResetTimer)
window.addEventListener('keypress', debouncedResetTimer)
window.addEventListener('click', debouncedResetTimer)
timer.value = setInterval(checkIdle, CHECK_INTERVAL)
})
onBeforeUnmount(() => {
window.removeEventListener('mousemove', debouncedResetTimer)
window.removeEventListener('keypress', debouncedResetTimer)
window.removeEventListener('click', debouncedResetTimer)
clearInterval(timer.value)
})
}

View File

@@ -1,25 +1,36 @@
<template> <template>
<div class="flex flex-1 flex-col gap-x-5 box p-5 space-y-5 bg-white"> <div class="flex flex-1 flex-col gap-x-5 box p-5 space-y-5 bg-white">
<div class="flex items-center space-x-2"> <div class="flex items-center space-x-2">
<p class="text-2xl">{{ title }}</p> <p class="text-2xl flex items-center">{{ title }}</p>
<div class="bg-green-100/70 flex items-center space-x-2 px-1 rounded"> <div class="bg-green-100/70 flex items-center space-x-2 px-1 rounded">
<span class="blinking-dot"></span> <span class="blinking-dot"></span>
<p class="uppercase text-xs">Live</p> <p class="uppercase text-xs">Live</p>
</div> </div>
</div> </div>
<div class="flex justify-between pr-32"> <div class="flex justify-between pr-32">
<div v-for="(value, key) in counts" :key="key" class="flex flex-col items-center gap-y-2"> <div
v-for="(item, key) in filteredCounts"
:key="key"
class="flex flex-col items-center gap-y-2"
>
<span class="text-muted-foreground">{{ labels[key] }}</span> <span class="text-muted-foreground">{{ labels[key] }}</span>
<span class="text-2xl font-medium">{{ value }}</span> <span class="text-2xl font-medium">{{ item }}</span>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script setup> <script setup>
defineProps({ import { computed } from 'vue'
const props = defineProps({
counts: { type: Object, required: true }, counts: { type: Object, required: true },
labels: { type: Object, required: true }, labels: { type: Object, required: true },
title: { type: String, required: true } title: { type: String, required: true }
}) })
// Filter out counts that don't have a label
const filteredCounts = computed(() => {
return Object.fromEntries(Object.entries(props.counts).filter(([key]) => props.labels[key]))
})
</script> </script>

View File

@@ -15,14 +15,15 @@ export const useUserStore = defineStore('user', () => {
avatar_url: '', avatar_url: '',
email: '', email: '',
teams: [], teams: [],
permissions: [] permissions: [],
availability_status: 'offline'
}) })
const emitter = useEmitter() const emitter = useEmitter()
const userID = computed(() => user.value.id) const userID = computed(() => user.value.id)
const firstName = computed(() => user.value.first_name) const firstName = computed(() => user.value.first_name || '')
const lastName = computed(() => user.value.last_name) const lastName = computed(() => user.value.last_name || '')
const avatar = computed(() => user.value.avatar_url) const avatar = computed(() => user.value.avatar_url || '')
const permissions = computed(() => user.value.permissions || []) const permissions = computed(() => user.value.permissions || [])
const email = computed(() => user.value.email) const email = computed(() => user.value.email)
const teams = computed(() => user.value.teams || []) const teams = computed(() => user.value.teams || [])
@@ -71,6 +72,10 @@ export const useUserStore = defineStore('user', () => {
} }
} }
const setCurrentUser = (userData) => {
user.value = userData
}
const setAvatar = (avatarURL) => { const setAvatar = (avatarURL) => {
if (typeof avatarURL !== 'string') { if (typeof avatarURL !== 'string') {
console.warn('Avatar URL must be a string') console.warn('Avatar URL must be a string')
@@ -83,6 +88,16 @@ export const useUserStore = defineStore('user', () => {
user.value.avatar_url = '' user.value.avatar_url = ''
} }
const updateUserAvailability = async (status, isManual = true) => {
try {
const apiStatus = status === 'away' && isManual ? 'away_manual' : status
await api.updateCurrentUserAvailability({ status: apiStatus })
user.value.availability_status = apiStatus
} catch (error) {
if (error?.response?.status === 401) window.location.href = '/'
}
}
return { return {
user, user,
userID, userID,
@@ -96,9 +111,11 @@ export const useUserStore = defineStore('user', () => {
getInitials, getInitials,
hasAdminTabPermissions, hasAdminTabPermissions,
hasReportTabPermissions, hasReportTabPermissions,
setCurrentUser,
getCurrentUser, getCurrentUser,
clearAvatar, clearAvatar,
setAvatar, setAvatar,
updateUserAvailability,
can can
} }
}) })

View File

@@ -0,0 +1,7 @@
export function debounce (fn, delay) {
let timeout
return function (...args) {
clearTimeout(timeout)
timeout = setTimeout(() => fn(...args), delay)
}
}

View File

@@ -1,5 +1,5 @@
<template> <template>
<ConversationPlaceholder v-if="route.name === 'inbox'" /> <ConversationPlaceholder v-if="['inbox', 'team-inbox', 'view-inbox'].includes(route.name)" />
<router-view /> <router-view />
</template> </template>

View File

@@ -138,12 +138,14 @@ import { Card, CardContent, CardTitle } from '@/components/ui/card'
import { Input } from '@/components/ui/input' import { Input } from '@/components/ui/input'
import { Label } from '@/components/ui/label' import { Label } from '@/components/ui/label'
import { useEmitter } from '@/composables/useEmitter' import { useEmitter } from '@/composables/useEmitter'
import { useUserStore } from '@/stores/user'
import { EMITTER_EVENTS } from '@/constants/emitterEvents.js' import { EMITTER_EVENTS } from '@/constants/emitterEvents.js'
const emitter = useEmitter() const emitter = useEmitter()
const errorMessage = ref('') const errorMessage = ref('')
const isLoading = ref(false) const isLoading = ref(false)
const router = useRouter() const router = useRouter()
const userStore = useUserStore()
const loginForm = ref({ const loginForm = ref({
email: '', email: '',
password: '' password: ''
@@ -207,7 +209,10 @@ const loginAction = () => {
email: loginForm.value.email, email: loginForm.value.email,
password: loginForm.value.password password: loginForm.value.password
}) })
.then(() => { .then((resp) => {
if (resp?.data?.data) {
userStore.setCurrentUser(resp.data.data)
}
router.push({ name: 'inboxes' }) router.push({ name: 'inboxes' })
}) })
.catch((error) => { .catch((error) => {

View File

@@ -1,6 +1,7 @@
<template> <template>
<div class="overflow-y-auto">
<div <div
class="overflow-y-auto p-4 pr-36" class="p-4 w-[calc(100%-3rem)]"
:class="{ 'opacity-50 transition-opacity duration-300': isLoading }" :class="{ 'opacity-50 transition-opacity duration-300': isLoading }"
> >
<Spinner v-if="isLoading" /> <Spinner v-if="isLoading" />
@@ -13,8 +14,8 @@
<Card <Card
class="w-8/12" class="w-8/12"
title="Agent status" title="Agent status"
:counts="sampleAgentStatusCounts" :counts="agentStatusCounts"
:labels="sampleAgentStatusLabels" :labels="agentStatusLabels"
/> />
</div> </div>
<div class="rounded-lg box w-full p-5 bg-white"> <div class="rounded-lg box w-full p-5 bg-white">
@@ -25,6 +26,7 @@
</div> </div>
</div> </div>
</div> </div>
</div>
</template> </template>
<script setup> <script setup>
@@ -52,18 +54,18 @@ const agentCountCardsLabels = {
pending: 'Pending' pending: 'Pending'
} }
// TODO: Build agent status feature. const agentStatusLabels = {
const sampleAgentStatusLabels = { agents_online: 'Online',
online: 'Online', agents_offline: 'Offline',
offline: 'Offline', agents_away: 'Away'
away: 'Away'
}
const sampleAgentStatusCounts = {
online: 5,
offline: 2,
away: 1
} }
const agentStatusCounts = ref({
agents_online: 0,
agents_offline: 0,
agents_away: 0
})
onMounted(() => { onMounted(() => {
getDashboardData() getDashboardData()
startRealtimeUpdates() startRealtimeUpdates()
@@ -96,6 +98,11 @@ const getCardStats = async () => {
.getOverviewCounts() .getOverviewCounts()
.then((resp) => { .then((resp) => {
cardCounts.value = resp.data.data cardCounts.value = resp.data.data
agentStatusCounts.value = {
agents_online: cardCounts.value.agents_online,
agents_offline: cardCounts.value.agents_offline,
agents_away: cardCounts.value.agents_away
}
}) })
.catch((error) => { .catch((error) => {
emitter.emit(EMITTER_EVENTS.SHOW_TOAST, { emitter.emit(EMITTER_EVENTS.SHOW_TOAST, {

View File

@@ -234,7 +234,10 @@ SELECT json_build_object(
'open', COUNT(*), 'open', COUNT(*),
'awaiting_response', COUNT(CASE WHEN c.waiting_since IS NOT NULL THEN 1 END), 'awaiting_response', COUNT(CASE WHEN c.waiting_since IS NOT NULL THEN 1 END),
'unassigned', COUNT(CASE WHEN c.assigned_user_id IS NULL THEN 1 END), 'unassigned', COUNT(CASE WHEN c.assigned_user_id IS NULL THEN 1 END),
'pending', COUNT(CASE WHEN c.first_reply_at IS NOT NULL THEN 1 END) 'pending', COUNT(CASE WHEN c.first_reply_at IS NOT NULL THEN 1 END),
'agents_online', (SELECT COUNT(*) FROM users WHERE availability_status = 'online' AND type = 'agent' AND deleted_at is null),
'agents_away', (SELECT COUNT(*) FROM users WHERE availability_status in ('away', 'away_manual') AND type = 'agent' AND deleted_at is null),
'agents_offline', (SELECT COUNT(*) FROM users WHERE availability_status = 'offline' AND type = 'agent' AND deleted_at is null)
) )
FROM conversations c FROM conversations c
INNER JOIN conversation_statuses s ON c.status_id = s.id INNER JOIN conversation_statuses s ON c.status_id = s.id

View File

@@ -0,0 +1,22 @@
package migrations
import (
"github.com/jmoiron/sqlx"
"github.com/knadh/koanf/v2"
"github.com/knadh/stuffbin"
)
// V0_3_0 updates the database schema to v0.3.0.
func V0_3_0(db *sqlx.DB, fs stuffbin.FileSystem, ko *koanf.Koanf) error {
_, err := db.Exec(`
DO $$
BEGIN
IF NOT EXISTS (SELECT 1 FROM pg_type WHERE typname = 'user_availability_status') THEN
CREATE TYPE user_availability_status AS ENUM ('online', 'away', 'away_manual', 'offline');
END IF;
END$$;
ALTER TABLE users ADD COLUMN IF NOT EXISTS availability_status user_availability_status DEFAULT 'offline' NOT NULL;
ALTER TABLE users ADD COLUMN IF NOT EXISTS last_active_at TIMESTAMPTZ NULL;
`)
return err
}

View File

@@ -8,6 +8,13 @@ import (
"github.com/volatiletech/null/v9" "github.com/volatiletech/null/v9"
) )
var (
Online = "online"
Offline = "offline"
Away = "away"
AwayManual = "away_manual"
)
type User struct { type User struct {
ID int `db:"id" json:"id,omitempty"` ID int `db:"id" json:"id,omitempty"`
CreatedAt time.Time `db:"created_at" json:"created_at"` CreatedAt time.Time `db:"created_at" json:"created_at"`
@@ -16,6 +23,7 @@ type User struct {
LastName string `db:"last_name" json:"last_name"` LastName string `db:"last_name" json:"last_name"`
Email null.String `db:"email" json:"email,omitempty"` Email null.String `db:"email" json:"email,omitempty"`
Type string `db:"type" json:"type"` Type string `db:"type" json:"type"`
AvailabilityStatus string `db:"availability_status" json:"availability_status"`
PhoneNumber null.String `db:"phone_number" json:"phone_number,omitempty"` PhoneNumber null.String `db:"phone_number" json:"phone_number,omitempty"`
AvatarURL null.String `db:"avatar_url" json:"avatar_url"` AvatarURL null.String `db:"avatar_url" json:"avatar_url"`
Enabled bool `db:"enabled" json:"enabled"` Enabled bool `db:"enabled" json:"enabled"`

View File

@@ -20,27 +20,18 @@ SELECT email
FROM users FROM users
WHERE id = $1 AND deleted_at IS NULL AND type = 'agent'; WHERE id = $1 AND deleted_at IS NULL AND type = 'agent';
-- name: get-user-by-email
SELECT u.id, u.email, u.password, u.avatar_url, u.first_name, u.last_name, u.enabled,
array_agg(DISTINCT r.name) as roles,
array_agg(DISTINCT p) as permissions
FROM users u
JOIN user_roles ur ON ur.user_id = u.id
JOIN roles r ON r.id = ur.role_id,
unnest(r.permissions) p
WHERE u.email = $1 AND u.deleted_at IS NULL AND u.type = 'agent'
GROUP BY u.id;
-- name: get-user -- name: get-user
SELECT SELECT
u.id, u.id,
u.email,
u.password,
u.created_at, u.created_at,
u.updated_at, u.updated_at,
u.enabled, u.enabled,
u.email,
u.avatar_url, u.avatar_url,
u.first_name, u.first_name,
u.last_name, u.last_name,
u.availability_status,
array_agg(DISTINCT r.name) as roles, array_agg(DISTINCT r.name) as roles,
COALESCE( COALESCE(
(SELECT json_agg(json_build_object('id', t.id, 'name', t.name, 'emoji', t.emoji)) (SELECT json_agg(json_build_object('id', t.id, 'name', t.name, 'emoji', t.emoji))
@@ -54,7 +45,7 @@ FROM users u
LEFT JOIN user_roles ur ON ur.user_id = u.id LEFT JOIN user_roles ur ON ur.user_id = u.id
LEFT JOIN roles r ON r.id = ur.role_id, LEFT JOIN roles r ON r.id = ur.role_id,
unnest(r.permissions) p unnest(r.permissions) p
WHERE u.id = $1 AND u.deleted_at IS NULL AND u.type = 'agent' WHERE (u.id = $1 OR u.email = $2) AND u.deleted_at IS NULL AND u.type = 'agent'
GROUP BY u.id; GROUP BY u.id;
-- name: set-user-password -- name: set-user-password
@@ -92,6 +83,22 @@ UPDATE users
SET avatar_url = $2, updated_at = now() SET avatar_url = $2, updated_at = now()
WHERE id = $1 AND type = 'agent'; WHERE id = $1 AND type = 'agent';
-- name: update-availability
UPDATE users
SET availability_status = $2
WHERE id = $1;
-- name: update-last-active-at
UPDATE users
SET last_active_at = now(),
availability_status = CASE WHEN availability_status = 'offline' THEN 'online' ELSE availability_status END
WHERE id = $1;
-- name: update-inactive-offline
UPDATE users
SET availability_status = 'offline'
WHERE last_active_at < now() - interval '5 minutes' and availability_status != 'offline';
-- name: get-permissions -- name: get-permissions
SELECT DISTINCT unnest(r.permissions) SELECT DISTINCT unnest(r.permissions)
FROM users u FROM users u

View File

@@ -10,6 +10,7 @@ import (
"os" "os"
"regexp" "regexp"
"strings" "strings"
"time"
"log" "log"
@@ -61,13 +62,15 @@ type Opts struct {
// queries contains prepared SQL queries. // queries contains prepared SQL queries.
type queries struct { type queries struct {
GetUsers *sqlx.Stmt `query:"get-users"` GetUsers *sqlx.Stmt `query:"get-users"`
GetUserCompact *sqlx.Stmt `query:"get-users-compact"` GetUsersCompact *sqlx.Stmt `query:"get-users-compact"`
GetUser *sqlx.Stmt `query:"get-user"` GetUser *sqlx.Stmt `query:"get-user"`
GetEmail *sqlx.Stmt `query:"get-email"` GetEmail *sqlx.Stmt `query:"get-email"`
GetPermissions *sqlx.Stmt `query:"get-permissions"` GetPermissions *sqlx.Stmt `query:"get-permissions"`
GetUserByEmail *sqlx.Stmt `query:"get-user-by-email"`
UpdateUser *sqlx.Stmt `query:"update-user"` UpdateUser *sqlx.Stmt `query:"update-user"`
UpdateAvatar *sqlx.Stmt `query:"update-avatar"` UpdateAvatar *sqlx.Stmt `query:"update-avatar"`
UpdateAvailability *sqlx.Stmt `query:"update-availability"`
UpdateLastActiveAt *sqlx.Stmt `query:"update-last-active-at"`
UpdateInactiveOffline *sqlx.Stmt `query:"update-inactive-offline"`
SoftDeleteUser *sqlx.Stmt `query:"soft-delete-user"` SoftDeleteUser *sqlx.Stmt `query:"soft-delete-user"`
SetUserPassword *sqlx.Stmt `query:"set-user-password"` SetUserPassword *sqlx.Stmt `query:"set-user-password"`
SetResetPasswordToken *sqlx.Stmt `query:"set-reset-password-token"` SetResetPasswordToken *sqlx.Stmt `query:"set-reset-password-token"`
@@ -89,22 +92,19 @@ func New(i18n *i18n.I18n, opts Opts) (*Manager, error) {
}, nil }, nil
} }
// VerifyPassword authenticates a user by email and password. // VerifyPassword authenticates an user by email and password.
func (u *Manager) VerifyPassword(email string, password []byte) (models.User, error) { func (u *Manager) VerifyPassword(email string, password []byte) (models.User, error) {
var user models.User var user models.User
if err := u.q.GetUser.Get(&user, 0, email); err != nil {
if err := u.q.GetUserByEmail.Get(&user, email); err != nil {
if errors.Is(err, sql.ErrNoRows) { if errors.Is(err, sql.ErrNoRows) {
return user, envelope.NewError(envelope.InputError, u.i18n.T("user.invalidEmailPassword"), nil) return user, envelope.NewError(envelope.InputError, u.i18n.T("user.invalidEmailPassword"), nil)
} }
u.lo.Error("error fetching user from db", "error", err) u.lo.Error("error fetching user from db", "error", err)
return user, envelope.NewError(envelope.GeneralError, u.i18n.Ts("globals.messages.errorFetching", "name", "{globals.entities.user}"), nil) return user, envelope.NewError(envelope.GeneralError, u.i18n.Ts("globals.messages.errorFetching", "name", "{globals.entities.user}"), nil)
} }
if err := u.verifyPassword(password, user.Password); err != nil { if err := u.verifyPassword(password, user.Password); err != nil {
return user, envelope.NewError(envelope.InputError, u.i18n.T("user.invalidEmailPassword"), nil) return user, envelope.NewError(envelope.InputError, u.i18n.T("user.invalidEmailPassword"), nil)
} }
return user, nil return user, nil
} }
@@ -125,7 +125,7 @@ func (u *Manager) GetAll() ([]models.User, error) {
// GetAllCompact returns a compact list of users with limited fields. // GetAllCompact returns a compact list of users with limited fields.
func (u *Manager) GetAllCompact() ([]models.User, error) { func (u *Manager) GetAllCompact() ([]models.User, error) {
var users = make([]models.User, 0) var users = make([]models.User, 0)
if err := u.q.GetUserCompact.Select(&users); err != nil { if err := u.q.GetUsersCompact.Select(&users); err != nil {
if errors.Is(err, sql.ErrNoRows) { if errors.Is(err, sql.ErrNoRows) {
return users, nil return users, nil
} }
@@ -154,10 +154,10 @@ func (u *Manager) CreateAgent(user *models.User) error {
return nil return nil
} }
// Get retrieves a user by ID. // Get retrieves an user by ID.
func (u *Manager) Get(id int) (models.User, error) { func (u *Manager) Get(id int) (models.User, error) {
var user models.User var user models.User
if err := u.q.GetUser.Get(&user, id); err != nil { if err := u.q.GetUser.Get(&user, id, ""); err != nil {
if errors.Is(err, sql.ErrNoRows) { if errors.Is(err, sql.ErrNoRows) {
u.lo.Error("user not found", "id", id, "error", err) u.lo.Error("user not found", "id", id, "error", err)
return user, envelope.NewError(envelope.GeneralError, "User not found", nil) return user, envelope.NewError(envelope.GeneralError, "User not found", nil)
@@ -168,10 +168,10 @@ func (u *Manager) Get(id int) (models.User, error) {
return user, nil return user, nil
} }
// GetByEmail retrieves a user by email // GetByEmail retrieves an user by email
func (u *Manager) GetByEmail(email string) (models.User, error) { func (u *Manager) GetByEmail(email string) (models.User, error) {
var user models.User var user models.User
if err := u.q.GetUserByEmail.Get(&user, email); err != nil { if err := u.q.GetUser.Get(&user, 0, email); err != nil {
if errors.Is(err, sql.ErrNoRows) { if errors.Is(err, sql.ErrNoRows) {
return user, envelope.NewError(envelope.GeneralError, "User not found", nil) return user, envelope.NewError(envelope.GeneralError, "User not found", nil)
} }
@@ -195,10 +195,10 @@ func (u *Manager) UpdateAvatar(id int, avatar string) error {
return nil return nil
} }
// Update updates a user. // Update updates an user.
func (u *Manager) Update(id int, user models.User) error { func (u *Manager) Update(id int, user models.User) error {
var ( var (
hashedPassword interface{} hashedPassword any
err error err error
) )
@@ -221,7 +221,7 @@ func (u *Manager) Update(id int, user models.User) error {
return nil return nil
} }
// SoftDelete soft deletes a user. // SoftDelete soft deletes an user.
func (u *Manager) SoftDelete(id int) error { func (u *Manager) SoftDelete(id int) error {
// Disallow if user is system user. // Disallow if user is system user.
systemUser, err := u.GetSystemUser() systemUser, err := u.GetSystemUser()
@@ -239,7 +239,7 @@ func (u *Manager) SoftDelete(id int) error {
return nil return nil
} }
// GetEmail retrieves the email of a user by ID. // GetEmail retrieves the email of an user by ID.
func (u *Manager) GetEmail(id int) (string, error) { func (u *Manager) GetEmail(id int) (string, error) {
var email string var email string
if err := u.q.GetEmail.Get(&email, id); err != nil { if err := u.q.GetEmail.Get(&email, id); err != nil {
@@ -252,7 +252,7 @@ func (u *Manager) GetEmail(id int) (string, error) {
return email, nil return email, nil
} }
// SetResetPasswordToken sets a reset password token for a user and returns the token. // SetResetPasswordToken sets a reset password token for an user and returns the token.
func (u *Manager) SetResetPasswordToken(id int) (string, error) { func (u *Manager) SetResetPasswordToken(id int) (string, error) {
token, err := stringutil.RandomAlphanumeric(32) token, err := stringutil.RandomAlphanumeric(32)
if err != nil { if err != nil {
@@ -266,7 +266,7 @@ func (u *Manager) SetResetPasswordToken(id int) (string, error) {
return token, nil return token, nil
} }
// ResetPassword sets a new password for a user. // ResetPassword sets a new password for an user.
func (u *Manager) ResetPassword(token, password string) error { func (u *Manager) ResetPassword(token, password string) error {
if !u.isStrongPassword(password) { if !u.isStrongPassword(password) {
return envelope.NewError(envelope.InputError, "Password is not strong enough, "+SystemUserPasswordHint, nil) return envelope.NewError(envelope.InputError, "Password is not strong enough, "+SystemUserPasswordHint, nil)
@@ -284,7 +284,7 @@ func (u *Manager) ResetPassword(token, password string) error {
return nil return nil
} }
// GetPermissions retrieves the permissions of a user by ID. // GetPermissions retrieves the permissions of an user by ID.
func (u *Manager) GetPermissions(id int) ([]string, error) { func (u *Manager) GetPermissions(id int) ([]string, error) {
var permissions []string var permissions []string
if err := u.q.GetPermissions.Select(&permissions, id); err != nil { if err := u.q.GetPermissions.Select(&permissions, id); err != nil {
@@ -294,6 +294,52 @@ func (u *Manager) GetPermissions(id int) ([]string, error) {
return permissions, nil return permissions, nil
} }
// UpdateAvailability updates the availability status of an user.
func (u *Manager) UpdateAvailability(id int, status string) error {
if _, err := u.q.UpdateAvailability.Exec(id, status); err != nil {
u.lo.Error("error updating user availability", "error", err)
return envelope.NewError(envelope.GeneralError, "Error updating user availability", nil)
}
return nil
}
// UpdateLastActive updates the last active timestamp of an user.
func (u *Manager) UpdateLastActive(id int) error {
if _, err := u.q.UpdateLastActiveAt.Exec(id); err != nil {
u.lo.Error("error updating user last active at", "error", err)
return envelope.NewError(envelope.GeneralError, "Error updating user last active at", nil)
}
return nil
}
// MonitorAgentAvailability continuously checks for user activity and sets them offline if inactive for more than 5 minutes.
func (u *Manager) MonitorAgentAvailability(ctx context.Context) {
ticker := time.NewTicker(30 * time.Second)
defer ticker.Stop()
for {
select {
case <-ticker.C:
u.markInactiveAgentsOffline()
case <-ctx.Done():
return
}
}
}
// markInactiveAgentsOffline sets agents offline if they have been inactive for more than 5 minutes.
func (u *Manager) markInactiveAgentsOffline() {
u.lo.Debug("marking inactive agents offline")
if res, err := u.q.UpdateInactiveOffline.Exec(); err != nil {
u.lo.Error("error setting users offline", "error", err)
} else {
rows, _ := res.RowsAffected()
if rows > 0 {
u.lo.Info("set inactive users offline", "count", rows)
}
}
u.lo.Debug("marked inactive agents offline")
}
// verifyPassword compares the provided password with the stored password hash. // verifyPassword compares the provided password with the stored password hash.
func (u *Manager) verifyPassword(pwd []byte, pwdHash string) error { func (u *Manager) verifyPassword(pwd []byte, pwdHash string) error {
if err := bcrypt.CompareHashAndPassword([]byte(pwdHash), pwd); err != nil { if err := bcrypt.CompareHashAndPassword([]byte(pwdHash), pwd); err != nil {

View File

@@ -94,7 +94,9 @@ func (c *Client) Listen() {
// processIncomingMessage processes incoming messages from the client. // processIncomingMessage processes incoming messages from the client.
func (c *Client) processIncomingMessage(data []byte) { func (c *Client) processIncomingMessage(data []byte) {
// Handle ping messages, and update last active time for user.
if string(data) == "ping" { if string(data) == "ping" {
c.Hub.userStore.UpdateLastActive(c.ID)
c.SendMessage([]byte("pong"), websocket.TextMessage) c.SendMessage([]byte("pong"), websocket.TextMessage)
return return
} }

View File

@@ -13,13 +13,20 @@ type Hub struct {
// Client ID to WS Client map, user can connect from multiple devices and each device will have a separate client. // Client ID to WS Client map, user can connect from multiple devices and each device will have a separate client.
clients map[int][]*Client clients map[int][]*Client
clientsMutex sync.Mutex clientsMutex sync.Mutex
userStore userStore
}
type userStore interface {
UpdateLastActive(userID int) error
} }
// NewHub creates a new websocket hub. // NewHub creates a new websocket hub.
func NewHub() *Hub { func NewHub(userStore userStore) *Hub {
return &Hub{ return &Hub{
clients: make(map[int][]*Client, 10000), clients: make(map[int][]*Client, 10000),
clientsMutex: sync.Mutex{}, clientsMutex: sync.Mutex{},
userStore: userStore,
} }
} }

View File

@@ -13,6 +13,7 @@ DROP TYPE IF EXISTS "automation_execution_mode" CASCADE; CREATE TYPE "automation
DROP TYPE IF EXISTS "macro_visibility" CASCADE; CREATE TYPE "macro_visibility" AS ENUM ('all', 'team', 'user'); DROP TYPE IF EXISTS "macro_visibility" CASCADE; CREATE TYPE "macro_visibility" AS ENUM ('all', 'team', 'user');
DROP TYPE IF EXISTS "media_disposition" CASCADE; CREATE TYPE "media_disposition" AS ENUM ('inline', 'attachment'); DROP TYPE IF EXISTS "media_disposition" CASCADE; CREATE TYPE "media_disposition" AS ENUM ('inline', 'attachment');
DROP TYPE IF EXISTS "media_store" CASCADE; CREATE TYPE "media_store" AS ENUM ('s3', 'fs'); DROP TYPE IF EXISTS "media_store" CASCADE; CREATE TYPE "media_store" AS ENUM ('s3', 'fs');
DROP TYPE IF EXISTS "user_availability_status" CASCADE; CREATE TYPE "user_availability_status" AS ENUM ('online', 'away', 'away_manual', 'offline');
-- Sequence to generate reference number for conversations. -- Sequence to generate reference number for conversations.
DROP SEQUENCE IF EXISTS conversation_reference_number_sequence; CREATE SEQUENCE conversation_reference_number_sequence START 100; DROP SEQUENCE IF EXISTS conversation_reference_number_sequence; CREATE SEQUENCE conversation_reference_number_sequence START 100;
@@ -118,6 +119,8 @@ CREATE TABLE users (
custom_attributes JSONB DEFAULT '{}'::jsonb NOT NULL, custom_attributes JSONB DEFAULT '{}'::jsonb NOT NULL,
reset_password_token TEXT NULL, reset_password_token TEXT NULL,
reset_password_token_expiry TIMESTAMPTZ NULL, reset_password_token_expiry TIMESTAMPTZ NULL,
availability_status user_availability_status DEFAULT 'offline' NOT NULL,
last_active_at TIMESTAMPTZ NULL,
CONSTRAINT constraint_users_on_country CHECK (LENGTH(country) <= 140), CONSTRAINT constraint_users_on_country CHECK (LENGTH(country) <= 140),
CONSTRAINT constraint_users_on_phone_number CHECK (LENGTH(phone_number) <= 20), CONSTRAINT constraint_users_on_phone_number CHECK (LENGTH(phone_number) <= 20),
CONSTRAINT constraint_users_on_email_length CHECK (LENGTH(email) <= 320), CONSTRAINT constraint_users_on_email_length CHECK (LENGTH(email) <= 320),