@stacksjs/defaults 0.70.366 → 0.70.367

package/resources/components/Dashboard/Operations/SchedulerTaskTable.stx

@@ -0,0 +1,81 @@
+<script client>
+import type { SchedulerTask } from '../../../../functions/operations'
+
+const tasks = useReactiveProp('tasks', [])
+const loading = useReactiveProp('loading', false)
+const busyTask = useReactiveProp('busyTask', '')
+const emit = defineEmits()
+
+function rows(): SchedulerTask[] {
+  return tasks() as SchedulerTask[]
+}
+
+function formatDate(value: string | null): string {
+  if (!value)
+    return 'Not scheduled'
+  const date = new Date(value)
+  return Number.isNaN(date.getTime())
+    ? value
+    : new Intl.DateTimeFormat(undefined, { dateStyle: 'medium', timeStyle: 'short' }).format(date)
+}
+</script>
+
+<div class="overflow-hidden bg-white dark:bg-neutral-800 border border-gray-200 rounded-xl dark:border-neutral-700">
+  <div :if="loading()" class="px-5 py-14 text-center text-gray-500 text-sm dark:text-neutral-400">
+    Loading scheduled tasks
+  </div>
+  <div :if="!loading() && rows().length === 0" class="px-5 py-14 text-center">
+    <span aria-hidden="true" class="block mb-3 mx-auto h-9 w-9 text-gray-400 i-hugeicons-calendar-03"></span>
+    <p class="font-semibold text-gray-900 dark:text-white">No scheduled tasks registered</p>
+    <p class="mt-1 text-gray-500 text-sm dark:text-neutral-400">Add a rate to an app job or register a task in app/Scheduler.ts.</p>
+  </div>
+  <div :if="rows().length > 0" class="overflow-x-auto">
+    <table class="min-w-full divide-gray-200 divide-y dark:divide-neutral-700">
+      <thead class="bg-gray-50 dark:bg-neutral-700/50">
+        <tr>
+          <th class="px-4 py-3 font-medium text-gray-500 text-left text-xs uppercase dark:text-neutral-300">Task</th>
+          <th class="px-4 py-3 font-medium text-gray-500 text-left text-xs uppercase dark:text-neutral-300">Schedule</th>
+          <th class="px-4 py-3 font-medium text-gray-500 text-left text-xs uppercase dark:text-neutral-300">Next run</th>
+          <th class="px-4 py-3 font-medium text-gray-500 text-left text-xs uppercase dark:text-neutral-300">Status</th>
+          <th class="px-4 py-3"><span class="sr-only">Actions</span></th>
+        </tr>
+      </thead>
+      <tbody class="divide-gray-200 divide-y dark:divide-neutral-700">
+        <template :for="task in rows()">
+          <tr>
+            <td class="px-4 py-3">
+              <p class="font-medium text-gray-900 text-sm dark:text-white">{{ task.name }}</p>
+              <p class="mt-0.5 text-gray-500 text-xs dark:text-neutral-400">{{ task.timezone }}</p>
+            </td>
+            <td class="px-4 py-3 font-mono text-gray-600 text-sm whitespace-nowrap dark:text-neutral-300">{{ task.pattern || 'Not configured' }}</td>
+            <td class="px-4 py-3 text-gray-600 text-sm whitespace-nowrap dark:text-neutral-300">{{ formatDate(task.nextRun) }}</td>
+            <td class="px-4 py-3">
+              <Badge :variant="task.enabled ? 'success' : 'warning'" dot>{{ task.enabled ? 'Active' : 'Paused' }}</Badge>
+            </td>
+            <td class="px-4 py-3 text-right whitespace-nowrap">
+              <div class="inline-flex gap-2 items-center">
+                <Button
+                  size="sm"
+                  :disabled="busyTask() !== '' || !task.enabled"
+                  :loading="busyTask() === task.name + ':run'"
+                  @click="emit('run', task.name)"
+                >
+                  Run now
+                </Button>
+                <Button
+                  size="sm"
+                  variant="outline"
+                  :disabled="busyTask() !== ''"
+                  :loading="busyTask() === task.name + ':toggle'"
+                  @click="emit('toggle', { name: task.name, enabled: !task.enabled })"
+                >
+                  {{ task.enabled ? 'Pause' : 'Resume' }}
+                </Button>
+              </div>
+            </td>
+          </tr>
+        </template>
+      </tbody>
+    </table>
+  </div>
+</div>

