Studio: make grid checkbox rectangular and commit table changes

resources/js/components/Badges/RisingBadge.jsx

@@ -0,0 +1,27 @@
+import React from 'react'
+
+export default function RisingBadge({ heatScore, rankingScore }) {
+  if (!heatScore && !rankingScore) return null
+
+  const isRising = heatScore > 5
+  const isTrending = rankingScore > 50
+
+  if (!isRising && !isTrending) return null
+
+  return (
+    <span className="inline-flex items-center gap-1">
+      {isRising && (
+        <span className="inline-flex items-center gap-1 px-2 py-0.5 rounded-md text-xs font-medium bg-orange-500/20 text-orange-400 border border-orange-500/30">
+          <i className="fa-solid fa-fire text-[10px]" />
+          Rising
+        </span>
+      )}
+      {isTrending && (
+        <span className="inline-flex items-center gap-1 px-2 py-0.5 rounded-md text-xs font-medium bg-purple-500/20 text-purple-400 border border-purple-500/30">
+          <i className="fa-solid fa-arrow-trend-up text-[10px]" />
+          Trending
+        </span>
+      )}
+    </span>
+  )
+}

resources/js/components/Badges/StatusBadge.jsx

@@ -0,0 +1,18 @@
+import React from 'react'
+
+const statusConfig = {
+  published: { label: 'Published', className: 'bg-emerald-500/20 text-emerald-400 border-emerald-500/30' },
+  draft:     { label: 'Draft',     className: 'bg-amber-500/20 text-amber-400 border-amber-500/30' },
+  archived:  { label: 'Archived',  className: 'bg-slate-500/20 text-slate-400 border-slate-500/30' },
+  scheduled: { label: 'Scheduled', className: 'bg-blue-500/20 text-blue-400 border-blue-500/30' },
+}
+
+export default function StatusBadge({ status }) {
+  const config = statusConfig[status] || statusConfig.draft
+
+  return (
+    <span className={`inline-flex items-center px-2 py-0.5 rounded-md text-xs font-medium border ${config.className}`}>
+      {config.label}
+    </span>
+  )
+}