{{-- Mobile sidebar backdrop --}}
{{-- Pane 1: Sidebar --}}
{{-- Account picker — like the workspace switcher, lets the user
scope the inbox to a single connected mailbox. Hides itself
entirely when only one account is connected (no point
showing a single-item dropdown). --}}
{{-- All accounts (clear filter) --}}
{{-- Connected accounts --}}
{{-- Manage link --}}
Manage email accounts
{{-- Folder buttons only light up when no channel filter is active.
"Inbox + WhatsApp" can't both be active at once — the
channel filter takes priority, so the folder pill dims
until the user clears the channel back to `all`. --}}
@php
$__inboxChannels = [['email','Email','mail'],['whatsapp','WhatsApp','message-circle'],['sms','SMS','phone'],['telegram','Telegram','send'],['slack','Slack','hash']];
// Instagram only appears when the addon is installed + active.
// Keeps the sidebar pristine on installs without the addon and
// avoids "ghost" channel buttons that filter to zero results.
if (\Illuminate\Support\Facades\Schema::hasTable('addons')
&& \App\Models\Addon::where('slug', 'instagram')->where('status', 'active')->exists()) {
$__inboxChannels[] = ['instagram', 'Instagram', 'instagram'];
}
@endphp
@foreach($__inboxChannels as [$ck,$cl,$ci])
@endforeach
{{-- Live Chat is visitor-initiated (widget on the website), not a
typical messaging channel like the ones above — keep it in its
own group with a divider so agents can tell the two kinds apart. --}}
{{-- Pencil/Compose icon removed — already covered by
the big "Compose" button in the left sidebar.
The hamburger "Select all" icon is now a proper
checkbox that visibly ticks/unticks. Clicking it
toggles selection on every conversation in the
visible list (same behaviour as before). --}}
{{-- Search overlay --}}
{{-- Bulk actions bar --}}
|
{{-- Bulk delete.
• Outside Trash → soft-delete (move to Bin).
• Inside Trash → force-delete (permanent purge), since
calling 'delete' on already-trashed rows would just
re-set deleted_at and the user wouldn't see them
disappear. --}}
{{-- Conversation cards --}}
No conversations yet
Conversations will appear here when you receive messages.
{{-- No border, no dot. Priority is shown inline as a
coloured text badge ("Urgent", "High", "Low") next
to the message count in the meta row below — only
for non-normal priorities. --}}
{{-- Top-right cluster: star, priority badge (non-normal
only), and channel icon — all live in the same
corner so the meta row below stays clean. --}}
{{-- Header / contact name. Bold + bright white
for unread; normal weight + muted for
read so the row visually fades to match
the inbox background once the user has
opened it. --}}
{{-- Pane 3: Detail --}}
{{-- Compose --}}
New Message
{{-- Quick Replies (inline panel — same container pattern as Compose) --}}
Quick Replies
{{-- Detail --}}
{{-- Empty state --}}
Select a conversation
Choose a conversation from the list to view its messages.
{{-- Mail opening animation --}}
{{-- Conversation --}}
{{-- Header --}}
{{-- Back button (mobile only) --}}
{{-- Actions dropdown --}}
@foreach([['1h','1 hour'],['3h','3 hours'],['tomorrow','Tomorrow 9 AM'],['next_week','Next Monday']] as [$dur,$lbl])
@endforeach
{{-- Messages --}}
{{-- Subject + AI Assistant button --}}
{{-- AI Assistant — opens a right-side drawer with a 2-line
thread summary and a chat input so the agent can ask
follow-up questions about this conversation. --}}
{{-- Tags inline --}}
{{-- Date divider --}}
{{-- Internal Note (team-only, yellow) --}}
Internal Note
(Only visible to your team — not sent to the customer)
{{-- Message bubble. The x-init at this level lazy-fetches the
full body for any message that arrived empty (Gmail/IMAP/
Outlook payloads that exceeded the sync size cap). It runs
before the has_html / !has_html template branches so a
message with an empty HTML wrapper still gets refilled. --}}
From: To:
Loading message body…
{{-- Outbound delivery status badge. Keep it small + single-line. --}}
{{-- Scheduled & not yet sent --}}
{{-- Cancelled (undo-send clicked) --}}
Cancelled
{{-- Failed --}}
Failed
{{-- Sent successfully --}}
Sent
{{-- Load more messages --}}
{{-- Reply composer — open by default + prominent toggle.
Previously the toggle was a tiny gray bar that customers
missed entirely (Sorin: "couldn't find Reply"); now it's
a clear branded CTA AND the composer is expanded on load
so users see the input immediately. --}}
{{-- Right Panel --}}
{{-- Tags --}}
Tags
{{-- Assignment --}}
Assignment
{{-- Priority --}}
Priority
@foreach([['low','Low','bg-gray-400'],['normal','Normal','bg-blue-400'],['high','High','bg-yellow-400'],['urgent','Urgent','bg-red-400']] as [$pv,$pl,$pd])
@endforeach
{{-- Contact --}}
Contact
Phone
Company
{{-- Stripe customer profile — shown only when the workspace
has an active Stripe integration AND the contact email
matches a Stripe customer. Read-only support context:
customer id, total spent, subscriptions, recent payments,
delinquent warning. --}}
Stripe
Active
ID
Spent
Payment delinquent
Subscriptions
Recent Payments
RefundedPaid
{{-- HubSpot contact profile — shown when HubSpot is active and
the contact's email matches a HubSpot record. Shows
lifecycle stage, associated deals, and a deep-link to
the HubSpot contact page. --}}
{{-- Salesforce contact profile — shown when Salesforce is
active and the email matches a Salesforce Contact. Shows
account, open opportunities, and a deep-link to the
Salesforce record. --}}
{{-- Compose FAB (mobile only, visible only on list view) --}}
{{-- ═══ AI ASSISTANT — slide-in right drawer ═══
Opens when the agent clicks the "AI Assistant" button in the
conversation header. Body has 3 sections:
1. Initial 2-line thread summary (with shimmer skeleton while loading)
2. Quick-prompt chips (one-click common questions)
3. Chat thread + input box (free-form follow-up Q&A)
--}}