fix(dashboard): batch sweep — 48 pages with rendering bugs

Five distinct categories of issues caused by inconsistent template
patterns across the dashboard. All fixed in one pass so the next
audit starts from a clean baseline:

**1. Wrong @foreach syntax (3 pages)** — `/insights`, `/logs`,
`/errors` used `@foreach(item in items)` (Vue/JS style). STX is
Laravel-style: `@foreach(items as item)`. The wrong form left the
literal `@foreach(...)` string in the rendered HTML — the user saw
template directives leaking into the page body. Converted 9
occurrences total via regex sweep.

**2. Bare `<script>` instead of `<script server>` (7 pages)** —
`/access-tokens`, `/actions`, `/buddy`, `/commands`, `/environment`,
`/releases`, `/[...all]`. STX only extracts SSR variables from
`<script server>`; bare `<script>` is treated as client-only.
Result: every `{{ }}` interpolation against a script-defined const
rendered empty, and `@foreach`/`@if` directives saw an empty
context. Converted with awk so we only flip the FIRST `<script>`
(client `<script>` blocks lower in each file are intentionally
untouched).

**3. Function references in @foreach (35 pages, ~30 occurrences)** —
The most common bug, by a wide margin. Pages that had
`function paginatedPosts()` / `function filteredOrders()` /
`function categoriesForFilter()` etc. were used as
`@foreach(paginatedPosts as post)` instead of
`@foreach(paginatedPosts() as post)`. STX iterated the function
object itself, which isn't iterable, and rendered
`[Foreach Error]: paginatedPosts is not iterable` on every page.

Affected dirs: `/commerce/{coupons,gift-cards,manufacturers,
orders,payments,pos,printers/{devices,receipts},products{,/detail},
reviews,taxes,units,variants,waitlist/{products,restaurant}}`,
`/content/{authors,categories,comments,files,posts,seo,tags}`,
`/data/{activity,dashboard}`, `/jobs/history`, `/management/permissions`,
`/marketing/{campaigns,lists,reviews,social-posts}`,
`/notifications/{email,history,sms}`, `/queries/{history,slow}`,
`/realtime`, `/inbox`. Fixed via two-pass sweep that detected
function declarations in the same file as the `@foreach` and
appended `()` to the call site.

**4. Stale 2024 hard-coded dates (`/analytics/events`)** — replaced
the pre-baked "Feb 5, 2024 to Mar 6, 2024" date-range strings
with a `formatRangeLabel(days)` helper that computes from `new
Date()` so the placeholder doesn't ship out of date.

**5. Duplicate insertion of `()` from prior foreach pass** —
several pages now have idempotent `funcName()` invocations after
the regex sweep ran across already-corrected files; rerunning the
sweep is a no-op (verified with a second pass that produced 0
changes).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: chrisbbreuer

storage/framework/defaults/views/dashboard/[...all].stx

@@ -1,7 +1,7 @@
 @extends('layouts/default')
 
 @section('content')
-<script>
+<script server>
 </script>
 
 <main>

storage/framework/defaults/views/dashboard/access-tokens/index.stx

@@ -1,7 +1,7 @@
 @extends('layouts/default')
 
 @section('content')
