controls/page.tsx 840→211 LOC — extracted StatsCards, FilterBar, ControlCard, AddControlForm, RAGPanel, LoadingSkeleton to _components/; useControlsData, useRAGSuggestions to _hooks/; shared types to _types.ts. dsr/[requestId]/page.tsx 854→172 LOC — extracted detail panels and timeline components to _components/. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
23 lines
742 B
TypeScript
23 lines
742 B
TypeScript
'use client'
|
|
|
|
import React from 'react'
|
|
|
|
export function LoadingSkeleton() {
|
|
return (
|
|
<div className="space-y-4">
|
|
{[1, 2, 3].map(i => (
|
|
<div key={i} className="bg-white rounded-xl border border-gray-200 p-6 animate-pulse">
|
|
<div className="flex items-center gap-2 mb-3">
|
|
<div className="h-5 w-20 bg-gray-200 rounded" />
|
|
<div className="h-5 w-16 bg-gray-200 rounded-full" />
|
|
<div className="h-5 w-16 bg-gray-200 rounded-full" />
|
|
</div>
|
|
<div className="h-6 w-3/4 bg-gray-200 rounded mb-2" />
|
|
<div className="h-4 w-full bg-gray-100 rounded" />
|
|
<div className="mt-4 h-2 bg-gray-200 rounded-full" />
|
|
</div>
|
|
))}
|
|
</div>
|
|
)
|
|
}
|