package/resources/components/Dashboard/Settings/SettingsDashboard.stx

@@ -42,6 +42,7 @@ const files = state<ConfigFile[]>([])
 const fields = state<ConfigField[]>([])
 const drafts = reactive<Record<string, string | number | boolean>>({})
 const selected = state('')
+const pendingSelection = state('')
 const query = state('')
 const loading = state(true)
 const saving = state(false)
@@ -58,6 +59,7 @@ const filteredFiles = derived(() => {
 
 const selectedFile = derived(() => files().find(file => file.name === selected()))
 const editableCount = derived(() => fields().filter(field => field.editable).length)
+const isDirty = derived(() => fields().some(field => field.editable && drafts[field.key] !== field.value))
 
 function displayValue(field: ConfigField): string | number {
   if (field.editable)
@@ -101,7 +103,6 @@ async function selectFile(name: string): Promise<void> {
     if (!body.ok)
       throw new Error(body.error || `Unable to read config/${name}.ts`)
 
-    fields.set(body.fields)
     for (const key of Object.keys(drafts))
       delete drafts[key]
     Object.assign(
@@ -112,6 +113,7 @@ async function selectFile(name: string): Promise<void> {
           .map((field: ConfigField) => [field.key, field.value]),
       ),
     )
+    fields.set(body.fields)
   }
   catch (cause) {
     error.set(cause instanceof Error ? cause.message : `Unable to read config/${name}.ts`)
@@ -121,6 +123,34 @@ async function selectFile(name: string): Promise<void> {
   }
 }
 
+function requestSelectFile(name: string): void {
+  if (name === selected())
+    return
+  if (isDirty()) {
+    pendingSelection.set(name)
+    return
+  }
+  void selectFile(name)
+}
+
+function cancelPendingSelection(): void {
+  pendingSelection.set('')
+}
+
+function discardAndSelect(): void {
+  const name = pendingSelection()
+  pendingSelection.set('')
+  if (name)
+    void selectFile(name)
+}
+
+function handleBeforeUnload(event: BeforeUnloadEvent): void {
+  if (!isDirty())
+    return
+  event.preventDefault()
+  event.returnValue = ''
+}
+
 async function save(): Promise<void> {
   const file = selected()
   if (!file || saving())
@@ -154,6 +184,7 @@ async function save(): Promise<void> {
   }
 }
 
+useEventListener('beforeunload', handleBeforeUnload)
 void loadFiles()
 </script>
 
@@ -185,7 +216,7 @@ void loadFiles()
           <button
             type="button"
             :class="selected() === file.name ? 'flex items-center gap-3 px-3 py-2.5 w-full text-left text-blue-700 dark:text-blue-300 bg-blue-50 dark:bg-blue-500/10 rounded-lg' : 'flex items-center gap-3 px-3 py-2.5 w-full text-left text-neutral-700 dark:text-neutral-300 hover:bg-neutral-100 dark:hover:bg-white/5 rounded-lg'"
-            @click="selectFile(file.name)"
+            @click="requestSelectFile(file.name)"
           >
             <span class="flex-none h-4 w-4 i-hugeicons-settings-02"></span>
             <span class="flex-1 font-medium text-sm truncate">{{ file.title }}</span>
@@ -220,8 +251,9 @@ void loadFiles()
             <p class="mt-1 font-mono text-neutral-500 text-xs dark:text-neutral-400">config/{{ selectedFile().name }}.ts</p>
           </div>
           <div class="flex gap-2 items-center">
+            <Badge :if="isDirty()" variant="warning" size="sm">Unsaved changes</Badge>
             <Badge variant="default" size="sm">{{ editableCount() }} editable</Badge>
-            <Button variant="primary" size="sm" :disabled="saving() || editableCount() === 0" @click="save()">
+            <Button variant="primary" size="sm" :disabled="saving() || editableCount() === 0 || !isDirty()" @click="save()">
               {{ saving() ? 'Saving...' : 'Save changes' }}
             </Button>
           </div>
@@ -284,5 +316,15 @@ void loadFiles()
       @endif
     </Card>
   </div>
+
+  <ConfirmDialog
+    :isOpen="Boolean(pendingSelection())"
+    title="Discard unsaved changes?"
+    description="Switching configuration files will discard the edits in this file."
+    confirmLabel="Discard changes"
+    variant="warning"
+    @close="cancelPendingSelection"
+    @confirm="discardAndSelect"
+  />
 </div>
 </template>

package/resources/components/Dashboard/UI/Modal.stx

@@ -5,11 +5,27 @@ interface ModalProps {
   description?: string
   ariaLabel?: string
   size?: 'sm' | 'md' | 'lg' | 'xl' | 'full'
+  position?: 'center' | 'top'
+  panelClassName?: string
+  contentClassName?: string
+  showCloseButton?: boolean
   closable?: boolean
   role?: 'dialog' | 'alertdialog'
 }
 
-const { isOpen = false, title = '', description = '', ariaLabel = '', size = 'md', closable = true, role = 'dialog' } = defineProps<ModalProps>()
+const {
+  isOpen = false,
+  title = '',
+  description = '',
+  ariaLabel = '',
+  size = 'md',
+  position = 'center',
+  panelClassName = '',
+  contentClassName = 'p-6',
+  showCloseButton = true,
+  closable = true,
+  role = 'dialog',
+} = defineProps<ModalProps>()
 
 const sizeClasses = {
   sm: 'max-w-sm',
@@ -18,6 +34,11 @@ const sizeClasses = {
   xl: 'max-w-4xl',
   full: 'max-w-[calc(100vw-2rem)] max-h-[calc(100vh-2rem)]'
 }
+
+const positionClasses = {
+  center: 'items-center justify-center p-4',
+  top: 'items-start justify-center px-4 pb-4 pt-[15vh]',
+}
 </script>
 <script client>
 const open = useReactiveProp('isOpen', false)
@@ -26,6 +47,7 @@ const liveTitle = useReactiveProp('title', '')
 const liveDescription = useReactiveProp('description', '')
 const liveAriaLabel = useReactiveProp('ariaLabel', '')
 const liveRole = useReactiveProp('role', 'dialog')
+const liveShowCloseButton = useReactiveProp('showCloseButton', true)
 const dialog = useRef<HTMLDialogElement>('dashboardModalDialog')
 const activeElement = useActiveElement()
 const scrollLocked = useScrollLock()
@@ -65,8 +87,11 @@ effect(() => {
       const autofocusTarget = element.querySelector<HTMLElement>('[autofocus]:not([disabled])')
       if (autofocusTarget)
         autofocusTarget.focus()
-      else
-        element.focus()
+      else {
+        const currentFocus = peek(() => activeElement.value)
+        if (!(currentFocus instanceof HTMLElement && element.contains(currentFocus)))
+          element.focus()
+      }
     })
     return
   }
@@ -89,12 +114,12 @@ effect(() => {
     @cancel="handleCancel"
   >
     <!-- Modal container -->
-    <div class="flex items-center justify-center p-4 min-h-full" @click="handleBackdropClick">
+    <div class="flex min-h-full {{ positionClasses[position] }}" @click="handleBackdropClick">
       <div
-        class="relative w-full rounded-xl bg-white dark:bg-neutral-900 shadow-2xl {{ sizeClasses[size] }}"
+        class="relative w-full rounded-xl bg-white dark:bg-neutral-900 shadow-2xl {{ sizeClasses[size] }} {{ panelClassName }}"
       >
         <!-- Header -->
-        <div :if="liveTitle() || liveClosable()" class="flex gap-4 items-start justify-between p-6 border-b border-neutral-200 dark:border-neutral-700">
+        <div :if="liveTitle() || (liveClosable() && liveShowCloseButton())" class="flex gap-4 items-start justify-between p-6 border-b border-neutral-200 dark:border-neutral-700">
           <div class="flex gap-3 items-start min-w-0">
             <slot name="header-leading" />
             <div class="min-w-0">
@@ -110,7 +135,7 @@ effect(() => {
           <div class="flex flex-shrink-0 gap-2 items-center">
             <slot name="header-trailing" />
             <Button
-              :if="liveClosable()"
+              :if="liveClosable() && liveShowCloseButton()"
               variant="ghost"
               size="sm"
               iconOnly
@@ -124,7 +149,7 @@ effect(() => {
 
         <!-- Body -->
         @if($slots.default)
-          <div class="p-6">
+          <div class="{{ contentClassName }}">
             <slot />
           </div>
         @endif

package/resources/functions/dashboard/sidebar.ts

@@ -281,6 +281,7 @@ export function buildNavSections(
   // (`/notifications/dashboard`); the bare `/notifications` redirects.
   sections.push(['app', 'app', [
     { to: '/deployments', icon: 'rocket', text: 'Deployments' },
+    { to: '/operations/scheduler', icon: 'calendar-03', text: 'Operations' },
     { to: '/requests', icon: 'api', text: 'Requests' },
     { to: '/realtime', icon: 'link', text: 'Realtime' },
     { to: '/actions', icon: 'bolt', text: 'Actions' },

package/routes/dashboard-api.ts

@@ -161,6 +161,9 @@ route.group({ prefix: '/api/dashboard', apiResponse: true }, () => {
   guard(route.delete('/commerce/print-logs/{id}', 'Actions/Commerce/ReceiptDestroyAction'))
   guard(route.get('/deployments', 'Actions/Dashboard/Deployments/GetDeployments'))
   guard(route.post('/deployments', 'Actions/Dashboard/Deployments/CreateDeployment'))
+  guard(route.post('/deployments/preview', 'Actions/Dashboard/Deployments/PreviewDeployment'))
+  guard(route.post('/deployments/rollback/preview', 'Actions/Dashboard/Deployments/PreviewDeploymentRollback'))
+  guard(route.post('/deployments/rollback', 'Actions/Dashboard/Deployments/CreateDeploymentRollback'))
   guard(route.get('/deployments/count', 'Actions/Dashboard/Deployments/GetDeploymentCount'))
   guard(route.get('/deployments/recent', 'Actions/Dashboard/Deployments/GetRecentDeployments'))
   guard(route.get('/deployments/avg-time', 'Actions/Dashboard/Deployments/GetAverageDeploymentTime'))
@@ -168,6 +171,26 @@ route.group({ prefix: '/api/dashboard', apiResponse: true }, () => {
   guard(route.put('/deployments/script', 'Actions/Dashboard/Deployments/UpdateDeployScript'))
   guard(route.get('/deployments/terminal', 'Actions/Dashboard/Deployments/GetDeploymentLiveTerminalOutput'))
   guard(route.get('/deployments/{id}', 'Actions/Dashboard/Deployments/GetDeployment'))
+  guard(route.get('/operations/scheduler', 'Actions/Dashboard/Operations/SchedulerIndexAction'))
+  guard(route.post('/operations/scheduler/{name}/run', 'Actions/Dashboard/Operations/SchedulerRunAction'))
+  guard(route.patch('/operations/scheduler/{name}', 'Actions/Dashboard/Operations/SchedulerToggleAction'))
+  guard(route.get('/operations/recovery', 'Actions/Dashboard/Operations/RecoveryIndexAction'))
+  guard(route.post('/operations/recovery/destinations', 'Actions/Dashboard/Operations/RecoveryDestinationStoreAction'))
+  guard(route.post('/operations/recovery/destinations/{id}/test', 'Actions/Dashboard/Operations/RecoveryDestinationTestAction'))
+  guard(route.post('/operations/recovery/policies', 'Actions/Dashboard/Operations/RecoveryPolicyStoreAction'))
+  guard(route.post('/operations/recovery/policies/{id}/run', 'Actions/Dashboard/Operations/RecoveryRunAction'))
+  guard(route.post('/operations/recovery/points/{id}/verify', 'Actions/Dashboard/Operations/RecoveryVerifyAction'))
+  guard(route.post('/operations/recovery/points/{id}/restore', 'Actions/Dashboard/Operations/RecoveryRestoreAction'))
+  guard(route.patch('/operations/recovery/points/{id}/protection', 'Actions/Dashboard/Operations/RecoveryProtectAction'))
+  guard(route.post('/operations/recovery/retention', 'Actions/Dashboard/Operations/RecoveryRetentionAction'))
+  guard(route.get('/operations/migrations', 'Actions/Dashboard/Operations/MigrationIndexAction'))
+  guard(route.post('/operations/migrations/apply', 'Actions/Dashboard/Operations/MigrationApplyAction'))
+  guard(route.post('/operations/migrations/reconcile', 'Actions/Dashboard/Operations/MigrationReconcileAction'))
+  guard(route.get('/operations/changes', 'Actions/Dashboard/Operations/ChangeIndexAction'))
+  guard(route.post('/operations/changes/releases/{id}/decision', 'Actions/Dashboard/Operations/ChangeApprovalAction'))
+  guard(route.get('/operations/incidents', 'Actions/Dashboard/Operations/IncidentIndexAction'))
+  guard(route.patch('/operations/incidents/{id}', 'Actions/Dashboard/Operations/IncidentUpdateAction'))
+  guard(route.get('/operations/audit', 'Actions/Dashboard/Operations/AuditIndexAction'))
   guard(route.get('/data/activity', 'Actions/Dashboard/Data/ActivityIndexAction'))
   guard(route.get('/data/users', 'Actions/Dashboard/Data/UserIndexAction'))
   guard(route.get('/data/teams', 'Actions/Dashboard/Data/TeamIndexAction'))

package/routes/dashboard.ts

@@ -647,6 +647,7 @@ route.group({ prefix: '/deployments', middleware: 'auth' }, () => {
   route.get('/recent', 'Actions/Dashboard/Deployments/GetRecentDeployments')
   route.get('/avg-time', 'Actions/Dashboard/Deployments/GetAverageDeploymentTime')
   route.post('/', 'Actions/Dashboard/Deployments/CreateDeployment')
+  route.post('/preview', 'Actions/Dashboard/Deployments/PreviewDeployment')
   route.get('/script', 'Actions/Dashboard/Deployments/GetDeployScript')
   route.put('/script', 'Actions/Dashboard/Deployments/UpdateDeployScript')
   route.get('/terminal', 'Actions/Dashboard/Deployments/GetDeploymentLiveTerminalOutput')

package/views/dashboard/operations/audit.stx

@@ -0,0 +1,5 @@
+@extends('layouts/default')
+@section('content')
+@title('Dashboard - Operations - Audit')
+<PageLayout><AuditDashboard /></PageLayout>
+@endsection

package/views/dashboard/operations/changes.stx

@@ -0,0 +1,5 @@
+@extends('layouts/default')
+@section('content')
+@title('Dashboard - Operations - Changes')
+<PageLayout><ChangeDashboard /></PageLayout>
+@endsection

package/views/dashboard/operations/incidents.stx

@@ -0,0 +1,5 @@
+@extends('layouts/default')
+@section('content')
+@title('Dashboard - Operations - Incidents')
+<PageLayout><IncidentDashboard /></PageLayout>
+@endsection

package/views/dashboard/operations/migrations.stx

@@ -0,0 +1,8 @@
+@extends('layouts/default')
+
+@section('content')
+@title('Dashboard - Operations - Migrations')
+<PageLayout>
+  <MigrationDashboard />
+</PageLayout>
+@endsection

package/views/dashboard/operations/recovery.stx

@@ -0,0 +1,8 @@
+@extends('layouts/default')
+
+@section('content')
+@title('Dashboard - Operations - Recovery')
+<PageLayout>
+  <RecoveryDashboard />
+</PageLayout>
+@endsection

package/views/dashboard/operations/scheduler.stx

@@ -0,0 +1,8 @@
+@extends('layouts/default')
+
+@section('content')
+@title('Dashboard - Operations - Scheduler')
+<PageLayout>
+  <SchedulerDashboard />
+</PageLayout>
+@endsection

package/views/dashboard/stores/ci.ts

@@ -24,8 +24,8 @@ interface RepoStatus {
   updatedAt: string | null
   runUrl: string | null
   failedJobs: FailedJob[]
-  renovatePRs: number
-  renovatePRsUrl: string | null
+  buddyBotPRs: number
+  buddyBotPRsUrl: string | null
   actionsPRs: number
   actionsPRsUrl: string | null
 }