Add AI Summaries index page at /summaries.

List org summaries with status and preview, wire sidebar navigation, and link back from the individual summary view.
2026-07-16 00:17:45 +00:00
parent 9121f01b1c
commit d940ac768e
6 changed files with 112 additions and 0 deletions
@@ -0,0 +1,58 @@
+<x-app-layout title="AI Summaries">
+    <div class="flex items-center justify-between">
+        <div>
+            <h1 class="text-xl font-semibold text-slate-900">AI Summaries</h1>
+            <p class="mt-1 text-sm text-slate-500">Meeting summaries, decisions, and action items from your sessions.</p>
+        </div>
+    </div>
+
+    <div class="mt-4 space-y-2">
+        @forelse ($summaries as $summary)
+            @php
+                $title = $summary->session?->room?->title ?? 'Meeting';
+                $status = $summary->status ?? 'ready';
+                $statusLabel = match ($status) {
+                    'ready' => 'Ready',
+                    'processing' => 'Processing',
+                    'failed' => 'Failed',
+                    default => ucfirst((string) $status),
+                };
+                $statusClass = match ($status) {
+                    'ready' => 'bg-emerald-50 text-emerald-700',
+                    'processing' => 'bg-amber-50 text-amber-800',
+                    'failed' => 'bg-rose-50 text-rose-700',
+                    default => 'bg-slate-100 text-slate-600',
+                };
+                $preview = \Illuminate\Support\Str::limit(trim((string) $summary->summary), 140);
+            @endphp
+            <div class="flex items-center justify-between gap-4 rounded-2xl border border-slate-200 bg-white p-4">
+                <div class="min-w-0">
+                    <div class="flex flex-wrap items-center gap-2">
+                        <h3 class="font-medium text-slate-900">{{ $title }}</h3>
+                        <span class="inline-flex rounded-full px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wide {{ $statusClass }}">
+                            {{ $statusLabel }}
+                        </span>
+                    </div>
+                    <p class="mt-0.5 text-sm text-slate-500">
+                        {{ $summary->created_at?->format('M j, Y g:i A') }}
+                        @if ($summary->actionItems->isNotEmpty())
+                            · {{ $summary->actionItems->count() }} action item{{ $summary->actionItems->count() === 1 ? '' : 's' }}
+                        @endif
+                    </p>
+                    @if ($preview !== '')
+                        <p class="mt-2 line-clamp-2 text-sm text-slate-600">{{ $preview }}</p>
+                    @endif
+                </div>
+                <div class="btn-group shrink-0">
+                    <x-btn :href="route('meet.summaries.show', $summary)" variant="link" size="sm" plain>View</x-btn>
+                </div>
+            </div>
+        @empty
+            <p class="rounded-2xl border border-dashed border-slate-200 bg-white p-8 text-center text-sm text-slate-500">
+                No AI summaries yet. Summaries appear after meetings end when auto-summary is enabled.
+            </p>
+        @endforelse
+    </div>
+
+    <div class="mt-4">{{ $summaries->links() }}</div>
+</x-app-layout>
@@ -1,5 +1,8 @@
 <x-app-layout title="AI Summary">
    <div class="mx-auto max-w-3xl">
+        <div class="mb-4 text-sm text-slate-500">
+            <a href="{{ route('meet.summaries.index') }}" class="font-medium text-indigo-600 hover:text-indigo-800">← All summaries</a>
+        </div>
        <h1 class="text-2xl font-semibold text-slate-900">{{ $summary->session->room->title }}</h1>
        <p class="mt-1 text-sm text-slate-500">AI meeting summary</p>

@@ -26,6 +26,8 @@
             'icon' => '<path fill-rule="evenodd" d="M7 12.52C10.3137 12.52 13 9.83373 13 6.52002C13 3.20631 10.3137 0.52002 7 0.52002C3.68629 0.52002 1 3.20631 1 6.52002C1 9.83373 3.68629 12.52 7 12.52ZM7 11.52C9.76142 11.52 12 9.28142 12 6.52C12 3.75858 9.76142 1.52002 7 1.52002C4.23858 1.52002 2 3.75858 2 6.52C2 9.28142 4.23858 11.52 7 11.52Z" /><path d="M3.93 11.68C3.05 12.06 2.28 12.58 1.65 13.22L1.45 13.48L1.25 13.28C1.92 12.62 2.72 12.08 3.62 11.68H3.93ZM10.07 11.68H10.38C11.28 12.08 12.08 12.62 12.75 13.28L12.55 13.48L12.35 13.22C11.72 12.58 10.95 12.06 10.07 11.68Z" /><path fill-rule="evenodd" d="M7 9.52002C8.65685 9.52002 10 8.17687 10 6.52002C10 4.86317 8.65685 3.52002 7 3.52002C5.34315 3.52002 4 4.86317 4 6.52002C4 8.17687 5.34315 9.52002 7 9.52002ZM7 8.52002C8.10457 8.52002 9 7.62459 9 6.52002C9 5.41545 8.10457 4.52002 7 4.52002C5.89543 4.52002 5 5.41545 5 6.52002C5 7.62459 5.89543 8.52002 7 8.52002Z" /><path d="M7 7.02002C7.27614 7.02002 7.5 6.79616 7.5 6.52002C7.5 6.24388 7.27614 6.02002 7 6.02002C6.72386 6.02002 6.5 6.24388 6.5 6.52002C6.5 6.79616 6.72386 7.02002 7 7.02002Z" />'],
            ['name' => 'Recordings', 'route' => route('meet.recordings.index'), 'active' => request()->routeIs('meet.recordings.*'),
             'icon' => '<path stroke-linecap="round" stroke-linejoin="round" d="M5.25 5.653c0-.856.917-1.398 1.667-.986l11.54 6.347a1.125 1.125 0 0 1 0 1.972l-11.54 6.347a1.125 1.125 0 0 1-1.667-.986V5.653Z" />'],
+            ['name' => 'Summaries', 'route' => route('meet.summaries.index'), 'active' => request()->routeIs('meet.summaries.*'),
+             'icon' => '<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z" />'],
            ['name' => 'Reports', 'route' => route('meet.reports.index'), 'active' => request()->routeIs('meet.reports.*'),
             'icon' => '<path stroke-linecap="round" stroke-linejoin="round" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 0 1 3 19.875v-6.75ZM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V8.625ZM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 0 1-1.125-1.125V4.125Z" />'],
            ['name' => 'Channels', 'route' => route('meet.channels.index'), 'active' => request()->routeIs('meet.channels.*'),