-<script>
+<script server>
 const tokens = [
   {
     name: 'Mobile App Token',

storage/framework/defaults/views/dashboard/actions/index.stx

@@ -1,7 +1,7 @@
 @extends('layouts/default')
 
 @section('content')
-<script>
+<script server>
 </script>
 
 <div class="py-4 lg:py-8 min-h-screen dark:bg-neutral-800">

storage/framework/defaults/views/dashboard/analytics/events/index.stx

@@ -62,7 +62,18 @@ const dateRanges: DateRange[] = [
 
 // Selected date range
 let selectedDateRange = 'last30days'
-let dateRangeDisplay = 'Last 30 Days: Feb 5, 2024 to Mar 6, 2024'
+
+// Compute the date-range label from "now" so the placeholder doesn't
+// ship looking out of date. Real data should replace this once the
+// analytics backend is wired up.
+function formatRangeLabel(days) {
+  const fmt = (d) => d.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' })
+  const end = new Date()
+  const start = new Date()
+  start.setDate(end.getDate() - days)
+  return `Last ${days} Days: ${fmt(start)} to ${fmt(end)}`
+}
+let dateRangeDisplay = formatRangeLabel(30)
 let comparisonType = 'no-comparison'
 let customStartDate = ''
 let customEndDate = ''
@@ -346,23 +357,32 @@ function updateDataForDateRange() {
   console.log('Updating data for date range:', selectedDateRange)
   console.log('Comparison type:', comparisonType)
 
-  // Update date range display
+  // Update date range display. Computed from "now" so the labels stay
+  // accurate without anyone editing this file every quarter.
+  const fmt = (d) => d.toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' })
+  const now = new Date()
+  const daysAgo = (n) => { const d = new Date(); d.setDate(d.getDate() - n); return d }
   if (selectedDateRange === 'last7days') {
-    dateRangeDisplay = 'Last 7 Days: Feb 28, 2024 to Mar 6, 2024'
+    dateRangeDisplay = `Last 7 Days: ${fmt(daysAgo(7))} to ${fmt(now)}`
   } else if (selectedDateRange === 'last30days') {
-    dateRangeDisplay = 'Last 30 Days: Feb 5, 2024 to Mar 6, 2024'
+    dateRangeDisplay = formatRangeLabel(30)
   } else if (selectedDateRange === 'thisMonth') {
-    dateRangeDisplay = 'This Month: Mar 1, 2024 to Mar 6, 2024'
+    const start = new Date(now.getFullYear(), now.getMonth(), 1)
+    dateRangeDisplay = `This Month: ${fmt(start)} to ${fmt(now)}`
   } else if (selectedDateRange === 'lastMonth') {
-    dateRangeDisplay = 'Last Month: Feb 1, 2024 to Feb 29, 2024'
+    const start = new Date(now.getFullYear(), now.getMonth() - 1, 1)
+    const end = new Date(now.getFullYear(), now.getMonth(), 0)
+    dateRangeDisplay = `Last Month: ${fmt(start)} to ${fmt(end)}`
   } else if (selectedDateRange === 'thisYear') {
-    dateRangeDisplay = 'This Year: Jan 1, 2024 to Mar 6, 2024'
+    const start = new Date(now.getFullYear(), 0, 1)
+    dateRangeDisplay = `This Year: ${fmt(start)} to ${fmt(now)}`
   } else if (selectedDateRange === 'custom' && customStartDate && customEndDate) {
     const start = formatDate(customStartDate)
     const end = formatDate(customEndDate)
     dateRangeDisplay = `Custom Range: ${start} to ${end}`
   } else {
-    dateRangeDisplay = 'All Time: Sep 7, 2023 to Mar 6, 2024'
+    const start = new Date(now.getFullYear() - 1, now.getMonth(), now.getDate())
+    dateRangeDisplay = `All Time: ${fmt(start)} to ${fmt(now)}`
   }
 
   // Generate comparison data if needed
@@ -641,7 +661,7 @@ function handleComparisonTypeChange() {
               </tr>
             </thead>
             <tbody class="divide-gray-200 divide-y dark:divide-neutral-700">
-              @foreach(activeEvents as event)
+              @foreach(activeEvents() as event)
               <tr
                 class="hover:bg-gray-50 dark:hover:bg-neutral-700/50 cursor-pointer"
                 onclick="viewEventDetails(event)"
@@ -830,7 +850,7 @@ window.addEventListener('load', () => {
               </tr>
             </thead>
             <tbody class="divide-gray-200 divide-y dark:divide-neutral-700">
-              @foreach(blockedEvents as event)
+              @foreach(blockedEvents() as event)
               <tr
                 class="hover:bg-gray-50 dark:hover:bg-neutral-700/50"
               >

storage/framework/defaults/views/dashboard/buddy/index.stx

@@ -1,7 +1,7 @@
 @extends('layouts/default')
 
 @section('content')
-<script>
+<script server>
 interface User {
   id: number
   name: string

storage/framework/defaults/views/dashboard/commands/index.stx

@@ -1,7 +1,7 @@
 @extends('layouts/default')
 
 @section('content')
-<script>
+<script server>
 </script>
 
 <div class="py-4 lg:py-8 min-h-screen dark:bg-neutral-800">

storage/framework/defaults/views/dashboard/commerce/gift-cards/index.stx

@@ -461,7 +461,7 @@ async function addGiftCard() {
                   </tr>
                 </thead>
                 <tbody class="bg-white dark:bg-neutral-800 divide-gray-200 divide-y dark:divide-neutral-700">
-                  @foreach(filteredGiftCards as card)
+                  @foreach(filteredGiftCards() as card)
                     <tr>
                       <td class="pl-4 pr-3 py-4 sm:pl-6 font-medium text-gray-900 text-sm whitespace-nowrap dark:text-white">
                         {{ card.code }}

storage/framework/defaults/views/dashboard/commerce/manufacturers/index.stx

@@ -255,7 +255,7 @@ function addManufacturer() {
               class="block pl-3 pr-10 py-1.5 w-full text-gray-900 sm:leading-6 sm:text-sm dark:text-white dark:bg-neutral-800 border-0 ring-1 ring-gray-300 ring-inset rounded-md dark:ring-neutral-700 focus:ring-2 focus:ring-blue-600 focus:ring-inset"
             >
               <option value="all">All Countries</option>
-              @foreach(countries as country)
+              @foreach(countries() as country)
                 <option value="{{ country }}">{{ country }}</option>
               @endforeach
             </select>
@@ -338,7 +338,7 @@ function addManufacturer() {
                     </tr>
                   </thead>
                   <tbody class="bg-white dark:bg-neutral-800 divide-gray-200 divide-y dark:divide-neutral-700">
-                    @foreach(filteredManufacturers as manufacturer)
+                    @foreach(filteredManufacturers() as manufacturer)
                       <tr>
                         <td class="pl-4 pr-3 py-4 sm:pl-6 font-medium text-gray-900 text-sm whitespace-nowrap dark:text-white">
                           {{ manufacturer.name }}

storage/framework/defaults/views/dashboard/commerce/payments/index.stx

@@ -547,7 +547,7 @@ function totalAmount() {
                   </tr>
                 </thead>
                 <tbody class="bg-white dark:bg-neutral-800 divide-gray-200 divide-y dark:divide-neutral-700">
-                  @foreach(paginatedTransactions as transaction)
+                  @foreach(paginatedTransactions() as transaction)
                     <tr>
                       <td class="pl-4 pr-3 py-4 sm:pl-6 font-medium text-gray-900 text-sm whitespace-nowrap dark:text-white">
                         {{ transaction.orderId }}

storage/framework/defaults/views/dashboard/commerce/pos/index.stx

@@ -605,7 +605,7 @@ function scrollToOrder(): void {
           @else
             <div class="grid gap-6 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4">
               <!-- Menu item card -->
-              @foreach(filteredMenuItems as item)
+              @foreach(filteredMenuItems() as item)
                 <div
                   class="overflow-hidden relative bg-white dark:bg-neutral-800 border border-gray-200 rounded-lg dark:border-neutral-700 shadow-sm hover:shadow-md transition group"
                   class="!item.available 'opacity-70': { {{ } }}"
@@ -710,7 +710,7 @@ function scrollToOrder(): void {
                   </td>
                 </tr>
               @endif
-              @foreach(filteredMenuItems as item)
+              @foreach(filteredMenuItems() as item)
                 <tr class="hover:bg-gray-50 dark:hover:bg-neutral-700" class="!item.available 'opacity-70': { {{ } }}">
                   <td class="pl-4 pr-3 py-4 sm:pl-6 text-sm whitespace-nowrap">
                     <div class="flex items-center">