@stacksjs/ts-cloud 0.12.8 → 0.12.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (113) hide show
  1. package/dist/aws/index.d.ts +1 -0
  2. package/dist/aws/index.js +1 -1
  3. package/dist/aws/sms-voice.d.ts +41 -0
  4. package/dist/bin/{chunk-m349p8sn.js → chunk-0thy7q96.js} +48 -48
  5. package/dist/bin/cli.js +113 -113
  6. package/dist/bin/dashboard-server.js +1 -1
  7. package/dist/{chunk-13qjvbqh.js → chunk-0hw5wjjg.js} +1 -1
  8. package/dist/chunk-1bj94sc2.js +1 -0
  9. package/dist/{chunk-3mgj3hrh.js → chunk-2k0mt6j5.js} +2 -2
  10. package/dist/chunk-2qm3rw8b.js +4 -0
  11. package/dist/{chunk-019wxz6w.js → chunk-3swnmwfc.js} +74 -74
  12. package/dist/{chunk-aj025v2s.js → chunk-557qj7q9.js} +2 -2
  13. package/dist/{chunk-86ss83s2.js → chunk-5hkq5081.js} +2 -2
  14. package/dist/chunk-5pbtmy2k.js +1 -0
  15. package/dist/{chunk-152he7m3.js → chunk-70v77sqv.js} +2 -2
  16. package/dist/{chunk-by2bwzk6.js → chunk-7j100g7w.js} +2 -2
  17. package/dist/chunk-7sc8t7v1.js +1 -0
  18. package/dist/{chunk-m8fs0233.js → chunk-82gezmen.js} +2 -2
  19. package/dist/{chunk-y4xkj2f1.js → chunk-982rye5b.js} +2 -2
  20. package/dist/{chunk-mz0dk78z.js → chunk-a368cs92.js} +1 -1
  21. package/dist/{chunk-t0xgmhd6.js → chunk-a5213256.js} +8 -8
  22. package/dist/{chunk-hn40z11p.js → chunk-bcffjsnj.js} +1 -1
  23. package/dist/chunk-c1hr34a5.js +2 -0
  24. package/dist/{chunk-wavjkdb8.js → chunk-c8cadhgc.js} +2 -2
  25. package/dist/{chunk-xcj8zfmg.js → chunk-fbwpm0zm.js} +2 -2
  26. package/dist/{chunk-sxaxzcbx.js → chunk-fgfm7cfm.js} +120 -114
  27. package/dist/{chunk-jm5mg890.js → chunk-fsssdd5k.js} +2 -2
  28. package/dist/chunk-gny5s4kp.js +1 -0
  29. package/dist/{chunk-73ztr55z.js → chunk-jphewtbx.js} +2 -2
  30. package/dist/{chunk-h42zck7h.js → chunk-jxrs1219.js} +3 -3
  31. package/dist/{chunk-x3hay61c.js → chunk-pb47hr0h.js} +1 -1
  32. package/dist/chunk-qpjcd415.js +22 -0
  33. package/dist/{chunk-6kpbveb8.js → chunk-qrte4gy2.js} +1 -1
  34. package/dist/{chunk-tz9myq9a.js → chunk-rg7d67xk.js} +2 -2
  35. package/dist/{chunk-1qdne0bf.js → chunk-w2ddj42w.js} +1 -1
  36. package/dist/chunk-xkw7h4pw.js +1 -0
  37. package/dist/deploy/index.d.ts +2 -0
  38. package/dist/deploy/index.js +1 -1
  39. package/dist/deploy/site-config-editor.d.ts +26 -0
  40. package/dist/deploy/site-ports.d.ts +20 -2
  41. package/dist/dns/index.js +1 -1
  42. package/dist/drivers/index.js +1 -1
  43. package/dist/index.d.ts +4 -2
  44. package/dist/index.js +8 -8
  45. package/dist/operations/index.d.ts +24 -0
  46. package/dist/operations/index.js +1 -0
  47. package/dist/operations/inventory.d.ts +168 -0
  48. package/dist/operations/inventory.test.d.ts +1 -0
  49. package/dist/operations/site-attach.d.ts +95 -0
  50. package/dist/operations/site-attach.test.d.ts +1 -0
  51. package/dist/protection/index.js +1 -1
  52. package/dist/push/index.js +1 -1
  53. package/dist/spend/index.js +1 -1
  54. package/dist/ui/404.html +1 -1
  55. package/dist/ui/accept-invitation.html +1 -1
  56. package/dist/ui/access-denied.html +1 -1
  57. package/dist/ui/account/automation.html +5 -5
  58. package/dist/ui/account/security.html +2 -2
  59. package/dist/ui/applications/compose.html +6 -6
  60. package/dist/ui/applications/new.html +1 -1
  61. package/dist/ui/data/backups.html +6 -6
  62. package/dist/ui/data/services.html +5 -5
  63. package/dist/ui/data/volumes.html +6 -6
  64. package/dist/ui/index.html +6 -6
  65. package/dist/ui/infrastructure/topology.html +6 -6
  66. package/dist/ui/integrations.html +2 -2
  67. package/dist/ui/operations/alerts.html +6 -6
  68. package/dist/ui/operations/configuration.html +6 -6
  69. package/dist/ui/operations/jobs.html +5 -5
  70. package/dist/ui/operations/maintenance.html +6 -6
  71. package/dist/ui/operations/observability.html +6 -6
  72. package/dist/ui/operations/previews.html +5 -5
  73. package/dist/ui/operations/queue.html +5 -5
  74. package/dist/ui/operations/regions.html +6 -6
  75. package/dist/ui/operations/releases.html +6 -6
  76. package/dist/ui/operations/spend.html +6 -6
  77. package/dist/ui/operations/workloads.html +6 -6
  78. package/dist/ui/security.html +2 -2
  79. package/dist/ui/server/actions.html +6 -6
  80. package/dist/ui/server/activity.html +1 -1
  81. package/dist/ui/server/capacity.html +5 -5
  82. package/dist/ui/server/database.html +5 -5
  83. package/dist/ui/server/deployments.html +5 -5
  84. package/dist/ui/server/diagnostics.html +1 -1
  85. package/dist/ui/server/firewall.html +5 -5
  86. package/dist/ui/server/fleet.html +6 -6
  87. package/dist/ui/server/logs.html +5 -5
  88. package/dist/ui/server/metrics.html +5 -5
  89. package/dist/ui/server/security.html +2 -2
  90. package/dist/ui/server/services.html +2 -2
  91. package/dist/ui/server/sites.html +6 -6
  92. package/dist/ui/server/ssh-keys.html +6 -6
  93. package/dist/ui/server/team.html +6 -6
  94. package/dist/ui/server/terminal.html +2 -2
  95. package/dist/ui/serverless/alarms.html +6 -6
  96. package/dist/ui/serverless/assets.html +2 -2
  97. package/dist/ui/serverless/cost.html +2 -2
  98. package/dist/ui/serverless/data.html +6 -6
  99. package/dist/ui/serverless/deployments.html +2 -2
  100. package/dist/ui/serverless/firewall.html +1 -1
  101. package/dist/ui/serverless/functions.html +5 -5
  102. package/dist/ui/serverless/logs.html +6 -6
  103. package/dist/ui/serverless/metrics.html +2 -2
  104. package/dist/ui/serverless/queues.html +6 -6
  105. package/dist/ui/serverless/secrets.html +6 -6
  106. package/dist/ui/serverless/traces.html +6 -6
  107. package/dist/ui/serverless.html +6 -6
  108. package/package.json +7 -3
  109. package/dist/chunk-a84gmpyh.js +0 -1
  110. package/dist/chunk-nms5q44e.js +0 -1
  111. package/dist/chunk-qm32ytbr.js +0 -1
  112. package/dist/chunk-t3t9ymec.js +0 -1
  113. package/dist/chunk-y2v22hkv.js +0 -1
package/dist/ui/operations/alerts.html CHANGED
@@ -1,5 +1,5 @@
1
- <!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="mtbuyxxsrp6arf"><meta name="title" content="stx Project"><meta name="description" content="A website built with stx templating engine"><meta property="og:title" content="stx Project"><meta property="og:description" content="A website built with stx templating engine"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="stx Project"><meta name="twitter:description" content="A website built with stx templating engine"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ts-cloud · Alerts &amp; health</title><link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='3' y='3' width='26' height='26' rx='8' fill='%235a8be0'/%3E%3C/svg%3E"><link rel="preconnect" href="https://fonts.googleapis.com"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_stx/style.448ab192.css"> <script data-stx-runtime src="/_stx/runtime.dbee66d1.js"></script> <script data-stx-composables src="/_stx/chunk.5ddb5087.js"></script> <script data-stx-scoped>
2
- function __stx_setup_1787855444439_7() {
1
+ <!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="mtekc2s63mrzwt"><meta name="title" content="stx Project"><meta name="description" content="A website built with stx templating engine"><meta property="og:title" content="stx Project"><meta property="og:description" content="A website built with stx templating engine"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="stx Project"><meta name="twitter:description" content="A website built with stx templating engine"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ts-cloud · Alerts &amp; health</title><link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='3' y='3' width='26' height='26' rx='8' fill='%235a8be0'/%3E%3C/svg%3E"><link rel="preconnect" href="https://fonts.googleapis.com"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_stx/style.448ab192.css"> <script data-stx-runtime src="/_stx/runtime.dbee66d1.js"></script> <script data-stx-composables src="/_stx/chunk.5ddb5087.js"></script> <script data-stx-scoped>
2
+ function __stx_setup_1788018980022_2() {
3
3
  const { batch, computed, configureFetch, defineEmits, defineExpose, definePageMeta, defineProps, defineSlots, defineStore, derived, effect, goBack, goForward, inject, invalidateRoute, isDerived, isSignal, navigate, nextTick, onBeforeMount, onBeforeUnmount, onDestroy, onMount, onMounted, onUnmounted, peek, provide, reactive, ref, registerStoresClient, setRouteParams, state, untrack, useAsync, useClickOutside, useColorMode, useCookie, useCounter, useDark, useDebounce, useDebouncedValue, useEventListener, useFetch, useFocus, useHead, useId, useInterval, useLocalStorage, useMediaQuery, useMutation, useOptimistic, usePreferredContrast, usePreferredDark, usePreferredLight, usePreferredReducedMotion, useQuery, useReactiveProp, useRef, useRoute, useRouteParam, useRouteParams, useScrollLock, useSearchParams, useSeoMeta, useSessionStorage, useSlots, useStore, useThrottle, useTimeout, useToggle, useWebSocket, watch, watchEffect, watchMultiple, withDefaults } = window.stx;
4
4
 
5
5
  var alertAction = undefined;
@@ -188,9 +188,9 @@ toggleChannel = __stxBundle_08b6fac34151["toggleChannel"];
188
188
  tone = __stxBundle_08b6fac34151["tone"];
189
189
  return { alertAction, alerts, api, body, duration, lastUpdatedAt, load, optional, pollingError, pollingState, refresh, retry, runCheck, submitChannel, submitHealth, submitRoute, submitRule, testChannel, toggle, toggleChannel, tone, __stxBundle_08b6fac34151 };
190
190
  }
191
- window.__stx_latestSetup=__stx_setup_1787855444439_7;
192
- if(window.stx)window.stx._latestSetup=__stx_setup_1787855444439_7;
193
- </script> <style data-stx-cloak>[x-cloak]{display:none !important}</style><link data-crosswind="generated" rel="stylesheet" href="/_stx/crosswind.906ee17c.css"></head><body data-stx="__stx_setup_1787855444439_7"><a data-stx-scope="stx_scope_nav_10" class="skip-link" href="#main-content">Skip to content</a><button class="nav-toggle-button" type="button" aria-label="Open navigation" aria-controls="primary-navigation" aria-expanded="false"><span></span><span></span><span></span></button><button class="nav-scrim" type="button" aria-label="Close navigation"></button><aside class="app-sidebar" id="primary-navigation" aria-label="Primary navigation"><a class="brand" href="/?env=production"><span class="dot"></span><span>ts-cloud</span></a><div class="sidebar-context"><span class="context-label">Project</span><strong>Project</strong></div><div class="environment-picker" aria-label="Environment"><span class="context-label">Environment</span><details><summary class="environment-current production"><span>PROD</span><strong>production</strong></summary></details></div><button class="command-trigger" type="button" aria-keyshortcuts="Meta+K Control+K"><span>Search resources</span><kbd>⌘ K</kbd></button><div class="nav-groups"><section class="nav-group"><h2>Overview</h2><a class="" href="/?env=production">Dashboard</a><a href="/server/activity?env=production">Activity</a></section><section class="nav-group"><h2>Applications</h2><a class="" href="/server/sites?env=production">Services</a><a class="" href="/server/deployments?env=production">Deployments</a><a class="" href="/server/logs?env=production">Logs</a><a class="" href="/integrations?env=production">Git integrations</a><a class="" href="/applications/new?env=production">Create application</a><a class="" href="/applications/compose?env=production">Compose applications</a></section><section class="nav-group"><h2>Operations</h2><a class="" href="/operations/queue?env=production">Deployment queue</a><a class="" href="/operations/previews?env=production">Preview environments</a><a class="" href="/operations/releases?env=production">Releases & promotion</a><a class="" href="/operations/regions?env=production">Regions & failover</a><a class="" href="/operations/maintenance?env=production">Maintenance & DR</a><a class="" href="/operations/workloads?env=production">Workloads</a><a class="" href="/operations/observability?env=production">Observability</a><a class="active" href="/operations/alerts?env=production">Alerts & health</a><a class="" href="/operations/spend?env=production">Spend & budgets</a><a href="/server/metrics?env=production">Metrics</a><a href="/server/services?env=production">Runtime services</a><a class="" href="/operations/jobs?env=production">Workers & schedules</a><a class="" href="/operations/configuration?env=production">Environment &amp; secrets</a><a class="" href="/data/backups?env=production">Backups &amp; recovery</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/actions?env=production">Run operations</a></section><section class="nav-group"><h2>Infrastructure</h2><a class="" href="/infrastructure/topology?env=production">Infrastructure map</a><a class="" href="/data/services?env=production">Data services</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/firewall?env=production">Network & firewall</a><a href="/server/ssh-keys?env=production">SSH keys</a><a class="" href="/server/fleet?env=production">Fleet inventory</a><a class="" href="/server/capacity?env=production">Capacity & placement</a><a href="/security?env=production">Security posture</a><a href="/server/terminal?env=production">Terminal</a></section><section class="nav-group"><h2>Organization</h2><a class="" href="/server/team?env=production">People & access</a><a class="" href="/account/automation?env=production">API & automation</a></section><section class="nav-group"><h2>Account</h2><a class="" href="/account/security?env=production">Sign-in & security</a></section></div><form method="post" action="/api/logout" class="signout"><button type="submit">Sign out</button></form></aside><dialog class="command-palette" aria-labelledby="command-title"><div class="command-search"><span aria-hidden="true">⌕</span><input type="search" placeholder="Search services, domains, deployments…" aria-label="Search resources" autocomplete="off"><button type="button" class="command-close" aria-label="Close search">Esc</button></div><h2 id="command-title" class="sr-only">Search resources and navigation</h2><div class="command-status" role="status">Start typing to search this project.</div><section class="saved-views" aria-labelledby="saved-views-title"><div class="saved-views-heading"><h3 id="saved-views-title">Saved views</h3><form class="save-view-form"><label class="sr-only" for="save-view-name">Saved view name</label><input id="save-view-name" maxlength="64" placeholder="Name this view" autocomplete="off"><button type="submit">Save current filters</button></form></div><div class="saved-view-list"></div></section><form class="tag-result-form"><label for="tag-result-name">Tag selected resource</label><input id="tag-result-name" maxlength="32" placeholder="customer-facing" pattern="[A-Za-z0-9][A-Za-z0-9 -]{0,31}" autocomplete="off"><input class="tag-color" type="color" value="#5a8be0" aria-label="Tag color"><button type="submit">Add tag</button></form><div class="command-results" role="listbox" aria-label="Search results"></div><footer><span>↑ ↓ navigate</span><span>Enter open</span><span>Esc close</span></footer></dialog><div class="context-bar" aria-label="Current scope"><div class="context-path"><div class="context-breadcrumb"><span>Project</span><i>/</i><strong>production</strong></div><div class="context-filters" aria-label="Active filters"></div></div><span class="scope-safety production">Production scope</span></div> <script data-stx-scoped data-stx-run="always">
191
+ window.__stx_latestSetup=__stx_setup_1788018980022_2;
192
+ if(window.stx)window.stx._latestSetup=__stx_setup_1788018980022_2;
193
+ </script> <style data-stx-cloak>[x-cloak]{display:none !important}</style><link data-crosswind="generated" rel="stylesheet" href="/_stx/crosswind.906ee17c.css"></head><body data-stx="__stx_setup_1788018980022_2"><a data-stx-scope="stx_scope_nav_3" class="skip-link" href="#main-content">Skip to content</a><button class="nav-toggle-button" type="button" aria-label="Open navigation" aria-controls="primary-navigation" aria-expanded="false"><span></span><span></span><span></span></button><button class="nav-scrim" type="button" aria-label="Close navigation"></button><aside class="app-sidebar" id="primary-navigation" aria-label="Primary navigation"><a class="brand" href="/?env=production"><span class="dot"></span><span>ts-cloud</span></a><div class="sidebar-context"><span class="context-label">Project</span><strong>Project</strong></div><div class="environment-picker" aria-label="Environment"><span class="context-label">Environment</span><details><summary class="environment-current production"><span>PROD</span><strong>production</strong></summary></details></div><button class="command-trigger" type="button" aria-keyshortcuts="Meta+K Control+K"><span>Search resources</span><kbd>⌘ K</kbd></button><div class="nav-groups"><section class="nav-group"><h2>Overview</h2><a class="" href="/?env=production">Dashboard</a><a href="/server/activity?env=production">Activity</a></section><section class="nav-group"><h2>Applications</h2><a class="" href="/server/sites?env=production">Services</a><a class="" href="/server/deployments?env=production">Deployments</a><a class="" href="/server/logs?env=production">Logs</a><a class="" href="/integrations?env=production">Git integrations</a><a class="" href="/applications/new?env=production">Create application</a><a class="" href="/applications/compose?env=production">Compose applications</a></section><section class="nav-group"><h2>Operations</h2><a class="" href="/operations/queue?env=production">Deployment queue</a><a class="" href="/operations/previews?env=production">Preview environments</a><a class="" href="/operations/releases?env=production">Releases & promotion</a><a class="" href="/operations/regions?env=production">Regions & failover</a><a class="" href="/operations/maintenance?env=production">Maintenance & DR</a><a class="" href="/operations/workloads?env=production">Workloads</a><a class="" href="/operations/observability?env=production">Observability</a><a class="active" href="/operations/alerts?env=production">Alerts & health</a><a class="" href="/operations/spend?env=production">Spend & budgets</a><a href="/server/metrics?env=production">Metrics</a><a href="/server/services?env=production">Runtime services</a><a class="" href="/operations/jobs?env=production">Workers & schedules</a><a class="" href="/operations/configuration?env=production">Environment &amp; secrets</a><a class="" href="/data/backups?env=production">Backups &amp; recovery</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/actions?env=production">Run operations</a></section><section class="nav-group"><h2>Infrastructure</h2><a class="" href="/infrastructure/topology?env=production">Infrastructure map</a><a class="" href="/data/services?env=production">Data services</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/firewall?env=production">Network & firewall</a><a href="/server/ssh-keys?env=production">SSH keys</a><a class="" href="/server/fleet?env=production">Fleet inventory</a><a class="" href="/server/capacity?env=production">Capacity & placement</a><a href="/security?env=production">Security posture</a><a href="/server/terminal?env=production">Terminal</a></section><section class="nav-group"><h2>Organization</h2><a class="" href="/server/team?env=production">People & access</a><a class="" href="/account/automation?env=production">API & automation</a></section><section class="nav-group"><h2>Account</h2><a class="" href="/account/security?env=production">Sign-in & security</a></section></div><form method="post" action="/api/logout" class="signout"><button type="submit">Sign out</button></form></aside><dialog class="command-palette" aria-labelledby="command-title"><div class="command-search"><span aria-hidden="true">⌕</span><input type="search" placeholder="Search services, domains, deployments…" aria-label="Search resources" autocomplete="off"><button type="button" class="command-close" aria-label="Close search">Esc</button></div><h2 id="command-title" class="sr-only">Search resources and navigation</h2><div class="command-status" role="status">Start typing to search this project.</div><section class="saved-views" aria-labelledby="saved-views-title"><div class="saved-views-heading"><h3 id="saved-views-title">Saved views</h3><form class="save-view-form"><label class="sr-only" for="save-view-name">Saved view name</label><input id="save-view-name" maxlength="64" placeholder="Name this view" autocomplete="off"><button type="submit">Save current filters</button></form></div><div class="saved-view-list"></div></section><form class="tag-result-form"><label for="tag-result-name">Tag selected resource</label><input id="tag-result-name" maxlength="32" placeholder="customer-facing" pattern="[A-Za-z0-9][A-Za-z0-9 -]{0,31}" autocomplete="off"><input class="tag-color" type="color" value="#5a8be0" aria-label="Tag color"><button type="submit">Add tag</button></form><div class="command-results" role="listbox" aria-label="Search results"></div><footer><span>↑ ↓ navigate</span><span>Enter open</span><span>Esc close</span></footer></dialog><div class="context-bar" aria-label="Current scope"><div class="context-path"><div class="context-breadcrumb"><span>Project</span><i>/</i><strong>production</strong></div><div class="context-filters" aria-label="Active filters"></div></div><span class="scope-safety production">Production scope</span></div> <script data-stx-scoped data-stx-run="always">
194
194
  (function() {
195
195
  var { batch, computed, configureFetch, defineEmits, defineExpose, definePageMeta, defineProps, defineSlots, defineStore, derived, effect, goBack, goForward, inject, invalidateRoute, isDerived, isSignal, navigate, nextTick, onBeforeMount, onBeforeUnmount, onDestroy, onMount, onMounted, onUnmounted, peek, provide, reactive, ref, refresh, registerStoresClient, setRouteParams, state, untrack, useAsync, useClickOutside, useColorMode, useCookie, useCounter, useDark, useDebounce, useDebouncedValue, useEventListener, useFetch, useFocus, useHead, useId, useInterval, useLocalStorage, useMediaQuery, useMutation, useOptimistic, usePreferredContrast, usePreferredDark, usePreferredLight, usePreferredReducedMotion, useQuery, useReactiveProp, useRef, useRoute, useRouteParam, useRouteParams, useScrollLock, useSearchParams, useSeoMeta, useSessionStorage, useSlots, useStore, useThrottle, useTimeout, useToggle, useWebSocket, watch, watchEffect, watchMultiple, withDefaults } = window.stx;
196
196
  var __destroyHooks = [];
@@ -541,6 +541,6 @@ if(window.stx)window.stx._latestSetup=__stx_setup_1787855444439_7;
541
541
 
542
542
 
543
543
  try { if (typeof __stxScopeRenames !== 'undefined' && __stxScopeRenames) { for (var __stxRK in __stxScopeRenames) __scopeRegistration[__stxRK] = __stxScopeRenames[__stxRK]; } } catch (e) { /* no renames */ }
544
- window.stx._scopes['stx_scope_nav_10'] = __scopeRegistration;
544
+ window.stx._scopes['stx_scope_nav_3'] = __scopeRegistration;
545
545
  })();
546
546
  </script> <main class="alert-wrap wrap" id="main-content"><div class="crumbs">Operations <span class="sep">/</span> Alerts & health</div><header class="page"><div><h1>Alerts & health</h1><p>Health checks, stateful alert evaluation, ownership, silences, routing, and delivery diagnostics.</p></div><div class="header-actions" x-cloak><span class="pill" :class="pollingState()==='live'?'ok':'warn'" x-cloak>{{ pollingState() }}</span><small x-cloak>{{ lastUpdatedAt()?.toLocaleTimeString()||'connecting' }}</small><button class="btn ghost sm" @click="refresh()">Refresh</button></div></header><p class="notice" role="status" @show="!!notice()" x-cloak>{{ notice() }}</p><p class="bad notice" role="alert" @show="!!pollingError()" x-cloak>{{ pollingError() }}</p><nav class="tabs" aria-label="Alert workspace"><button :class="{active:tab()==='alerts'}" @click="tab.set('alerts')">Alerts</button><button :class="{active:tab()==='health'}" @click="tab.set('health')">Health checks</button><button :class="{active:tab()==='rules'}" @click="tab.set('rules')">Rules</button><button :class="{active:tab()==='routing'}" @click="tab.set('routing')">Channels & routing</button><button :class="{active:tab()==='delivery'}" @click="tab.set('delivery')">Delivery</button></nav><section @show="tab()==='alerts'" x-cloak><div class="summary"><article class="panel"><b>Firing</b><strong x-cloak>{{ alerts().filter(x=>x.state==='firing').length }}</strong></article><article class="panel"><b>Pending</b><strong x-cloak>{{ alerts().filter(x=>x.state==='pending').length }}</strong></article><article class="panel"><b>Silenced</b><strong x-cloak>{{ alerts().filter(x=>x.state==='silenced').length }}</strong></article><article class="panel"><b>Resolved</b><strong x-cloak>{{ alerts().filter(x=>x.state==='resolved').length }}</strong></article></div><div class="cards-list" x-cloak><template :for="item in alerts()"><article class="alert-card panel" x-cloak><div x-cloak><span class="pill" :class="tone(item.state)" x-cloak>{{ item.state }}</span><span class="pill" x-cloak>{{ item.severity }}</span><h2 x-cloak>{{ item.title }}</h2></div><p class="note" x-cloak>First {{ new Date(item.firstSeenAt).toLocaleString() }} · last {{ new Date(item.lastSeenAt).toLocaleString() }} · duration {{ duration(item) }} · occurrences {{ item.occurrenceCount }}</p><pre x-cloak>{{ JSON.stringify(item.evidence,null,2) }}</pre><div class="meta" x-cloak><span x-cloak>Owner {{ item.ownerActorId||'unassigned' }}</span><span x-cloak>{{ item.acknowledgedAt?'Acknowledged '+new Date(item.acknowledgedAt).toLocaleString():'Unacknowledged' }}</span></div><div class="actions"><button class="btn ghost sm" @show="!item.acknowledgedAt" @click="alertAction(item.id,'acknowledge')" x-cloak>Acknowledge</button><button class="btn ghost sm" @click="alertAction(item.id,'assign',{ownerActorId:'me'})">Assign to me</button><button class="btn ghost sm" @show="item.state==='firing'" @click="alertAction(item.id,'silence',{until:new Date(Date.now()+3600000).toISOString()})" x-cloak>Silence 1h</button><a class="btn ghost sm" :href="'/operations/observability?releaseId='+encodeURIComponent(item.evidence?.releaseId||'')">Correlate</a></div></article></template><div class="empty panel" @show="!alerts().length" x-cloak><strong>No alerts</strong><span>Healthy and empty are distinct. Add a check or metric rule to begin evaluation.</span></div></div></section><section @show="tab()==='health'" class="split" x-cloak><div x-cloak><template :for="item in checks()"><article class="row-card panel" x-cloak><div x-cloak><span class="pill" :class="tone(item.results?.[0]?.status==='unhealthy'?'firing':item.results?.[0]?.status||'pending')" x-cloak>{{ item.results?.[0]?.status||'no data' }}</span><b x-cloak>{{ item.name }}</b><code x-cloak>{{ item.kind }} · {{ item.target }}</code></div><p class="note" x-cloak>every {{ item.intervalSeconds }}s · timeout {{ item.timeoutSeconds }}s · fail {{ item.failureThreshold }} / recover {{ item.recoveryThreshold }} · agents {{ item.regions.join(', ')||'local' }}</p><div class="actions"><button class="btn ghost sm" @click="runCheck(item.id,true)">Preview/test</button><button class="btn ghost sm" @click="runCheck(item.id,false)">Run & evaluate</button><button class="btn ghost sm" @click="toggle('/api/health/checks',item.id,!item.enabled)" x-cloak>{{ item.enabled?'Disable':'Enable' }}</button></div></article></template></div><form class="editor panel" @submit="submitHealth($event)"><h2>New health check</h2><label>Name<input name="name" required></label><label>Kind<select name="kind"><option>http</option><option>tcp</option><option>command</option></select></label><label>Target<input name="target" required placeholder="https://app.example/health or host"></label><label>HTTP method<input name="method" value="GET"></label><label>Expected statuses<input name="expectedStatuses" value="200"></label><label>Expected body (optional)<input name="expectedBody"></label><label>TCP port<input name="port" type="number"></label><label>Command argv (admin only)<input name="command" placeholder="/usr/bin/systemctl is-active app"></label><label>Interval seconds<input name="intervalSeconds" type="number" min="10" value="60"></label><label>Timeout seconds<input name="timeoutSeconds" type="number" min="1" value="10"></label><label>Failure threshold<input name="failureThreshold" type="number" min="1" value="3"></label><label>Recovery threshold<input name="recoveryThreshold" type="number" min="1" value="2"></label><label>Agents / regions<input name="regions" value="local"></label><button class="btn" type="submit">Create check</button><p class="note">Preview/test records no production incident. Commands are argv-only and never run through a shell.</p></form></section><section @show="tab()==='rules'" class="split" x-cloak><div x-cloak><template :for="item in rules()"><article class="row-card panel" x-cloak><div x-cloak><span class="pill" x-cloak>{{ item.severity }}</span><b x-cloak>{{ item.name }}</b><code x-cloak>{{ item.signal }} {{ item.operator }} {{ item.threshold??'unhealthy' }}</code></div><p class="note" x-cloak>{{ item.consecutive }} failures · {{ item.recoveryConsecutive }} recoveries · no-data {{ item.noDataPolicy }} · v{{ item.version }}</p><button class="btn ghost sm" @click="toggle('/api/alerts/rules',item.id,!item.enabled)" x-cloak>{{ item.enabled?'Disable':'Enable' }}</button></article></template></div><form class="editor panel" @submit="submitRule($event)"><h2>New alert rule</h2><label>Name<input name="name" required></label><label>Health check<select name="healthCheckId"><option value="">Metric query</option><template :for="check in checks()"><option :value="check.id">{{ check.name }}</option></template></select></label><label>Metric signal<input name="signal" placeholder="errors.count"></label><label>Operator<select name="operator"><option value="unhealthy">unhealthy</option><option value="gt">greater than</option><option value="gte">greater/equal</option><option value="lt">less than</option><option value="lte">less/equal</option></select></label><label>Threshold<input name="threshold" type="number" step="any"></label><label>Recovery threshold<input name="recoveryThreshold" type="number" step="any"></label><label>Window minutes<input name="windowMinutes" type="number" value="5"></label><label>Consecutive failures<input name="consecutive" type="number" min="1" value="3"></label><label>Consecutive recoveries<input name="recoveryConsecutive" type="number" min="1" value="2"></label><label>No data<select name="noDataPolicy"><option>pending</option><option>ignore</option><option>firing</option></select></label><label>Severity<select name="severity"><option>warning</option><option>critical</option><option>info</option></select></label><label>Group by<input name="groupBy" placeholder="resourceId,region"></label><button class="btn" type="submit">Create rule</button></form></section><section @show="tab()==='routing'" class="routing-grid" x-cloak><div><h2>Channels</h2><template :for="item in channels()"><article class="row-card panel" x-cloak><div x-cloak><span class="pill" :class="tone(item.status)" x-cloak>{{ item.status }}</span><b x-cloak>{{ item.name }}</b><code x-cloak>{{ item.kind }} · credential {{ item.credentialFingerprint||'none' }}</code></div><div class="actions"><button class="btn ghost sm" @click="testChannel(item.id)">Test</button><button class="btn ghost sm" @click="toggleChannel(item.id,item.status==='active'?'paused':'active')" x-cloak>{{ item.status==='active'?'Pause':'Resume' }}</button></div><p class="bad note" @show="!!item.lastError" x-cloak>{{ item.lastError }}</p></article></template><form class="editor panel" @submit="submitChannel($event)"><h3>New channel</h3><label>Name<input name="name" required></label><label>Type<select name="kind"><option>slack</option><option>discord</option><option>teams</option><option>telegram</option><option>email</option><option>webhook</option></select></label><label>Destination (email recipients or Telegram chat ID)<input name="destination"></label><label>From (email)<input name="from"></label><label>Encrypted credential<input name="credential" type="password" autocomplete="new-password" placeholder="Webhook URL, bot token, or {url,signingSecret}"></label><button class="btn" type="submit">Create channel</button></form></div><div><h2>Routing rules</h2><template :for="item in routes()"><article class="row-card panel" x-cloak><div x-cloak><span class="pill" x-cloak>priority {{ item.priority }}</span><b x-cloak>{{ item.name }}</b></div><p class="note" x-cloak>{{ item.channelIds.length }} channels · quiet {{ item.quietHours?item.quietHours.start+'–'+item.quietHours.end+' '+item.quietHours.timezone:'off' }} · reminder {{ item.reminderSeconds?item.reminderSeconds+'s':'off' }} · limit {{ item.rateLimitPerMinute }}/min</p><button class="btn ghost sm" @click="toggle('/api/notifications/routes',item.id,!item.enabled)" x-cloak>{{ item.enabled?'Disable':'Enable' }}</button></article></template><form class="editor panel" @submit="submitRoute($event)"><h3>New route</h3><label>Name<input name="name" required></label><label>Priority<input name="priority" type="number" value="0"></label><label>Severity<select name="severity"><option value="">Any</option><option>critical</option><option>warning</option><option>info</option></select></label><label>Event<select name="eventType"><option value="">Any</option><option>firing</option><option>resolved</option><option>reminder</option><option>escalation</option></select></label><label x-cloak>Channel<select name="channelId" required><template :for="channel in channels()"><option :value="channel.id">{{ channel.name }}</option></template></select></label><label>Quiet start<input name="quietStart" type="time"></label><label>Quiet end<input name="quietEnd" type="time"></label><label>Timezone<input name="timezone" value="UTC"></label><label>Group wait seconds<input name="groupWaitSeconds" type="number" value="30"></label><label>Reminder minutes<input name="reminderMinutes" type="number"></label><label>Rate limit / minute<input name="rateLimitPerMinute" type="number" min="1" value="60"></label><label x-cloak>Message template<input name="template" placeholder="[{{severity}}] {{title}} · {{state}}"></label><button class="btn" type="submit">Create route</button></form></div></section><section @show="tab()==='delivery'" x-cloak><div class="panel table-wrap"><table><thead><tr><th scope="col">Updated</th><th scope="col">Event</th><th scope="col">Channel</th><th scope="col">State</th><th scope="col">Attempts</th><th scope="col">Diagnostic</th><th scope="col">Actions</th></tr></thead><tbody><template :for="item in deliveries()"><tr><td x-cloak>{{ new Date(item.updatedAt).toLocaleString() }}</td><td x-cloak>{{ item.eventType }}</td><td class="mono" x-cloak>{{ item.channelId }}</td><td x-cloak><span class="pill" :class="tone(item.state)" x-cloak>{{ item.state }}</span></td><td x-cloak>{{ item.attempt }}/{{ item.maxAttempts }}</td><td x-cloak>{{ item.error||item.responseStatus||'—' }}</td><td><button class="btn ghost sm" @show="item.state!=='delivered'" @click="retry(item.id)" x-cloak>Retry</button></td></tr></template></tbody></table><div class="empty" @show="!deliveries().length" x-cloak><strong>No notification deliveries</strong><span>Channel tests are tracked on the channel and do not create fake incidents.</span></div></div></section></main><style> .alert-wrap{max-width:1450px}.tabs{display:flex;gap:5px;overflow:auto;border-bottom:1px solid var(--line);margin-bottom:18px}.tabs button{border:0;background:transparent;color:var(--txt3);padding:10px 14px;white-space:nowrap}.tabs button.active{color:var(--txt);border-bottom:2px solid var(--accent)}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.summary article{display:grid;gap:8px}.summary strong{font-size:28px}.cards-list{display:grid;gap:10px;margin-top:12px}.alert-card h2{display:inline;font-size:17px;margin-left:8px}.alert-card pre{max-height:150px;overflow:auto;background:var(--bg2);padding:10px;border-radius:8px}.meta,.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.meta{justify-content:space-between;color:var(--txt3);font-size:11px}.split,.routing-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:14px}.row-card{margin-bottom:9px}.row-card>div:first-child{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row-card code{color:var(--txt3)}.editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:start;position:sticky;top:10px}.editor h2,.editor h3,.editor .note,.editor button{grid-column:1/-1}.editor label{display:grid;gap:5px;color:var(--txt3);font-size:11px}.editor input,.editor select{width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:8px;color:var(--txt);padding:8px}.routing-grid>div>h2{margin-top:0}.table-wrap{overflow:auto}.mono{font-family:var(--mono);font-size:11px}@media(max-width:850px){.summary{grid-template-columns:repeat(2,1fr)}.split,.routing-grid{grid-template-columns:1fr}.editor{position:static}}@media(max-width:520px){.summary{grid-template-columns:1fr}.editor{grid-template-columns:1fr}.editor>*{grid-column:1!important}} </style></body></html>
package/dist/ui/operations/configuration.html CHANGED
@@ -1,5 +1,5 @@
1
- <!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="mtbuyxxsrp6arf"><meta name="title" content="stx Project"><meta name="description" content="A website built with stx templating engine"><meta property="og:title" content="stx Project"><meta property="og:description" content="A website built with stx templating engine"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="stx Project"><meta name="twitter:description" content="A website built with stx templating engine"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ts-cloud · Environment &amp; secrets</title><link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='3' y='3' width='26' height='26' rx='8' fill='%235a8be0'/%3E%3C/svg%3E"><link rel="preconnect" href="https://fonts.googleapis.com"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_stx/style.448ab192.css"> <script data-stx-runtime src="/_stx/runtime.dbee66d1.js"></script> <script data-stx-scoped>
2
- function __stx_setup_1787855444437_6() {
1
+ <!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="mtekc2s63mrzwt"><meta name="title" content="stx Project"><meta name="description" content="A website built with stx templating engine"><meta property="og:title" content="stx Project"><meta property="og:description" content="A website built with stx templating engine"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="stx Project"><meta name="twitter:description" content="A website built with stx templating engine"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ts-cloud · Environment &amp; secrets</title><link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='3' y='3' width='26' height='26' rx='8' fill='%235a8be0'/%3E%3C/svg%3E"><link rel="preconnect" href="https://fonts.googleapis.com"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_stx/style.448ab192.css"> <script data-stx-runtime src="/_stx/runtime.dbee66d1.js"></script> <script data-stx-scoped>
2
+ function __stx_setup_1788018980032_7() {
3
3
  const { batch, computed, configureFetch, defineEmits, defineExpose, definePageMeta, defineProps, defineSlots, defineStore, derived, effect, goBack, goForward, inject, invalidateRoute, isDerived, isSignal, navigate, nextTick, onBeforeMount, onBeforeUnmount, onDestroy, onMount, onMounted, onUnmounted, peek, provide, reactive, ref, refresh, registerStoresClient, setRouteParams, state, untrack, useAsync, useClickOutside, useColorMode, useCookie, useCounter, useDark, useDebounce, useDebouncedValue, useEventListener, useFetch, useFocus, useHead, useId, useInterval, useLocalStorage, useMediaQuery, useMutation, useOptimistic, usePreferredContrast, usePreferredDark, usePreferredLight, usePreferredReducedMotion, useQuery, useReactiveProp, useRef, useRoute, useRouteParam, useRouteParams, useScrollLock, useSearchParams, useSeoMeta, useSessionStorage, useSlots, useStore, useThrottle, useTimeout, useToggle, useWebSocket, watch, watchEffect, watchMultiple, withDefaults } = window.stx;
4
4
 
5
5
  const entries = state([]);
@@ -266,9 +266,9 @@ onMount(() => {
266
266
 
267
267
  return { entries, effectiveEntries, scopeProject, environments, resources, functions, previews, warnings, configurationHash, tab, scopeType, scopeId, search, effective, selected, notice, error, busy, plan, editorOpen, importOpen, dotenvSource, secretKeys, currentEnv, endpoint, api, scopeContext, chooseDefault, changeScope, load, shown, selectTab, toggle, allSelected, when, scopeLabel, formData, previewChange, save, reveal, removeEntry, bulkDelete, transfer, importDotenv, exportVariables, searchTimer, searchChanged };
268
268
  }
269
- window.__stx_latestSetup=__stx_setup_1787855444437_6;
270
- if(window.stx)window.stx._latestSetup=__stx_setup_1787855444437_6;
271
- </script> <style data-stx-cloak>[x-cloak]{display:none !important}</style><link data-crosswind="generated" rel="stylesheet" href="/_stx/crosswind.906ee17c.css"></head><body data-stx="__stx_setup_1787855444437_6"><a data-stx-scope="stx_scope_nav_9" class="skip-link" href="#main-content">Skip to content</a><button class="nav-toggle-button" type="button" aria-label="Open navigation" aria-controls="primary-navigation" aria-expanded="false"><span></span><span></span><span></span></button><button class="nav-scrim" type="button" aria-label="Close navigation"></button><aside class="app-sidebar" id="primary-navigation" aria-label="Primary navigation"><a class="brand" href="/?env=production"><span class="dot"></span><span>ts-cloud</span></a><div class="sidebar-context"><span class="context-label">Project</span><strong>Project</strong></div><div class="environment-picker" aria-label="Environment"><span class="context-label">Environment</span><details><summary class="environment-current production"><span>PROD</span><strong>production</strong></summary></details></div><button class="command-trigger" type="button" aria-keyshortcuts="Meta+K Control+K"><span>Search resources</span><kbd>⌘ K</kbd></button><div class="nav-groups"><section class="nav-group"><h2>Overview</h2><a class="" href="/?env=production">Dashboard</a><a href="/server/activity?env=production">Activity</a></section><section class="nav-group"><h2>Applications</h2><a class="" href="/server/sites?env=production">Services</a><a class="" href="/server/deployments?env=production">Deployments</a><a class="" href="/server/logs?env=production">Logs</a><a class="" href="/integrations?env=production">Git integrations</a><a class="" href="/applications/new?env=production">Create application</a><a class="" href="/applications/compose?env=production">Compose applications</a></section><section class="nav-group"><h2>Operations</h2><a class="" href="/operations/queue?env=production">Deployment queue</a><a class="" href="/operations/previews?env=production">Preview environments</a><a class="" href="/operations/releases?env=production">Releases & promotion</a><a class="" href="/operations/regions?env=production">Regions & failover</a><a class="" href="/operations/maintenance?env=production">Maintenance & DR</a><a class="" href="/operations/workloads?env=production">Workloads</a><a class="" href="/operations/observability?env=production">Observability</a><a class="" href="/operations/alerts?env=production">Alerts & health</a><a class="" href="/operations/spend?env=production">Spend & budgets</a><a href="/server/metrics?env=production">Metrics</a><a href="/server/services?env=production">Runtime services</a><a class="" href="/operations/jobs?env=production">Workers & schedules</a><a class="active" href="/operations/configuration?env=production">Environment &amp; secrets</a><a class="" href="/data/backups?env=production">Backups &amp; recovery</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/actions?env=production">Run operations</a></section><section class="nav-group"><h2>Infrastructure</h2><a class="" href="/infrastructure/topology?env=production">Infrastructure map</a><a class="" href="/data/services?env=production">Data services</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/firewall?env=production">Network & firewall</a><a href="/server/ssh-keys?env=production">SSH keys</a><a class="" href="/server/fleet?env=production">Fleet inventory</a><a class="" href="/server/capacity?env=production">Capacity & placement</a><a href="/security?env=production">Security posture</a><a href="/server/terminal?env=production">Terminal</a></section><section class="nav-group"><h2>Organization</h2><a class="" href="/server/team?env=production">People & access</a><a class="" href="/account/automation?env=production">API & automation</a></section><section class="nav-group"><h2>Account</h2><a class="" href="/account/security?env=production">Sign-in & security</a></section></div><form method="post" action="/api/logout" class="signout"><button type="submit">Sign out</button></form></aside><dialog class="command-palette" aria-labelledby="command-title"><div class="command-search"><span aria-hidden="true">⌕</span><input type="search" placeholder="Search services, domains, deployments…" aria-label="Search resources" autocomplete="off"><button type="button" class="command-close" aria-label="Close search">Esc</button></div><h2 id="command-title" class="sr-only">Search resources and navigation</h2><div class="command-status" role="status">Start typing to search this project.</div><section class="saved-views" aria-labelledby="saved-views-title"><div class="saved-views-heading"><h3 id="saved-views-title">Saved views</h3><form class="save-view-form"><label class="sr-only" for="save-view-name">Saved view name</label><input id="save-view-name" maxlength="64" placeholder="Name this view" autocomplete="off"><button type="submit">Save current filters</button></form></div><div class="saved-view-list"></div></section><form class="tag-result-form"><label for="tag-result-name">Tag selected resource</label><input id="tag-result-name" maxlength="32" placeholder="customer-facing" pattern="[A-Za-z0-9][A-Za-z0-9 -]{0,31}" autocomplete="off"><input class="tag-color" type="color" value="#5a8be0" aria-label="Tag color"><button type="submit">Add tag</button></form><div class="command-results" role="listbox" aria-label="Search results"></div><footer><span>↑ ↓ navigate</span><span>Enter open</span><span>Esc close</span></footer></dialog><div class="context-bar" aria-label="Current scope"><div class="context-path"><div class="context-breadcrumb"><span>Project</span><i>/</i><strong>production</strong></div><div class="context-filters" aria-label="Active filters"></div></div><span class="scope-safety production">Production scope</span></div> <script data-stx-scoped data-stx-run="always">
269
+ window.__stx_latestSetup=__stx_setup_1788018980032_7;
270
+ if(window.stx)window.stx._latestSetup=__stx_setup_1788018980032_7;
271
+ </script> <style data-stx-cloak>[x-cloak]{display:none !important}</style><link data-crosswind="generated" rel="stylesheet" href="/_stx/crosswind.906ee17c.css"></head><body data-stx="__stx_setup_1788018980032_7"><a data-stx-scope="stx_scope_nav_10" class="skip-link" href="#main-content">Skip to content</a><button class="nav-toggle-button" type="button" aria-label="Open navigation" aria-controls="primary-navigation" aria-expanded="false"><span></span><span></span><span></span></button><button class="nav-scrim" type="button" aria-label="Close navigation"></button><aside class="app-sidebar" id="primary-navigation" aria-label="Primary navigation"><a class="brand" href="/?env=production"><span class="dot"></span><span>ts-cloud</span></a><div class="sidebar-context"><span class="context-label">Project</span><strong>Project</strong></div><div class="environment-picker" aria-label="Environment"><span class="context-label">Environment</span><details><summary class="environment-current production"><span>PROD</span><strong>production</strong></summary></details></div><button class="command-trigger" type="button" aria-keyshortcuts="Meta+K Control+K"><span>Search resources</span><kbd>⌘ K</kbd></button><div class="nav-groups"><section class="nav-group"><h2>Overview</h2><a class="" href="/?env=production">Dashboard</a><a href="/server/activity?env=production">Activity</a></section><section class="nav-group"><h2>Applications</h2><a class="" href="/server/sites?env=production">Services</a><a class="" href="/server/deployments?env=production">Deployments</a><a class="" href="/server/logs?env=production">Logs</a><a class="" href="/integrations?env=production">Git integrations</a><a class="" href="/applications/new?env=production">Create application</a><a class="" href="/applications/compose?env=production">Compose applications</a></section><section class="nav-group"><h2>Operations</h2><a class="" href="/operations/queue?env=production">Deployment queue</a><a class="" href="/operations/previews?env=production">Preview environments</a><a class="" href="/operations/releases?env=production">Releases & promotion</a><a class="" href="/operations/regions?env=production">Regions & failover</a><a class="" href="/operations/maintenance?env=production">Maintenance & DR</a><a class="" href="/operations/workloads?env=production">Workloads</a><a class="" href="/operations/observability?env=production">Observability</a><a class="" href="/operations/alerts?env=production">Alerts & health</a><a class="" href="/operations/spend?env=production">Spend & budgets</a><a href="/server/metrics?env=production">Metrics</a><a href="/server/services?env=production">Runtime services</a><a class="" href="/operations/jobs?env=production">Workers & schedules</a><a class="active" href="/operations/configuration?env=production">Environment &amp; secrets</a><a class="" href="/data/backups?env=production">Backups &amp; recovery</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/actions?env=production">Run operations</a></section><section class="nav-group"><h2>Infrastructure</h2><a class="" href="/infrastructure/topology?env=production">Infrastructure map</a><a class="" href="/data/services?env=production">Data services</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/firewall?env=production">Network & firewall</a><a href="/server/ssh-keys?env=production">SSH keys</a><a class="" href="/server/fleet?env=production">Fleet inventory</a><a class="" href="/server/capacity?env=production">Capacity & placement</a><a href="/security?env=production">Security posture</a><a href="/server/terminal?env=production">Terminal</a></section><section class="nav-group"><h2>Organization</h2><a class="" href="/server/team?env=production">People & access</a><a class="" href="/account/automation?env=production">API & automation</a></section><section class="nav-group"><h2>Account</h2><a class="" href="/account/security?env=production">Sign-in & security</a></section></div><form method="post" action="/api/logout" class="signout"><button type="submit">Sign out</button></form></aside><dialog class="command-palette" aria-labelledby="command-title"><div class="command-search"><span aria-hidden="true">⌕</span><input type="search" placeholder="Search services, domains, deployments…" aria-label="Search resources" autocomplete="off"><button type="button" class="command-close" aria-label="Close search">Esc</button></div><h2 id="command-title" class="sr-only">Search resources and navigation</h2><div class="command-status" role="status">Start typing to search this project.</div><section class="saved-views" aria-labelledby="saved-views-title"><div class="saved-views-heading"><h3 id="saved-views-title">Saved views</h3><form class="save-view-form"><label class="sr-only" for="save-view-name">Saved view name</label><input id="save-view-name" maxlength="64" placeholder="Name this view" autocomplete="off"><button type="submit">Save current filters</button></form></div><div class="saved-view-list"></div></section><form class="tag-result-form"><label for="tag-result-name">Tag selected resource</label><input id="tag-result-name" maxlength="32" placeholder="customer-facing" pattern="[A-Za-z0-9][A-Za-z0-9 -]{0,31}" autocomplete="off"><input class="tag-color" type="color" value="#5a8be0" aria-label="Tag color"><button type="submit">Add tag</button></form><div class="command-results" role="listbox" aria-label="Search results"></div><footer><span>↑ ↓ navigate</span><span>Enter open</span><span>Esc close</span></footer></dialog><div class="context-bar" aria-label="Current scope"><div class="context-path"><div class="context-breadcrumb"><span>Project</span><i>/</i><strong>production</strong></div><div class="context-filters" aria-label="Active filters"></div></div><span class="scope-safety production">Production scope</span></div> <script data-stx-scoped data-stx-run="always">
272
272
  (function() {
273
273
  var { batch, computed, configureFetch, defineEmits, defineExpose, definePageMeta, defineProps, defineSlots, defineStore, derived, effect, goBack, goForward, inject, invalidateRoute, isDerived, isSignal, navigate, nextTick, onBeforeMount, onBeforeUnmount, onDestroy, onMount, onMounted, onUnmounted, peek, provide, reactive, ref, refresh, registerStoresClient, setRouteParams, state, untrack, useAsync, useClickOutside, useColorMode, useCookie, useCounter, useDark, useDebounce, useDebouncedValue, useEventListener, useFetch, useFocus, useHead, useId, useInterval, useLocalStorage, useMediaQuery, useMutation, useOptimistic, usePreferredContrast, usePreferredDark, usePreferredLight, usePreferredReducedMotion, useQuery, useReactiveProp, useRef, useRoute, useRouteParam, useRouteParams, useScrollLock, useSearchParams, useSeoMeta, useSessionStorage, useSlots, useStore, useThrottle, useTimeout, useToggle, useWebSocket, watch, watchEffect, watchMultiple, withDefaults } = window.stx;
274
274
  var __destroyHooks = [];
@@ -619,6 +619,6 @@ if(window.stx)window.stx._latestSetup=__stx_setup_1787855444437_6;
619
619
 
620
620
 
621
621
  try { if (typeof __stxScopeRenames !== 'undefined' && __stxScopeRenames) { for (var __stxRK in __stxScopeRenames) __scopeRegistration[__stxRK] = __stxScopeRenames[__stxRK]; } } catch (e) { /* no renames */ }
622
- window.stx._scopes['stx_scope_nav_9'] = __scopeRegistration;
622
+ window.stx._scopes['stx_scope_nav_10'] = __scopeRegistration;
623
623
  })();
624
624
  </script> <main class="configuration-wrap wrap" id="main-content"><div class="crumbs">Operations <span class="sep">/</span> Environment &amp; secrets</div><header class="page"><div><h1>Environment &amp; secrets</h1><p>Manage inherited runtime configuration across project, environment, service, and preview scopes from one deploy-safe control plane.</p></div><div class="header-actions"><button class="btn ghost" @click="importOpen.set(!importOpen())">Import .env</button><button class="btn ghost" @click="exportVariables()">Export variables</button><button class="btn" @click="editorOpen.set(!editorOpen())" x-cloak>New {{ tab() }}</button></div></header><p class="notice" role="status" @show="!!notice()" x-cloak>{{ notice() }}</p><p class="bad notice" role="alert" @show="!!error()" x-cloak>{{ error() }}</p><section class="panel scope-bar" aria-label="Configuration scope"><div><span class="eyebrow">Scope</span><div class="segmented"><button :class="{active:scopeType()==='project'}" @click="changeScope('project')">Project</button><button :class="{active:scopeType()==='environment'}" @click="changeScope('environment')">Environment</button><button :class="{active:scopeType()==='service'}" @click="changeScope('service')">Service</button><button :class="{active:scopeType()==='function'}" @click="changeScope('function')">Function</button><button :class="{active:scopeType()==='preview'}" @click="changeScope('preview')">Preview</button></div></div><label @show="scopeType()==='project'" x-cloak><span>Target</span><select :value="scopeId()" @change="scopeId.set($event.currentTarget.value);selected.set([]);load()"><option :value="scopeProject()?.id">{{ scopeProject()?.name || 'Project' }}</option></select></label><label @show="scopeType()==='environment'" x-cloak><span>Target environment</span><select :value="scopeId()" @change="scopeId.set($event.currentTarget.value);selected.set([]);load()"><template :for="item in environments()"><option :value="item.id">{{ item.name || item.slug }}</option></template></select></label><label @show="scopeType()==='service'" x-cloak><span>Target service</span><select :value="scopeId()" @change="scopeId.set($event.currentTarget.value);selected.set([]);load()"><template :for="item in resources()"><option :value="item.id">{{ item.name || item.slug }}</option></template></select></label><label @show="scopeType()==='function'" x-cloak><span>Target function</span><select :value="scopeId()" @change="scopeId.set($event.currentTarget.value);selected.set([]);load()"><template :for="item in functions()"><option :value="item.id">{{ item.name || item.slug }}</option></template></select></label><label @show="scopeType()==='preview'" x-cloak><span>Target preview</span><select :value="scopeId()" @change="scopeId.set($event.currentTarget.value);selected.set([]);load()"><template :for="item in previews()"><option :value="item.id">{{ item.name }} · {{ item.status }}</option></template></select></label><div class="scope-health" x-cloak><span class="pill" :class="warnings().length?'warn':'ok'" x-cloak>{{ warnings().length ? warnings().length+' warning(s)' : 'references healthy' }}</span><code :title="configurationHash()" x-cloak>{{ configurationHash().slice(0,18) || 'not resolved' }}</code></div></section><section class="import-panel panel" @show="importOpen()" x-cloak><div><h2>Import dotenv</h2><p class="note">Paste or upload content. Conflicting duplicates stop the import; the preview and audit trail contain key names only.</p></div><form @submit="importDotenv($event)"><label>Dotenv content<textarea required rows="8" class="mono" :value="dotenvSource()" @input="dotenvSource.set($event.currentTarget.value)" placeholder="PUBLIC_URL=https://example.com&#10;DATABASE_URL=..."></textarea></label><label>Secret keys <input :value="secretKeys()" @input="secretKeys.set($event.currentTarget.value)" placeholder="DATABASE_URL, API_TOKEN"><span>Comma-separated. All other keys are plaintext variables and may be exported.</span></label><button class="btn" :disabled="busy()">Validate &amp; import</button></form></section><section class="editor-panel panel" @show="editorOpen()" x-cloak><form @submit="save($event)"><div x-cloak><h2 x-cloak>Set {{ tab() }}</h2><p class="note">Existing production values require typed confirmation. Secret values are write-only.</p></div><label>Key<input name="key" required pattern="[A-Za-z_][A-Za-z0-9_]*" placeholder="DATABASE_URL" autocomplete="off"></label><label @show="tab()==='secret'" x-cloak>Backend<select name="backend"><option value="local_encrypted">Encrypted local/box</option><option value="aws_secrets_manager">AWS Secrets Manager</option><option value="aws_ssm">AWS SSM Parameter Store</option><option value="external">External reference</option></select></label><label class="wide" x-cloak>{{ tab()==='secret'?'Value (write-only)':'Value' }}<textarea name="value" rows="3" :type="tab()==='secret'?'password':'text'" placeholder="Value, including multiline content"></textarea></label><label class="wide" @show="tab()==='secret'" x-cloak>External reference<input name="reference" placeholder="vault://team/app/token"><span>Used only when External reference is selected.</span></label><label class="check"><input name="required" type="checkbox"> Required at deployment</label><div class="actions"><button class="btn ghost" type="button" @click="previewChange($event.currentTarget.form)">Preview key diff</button><button class="btn" type="submit" :disabled="busy()" x-cloak>Save {{ tab() }}</button></div></form><div class="change-plan" @show="!!plan()" x-cloak><h3>Change preview</h3><p x-cloak><b x-cloak>{{ plan()?.added.length || 0 }}</b> add · <b x-cloak>{{ plan()?.changed.length || 0 }}</b> change · <b x-cloak>{{ plan()?.removed.length || 0 }}</b> remove · <b x-cloak>{{ plan()?.affectedResourceIds.length || 0 }}</b> affected services</p><code x-cloak>{{ [...(plan()?.added||[]),...(plan()?.changed||[]),...(plan()?.removed||[])].join(', ') }}</code></div></section><nav class="tabs" aria-label="Configuration kind" x-cloak><button :class="{active:tab()==='variable'}" @click="selectTab('variable')" x-cloak>Variables <span x-cloak>{{ entries().filter(item=>item.kind==='variable').length }}</span></button><button :class="{active:tab()==='secret'}" @click="selectTab('secret')" x-cloak>Secrets <span x-cloak>{{ entries().filter(item=>item.kind==='secret').length }}</span></button></nav><section class="panel table-tools"><input type="search" placeholder="Search keys" aria-label="Search configuration" @input="searchChanged($event.currentTarget.value)"><label class="check"><input type="checkbox" :checked="effective()" @change="effective.set($event.currentTarget.checked)"> Show inherited effective values</label><span class="spacer"></span><button class="btn danger sm" @show="selected().length" @click="bulkDelete()" x-cloak>Delete {{ selected().length }} selected</button><button class="btn ghost sm" @click="load()">Refresh</button></section><section class="config-table panel"><table><thead><tr><th scope="col"><input type="checkbox" aria-label="Select all" @change="allSelected()"></th><th scope="col">Key</th><th scope="col">Scope &amp; precedence</th><th scope="col" x-cloak>{{ tab()==='secret'?'Backend':'Value' }}</th><th scope="col">Use &amp; rotation</th><th scope="col" class="table-actions">Actions</th></tr></thead><tbody><template :for="item in shown()"><tr><td><input type="checkbox" :checked="selected().includes(item.id)" :disabled="item.inherited" :aria-label="'Select '+item.key" @change="toggle(item.id)"></td><td x-cloak><div class="key-cell" x-cloak><code x-cloak>{{ item.key }}</code><span class="pill" @show="item.required" x-cloak>required</span><span class="pill warn" @show="item.inherited" x-cloak>inherited</span><span class="pill" @show="item.overridden" x-cloak>overrides</span></div></td><td x-cloak><b x-cloak>{{ scopeLabel(item) }}</b><small x-cloak>{{ item.scope.type }} · v{{ item.version }}</small></td><td x-cloak><div @show="item.kind==='secret'" x-cloak><b x-cloak>{{ item.backend || 'restricted' }}</b><small x-cloak>{{ item.backendVersion ? 'backend v'+item.backendVersion : 'metadata hidden' }}</small><code @show="!!item.reference" x-cloak>{{ item.reference }}</code></div><code class="value-preview" @show="item.kind==='variable'" x-cloak>{{ item.value }}</code></td><td x-cloak><b x-cloak>{{ item.rotatedAt ? 'Rotated '+when(item.rotatedAt) : 'Not rotated' }}</b><small x-cloak>Last used {{ when(item.lastUsedAt) }}</small><small x-cloak>Updated {{ when(item.updatedAt) }}</small></td><td class="table-actions"><div class="row-actions"><button class="btn ghost sm" @show="item.kind==='secret'" @click="reveal(item)" x-cloak>Reveal &amp; copy</button><button class="btn ghost sm" @show="!item.inherited" @click="transfer(item)" x-cloak>Move / copy</button><button class="btn danger sm" @show="!item.inherited" @click="removeEntry(item)" x-cloak>Delete</button></div></td></tr></template><tr @show="!shown().length" x-cloak><td colspan="6" x-cloak><div class="compact empty" x-cloak><strong x-cloak>No {{ tab() }}s at this scope</strong><span>Create one here, import dotenv, or enable the inherited view.</span></div></td></tr></tbody></table></section><aside class="warning-list" @show="warnings().length" x-cloak><h2>Deployment warnings</h2><template :for="warning in warnings()"><p class="notice warn" x-cloak><code x-cloak>{{ warning.key || 'scope' }}</code> {{ warning.message }}</p></template></aside></main><style> .configuration-wrap{max-width:1500px}.scope-bar{display:grid;grid-template-columns:1.4fr 1fr auto;gap:24px;align-items:end}.eyebrow,.scope-bar label span{display:block;color:var(--txt3);font-size:12px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em}.segmented{display:flex;gap:4px;background:var(--bg);padding:4px;border-radius:8px;width:max-content}.segmented button{border:0;background:transparent;color:var(--txt3);padding:8px 12px;border-radius:6px}.segmented button.active{background:var(--panel2);color:var(--txt)}.scope-bar select{min-width:240px;background:var(--bg)!important;color:var(--txt)!important;border:1px solid var(--line)!important}.scope-health{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.import-panel,.editor-panel{margin-top:18px;padding:22px;display:grid;grid-template-columns:minmax(240px,.7fr) minmax(420px,1.3fr);gap:28px}.import-panel form,.editor-panel form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.import-panel label:first-child,.wide{grid-column:1/-1}.editor-panel>form>div:first-child{grid-column:1/-1}.editor-panel label,.import-panel label{display:flex;flex-direction:column;gap:7px}.editor-panel label span,.import-panel label span{color:var(--txt3);font-size:12px}.change-plan{border-left:1px solid var(--line);padding-left:24px}.tabs{display:flex;gap:4px;margin-top:22px;border-bottom:1px solid var(--line)}.tabs button{border:0;background:transparent;color:var(--txt3);padding:12px 16px;border-bottom:2px solid transparent}.tabs button.active{color:var(--txt);border-bottom-color:var(--accent)}.tabs button span{opacity:.6}.table-tools{display:flex;gap:16px;align-items:center;padding:12px 16px;border-radius:0}.table-tools input[type=search]{max-width:360px}.spacer{flex:1}.config-table{overflow:auto;border-top-left-radius:0;border-top-right-radius:0}.config-table table{min-width:1100px}.config-table td{vertical-align:top}.config-table td:nth-child(3),.config-table td:nth-child(4),.config-table td:nth-child(5){display:table-cell}.config-table td b,.config-table td small,.config-table td code{display:block;margin-bottom:5px}.key-cell{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.key-cell code{font-weight:700;margin:0}.value-preview{max-width:320px;white-space:pre-wrap;overflow-wrap:anywhere}.row-actions{flex-wrap:wrap}.warning-list{margin-top:20px}.check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important}.actions{display:flex;gap:10px;align-items:end}@media(max-width:900px){.scope-bar,.import-panel,.editor-panel{grid-template-columns:1fr}.scope-health{align-items:flex-start}.import-panel form,.editor-panel form{grid-template-columns:1fr}.config-table{overflow-x:auto}} </style></body></html>
package/dist/ui/operations/jobs.html CHANGED
@@ -1,5 +1,5 @@
1
- <!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="mtbuyxxsrp6arf"><meta name="title" content="stx Project"><meta name="description" content="A website built with stx templating engine"><meta property="og:title" content="stx Project"><meta property="og:description" content="A website built with stx templating engine"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="stx Project"><meta name="twitter:description" content="A website built with stx templating engine"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ts-cloud · Workers &amp; schedules</title><link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='3' y='3' width='26' height='26' rx='8' fill='%235a8be0'/%3E%3C/svg%3E"><link rel="preconnect" href="https://fonts.googleapis.com"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_stx/style.448ab192.css"> <script data-stx-runtime src="/_stx/runtime.dbee66d1.js"></script> <script data-stx-composables src="/_stx/chunk.5ddb5087.js"></script> <script data-stx-scoped>
2
- function __stx_setup_1787855445700_8() {
1
+ <!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="mtekc2s63mrzwt"><meta name="title" content="stx Project"><meta name="description" content="A website built with stx templating engine"><meta property="og:title" content="stx Project"><meta property="og:description" content="A website built with stx templating engine"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="stx Project"><meta name="twitter:description" content="A website built with stx templating engine"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ts-cloud · Workers &amp; schedules</title><link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='3' y='3' width='26' height='26' rx='8' fill='%235a8be0'/%3E%3C/svg%3E"><link rel="preconnect" href="https://fonts.googleapis.com"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_stx/style.448ab192.css"> <script data-stx-runtime src="/_stx/runtime.dbee66d1.js"></script> <script data-stx-composables src="/_stx/chunk.5ddb5087.js"></script> <script data-stx-scoped>
2
+ function __stx_setup_1788018981018_8() {
3
3
  const { batch, computed, configureFetch, defineEmits, defineExpose, definePageMeta, defineProps, defineSlots, defineStore, derived, effect, goBack, goForward, inject, invalidateRoute, isDerived, isSignal, navigate, nextTick, onBeforeMount, onBeforeUnmount, onDestroy, onMount, onMounted, onUnmounted, peek, provide, reactive, ref, registerStoresClient, setRouteParams, state, untrack, useAsync, useClickOutside, useColorMode, useCookie, useCounter, useDark, useDebounce, useDebouncedValue, useEventListener, useFetch, useFocus, useHead, useId, useInterval, useLocalStorage, useMediaQuery, useMutation, useOptimistic, usePreferredContrast, usePreferredDark, usePreferredLight, usePreferredReducedMotion, useQuery, useReactiveProp, useRef, useRoute, useRouteParam, useRouteParams, useScrollLock, useSearchParams, useSeoMeta, useSessionStorage, useSlots, useStore, useThrottle, useTimeout, useToggle, useWebSocket, watch, watchEffect, watchMultiple, withDefaults } = window.stx;
4
4
 
5
5
  var actionError = undefined;
@@ -315,9 +315,9 @@ when = __stxBundle_da87383c4b96["when"];
315
315
  workers = __stxBundle_da87383c4b96["workers"];
316
316
  return { actionError, api, busy, createJob, duration, editJob, filteredJobs, formBody, history, jobAction, jobs, lastUpdatedAt, load, mode, notice, operations, pollingError, pollingState, preview, previewForm, previewTimer, providerFilter, queuePreview, reconcile, refresh, restartWorker, search, selectedJob, setPreset, showHistory, statusFilter, tab, tone, when, workers, __stxBundle_da87383c4b96 };
317
317
  }
318
- window.__stx_latestSetup=__stx_setup_1787855445700_8;
319
- if(window.stx)window.stx._latestSetup=__stx_setup_1787855445700_8;
320
- </script> <style data-stx-cloak>[x-cloak]{display:none !important}</style><link data-crosswind="generated" rel="stylesheet" href="/_stx/crosswind.906ee17c.css"></head><body data-stx="__stx_setup_1787855445700_8"><a data-stx-scope="stx_scope_nav_11" class="skip-link" href="#main-content">Skip to content</a><button class="nav-toggle-button" type="button" aria-label="Open navigation" aria-controls="primary-navigation" aria-expanded="false"><span></span><span></span><span></span></button><button class="nav-scrim" type="button" aria-label="Close navigation"></button><aside class="app-sidebar" id="primary-navigation" aria-label="Primary navigation"><a class="brand" href="/?env=production"><span class="dot"></span><span>ts-cloud</span></a><div class="sidebar-context"><span class="context-label">Project</span><strong>Project</strong></div><div class="environment-picker" aria-label="Environment"><span class="context-label">Environment</span><details><summary class="environment-current production"><span>PROD</span><strong>production</strong></summary></details></div><button class="command-trigger" type="button" aria-keyshortcuts="Meta+K Control+K"><span>Search resources</span><kbd>⌘ K</kbd></button><div class="nav-groups"><section class="nav-group"><h2>Overview</h2><a class="" href="/?env=production">Dashboard</a><a href="/server/activity?env=production">Activity</a></section><section class="nav-group"><h2>Applications</h2><a class="" href="/server/sites?env=production">Services</a><a class="" href="/server/deployments?env=production">Deployments</a><a class="" href="/server/logs?env=production">Logs</a><a class="" href="/integrations?env=production">Git integrations</a><a class="" href="/applications/new?env=production">Create application</a><a class="" href="/applications/compose?env=production">Compose applications</a></section><section class="nav-group"><h2>Operations</h2><a class="" href="/operations/queue?env=production">Deployment queue</a><a class="" href="/operations/previews?env=production">Preview environments</a><a class="" href="/operations/releases?env=production">Releases & promotion</a><a class="" href="/operations/regions?env=production">Regions & failover</a><a class="" href="/operations/maintenance?env=production">Maintenance & DR</a><a class="" href="/operations/workloads?env=production">Workloads</a><a class="" href="/operations/observability?env=production">Observability</a><a class="" href="/operations/alerts?env=production">Alerts & health</a><a class="" href="/operations/spend?env=production">Spend & budgets</a><a href="/server/metrics?env=production">Metrics</a><a href="/server/services?env=production">Runtime services</a><a class="active" href="/operations/jobs?env=production">Workers & schedules</a><a class="" href="/operations/configuration?env=production">Environment &amp; secrets</a><a class="" href="/data/backups?env=production">Backups &amp; recovery</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/actions?env=production">Run operations</a></section><section class="nav-group"><h2>Infrastructure</h2><a class="" href="/infrastructure/topology?env=production">Infrastructure map</a><a class="" href="/data/services?env=production">Data services</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/firewall?env=production">Network & firewall</a><a href="/server/ssh-keys?env=production">SSH keys</a><a class="" href="/server/fleet?env=production">Fleet inventory</a><a class="" href="/server/capacity?env=production">Capacity & placement</a><a href="/security?env=production">Security posture</a><a href="/server/terminal?env=production">Terminal</a></section><section class="nav-group"><h2>Organization</h2><a class="" href="/server/team?env=production">People & access</a><a class="" href="/account/automation?env=production">API & automation</a></section><section class="nav-group"><h2>Account</h2><a class="" href="/account/security?env=production">Sign-in & security</a></section></div><form method="post" action="/api/logout" class="signout"><button type="submit">Sign out</button></form></aside><dialog class="command-palette" aria-labelledby="command-title"><div class="command-search"><span aria-hidden="true">⌕</span><input type="search" placeholder="Search services, domains, deployments…" aria-label="Search resources" autocomplete="off"><button type="button" class="command-close" aria-label="Close search">Esc</button></div><h2 id="command-title" class="sr-only">Search resources and navigation</h2><div class="command-status" role="status">Start typing to search this project.</div><section class="saved-views" aria-labelledby="saved-views-title"><div class="saved-views-heading"><h3 id="saved-views-title">Saved views</h3><form class="save-view-form"><label class="sr-only" for="save-view-name">Saved view name</label><input id="save-view-name" maxlength="64" placeholder="Name this view" autocomplete="off"><button type="submit">Save current filters</button></form></div><div class="saved-view-list"></div></section><form class="tag-result-form"><label for="tag-result-name">Tag selected resource</label><input id="tag-result-name" maxlength="32" placeholder="customer-facing" pattern="[A-Za-z0-9][A-Za-z0-9 -]{0,31}" autocomplete="off"><input class="tag-color" type="color" value="#5a8be0" aria-label="Tag color"><button type="submit">Add tag</button></form><div class="command-results" role="listbox" aria-label="Search results"></div><footer><span>↑ ↓ navigate</span><span>Enter open</span><span>Esc close</span></footer></dialog><div class="context-bar" aria-label="Current scope"><div class="context-path"><div class="context-breadcrumb"><span>Project</span><i>/</i><strong>production</strong></div><div class="context-filters" aria-label="Active filters"></div></div><span class="scope-safety production">Production scope</span></div> <script data-stx-scoped data-stx-run="always">
318
+ window.__stx_latestSetup=__stx_setup_1788018981018_8;
319
+ if(window.stx)window.stx._latestSetup=__stx_setup_1788018981018_8;
320
+ </script> <style data-stx-cloak>[x-cloak]{display:none !important}</style><link data-crosswind="generated" rel="stylesheet" href="/_stx/crosswind.906ee17c.css"></head><body data-stx="__stx_setup_1788018981018_8"><a data-stx-scope="stx_scope_nav_11" class="skip-link" href="#main-content">Skip to content</a><button class="nav-toggle-button" type="button" aria-label="Open navigation" aria-controls="primary-navigation" aria-expanded="false"><span></span><span></span><span></span></button><button class="nav-scrim" type="button" aria-label="Close navigation"></button><aside class="app-sidebar" id="primary-navigation" aria-label="Primary navigation"><a class="brand" href="/?env=production"><span class="dot"></span><span>ts-cloud</span></a><div class="sidebar-context"><span class="context-label">Project</span><strong>Project</strong></div><div class="environment-picker" aria-label="Environment"><span class="context-label">Environment</span><details><summary class="environment-current production"><span>PROD</span><strong>production</strong></summary></details></div><button class="command-trigger" type="button" aria-keyshortcuts="Meta+K Control+K"><span>Search resources</span><kbd>⌘ K</kbd></button><div class="nav-groups"><section class="nav-group"><h2>Overview</h2><a class="" href="/?env=production">Dashboard</a><a href="/server/activity?env=production">Activity</a></section><section class="nav-group"><h2>Applications</h2><a class="" href="/server/sites?env=production">Services</a><a class="" href="/server/deployments?env=production">Deployments</a><a class="" href="/server/logs?env=production">Logs</a><a class="" href="/integrations?env=production">Git integrations</a><a class="" href="/applications/new?env=production">Create application</a><a class="" href="/applications/compose?env=production">Compose applications</a></section><section class="nav-group"><h2>Operations</h2><a class="" href="/operations/queue?env=production">Deployment queue</a><a class="" href="/operations/previews?env=production">Preview environments</a><a class="" href="/operations/releases?env=production">Releases & promotion</a><a class="" href="/operations/regions?env=production">Regions & failover</a><a class="" href="/operations/maintenance?env=production">Maintenance & DR</a><a class="" href="/operations/workloads?env=production">Workloads</a><a class="" href="/operations/observability?env=production">Observability</a><a class="" href="/operations/alerts?env=production">Alerts & health</a><a class="" href="/operations/spend?env=production">Spend & budgets</a><a href="/server/metrics?env=production">Metrics</a><a href="/server/services?env=production">Runtime services</a><a class="active" href="/operations/jobs?env=production">Workers & schedules</a><a class="" href="/operations/configuration?env=production">Environment &amp; secrets</a><a class="" href="/data/backups?env=production">Backups &amp; recovery</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/actions?env=production">Run operations</a></section><section class="nav-group"><h2>Infrastructure</h2><a class="" href="/infrastructure/topology?env=production">Infrastructure map</a><a class="" href="/data/services?env=production">Data services</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/firewall?env=production">Network & firewall</a><a href="/server/ssh-keys?env=production">SSH keys</a><a class="" href="/server/fleet?env=production">Fleet inventory</a><a class="" href="/server/capacity?env=production">Capacity & placement</a><a href="/security?env=production">Security posture</a><a href="/server/terminal?env=production">Terminal</a></section><section class="nav-group"><h2>Organization</h2><a class="" href="/server/team?env=production">People & access</a><a class="" href="/account/automation?env=production">API & automation</a></section><section class="nav-group"><h2>Account</h2><a class="" href="/account/security?env=production">Sign-in & security</a></section></div><form method="post" action="/api/logout" class="signout"><button type="submit">Sign out</button></form></aside><dialog class="command-palette" aria-labelledby="command-title"><div class="command-search"><span aria-hidden="true">⌕</span><input type="search" placeholder="Search services, domains, deployments…" aria-label="Search resources" autocomplete="off"><button type="button" class="command-close" aria-label="Close search">Esc</button></div><h2 id="command-title" class="sr-only">Search resources and navigation</h2><div class="command-status" role="status">Start typing to search this project.</div><section class="saved-views" aria-labelledby="saved-views-title"><div class="saved-views-heading"><h3 id="saved-views-title">Saved views</h3><form class="save-view-form"><label class="sr-only" for="save-view-name">Saved view name</label><input id="save-view-name" maxlength="64" placeholder="Name this view" autocomplete="off"><button type="submit">Save current filters</button></form></div><div class="saved-view-list"></div></section><form class="tag-result-form"><label for="tag-result-name">Tag selected resource</label><input id="tag-result-name" maxlength="32" placeholder="customer-facing" pattern="[A-Za-z0-9][A-Za-z0-9 -]{0,31}" autocomplete="off"><input class="tag-color" type="color" value="#5a8be0" aria-label="Tag color"><button type="submit">Add tag</button></form><div class="command-results" role="listbox" aria-label="Search results"></div><footer><span>↑ ↓ navigate</span><span>Enter open</span><span>Esc close</span></footer></dialog><div class="context-bar" aria-label="Current scope"><div class="context-path"><div class="context-breadcrumb"><span>Project</span><i>/</i><strong>production</strong></div><div class="context-filters" aria-label="Active filters"></div></div><span class="scope-safety production">Production scope</span></div> <script data-stx-scoped data-stx-run="always">
321
321
  (function() {
322
322
  var { batch, computed, configureFetch, defineEmits, defineExpose, definePageMeta, defineProps, defineSlots, defineStore, derived, effect, goBack, goForward, inject, invalidateRoute, isDerived, isSignal, navigate, nextTick, onBeforeMount, onBeforeUnmount, onDestroy, onMount, onMounted, onUnmounted, peek, provide, reactive, ref, refresh, registerStoresClient, setRouteParams, state, untrack, useAsync, useClickOutside, useColorMode, useCookie, useCounter, useDark, useDebounce, useDebouncedValue, useEventListener, useFetch, useFocus, useHead, useId, useInterval, useLocalStorage, useMediaQuery, useMutation, useOptimistic, usePreferredContrast, usePreferredDark, usePreferredLight, usePreferredReducedMotion, useQuery, useReactiveProp, useRef, useRoute, useRouteParam, useRouteParams, useScrollLock, useSearchParams, useSeoMeta, useSessionStorage, useSlots, useStore, useThrottle, useTimeout, useToggle, useWebSocket, watch, watchEffect, watchMultiple, withDefaults } = window.stx;
323
323
  var __destroyHooks = [];
package/dist/ui/operations/maintenance.html CHANGED
@@ -1,5 +1,5 @@
1
- <!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="mtbuyxxsrp6arf"><meta name="title" content="stx Project"><meta name="description" content="A website built with stx templating engine"><meta property="og:title" content="stx Project"><meta property="og:description" content="A website built with stx templating engine"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="stx Project"><meta name="twitter:description" content="A website built with stx templating engine"> <script data-stx-runtime src="/_stx/runtime.dbee66d1.js"></script> <script data-stx-composables src="/_stx/chunk.5ddb5087.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ts-cloud · Maintenance &amp; disaster recovery</title><link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='3' y='3' width='26' height='26' rx='8' fill='%235a8be0'/%3E%3C/svg%3E"><link rel="preconnect" href="https://fonts.googleapis.com"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_stx/style.448ab192.css"> <script data-stx-scoped>
2
- function __stx_setup_1787855445849_15() {
1
+ <!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="mtekc2s63mrzwt"><meta name="title" content="stx Project"><meta name="description" content="A website built with stx templating engine"><meta property="og:title" content="stx Project"><meta property="og:description" content="A website built with stx templating engine"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="stx Project"><meta name="twitter:description" content="A website built with stx templating engine"> <script data-stx-runtime src="/_stx/runtime.dbee66d1.js"></script> <script data-stx-composables src="/_stx/chunk.5ddb5087.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ts-cloud · Maintenance &amp; disaster recovery</title><link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='3' y='3' width='26' height='26' rx='8' fill='%235a8be0'/%3E%3C/svg%3E"><link rel="preconnect" href="https://fonts.googleapis.com"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_stx/style.448ab192.css"> <script data-stx-scoped>
2
+ function __stx_setup_1788018981171_16() {
3
3
  const { batch, computed, configureFetch, defineEmits, defineExpose, definePageMeta, defineProps, defineSlots, defineStore, derived, effect, goBack, goForward, inject, invalidateRoute, isDerived, isSignal, navigate, nextTick, onBeforeMount, onBeforeUnmount, onDestroy, onMount, onMounted, onUnmounted, peek, provide, reactive, ref, registerStoresClient, setRouteParams, state, untrack, useAsync, useClickOutside, useColorMode, useCookie, useCounter, useDark, useDebounce, useDebouncedValue, useEventListener, useFetch, useFocus, useHead, useId, useInterval, useLocalStorage, useMediaQuery, useMutation, useOptimistic, usePreferredContrast, usePreferredDark, usePreferredLight, usePreferredReducedMotion, useQuery, useReactiveProp, useRef, useRoute, useRouteParam, useRouteParams, useScrollLock, useSearchParams, useSeoMeta, useSessionStorage, useSlots, useStore, useThrottle, useTimeout, useToggle, useWebSocket, watch, watchEffect, watchMultiple, withDefaults } = window.stx;
4
4
 
5
5
  const data = state({ manifests: [], windows: [], campaigns: [], cleanups: [], drills: [] }), tab = state("upgrades"), error = state(""), notice = state(""), busy = state(false);
@@ -60,9 +60,9 @@ function bytes(value) {
60
60
 
61
61
  return { data, api, load, pollingState, pollingError, lastUpdatedAt, refresh, post, preview, cleanup, drill, runDrill, tone, bytes };
62
62
  }
63
- window.__stx_latestSetup=__stx_setup_1787855445849_15;
64
- if(window.stx)window.stx._latestSetup=__stx_setup_1787855445849_15;
65
- </script> <style data-stx-cloak>[x-cloak]{display:none !important}</style><link data-crosswind="generated" rel="stylesheet" href="/_stx/crosswind.b7a99a5c.css"></head><body data-stx="__stx_setup_1787855445849_15"><a data-stx-scope="stx_scope_nav_19" class="skip-link" href="#main-content">Skip to content</a><button class="nav-toggle-button" type="button" aria-label="Open navigation" aria-controls="primary-navigation" aria-expanded="false"><span></span><span></span><span></span></button><button class="nav-scrim" type="button" aria-label="Close navigation"></button><aside class="app-sidebar" id="primary-navigation" aria-label="Primary navigation"><a class="brand" href="/?env=production"><span class="dot"></span><span>ts-cloud</span></a><div class="sidebar-context"><span class="context-label">Project</span><strong>Project</strong></div><div class="environment-picker" aria-label="Environment"><span class="context-label">Environment</span><details><summary class="environment-current production"><span>PROD</span><strong>production</strong></summary></details></div><button class="command-trigger" type="button" aria-keyshortcuts="Meta+K Control+K"><span>Search resources</span><kbd>⌘ K</kbd></button><div class="nav-groups"><section class="nav-group"><h2>Overview</h2><a class="" href="/?env=production">Dashboard</a><a href="/server/activity?env=production">Activity</a></section><section class="nav-group"><h2>Applications</h2><a class="" href="/server/sites?env=production">Services</a><a class="" href="/server/deployments?env=production">Deployments</a><a class="" href="/server/logs?env=production">Logs</a><a class="" href="/integrations?env=production">Git integrations</a><a class="" href="/applications/new?env=production">Create application</a><a class="" href="/applications/compose?env=production">Compose applications</a></section><section class="nav-group"><h2>Operations</h2><a class="" href="/operations/queue?env=production">Deployment queue</a><a class="" href="/operations/previews?env=production">Preview environments</a><a class="" href="/operations/releases?env=production">Releases & promotion</a><a class="" href="/operations/regions?env=production">Regions & failover</a><a class="active" href="/operations/maintenance?env=production">Maintenance & DR</a><a class="" href="/operations/workloads?env=production">Workloads</a><a class="" href="/operations/observability?env=production">Observability</a><a class="" href="/operations/alerts?env=production">Alerts & health</a><a class="" href="/operations/spend?env=production">Spend & budgets</a><a href="/server/metrics?env=production">Metrics</a><a href="/server/services?env=production">Runtime services</a><a class="" href="/operations/jobs?env=production">Workers & schedules</a><a class="" href="/operations/configuration?env=production">Environment &amp; secrets</a><a class="" href="/data/backups?env=production">Backups &amp; recovery</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/actions?env=production">Run operations</a></section><section class="nav-group"><h2>Infrastructure</h2><a class="" href="/infrastructure/topology?env=production">Infrastructure map</a><a class="" href="/data/services?env=production">Data services</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/firewall?env=production">Network & firewall</a><a href="/server/ssh-keys?env=production">SSH keys</a><a class="" href="/server/fleet?env=production">Fleet inventory</a><a class="" href="/server/capacity?env=production">Capacity & placement</a><a href="/security?env=production">Security posture</a><a href="/server/terminal?env=production">Terminal</a></section><section class="nav-group"><h2>Organization</h2><a class="" href="/server/team?env=production">People & access</a><a class="" href="/account/automation?env=production">API & automation</a></section><section class="nav-group"><h2>Account</h2><a class="" href="/account/security?env=production">Sign-in & security</a></section></div><form method="post" action="/api/logout" class="signout"><button type="submit">Sign out</button></form></aside><dialog class="command-palette" aria-labelledby="command-title"><div class="command-search"><span aria-hidden="true">⌕</span><input type="search" placeholder="Search services, domains, deployments…" aria-label="Search resources" autocomplete="off"><button type="button" class="command-close" aria-label="Close search">Esc</button></div><h2 id="command-title" class="sr-only">Search resources and navigation</h2><div class="command-status" role="status">Start typing to search this project.</div><section class="saved-views" aria-labelledby="saved-views-title"><div class="saved-views-heading"><h3 id="saved-views-title">Saved views</h3><form class="save-view-form"><label class="sr-only" for="save-view-name">Saved view name</label><input id="save-view-name" maxlength="64" placeholder="Name this view" autocomplete="off"><button type="submit">Save current filters</button></form></div><div class="saved-view-list"></div></section><form class="tag-result-form"><label for="tag-result-name">Tag selected resource</label><input id="tag-result-name" maxlength="32" placeholder="customer-facing" pattern="[A-Za-z0-9][A-Za-z0-9 -]{0,31}" autocomplete="off"><input class="tag-color" type="color" value="#5a8be0" aria-label="Tag color"><button type="submit">Add tag</button></form><div class="command-results" role="listbox" aria-label="Search results"></div><footer><span>↑ ↓ navigate</span><span>Enter open</span><span>Esc close</span></footer></dialog><div class="context-bar" aria-label="Current scope"><div class="context-path"><div class="context-breadcrumb"><span>Project</span><i>/</i><strong>production</strong></div><div class="context-filters" aria-label="Active filters"></div></div><span class="scope-safety production">Production scope</span></div> <script data-stx-scoped data-stx-run="always">
63
+ window.__stx_latestSetup=__stx_setup_1788018981171_16;
64
+ if(window.stx)window.stx._latestSetup=__stx_setup_1788018981171_16;
65
+ </script> <style data-stx-cloak>[x-cloak]{display:none !important}</style><link data-crosswind="generated" rel="stylesheet" href="/_stx/crosswind.b7a99a5c.css"></head><body data-stx="__stx_setup_1788018981171_16"><a data-stx-scope="stx_scope_nav_20" class="skip-link" href="#main-content">Skip to content</a><button class="nav-toggle-button" type="button" aria-label="Open navigation" aria-controls="primary-navigation" aria-expanded="false"><span></span><span></span><span></span></button><button class="nav-scrim" type="button" aria-label="Close navigation"></button><aside class="app-sidebar" id="primary-navigation" aria-label="Primary navigation"><a class="brand" href="/?env=production"><span class="dot"></span><span>ts-cloud</span></a><div class="sidebar-context"><span class="context-label">Project</span><strong>Project</strong></div><div class="environment-picker" aria-label="Environment"><span class="context-label">Environment</span><details><summary class="environment-current production"><span>PROD</span><strong>production</strong></summary></details></div><button class="command-trigger" type="button" aria-keyshortcuts="Meta+K Control+K"><span>Search resources</span><kbd>⌘ K</kbd></button><div class="nav-groups"><section class="nav-group"><h2>Overview</h2><a class="" href="/?env=production">Dashboard</a><a href="/server/activity?env=production">Activity</a></section><section class="nav-group"><h2>Applications</h2><a class="" href="/server/sites?env=production">Services</a><a class="" href="/server/deployments?env=production">Deployments</a><a class="" href="/server/logs?env=production">Logs</a><a class="" href="/integrations?env=production">Git integrations</a><a class="" href="/applications/new?env=production">Create application</a><a class="" href="/applications/compose?env=production">Compose applications</a></section><section class="nav-group"><h2>Operations</h2><a class="" href="/operations/queue?env=production">Deployment queue</a><a class="" href="/operations/previews?env=production">Preview environments</a><a class="" href="/operations/releases?env=production">Releases & promotion</a><a class="" href="/operations/regions?env=production">Regions & failover</a><a class="active" href="/operations/maintenance?env=production">Maintenance & DR</a><a class="" href="/operations/workloads?env=production">Workloads</a><a class="" href="/operations/observability?env=production">Observability</a><a class="" href="/operations/alerts?env=production">Alerts & health</a><a class="" href="/operations/spend?env=production">Spend & budgets</a><a href="/server/metrics?env=production">Metrics</a><a href="/server/services?env=production">Runtime services</a><a class="" href="/operations/jobs?env=production">Workers & schedules</a><a class="" href="/operations/configuration?env=production">Environment &amp; secrets</a><a class="" href="/data/backups?env=production">Backups &amp; recovery</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/actions?env=production">Run operations</a></section><section class="nav-group"><h2>Infrastructure</h2><a class="" href="/infrastructure/topology?env=production">Infrastructure map</a><a class="" href="/data/services?env=production">Data services</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/firewall?env=production">Network & firewall</a><a href="/server/ssh-keys?env=production">SSH keys</a><a class="" href="/server/fleet?env=production">Fleet inventory</a><a class="" href="/server/capacity?env=production">Capacity & placement</a><a href="/security?env=production">Security posture</a><a href="/server/terminal?env=production">Terminal</a></section><section class="nav-group"><h2>Organization</h2><a class="" href="/server/team?env=production">People & access</a><a class="" href="/account/automation?env=production">API & automation</a></section><section class="nav-group"><h2>Account</h2><a class="" href="/account/security?env=production">Sign-in & security</a></section></div><form method="post" action="/api/logout" class="signout"><button type="submit">Sign out</button></form></aside><dialog class="command-palette" aria-labelledby="command-title"><div class="command-search"><span aria-hidden="true">⌕</span><input type="search" placeholder="Search services, domains, deployments…" aria-label="Search resources" autocomplete="off"><button type="button" class="command-close" aria-label="Close search">Esc</button></div><h2 id="command-title" class="sr-only">Search resources and navigation</h2><div class="command-status" role="status">Start typing to search this project.</div><section class="saved-views" aria-labelledby="saved-views-title"><div class="saved-views-heading"><h3 id="saved-views-title">Saved views</h3><form class="save-view-form"><label class="sr-only" for="save-view-name">Saved view name</label><input id="save-view-name" maxlength="64" placeholder="Name this view" autocomplete="off"><button type="submit">Save current filters</button></form></div><div class="saved-view-list"></div></section><form class="tag-result-form"><label for="tag-result-name">Tag selected resource</label><input id="tag-result-name" maxlength="32" placeholder="customer-facing" pattern="[A-Za-z0-9][A-Za-z0-9 -]{0,31}" autocomplete="off"><input class="tag-color" type="color" value="#5a8be0" aria-label="Tag color"><button type="submit">Add tag</button></form><div class="command-results" role="listbox" aria-label="Search results"></div><footer><span>↑ ↓ navigate</span><span>Enter open</span><span>Esc close</span></footer></dialog><div class="context-bar" aria-label="Current scope"><div class="context-path"><div class="context-breadcrumb"><span>Project</span><i>/</i><strong>production</strong></div><div class="context-filters" aria-label="Active filters"></div></div><span class="scope-safety production">Production scope</span></div> <script data-stx-scoped data-stx-run="always">
66
66
  (function() {
67
67
  var { batch, computed, configureFetch, defineEmits, defineExpose, definePageMeta, defineProps, defineSlots, defineStore, derived, effect, goBack, goForward, inject, invalidateRoute, isDerived, isSignal, navigate, nextTick, onBeforeMount, onBeforeUnmount, onDestroy, onMount, onMounted, onUnmounted, peek, provide, reactive, ref, refresh, registerStoresClient, setRouteParams, state, untrack, useAsync, useClickOutside, useColorMode, useCookie, useCounter, useDark, useDebounce, useDebouncedValue, useEventListener, useFetch, useFocus, useHead, useId, useInterval, useLocalStorage, useMediaQuery, useMutation, useOptimistic, usePreferredContrast, usePreferredDark, usePreferredLight, usePreferredReducedMotion, useQuery, useReactiveProp, useRef, useRoute, useRouteParam, useRouteParams, useScrollLock, useSearchParams, useSeoMeta, useSessionStorage, useSlots, useStore, useThrottle, useTimeout, useToggle, useWebSocket, watch, watchEffect, watchMultiple, withDefaults } = window.stx;
68
68
  var __destroyHooks = [];
@@ -413,6 +413,6 @@ if(window.stx)window.stx._latestSetup=__stx_setup_1787855445849_15;
413
413
 
414
414
 
415
415
  try { if (typeof __stxScopeRenames !== 'undefined' && __stxScopeRenames) { for (var __stxRK in __stxScopeRenames) __scopeRegistration[__stxRK] = __stxScopeRenames[__stxRK]; } } catch (e) { /* no renames */ }
416
- window.stx._scopes['stx_scope_nav_19'] = __scopeRegistration;
416
+ window.stx._scopes['stx_scope_nav_20'] = __scopeRegistration;
417
417
  })();
418
418
  </script> <main class="wrap" id="main-content"><div class="crumbs">Operations <span class="sep">/</span> Maintenance & DR</div><header class="page"><div><h1>Maintenance & disaster recovery</h1><p>Verified updates, approved windows, reversible rollout, dry-run cleanup, and isolated restore drills.</p></div><div class="actions" x-cloak><span class="pill" :class="pollingState()==='live'?'ok':'warn'" x-cloak>{{ pollingState() }}</span><small x-cloak>{{ lastUpdatedAt()?.toLocaleTimeString()||'connecting' }}</small></div></header><p class="notice" role="status" @show="!!notice()" x-cloak>{{ notice() }}</p><p class="bad notice" role="alert" @show="!!error()||!!pollingError()" x-cloak>{{ error()||pollingError() }}</p><nav class="tabs" aria-label="Maintenance areas"><button :class="tab()==='upgrades'?'active':''" @click="tab.set('upgrades')">Platform updates</button><button :class="tab()==='cleanup'?'active':''" @click="tab.set('cleanup')">Safe cleanup</button><button :class="tab()==='dr'?'active':''" @click="tab.set('dr')">Recovery drills</button></nav><section @show="tab()==='upgrades'" x-cloak><div class="panel safety"><b>Update trust chain</b><span>Ed25519 signature → schema and platform compatibility → verified backup → approved window → canary → health gate → rolling cohorts.</span></div><div class="grid"><section class="panel"><h2>Verified manifests</h2><template :for="item in data().manifests"><article class="item" x-cloak><span class="pill" :class="item.compatibility.compatible?'ok':'bad'" x-cloak>{{ item.compatibility.compatible?'compatible':'blocked' }}</span><b x-cloak>{{ item.version }}</b><small x-cloak>{{ item.channel }} · key {{ item.keyId }}</small><p x-cloak>{{ item.compatibility.reasons.join('; ')||'Signature and compatibility verified.' }}</p></article></template><p class="empty" @show="!data().manifests.length" x-cloak>Import signed manifests with the CLI or library; raw unsigned URLs are never offered here.</p></section><section class="panel"><h2>Staged campaigns</h2><template :for="item in data().campaigns"><article class="item" x-cloak><span class="pill" :class="tone(item.campaign.status)" x-cloak>{{ item.campaign.status }}</span><b x-cloak>{{ item.campaign.strategy }} from {{ item.campaign.fromVersion }}</b><small x-cloak>{{ item.campaign.currentStage||'not started' }} · backup {{ item.campaign.backupId }}</small><div class="target-row" x-cloak><template :for="target in item.targets"><span x-cloak>{{ target.target }} · {{ target.status }}</span></template></div></article></template><p class="empty" @show="!data().campaigns.length" x-cloak>No upgrade campaigns.</p></section></div></section><section @show="tab()==='cleanup'" x-cloak><div class="panel safety"><b>Nothing is deleted during discovery.</b><span>Each preview expires, has a digest over the exact candidates, and requires a count-and-kind confirmation.</span></div><form class="form panel" @submit="preview($event)"><label>Resource type<select name="kind"><option>releases</option><option>artifacts</option><option>operations</option><option>logs</option><option>previews</option><option>snapshots</option><option>orphaned_resources</option></select></label><label>Older than days<input name="olderThanDays" type="number" min="1" value="30"></label><button class="btn" type="submit" :disabled="busy()">Generate dry-run preview</button></form><div class="cards" x-cloak><template :for="plan in data().cleanups"><article class="panel" x-cloak><span class="pill" :class="tone(plan.status)" x-cloak>{{ plan.status }}</span><h2 x-cloak>{{ plan.kind }}</h2><p x-cloak>{{ plan.candidates.length }} candidates · {{ bytes(plan.estimatedBytes) }}</p><small x-cloak>expires {{ plan.expiresAt }} · digest {{ plan.candidateDigest.slice(0,12) }}</small><details><summary>Inspect candidates</summary><template :for="candidate in plan.candidates"><p class="row" x-cloak><span x-cloak>{{ candidate.label }}</span><b x-cloak>{{ bytes(candidate.bytes) }}</b></p></template></details><button class="btn danger sm" @show="plan.status==='preview'" @click="cleanup(plan)" x-cloak>Confirm exact candidate set</button></article></template></div></section><section @show="tab()==='dr'" x-cloak><div class="panel safety"><b>Drills never target production.</b><span>Only <code>isolated://</code> targets are accepted. RPO/RTO and health evidence are recorded, and cleanup runs even after failure.</span></div><form class="drill form panel" @submit="drill($event)"><label>Scenario<select name="scenario"><option>control_plane</option><option>database</option><option>volume</option><option>regional</option></select></label><label>Isolated target<input name="isolatedTarget" required value="isolated://drills/latest"></label><label>Recovery point<input name="recoveryPointId" placeholder="optional"></label><label>RPO minutes<input name="expectedRpoMinutes" type="number" min="1" value="60"></label><label>RTO minutes<input name="expectedRtoMinutes" type="number" min="1" value="30"></label><button class="btn" type="submit">Plan isolated drill</button></form><div class="cards" x-cloak><template :for="item in data().drills"><article class="panel" x-cloak><span class="pill" :class="tone(item.status)" x-cloak>{{ item.status }}</span><h2 x-cloak>{{ item.scenario }}</h2><p x-cloak>{{ item.isolatedTarget }}</p><small x-cloak>objective {{ item.expectedRpoMinutes }}m RPO / {{ item.expectedRtoMinutes }}m RTO</small><p @show="item.measuredRpoMinutes!=null" x-cloak>measured {{ item.measuredRpoMinutes.toFixed(1) }}m RPO / {{ item.measuredRtoMinutes?.toFixed(1) }}m RTO · cleanup {{ item.cleanupVerified?'verified':'pending' }}</p><button class="btn sm" @show="item.status==='planned'" @click="runDrill(item.id)" x-cloak>Run drill</button></article></template></div></section></main><style>.actions,.target-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.tabs{display:flex;gap:.5rem;margin:1rem 0;border-bottom:1px solid var(--border)}.tabs button{background:none;border:0;color:var(--muted);padding:.75rem}.tabs .active{color:var(--text);border-bottom:2px solid var(--accent)}.safety{display:grid;grid-template-columns:auto 1fr;gap:1rem;margin-bottom:1rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.item{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:center;border-bottom:1px solid var(--border);padding:.75rem 0}.item p,.target-row{grid-column:1/-1}.form{display:flex;gap:1rem;align-items:end;margin-bottom:1rem}.form label{display:grid;gap:.3rem}.drill{display:grid;grid-template-columns:repeat(5,1fr) auto}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.row{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:.4rem 0}.empty{color:var(--muted)}@media(max-width:900px){.grid,.cards{grid-template-columns:1fr}.drill{grid-template-columns:1fr 1fr}}@media(max-width:560px){.form,.drill{display:grid;grid-template-columns:1fr}.safety{grid-template-columns:1fr}}</style></body></html>
package/dist/ui/operations/observability.html CHANGED
@@ -1,5 +1,5 @@
1
- <!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="mtbuyxxsrp6arf"><meta name="title" content="stx Project"><meta name="description" content="A website built with stx templating engine"><meta property="og:title" content="stx Project"><meta property="og:description" content="A website built with stx templating engine"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="stx Project"><meta name="twitter:description" content="A website built with stx templating engine"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ts-cloud - Observability</title><link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='3' y='3' width='26' height='26' rx='8' fill='%235a8be0'/%3E%3C/svg%3E"><link rel="preconnect" href="https://fonts.googleapis.com"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_stx/style.448ab192.css"> <script data-stx-runtime src="/_stx/runtime.dbee66d1.js"></script> <script data-stx-composables src="/_stx/chunk.5ddb5087.js"></script> <script data-stx-scoped>
2
- function __stx_setup_1787855445702_9() {
1
+ <!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="mtekc2s63mrzwt"><meta name="title" content="stx Project"><meta name="description" content="A website built with stx templating engine"><meta property="og:title" content="stx Project"><meta property="og:description" content="A website built with stx templating engine"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="stx Project"><meta name="twitter:description" content="A website built with stx templating engine"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ts-cloud - Observability</title><link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='3' y='3' width='26' height='26' rx='8' fill='%235a8be0'/%3E%3C/svg%3E"><link rel="preconnect" href="https://fonts.googleapis.com"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_stx/style.448ab192.css"> <script data-stx-runtime src="/_stx/runtime.dbee66d1.js"></script> <script data-stx-composables src="/_stx/chunk.5ddb5087.js"></script> <script data-stx-scoped>
2
+ function __stx_setup_1788018981028_14() {
3
3
  const { batch, computed, configureFetch, defineEmits, defineExpose, definePageMeta, defineProps, defineSlots, defineStore, derived, effect, goBack, goForward, inject, invalidateRoute, isDerived, isSignal, navigate, nextTick, onBeforeMount, onBeforeUnmount, onDestroy, onMount, onMounted, onUnmounted, peek, provide, reactive, ref, registerStoresClient, setRouteParams, state, untrack, useAsync, useClickOutside, useColorMode, useCookie, useCounter, useDark, useDebounce, useDebouncedValue, useEventListener, useFetch, useFocus, useHead, useId, useInterval, useLocalStorage, useMediaQuery, useMutation, useOptimistic, usePreferredContrast, usePreferredDark, usePreferredLight, usePreferredReducedMotion, useQuery, useReactiveProp, useRef, useRoute, useRouteParam, useRouteParams, useScrollLock, useSearchParams, useSeoMeta, useSessionStorage, useSlots, useStore, useThrottle, useTimeout, useToggle, useWebSocket, watch, watchEffect, watchMultiple, withDefaults } = window.stx;
4
4
 
5
5
  var allPoints = undefined;
@@ -360,9 +360,9 @@ useSaved = __stxBundle_bcc87ca4db18["useSaved"];
360
360
  windowParams = __stxBundle_bcc87ca4db18["windowParams"];
361
361
  return { allPoints, applyFilters, barHeight, closeTail, compare, comparisonDelta, connectTail, exportData, fmt, freshnessTone, json, lastUpdatedAt, latest, load, loadMore, maxPoint, nextCursor, openCorrelation, p95, pollingError, pollingLabel, pollingState, range, ranges, refresh, requestTotal, saturationSignal, savePolicy, saveQuery, seriesUrl, status, tailSource, timezone, togglePause, total, traffic, useSaved, windowParams, __stxBundle_bcc87ca4db18 };
362
362
  }
363
- window.__stx_latestSetup=__stx_setup_1787855445702_9;
364
- if(window.stx)window.stx._latestSetup=__stx_setup_1787855445702_9;
365
- </script> <style data-stx-cloak>[x-cloak]{display:none !important}</style><link data-crosswind="generated" rel="stylesheet" href="/_stx/crosswind.906ee17c.css"></head><body data-stx="__stx_setup_1787855445702_9"><a data-stx-scope="stx_scope_nav_12" class="skip-link" href="#main-content">Skip to content</a><button class="nav-toggle-button" type="button" aria-label="Open navigation" aria-controls="primary-navigation" aria-expanded="false"><span></span><span></span><span></span></button><button class="nav-scrim" type="button" aria-label="Close navigation"></button><aside class="app-sidebar" id="primary-navigation" aria-label="Primary navigation"><a class="brand" href="/?env=production"><span class="dot"></span><span>ts-cloud</span></a><div class="sidebar-context"><span class="context-label">Project</span><strong>Project</strong></div><div class="environment-picker" aria-label="Environment"><span class="context-label">Environment</span><details><summary class="environment-current production"><span>PROD</span><strong>production</strong></summary></details></div><button class="command-trigger" type="button" aria-keyshortcuts="Meta+K Control+K"><span>Search resources</span><kbd>⌘ K</kbd></button><div class="nav-groups"><section class="nav-group"><h2>Overview</h2><a class="" href="/?env=production">Dashboard</a><a href="/server/activity?env=production">Activity</a></section><section class="nav-group"><h2>Applications</h2><a class="" href="/server/sites?env=production">Services</a><a class="" href="/server/deployments?env=production">Deployments</a><a class="" href="/server/logs?env=production">Logs</a><a class="" href="/integrations?env=production">Git integrations</a><a class="" href="/applications/new?env=production">Create application</a><a class="" href="/applications/compose?env=production">Compose applications</a></section><section class="nav-group"><h2>Operations</h2><a class="" href="/operations/queue?env=production">Deployment queue</a><a class="" href="/operations/previews?env=production">Preview environments</a><a class="" href="/operations/releases?env=production">Releases & promotion</a><a class="" href="/operations/regions?env=production">Regions & failover</a><a class="" href="/operations/maintenance?env=production">Maintenance & DR</a><a class="" href="/operations/workloads?env=production">Workloads</a><a class="active" href="/operations/observability?env=production">Observability</a><a class="" href="/operations/alerts?env=production">Alerts & health</a><a class="" href="/operations/spend?env=production">Spend & budgets</a><a href="/server/metrics?env=production">Metrics</a><a href="/server/services?env=production">Runtime services</a><a class="" href="/operations/jobs?env=production">Workers & schedules</a><a class="" href="/operations/configuration?env=production">Environment &amp; secrets</a><a class="" href="/data/backups?env=production">Backups &amp; recovery</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/actions?env=production">Run operations</a></section><section class="nav-group"><h2>Infrastructure</h2><a class="" href="/infrastructure/topology?env=production">Infrastructure map</a><a class="" href="/data/services?env=production">Data services</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/firewall?env=production">Network & firewall</a><a href="/server/ssh-keys?env=production">SSH keys</a><a class="" href="/server/fleet?env=production">Fleet inventory</a><a class="" href="/server/capacity?env=production">Capacity & placement</a><a href="/security?env=production">Security posture</a><a href="/server/terminal?env=production">Terminal</a></section><section class="nav-group"><h2>Organization</h2><a class="" href="/server/team?env=production">People & access</a><a class="" href="/account/automation?env=production">API & automation</a></section><section class="nav-group"><h2>Account</h2><a class="" href="/account/security?env=production">Sign-in & security</a></section></div><form method="post" action="/api/logout" class="signout"><button type="submit">Sign out</button></form></aside><dialog class="command-palette" aria-labelledby="command-title"><div class="command-search"><span aria-hidden="true">⌕</span><input type="search" placeholder="Search services, domains, deployments…" aria-label="Search resources" autocomplete="off"><button type="button" class="command-close" aria-label="Close search">Esc</button></div><h2 id="command-title" class="sr-only">Search resources and navigation</h2><div class="command-status" role="status">Start typing to search this project.</div><section class="saved-views" aria-labelledby="saved-views-title"><div class="saved-views-heading"><h3 id="saved-views-title">Saved views</h3><form class="save-view-form"><label class="sr-only" for="save-view-name">Saved view name</label><input id="save-view-name" maxlength="64" placeholder="Name this view" autocomplete="off"><button type="submit">Save current filters</button></form></div><div class="saved-view-list"></div></section><form class="tag-result-form"><label for="tag-result-name">Tag selected resource</label><input id="tag-result-name" maxlength="32" placeholder="customer-facing" pattern="[A-Za-z0-9][A-Za-z0-9 -]{0,31}" autocomplete="off"><input class="tag-color" type="color" value="#5a8be0" aria-label="Tag color"><button type="submit">Add tag</button></form><div class="command-results" role="listbox" aria-label="Search results"></div><footer><span>↑ ↓ navigate</span><span>Enter open</span><span>Esc close</span></footer></dialog><div class="context-bar" aria-label="Current scope"><div class="context-path"><div class="context-breadcrumb"><span>Project</span><i>/</i><strong>production</strong></div><div class="context-filters" aria-label="Active filters"></div></div><span class="scope-safety production">Production scope</span></div> <script data-stx-scoped data-stx-run="always">
363
+ window.__stx_latestSetup=__stx_setup_1788018981028_14;
364
+ if(window.stx)window.stx._latestSetup=__stx_setup_1788018981028_14;
365
+ </script> <style data-stx-cloak>[x-cloak]{display:none !important}</style><link data-crosswind="generated" rel="stylesheet" href="/_stx/crosswind.906ee17c.css"></head><body data-stx="__stx_setup_1788018981028_14"><a data-stx-scope="stx_scope_nav_18" class="skip-link" href="#main-content">Skip to content</a><button class="nav-toggle-button" type="button" aria-label="Open navigation" aria-controls="primary-navigation" aria-expanded="false"><span></span><span></span><span></span></button><button class="nav-scrim" type="button" aria-label="Close navigation"></button><aside class="app-sidebar" id="primary-navigation" aria-label="Primary navigation"><a class="brand" href="/?env=production"><span class="dot"></span><span>ts-cloud</span></a><div class="sidebar-context"><span class="context-label">Project</span><strong>Project</strong></div><div class="environment-picker" aria-label="Environment"><span class="context-label">Environment</span><details><summary class="environment-current production"><span>PROD</span><strong>production</strong></summary></details></div><button class="command-trigger" type="button" aria-keyshortcuts="Meta+K Control+K"><span>Search resources</span><kbd>⌘ K</kbd></button><div class="nav-groups"><section class="nav-group"><h2>Overview</h2><a class="" href="/?env=production">Dashboard</a><a href="/server/activity?env=production">Activity</a></section><section class="nav-group"><h2>Applications</h2><a class="" href="/server/sites?env=production">Services</a><a class="" href="/server/deployments?env=production">Deployments</a><a class="" href="/server/logs?env=production">Logs</a><a class="" href="/integrations?env=production">Git integrations</a><a class="" href="/applications/new?env=production">Create application</a><a class="" href="/applications/compose?env=production">Compose applications</a></section><section class="nav-group"><h2>Operations</h2><a class="" href="/operations/queue?env=production">Deployment queue</a><a class="" href="/operations/previews?env=production">Preview environments</a><a class="" href="/operations/releases?env=production">Releases & promotion</a><a class="" href="/operations/regions?env=production">Regions & failover</a><a class="" href="/operations/maintenance?env=production">Maintenance & DR</a><a class="" href="/operations/workloads?env=production">Workloads</a><a class="active" href="/operations/observability?env=production">Observability</a><a class="" href="/operations/alerts?env=production">Alerts & health</a><a class="" href="/operations/spend?env=production">Spend & budgets</a><a href="/server/metrics?env=production">Metrics</a><a href="/server/services?env=production">Runtime services</a><a class="" href="/operations/jobs?env=production">Workers & schedules</a><a class="" href="/operations/configuration?env=production">Environment &amp; secrets</a><a class="" href="/data/backups?env=production">Backups &amp; recovery</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/actions?env=production">Run operations</a></section><section class="nav-group"><h2>Infrastructure</h2><a class="" href="/infrastructure/topology?env=production">Infrastructure map</a><a class="" href="/data/services?env=production">Data services</a><a class="" href="/data/volumes?env=production">Persistent volumes</a><a href="/server/firewall?env=production">Network & firewall</a><a href="/server/ssh-keys?env=production">SSH keys</a><a class="" href="/server/fleet?env=production">Fleet inventory</a><a class="" href="/server/capacity?env=production">Capacity & placement</a><a href="/security?env=production">Security posture</a><a href="/server/terminal?env=production">Terminal</a></section><section class="nav-group"><h2>Organization</h2><a class="" href="/server/team?env=production">People & access</a><a class="" href="/account/automation?env=production">API & automation</a></section><section class="nav-group"><h2>Account</h2><a class="" href="/account/security?env=production">Sign-in & security</a></section></div><form method="post" action="/api/logout" class="signout"><button type="submit">Sign out</button></form></aside><dialog class="command-palette" aria-labelledby="command-title"><div class="command-search"><span aria-hidden="true">⌕</span><input type="search" placeholder="Search services, domains, deployments…" aria-label="Search resources" autocomplete="off"><button type="button" class="command-close" aria-label="Close search">Esc</button></div><h2 id="command-title" class="sr-only">Search resources and navigation</h2><div class="command-status" role="status">Start typing to search this project.</div><section class="saved-views" aria-labelledby="saved-views-title"><div class="saved-views-heading"><h3 id="saved-views-title">Saved views</h3><form class="save-view-form"><label class="sr-only" for="save-view-name">Saved view name</label><input id="save-view-name" maxlength="64" placeholder="Name this view" autocomplete="off"><button type="submit">Save current filters</button></form></div><div class="saved-view-list"></div></section><form class="tag-result-form"><label for="tag-result-name">Tag selected resource</label><input id="tag-result-name" maxlength="32" placeholder="customer-facing" pattern="[A-Za-z0-9][A-Za-z0-9 -]{0,31}" autocomplete="off"><input class="tag-color" type="color" value="#5a8be0" aria-label="Tag color"><button type="submit">Add tag</button></form><div class="command-results" role="listbox" aria-label="Search results"></div><footer><span>↑ ↓ navigate</span><span>Enter open</span><span>Esc close</span></footer></dialog><div class="context-bar" aria-label="Current scope"><div class="context-path"><div class="context-breadcrumb"><span>Project</span><i>/</i><strong>production</strong></div><div class="context-filters" aria-label="Active filters"></div></div><span class="scope-safety production">Production scope</span></div> <script data-stx-scoped data-stx-run="always">
366
366
  (function() {
367
367
  var { batch, computed, configureFetch, defineEmits, defineExpose, definePageMeta, defineProps, defineSlots, defineStore, derived, effect, goBack, goForward, inject, invalidateRoute, isDerived, isSignal, navigate, nextTick, onBeforeMount, onBeforeUnmount, onDestroy, onMount, onMounted, onUnmounted, peek, provide, reactive, ref, refresh, registerStoresClient, setRouteParams, state, untrack, useAsync, useClickOutside, useColorMode, useCookie, useCounter, useDark, useDebounce, useDebouncedValue, useEventListener, useFetch, useFocus, useHead, useId, useInterval, useLocalStorage, useMediaQuery, useMutation, useOptimistic, usePreferredContrast, usePreferredDark, usePreferredLight, usePreferredReducedMotion, useQuery, useReactiveProp, useRef, useRoute, useRouteParam, useRouteParams, useScrollLock, useSearchParams, useSeoMeta, useSessionStorage, useSlots, useStore, useThrottle, useTimeout, useToggle, useWebSocket, watch, watchEffect, watchMultiple, withDefaults } = window.stx;
368
368
  var __destroyHooks = [];
@@ -713,6 +713,6 @@ if(window.stx)window.stx._latestSetup=__stx_setup_1787855445702_9;
713
713
 
714
714
 
715
715
  try { if (typeof __stxScopeRenames !== 'undefined' && __stxScopeRenames) { for (var __stxRK in __stxScopeRenames) __scopeRegistration[__stxRK] = __stxScopeRenames[__stxRK]; } } catch (e) { /* no renames */ }
716
- window.stx._scopes['stx_scope_nav_12'] = __scopeRegistration;
716
+ window.stx._scopes['stx_scope_nav_18'] = __scopeRegistration;
717
717
  })();
718
718
  </script> <main class="telemetry-wrap wrap" id="main-content"><div class="crumbs">Operations <span class="sep">/</span> Observability</div><header class="page"><div><h1>Observability</h1><p>Correlated metrics, logs, requests, traces, releases, and runtime context—with explicit source freshness and retention.</p></div><div class="header-actions" x-cloak><span class="pill" :class="pollingState() === 'live' ? 'ok' : 'warn'" x-cloak>{{ paused() ? 'paused' : pollingLabel() }}</span><span class="pill" :class="tailState() === 'live' ? 'ok' : 'warn'" x-cloak>tail {{ tailState() }}</span><small x-cloak>{{ lastUpdatedAt() ? lastUpdatedAt().toLocaleTimeString() : 'connecting' }}</small><button class="btn ghost sm" type="button" @click="togglePause()" x-cloak>{{ paused() ? 'Resume' : 'Pause' }}</button><button class="btn ghost sm" type="button" @click="refresh()">Refresh</button></div></header><p class="bad notice" role="status" @show="!!pollingError()" x-cloak>{{ pollingError() }}</p><p class="notice" role="status" @show="!!message()" x-cloak>{{ message() }}</p><section class="panel timebar"><label>Time range<select :value="range()" @change="range.set($event.target.value); applyFilters()"><option value="1h">Last hour</option><option value="6h">Last 6 hours</option><option value="24h">Last 24 hours</option><option value="7d">Last 7 days</option><option value="30d">Last 30 days</option></select></label><label>Timezone<input :value="timezone()" @change="timezone.set($event.target.value); applyFilters()"></label><label class="check"><input type="checkbox" :checked="compare()" @change="compare.set($event.target.checked); applyFilters()"> Compare previous period</label><span class="note" x-cloak>Auto-refresh 15s · provider refresh is cached separately · {{ status().policy?.samplingRate != null ? Math.round(status().policy.samplingRate * 100) + '% sampled' : 'sampling unavailable' }}</span></section><details class="panel policy"><summary>Collection, retention, and estimated cost</summary><div class="cost-summary" x-cloak><span x-cloak>~{{ fmt(status().estimatedMonthlyBytes, ' B/month') }}</span><span x-cloak>{{ status().costEstimateConfigured ? '$' + status().estimatedMonthlyCostUsd + '/month at configured storage rate' : 'Cost unavailable until a storage $/GB-month rate is configured' }}</span></div><form @submit="savePolicy($event)"><label>Raw retention days<input name="rawDays" type="number" min="1" max="3650" :value="status().policy?.rawDays || 30"></label><label>Downsample after days<input name="downsampleAfterDays" type="number" min="1" max="3650" :value="status().policy?.downsampleAfterDays || 7"></label><label>Maximum local records<input name="maxRecords" type="number" min="1000" :value="status().policy?.maxRecords || 1000000"></label><label>Sample rate (0.01–1)<input name="samplingRate" type="number" min="0.01" max="1" step="0.01" :value="status().policy?.samplingRate || 1"></label><label>Storage $/GB-month<input name="estimatedStorageUsdPerGbMonth" type="number" min="0" step="0.001" :value="status().policy?.estimatedStorageUsdPerGbMonth || 0"></label><label class="check"><input name="collectLogs" type="checkbox" :checked="status().policy?.collectLogs !== false"> Logs</label><label class="check"><input name="collectTraces" type="checkbox" :checked="status().policy?.collectTraces !== false"> Traces</label><label class="check"><input name="collectRequestAnalytics" type="checkbox" :checked="status().policy?.collectRequestAnalytics !== false"> Request analytics</label><button class="btn sm" type="submit">Save policy</button></form><p class="note">Lower sampling and retention reduce local ingestion/storage, but can hide rare events. Cost is an estimate using your configured storage rate; provider allocation is never invented.</p></details><section class="source-grid" aria-label="Telemetry collection sources" x-cloak><template :for="item in status().sources || []"><article class="panel source-card" x-cloak><div x-cloak><b x-cloak>{{ item.source }}</b><span class="pill" :class="freshnessTone(item.freshness)" x-cloak>{{ item.freshness }}</span></div><small x-cloak>last {{ item.lastObservedAt ? new Date(item.lastObservedAt).toLocaleString() : 'never' }} · lag {{ item.lagSeconds ?? '—' }}s</small><small x-cloak>{{ item.retentionDays }}d retention · {{ Math.round(item.samplingRate * 100) }}% sampled · ~{{ fmt(item.estimatedDailyBytes, ' B/day') }}</small><p class="note" @show="!!item.message" x-cloak>{{ item.message }}</p></article></template><article class="panel source-card" @show="!(status().sources || []).length" x-cloak><b>No collection sources</b><small>Refresh to collect live provider data. Empty data is never replaced with samples.</small></article></section><section class="golden"><article class="panel"><h3>Traffic</h3><strong x-cloak>{{ fmt(requestTotal()) }}</strong><small>requests · summed buckets</small></article><article class="panel"><h3>Errors</h3><strong x-cloak>{{ fmt(errorRate(), '%') }}</strong><small x-cloak>{{ fmt(errorTotal()) }} errors</small></article><article class="panel"><h3>Latency</h3><strong x-cloak>{{ fmt(p95(), ' ms') }}</strong><small>latest p95 · worst available source</small></article><article class="panel"><h3>Saturation</h3><strong x-cloak>{{ fmt(saturationSignal()?.value, saturationSignal()?.unit ? ' ' + saturationSignal().unit : '') }}</strong><small x-cloak>{{ saturationSignal()?.name || 'unsupported in this window' }}</small></article></section><section class="chart-grid" x-cloak><template :for="series in [...traffic(), ...errors(), ...latency(), ...saturation(), ...infrastructure(), ...siteSignals()].slice(0, 24)"><article class="chart-card panel" x-cloak><div class="chart-head" x-cloak><b x-cloak>{{ series.name }}</b><span x-cloak>{{ series.source }} · {{ series.aggregation }} / {{ Math.round(series.bucketMs / 60000) }}m</span></div><div class="telemetry-bars" :aria-label="series.name + ' time series'"><template :for="point in series.points"><i :class="{ gap: point.gap }" :style="'height:' + barHeight(series, point) + '%'" :title="point.label + ': ' + (point.gap ? 'gap' : point.value)"></i></template></div><small x-cloak>{{ timezone() }} · gaps shown as dim baseline bars <span @show="comparisonDelta(series) != null" x-cloak>· {{ comparisonDelta(series) > 0 ? '+' : '' }}{{ comparisonDelta(series)?.toFixed(1) }}% vs previous</span></small></article></template><article class="chart-card panel" @show="![...traffic(), ...errors(), ...latency(), ...saturation(), ...infrastructure(), ...siteSignals()].length" x-cloak><b>No metric series</b><p class="note">The selected sources have not emitted these golden signals in this window, or the provider reports them as unsupported.</p></article></section><section class="section"><div class="section-title"><div><h2>Logs, requests, traces, and events</h2><p class="note">Bodies, authorization, cookies, query values, and configured PII are removed before persistence.</p></div><div class="header-actions"><input class="save-name" :value="savedName()" @input="savedName.set($event.target.value)" placeholder="Query name" aria-label="Saved query name"><button class="btn ghost sm" type="button" @click="saveQuery()">Save query</button><button class="btn ghost sm" type="button" @click="exportData('json')">JSON</button><button class="btn ghost sm" type="button" @click="exportData('csv')">CSV</button></div></div><div class="log-filters panel"><label>Search<input type="search" :value="textQuery()" @input="textQuery.set($event.target.value)" @change="applyFilters()" placeholder="Message, request, release…"></label><label>Level<select :value="level()" @change="level.set($event.target.value); applyFilters()"><option value="">All</option><option value="debug">debug</option><option value="info">info</option><option value="warning">warning</option><option value="error">error</option></select></label><label>Source<input :value="source()" @change="source.set($event.target.value); applyFilters()" placeholder="cloudwatch:http"></label></div><div class="saved" @show="savedQueries().length" x-cloak><span>Saved:</span><template :for="item in savedQueries()"><button type="button" class="btn ghost sm" @click="useSaved(item)" x-cloak>{{ item.name }}</button></template></div><div class="panel telemetry-table-wrap"><table class="telemetry-table"><thead><tr><th scope="col">Time</th><th scope="col">Kind</th><th scope="col">Source</th><th scope="col">Signal</th><th scope="col">Message / value</th><th scope="col">Correlation</th></tr></thead><tbody><template :for="record in records()"><tr tabindex="0" @click="openCorrelation(record)" @keydown.enter="openCorrelation(record)"><td x-cloak>{{ new Date(record.timestamp).toLocaleString([], {timeZone: timezone()}) }}</td><td x-cloak><span class="tag" x-cloak>{{ record.kind }}</span></td><td x-cloak>{{ record.source }}</td><td x-cloak><span class="pill" :class="record.level === 'error' ? 'bad' : record.level === 'warning' ? 'warn' : ''" x-cloak>{{ record.level || record.name }}</span></td><td class="mono" x-cloak>{{ record.message || (record.value != null ? record.value + ' ' + (record.unit || '') : record.durationMs != null ? record.durationMs + 'ms' : record.name) }}</td><td class="mono" x-cloak>{{ record.requestId || record.traceId || record.releaseId || record.deploymentId || '—' }}</td></tr></template></tbody></table><div class="empty" @show="!records().length" x-cloak><strong>No telemetry in this window</strong><span>Empty, unavailable, and filtered results remain explicit; no demo rows are shown.</span></div><button class="btn ghost load-more sm" type="button" @show="!!nextCursor()" @click="loadMore()" x-cloak>Load older records</button></div></section><aside class="correlation panel" @show="!!correlation()" x-cloak><button class="detail-close" type="button" aria-label="Close correlation detail" @click="correlation.set(null)">×</button><h2>Correlation</h2><p class="mono" x-cloak>{{ correlation()?.key }}</p><div class="timeline" x-cloak><template :for="item in correlation()?.records || []"><article x-cloak><span x-cloak>{{ new Date(item.timestamp).toLocaleString() }}</span><b x-cloak>{{ item.name }}</b><small x-cloak>{{ item.source }} · {{ item.kind }} · {{ item.message || item.value || '' }}</small><nav><a @show="!!item.releaseId" :href="'/operations/releases?release=' + encodeURIComponent(item.releaseId)" x-cloak>Release</a><a @show="!!item.workloadId" :href="'/operations/workloads?search=' + encodeURIComponent(item.workloadId)" x-cloak>Workload</a></nav></article></template></div></aside></main><style> .telemetry-wrap{max-width:1540px}.timebar,.log-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:14px}.timebar label,.log-filters label,.policy label{display:grid;gap:5px;color:var(--txt3);font-size:11px}.timebar select,.timebar input,.log-filters select,.log-filters input,.policy input,.save-name{min-width:160px;background:var(--bg2);border:1px solid var(--line);border-radius:8px;color:var(--txt);padding:8px}.timebar .check,.policy .check{display:flex;align-items:center;gap:7px;padding:8px}.timebar .check input,.policy .check input{min-width:0}.policy{margin-top:10px}.policy summary{cursor:pointer;font-weight:600}.policy form,.cost-summary{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-top:14px}.cost-summary{justify-content:space-between;color:var(--txt2)}.source-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin:12px 0}.source-card{display:grid;gap:5px;padding:13px}.source-card>div{display:flex;justify-content:space-between;gap:8px}.source-card small{color:var(--txt3)}.golden{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.golden article{display:grid;gap:5px}.golden strong{font-size:28px}.golden small{color:var(--txt3)}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chart-card{min-width:0}.chart-head{display:flex;justify-content:space-between;gap:10px}.chart-head span,.chart-card small{color:var(--txt3);font-size:10px}.telemetry-bars{display:flex;align-items:end;gap:2px;height:110px;margin:14px 0 7px;border-bottom:1px solid var(--line)}.telemetry-bars i{flex:1;min-width:2px;background:var(--accent);border-radius:2px 2px 0 0}.telemetry-bars i.gap{opacity:.18;background:var(--txt3)}.section-title{display:flex;align-items:end;justify-content:space-between;gap:12px}.saved{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:8px 0}.telemetry-table-wrap{overflow:auto;padding:0}.telemetry-table{min-width:1050px}.telemetry-table tbody tr{cursor:pointer}.telemetry-table td{max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.load-more{margin:12px}.correlation{position:fixed;z-index:20;right:20px;top:20px;bottom:20px;width:min(480px,calc(100vw - 40px));overflow:auto;padding:20px;box-shadow:0 20px 70px #000b}.detail-close{float:right;border:0;background:transparent;color:var(--txt3);font-size:24px}.timeline{display:grid;gap:14px;margin-top:20px;border-left:1px solid var(--line);padding-left:16px}.timeline article{display:grid;gap:4px}.timeline span,.timeline small{color:var(--txt3);font-size:11px}.timeline nav{display:flex;gap:10px} @media(max-width:900px){.golden{grid-template-columns:repeat(2,1fr)}.chart-grid{grid-template-columns:1fr}}@media(max-width:600px){.golden{grid-template-columns:1fr}.timebar>*{width:100%}.section-title{align-items:start;flex-direction:column}.source-grid{grid-template-columns:1fr}.telemetry-table{min-width:0}.telemetry-table thead{display:none}.telemetry-table tbody,.telemetry-table tr,.telemetry-table td{display:block}.telemetry-table tr{padding:12px;border-bottom:1px solid var(--line)}.telemetry-table td{padding:4px 0;white-space:normal}.telemetry-table td:before{display:inline-block;width:90px;color:var(--txt3);font-size:10px}.telemetry-table td:nth-child(1):before{content:'Time'}.telemetry-table td:nth-child(2):before{content:'Kind'}.telemetry-table td:nth-child(3):before{content:'Source'}.telemetry-table td:nth-child(4):before{content:'Signal'}.telemetry-table td:nth-child(5):before{content:'Value'}.telemetry-table td:nth-child(6):before{content:'Correlation'}} </style></body></html>