@stacksjs/ts-cloud 0.12.0 → 0.12.1

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 (231) hide show
  1. package/dist/aws/index.js +1 -1
  2. package/dist/bin/chunk-0rtn6q5x.js +3 -0
  3. package/dist/bin/chunk-258ehp9s.js +1 -0
  4. package/dist/bin/chunk-2yctv06c.js +1 -0
  5. package/dist/bin/chunk-3276rveh.js +37 -0
  6. package/dist/bin/chunk-3m665jwp.js +70 -0
  7. package/dist/bin/chunk-3s2p9vxj.js +1 -0
  8. package/dist/bin/chunk-4esma5m9.js +1 -0
  9. package/dist/bin/chunk-4n0j3n3b.js +2 -0
  10. package/dist/bin/chunk-54bqchag.js +92 -0
  11. package/dist/bin/{chunk-4q6tad44.js → chunk-5bhx3bsa.js} +121 -121
  12. package/dist/bin/chunk-5zagqd20.js +1 -0
  13. package/dist/bin/chunk-7hw2js5h.js +512 -0
  14. package/dist/bin/chunk-8h1qr6x4.js +50 -0
  15. package/dist/bin/{chunk-w32xv8n4.js → chunk-9vdc7adf.js} +6 -6
  16. package/dist/bin/chunk-a1dd6sby.js +1 -0
  17. package/dist/bin/chunk-a4dw35gs.js +1 -0
  18. package/dist/bin/chunk-a9d55ker.js +1 -0
  19. package/dist/bin/chunk-awa1qade.js +9 -0
  20. package/dist/bin/chunk-b6by94pk.js +2 -0
  21. package/dist/bin/chunk-c8sypnbe.js +2 -0
  22. package/dist/bin/chunk-cx4e3d4w.js +1 -0
  23. package/dist/bin/chunk-d5a3vheh.js +2 -0
  24. package/dist/bin/chunk-e1fym2bd.js +1 -0
  25. package/dist/bin/chunk-ej4h0q2y.js +1 -0
  26. package/dist/bin/chunk-ett305ym.js +4 -0
  27. package/dist/bin/chunk-f11xf3n6.js +2 -0
  28. package/dist/bin/chunk-fq7ktvgy.js +3 -0
  29. package/dist/bin/chunk-fyq4th2m.js +1 -0
  30. package/dist/bin/chunk-g67qr8yf.js +1 -0
  31. package/dist/bin/chunk-gc82cx4h.js +1 -0
  32. package/dist/bin/chunk-hchtvpr9.js +1 -0
  33. package/dist/bin/chunk-hpe4jjce.js +1 -0
  34. package/dist/bin/chunk-k5vprsef.js +6 -0
  35. package/dist/bin/chunk-m22krd4z.js +3 -0
  36. package/dist/bin/chunk-mkppcwz8.js +1 -0
  37. package/dist/bin/chunk-mpjg0kc7.js +2 -0
  38. package/dist/bin/chunk-mrm4m4dk.js +2 -0
  39. package/dist/bin/chunk-nff46rxd.js +1 -0
  40. package/dist/bin/chunk-np1z3bgt.js +1 -0
  41. package/dist/bin/chunk-nskxkk6r.js +1 -0
  42. package/dist/bin/chunk-pez932b1.js +111 -0
  43. package/dist/bin/chunk-qsdf5kzk.js +2 -0
  44. package/dist/bin/chunk-r61qmhv1.js +2 -0
  45. package/dist/bin/chunk-r6gdcz5c.js +1 -0
  46. package/dist/bin/chunk-satwnr42.js +2 -0
  47. package/dist/bin/{chunk-dz1ec589.js → chunk-scqmd4qv.js} +30 -30
  48. package/dist/bin/chunk-smbycpt5.js +44 -0
  49. package/dist/bin/chunk-sn7e0sn7.js +2 -0
  50. package/dist/bin/chunk-ss574pka.js +1 -0
  51. package/dist/bin/chunk-tj0xb2d8.js +585 -0
  52. package/dist/bin/chunk-v3rzf9d0.js +141 -0
  53. package/dist/bin/chunk-wnpma6t3.js +34 -0
  54. package/dist/bin/chunk-xan0e052.js +5 -0
  55. package/dist/bin/chunk-xbk2y43r.js +60 -0
  56. package/dist/bin/chunk-xjp3v95e.js +6 -0
  57. package/dist/bin/chunk-xyt490vp.js +6 -0
  58. package/dist/bin/chunk-yn9r02gy.js +1 -0
  59. package/dist/bin/chunk-zhkhn9cc.js +1 -0
  60. package/dist/bin/cli.js +444 -435
  61. package/dist/bin/dashboard-server.js +1 -1
  62. package/dist/chunk-0zf72ngj.js +1 -0
  63. package/dist/chunk-2hpjte1d.js +704 -0
  64. package/dist/chunk-4m6gwhwr.js +5 -0
  65. package/dist/chunk-5m29dhke.js +34 -0
  66. package/dist/chunk-6fzeemcs.js +114 -0
  67. package/dist/{chunk-jm5mg890.js → chunk-6xcbfs2r.js} +111 -111
  68. package/dist/chunk-bpnhqb70.js +6 -0
  69. package/dist/chunk-ead1nkbr.js +60 -0
  70. package/dist/chunk-fea461tj.js +141 -0
  71. package/dist/chunk-fvjczc73.js +1 -0
  72. package/dist/chunk-gearw6rk.js +4 -0
  73. package/dist/chunk-j60hesb3.js +2 -0
  74. package/dist/chunk-pmgtmt3d.js +1 -0
  75. package/dist/chunk-prf2pkvq.js +5 -0
  76. package/dist/chunk-q0wffgw5.js +37 -0
  77. package/dist/chunk-qcemnt35.js +50 -0
  78. package/dist/chunk-qvbwsaay.js +1 -0
  79. package/dist/chunk-r2pbqcnz.js +2 -0
  80. package/dist/chunk-r6110zv2.js +1 -0
  81. package/dist/{chunk-13qjvbqh.js → chunk-rr1yaj55.js} +1 -1
  82. package/dist/chunk-wcrj06cg.js +44 -0
  83. package/dist/chunk-wte9mh18.js +92 -0
  84. package/dist/{chunk-86ss83s2.js → chunk-y1dh3znq.js} +52 -52
  85. package/dist/chunk-y6e86wjs.js +445 -0
  86. package/dist/chunk-y8b7ht4v.js +1 -0
  87. package/dist/chunk-yf487g6e.js +2 -0
  88. package/dist/chunk-zmmc9j5f.js +2 -0
  89. package/dist/deploy/index.js +1 -1
  90. package/dist/dns/index.js +1 -1
  91. package/dist/drivers/index.js +1 -1
  92. package/dist/index.js +91 -91
  93. package/dist/pages/cloudflare-pages.d.ts +13 -0
  94. package/dist/protection/index.js +1 -1
  95. package/dist/push/index.js +1 -1
  96. package/dist/spend/index.js +1 -1
  97. package/dist/ui/404.html +1 -1
  98. package/dist/ui/accept-invitation.html +1 -1
  99. package/dist/ui/access-denied.html +1 -1
  100. package/dist/ui/account/automation.html +6 -6
  101. package/dist/ui/account/security.html +2 -2
  102. package/dist/ui/applications/compose.html +6 -6
  103. package/dist/ui/applications/new.html +2 -2
  104. package/dist/ui/data/backups.html +80 -80
  105. package/dist/ui/data/services.html +78 -78
  106. package/dist/ui/data/volumes.html +50 -50
  107. package/dist/ui/index.html +50 -50
  108. package/dist/ui/infrastructure/topology.html +118 -118
  109. package/dist/ui/integrations.html +2 -2
  110. package/dist/ui/operations/alerts.html +48 -48
  111. package/dist/ui/operations/configuration.html +6 -6
  112. package/dist/ui/operations/jobs.html +76 -76
  113. package/dist/ui/operations/maintenance.html +6 -6
  114. package/dist/ui/operations/observability.html +81 -81
  115. package/dist/ui/operations/previews.html +6 -6
  116. package/dist/ui/operations/queue.html +6 -6
  117. package/dist/ui/operations/regions.html +6 -6
  118. package/dist/ui/operations/releases.html +6 -6
  119. package/dist/ui/operations/spend.html +54 -54
  120. package/dist/ui/operations/workloads.html +104 -104
  121. package/dist/ui/security.html +2 -2
  122. package/dist/ui/server/actions.html +56 -56
  123. package/dist/ui/server/activity.html +2 -2
  124. package/dist/ui/server/capacity.html +6 -6
  125. package/dist/ui/server/database.html +106 -106
  126. package/dist/ui/server/deployments.html +50 -50
  127. package/dist/ui/server/diagnostics.html +1 -1
  128. package/dist/ui/server/firewall.html +76 -76
  129. package/dist/ui/server/fleet.html +33 -33
  130. package/dist/ui/server/logs.html +24 -24
  131. package/dist/ui/server/metrics.html +112 -112
  132. package/dist/ui/server/security.html +2 -2
  133. package/dist/ui/server/services.html +26 -26
  134. package/dist/ui/server/sites.html +119 -119
  135. package/dist/ui/server/ssh-keys.html +52 -52
  136. package/dist/ui/server/team.html +144 -144
  137. package/dist/ui/server/terminal.html +15 -15
  138. package/dist/ui/serverless/alarms.html +52 -52
  139. package/dist/ui/serverless/assets.html +27 -27
  140. package/dist/ui/serverless/cost.html +2 -2
  141. package/dist/ui/serverless/data.html +35 -35
  142. package/dist/ui/serverless/deployments.html +27 -27
  143. package/dist/ui/serverless/firewall.html +1 -1
  144. package/dist/ui/serverless/functions.html +39 -39
  145. package/dist/ui/serverless/logs.html +24 -24
  146. package/dist/ui/serverless/metrics.html +2 -2
  147. package/dist/ui/serverless/queues.html +48 -48
  148. package/dist/ui/serverless/secrets.html +52 -52
  149. package/dist/ui/serverless/traces.html +6 -6
  150. package/dist/ui/serverless.html +54 -54
  151. package/dist/ui-src/src/charts.ts +8721 -13558
  152. package/dist/ui-src/src/topology.ts +2 -2
  153. package/package.json +3 -3
  154. package/dist/bin/chunk-0zwknfwp.js +0 -1
  155. package/dist/bin/chunk-3aph4c1w.js +0 -2
  156. package/dist/bin/chunk-5nkqza92.js +0 -1
  157. package/dist/bin/chunk-64vczwwt.js +0 -1
  158. package/dist/bin/chunk-6tfwm33r.js +0 -6
  159. package/dist/bin/chunk-71t1gmsq.js +0 -1
  160. package/dist/bin/chunk-7g2ahkse.js +0 -1
  161. package/dist/bin/chunk-7zhgmp1s.js +0 -3
  162. package/dist/bin/chunk-82mj52xr.js +0 -141
  163. package/dist/bin/chunk-8ewncfce.js +0 -37
  164. package/dist/bin/chunk-9a88fp00.js +0 -2
  165. package/dist/bin/chunk-9kf0np8j.js +0 -44
  166. package/dist/bin/chunk-a7w13qfm.js +0 -2
  167. package/dist/bin/chunk-b4wt9jcg.js +0 -60
  168. package/dist/bin/chunk-btsyjhk7.js +0 -92
  169. package/dist/bin/chunk-c0bdafbx.js +0 -2
  170. package/dist/bin/chunk-cd0ps58j.js +0 -1
  171. package/dist/bin/chunk-cxt74wsj.js +0 -1
  172. package/dist/bin/chunk-d7ke90zt.js +0 -2
  173. package/dist/bin/chunk-djg4zyqk.js +0 -1
  174. package/dist/bin/chunk-dkaz333b.js +0 -1
  175. package/dist/bin/chunk-dkf4qsp2.js +0 -1
  176. package/dist/bin/chunk-e2bybahr.js +0 -3
  177. package/dist/bin/chunk-e5ab5twy.js +0 -50
  178. package/dist/bin/chunk-edvvx3hg.js +0 -1
  179. package/dist/bin/chunk-ehc63fvs.js +0 -2
  180. package/dist/bin/chunk-f06c5np9.js +0 -1
  181. package/dist/bin/chunk-g6baf9c5.js +0 -512
  182. package/dist/bin/chunk-gq8794k6.js +0 -1
  183. package/dist/bin/chunk-hq9x489e.js +0 -70
  184. package/dist/bin/chunk-ja1vjdn1.js +0 -6
  185. package/dist/bin/chunk-k3120rx6.js +0 -1
  186. package/dist/bin/chunk-kg61p5hw.js +0 -3
  187. package/dist/bin/chunk-mcr0r4at.js +0 -2
  188. package/dist/bin/chunk-mfrf9q4b.js +0 -2
  189. package/dist/bin/chunk-my3ewh3a.js +0 -34
  190. package/dist/bin/chunk-nw3d4k52.js +0 -1
  191. package/dist/bin/chunk-p70bc9yr.js +0 -1
  192. package/dist/bin/chunk-q5cmfpzt.js +0 -1
  193. package/dist/bin/chunk-rtecnmts.js +0 -4
  194. package/dist/bin/chunk-rv18092e.js +0 -585
  195. package/dist/bin/chunk-s4yzes15.js +0 -2
  196. package/dist/bin/chunk-sj5csg49.js +0 -2
  197. package/dist/bin/chunk-ta7sh0cc.js +0 -1
  198. package/dist/bin/chunk-tfbs8k8v.js +0 -111
  199. package/dist/bin/chunk-tvz9c388.js +0 -1
  200. package/dist/bin/chunk-x6f61g36.js +0 -9
  201. package/dist/bin/chunk-xhwqpgwq.js +0 -2
  202. package/dist/bin/chunk-xk08030d.js +0 -6
  203. package/dist/bin/chunk-xkfrqqcs.js +0 -1
  204. package/dist/bin/chunk-y1h63vpm.js +0 -1
  205. package/dist/bin/chunk-zdt2rjk6.js +0 -1
  206. package/dist/bin/chunk-zh2d4704.js +0 -1
  207. package/dist/bin/chunk-zpe64t4r.js +0 -1
  208. package/dist/chunk-152he7m3.js +0 -92
  209. package/dist/chunk-1qdne0bf.js +0 -1
  210. package/dist/chunk-3mgj3hrh.js +0 -5
  211. package/dist/chunk-6kpbveb8.js +0 -5
  212. package/dist/chunk-73ztr55z.js +0 -2
  213. package/dist/chunk-a84gmpyh.js +0 -1
  214. package/dist/chunk-aj025v2s.js +0 -4
  215. package/dist/chunk-b087qsyf.js +0 -704
  216. package/dist/chunk-by2bwzk6.js +0 -141
  217. package/dist/chunk-h42zck7h.js +0 -60
  218. package/dist/chunk-hn40z11p.js +0 -37
  219. package/dist/chunk-m8fs0233.js +0 -34
  220. package/dist/chunk-mz0dk78z.js +0 -6
  221. package/dist/chunk-nms5q44e.js +0 -1
  222. package/dist/chunk-nzqxdkch.js +0 -445
  223. package/dist/chunk-qm32ytbr.js +0 -1
  224. package/dist/chunk-t0xgmhd6.js +0 -114
  225. package/dist/chunk-t3t9ymec.js +0 -1
  226. package/dist/chunk-tz9myq9a.js +0 -2
  227. package/dist/chunk-wavjkdb8.js +0 -2
  228. package/dist/chunk-x3hay61c.js +0 -44
  229. package/dist/chunk-xcj8zfmg.js +0 -2
  230. package/dist/chunk-y2v22hkv.js +0 -1
  231. package/dist/chunk-y4xkj2f1.js +0 -50
package/dist/ui/index.html CHANGED
@@ -1,31 +1,31 @@
1
- <!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="mt7l77jbzlapbv"><meta name="title" content="ts-cloud - Dashboard"><meta name="description" content="ts-cloud server &amp; deployment dashboard"><meta property="og:title" content="ts-cloud - Dashboard"><meta property="og:description" content="ts-cloud server &amp; deployment dashboard"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="ts-cloud - Dashboard"><meta name="twitter:description" content="ts-cloud server &amp; deployment dashboard"> <script data-stx-runtime src="/_stx/runtime.c696d17a.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 - Dashboard</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"><meta name="description" content="ts-cloud server &amp; deployment dashboard"> <script data-stx-scoped>
2
- function __stx_setup_1787597172872_32() {
1
+ <!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="mt7lgvq3gjbx1h"><meta name="title" content="ts-cloud - Dashboard"><meta name="description" content="ts-cloud server &amp; deployment dashboard"><meta property="og:title" content="ts-cloud - Dashboard"><meta property="og:description" content="ts-cloud server &amp; deployment dashboard"><meta property="og:type" content="website"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="ts-cloud - Dashboard"><meta name="twitter:description" content="ts-cloud server &amp; deployment dashboard"> <script data-stx-runtime src="/_stx/runtime.c696d17a.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 - Dashboard</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"><meta name="description" content="ts-cloud server &amp; deployment dashboard"> <script data-stx-scoped>
2
+ function __stx_setup_1787597625338_31() {
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
  var initialData = null;
6
6
 
7
- var barCss = undefined;
8
- var barStyle = undefined;
9
- var cpuP = undefined;
10
- var cpuSub = undefined;
11
- var data = undefined;
12
- var diskP = undefined;
13
- var gbVal = undefined;
14
- var indicator = undefined;
15
- var liveData = undefined;
16
- var loadP = undefined;
17
- var memP = undefined;
18
- var memSub = undefined;
19
- var n = undefined;
20
- var overallC = undefined;
21
- var overallWordC = undefined;
22
- var pDisp = undefined;
23
- var pTone = undefined;
24
- var pctOf = undefined;
25
- var pollingError = undefined;
26
- var pollingState = undefined;
27
- var servicesC = undefined;
28
7
  var svcTone = undefined;
8
+ var servicesC = undefined;
9
+ var pollingState = undefined;
10
+ var pollingError = undefined;
11
+ var pctOf = undefined;
12
+ var pTone = undefined;
13
+ var pDisp = undefined;
14
+ var overallWordC = undefined;
15
+ var overallC = undefined;
16
+ var n = undefined;
17
+ var memSub = undefined;
18
+ var memP = undefined;
19
+ var loadP = undefined;
20
+ var liveData = undefined;
21
+ var indicator = undefined;
22
+ var gbVal = undefined;
23
+ var diskP = undefined;
24
+ var data = undefined;
25
+ var cpuSub = undefined;
26
+ var cpuP = undefined;
27
+ var barStyle = undefined;
28
+ var barCss = undefined;
29
29
  var __stxBundle_87ebf77e804c = (function() {
30
30
 
31
31
  function servedWithoutApi(error) {
@@ -135,35 +135,35 @@ var { pollingState, pollingError } = usePolling(async () => {
135
135
  data.set(await response.json());
136
136
  }, 1e4);
137
137
  var indicator = derived(() => pollingState() === "stale" ? "stale" : liveData() ? "live" : "snapshot");
138
- return { "barCss": barCss, "barStyle": barStyle, "cpuP": cpuP, "cpuSub": cpuSub, "data": data, "diskP": diskP, "gbVal": gbVal, "indicator": indicator, "liveData": liveData, "loadP": loadP, "memP": memP, "memSub": memSub, "n": n, "overallC": overallC, "overallWordC": overallWordC, "pDisp": pDisp, "pTone": pTone, "pctOf": pctOf, "pollingError": pollingError, "pollingState": pollingState, "servicesC": servicesC, "svcTone": svcTone };
138
+ return { "svcTone": svcTone, "servicesC": servicesC, "pollingState": pollingState, "pollingError": pollingError, "pctOf": pctOf, "pTone": pTone, "pDisp": pDisp, "overallWordC": overallWordC, "overallC": overallC, "n": n, "memSub": memSub, "memP": memP, "loadP": loadP, "liveData": liveData, "indicator": indicator, "gbVal": gbVal, "diskP": diskP, "data": data, "cpuSub": cpuSub, "cpuP": cpuP, "barStyle": barStyle, "barCss": barCss };
139
139
  })();
140
- barCss = __stxBundle_87ebf77e804c["barCss"];
141
- barStyle = __stxBundle_87ebf77e804c["barStyle"];
142
- cpuP = __stxBundle_87ebf77e804c["cpuP"];
143
- cpuSub = __stxBundle_87ebf77e804c["cpuSub"];
144
- data = __stxBundle_87ebf77e804c["data"];
145
- diskP = __stxBundle_87ebf77e804c["diskP"];
146
- gbVal = __stxBundle_87ebf77e804c["gbVal"];
147
- indicator = __stxBundle_87ebf77e804c["indicator"];
148
- liveData = __stxBundle_87ebf77e804c["liveData"];
149
- loadP = __stxBundle_87ebf77e804c["loadP"];
150
- memP = __stxBundle_87ebf77e804c["memP"];
151
- memSub = __stxBundle_87ebf77e804c["memSub"];
152
- n = __stxBundle_87ebf77e804c["n"];
153
- overallC = __stxBundle_87ebf77e804c["overallC"];
154
- overallWordC = __stxBundle_87ebf77e804c["overallWordC"];
155
- pDisp = __stxBundle_87ebf77e804c["pDisp"];
156
- pTone = __stxBundle_87ebf77e804c["pTone"];
157
- pctOf = __stxBundle_87ebf77e804c["pctOf"];
158
- pollingError = __stxBundle_87ebf77e804c["pollingError"];
159
- pollingState = __stxBundle_87ebf77e804c["pollingState"];
160
- servicesC = __stxBundle_87ebf77e804c["servicesC"];
161
140
  svcTone = __stxBundle_87ebf77e804c["svcTone"];
162
- return { barCss, barStyle, cpuP, cpuSub, data, diskP, gbVal, indicator, liveData, loadP, memP, memSub, n, overallC, overallWordC, pDisp, pTone, pctOf, pollingError, pollingState, servicesC, svcTone, __stxBundle_87ebf77e804c };
141
+ servicesC = __stxBundle_87ebf77e804c["servicesC"];
142
+ pollingState = __stxBundle_87ebf77e804c["pollingState"];
143
+ pollingError = __stxBundle_87ebf77e804c["pollingError"];
144
+ pctOf = __stxBundle_87ebf77e804c["pctOf"];
145
+ pTone = __stxBundle_87ebf77e804c["pTone"];
146
+ pDisp = __stxBundle_87ebf77e804c["pDisp"];
147
+ overallWordC = __stxBundle_87ebf77e804c["overallWordC"];
148
+ overallC = __stxBundle_87ebf77e804c["overallC"];
149
+ n = __stxBundle_87ebf77e804c["n"];
150
+ memSub = __stxBundle_87ebf77e804c["memSub"];
151
+ memP = __stxBundle_87ebf77e804c["memP"];
152
+ loadP = __stxBundle_87ebf77e804c["loadP"];
153
+ liveData = __stxBundle_87ebf77e804c["liveData"];
154
+ indicator = __stxBundle_87ebf77e804c["indicator"];
155
+ gbVal = __stxBundle_87ebf77e804c["gbVal"];
156
+ diskP = __stxBundle_87ebf77e804c["diskP"];
157
+ data = __stxBundle_87ebf77e804c["data"];
158
+ cpuSub = __stxBundle_87ebf77e804c["cpuSub"];
159
+ cpuP = __stxBundle_87ebf77e804c["cpuP"];
160
+ barStyle = __stxBundle_87ebf77e804c["barStyle"];
161
+ barCss = __stxBundle_87ebf77e804c["barCss"];
162
+ return { svcTone, servicesC, pollingState, pollingError, pctOf, pTone, pDisp, overallWordC, overallC, n, memSub, memP, loadP, liveData, indicator, gbVal, diskP, data, cpuSub, cpuP, barStyle, barCss, __stxBundle_87ebf77e804c };
163
163
  }
164
- window.__stx_latestSetup=__stx_setup_1787597172872_32;
165
- if(window.stx)window.stx._latestSetup=__stx_setup_1787597172872_32;
166
- </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_1787597172872_32"><a data-stx-scope="stx_scope_nav_47" 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>stacks-production-app</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="active" 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="" 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>stacks-production-app</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">
164
+ window.__stx_latestSetup=__stx_setup_1787597625338_31;
165
+ if(window.stx)window.stx._latestSetup=__stx_setup_1787597625338_31;
166
+ </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_1787597625338_31"><a data-stx-scope="stx_scope_nav_43" 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>stacks-production-app</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="active" 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="" 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>stacks-production-app</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">
167
167
  (function() {
168
168
  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;
169
169
  var __destroyHooks = [];
@@ -514,6 +514,6 @@ if(window.stx)window.stx._latestSetup=__stx_setup_1787597172872_32;
514
514
 
515
515
 
516
516
  try { if (typeof __stxScopeRenames !== 'undefined' && __stxScopeRenames) { for (var __stxRK in __stxScopeRenames) __scopeRegistration[__stxRK] = __stxScopeRenames[__stxRK]; } } catch (e) { /* no renames */ }
517
- window.stx._scopes['stx_scope_nav_47'] = __scopeRegistration;
517
+ window.stx._scopes['stx_scope_nav_43'] = __scopeRegistration;
518
518
  })();
519
519
  </script> <div class="wrap"><header class="page"><div><h1>Server Dashboard</h1><p>Hetzner · fsn1 · Linux</p><div class="server-line"><span>IP <b>-</b></span><span>Uptime <b>-</b></span><span>CPUs <b>4</b></span><span class="pill" :class="overallC()" x-cloak>{{ overallWordC() }}</span></div></div><div class="header-actions" x-cloak><span class="env" :class="{ bad: pollingState() === 'stale' }" :title="pollingState() === 'stale' ? pollingError() : 'Auto-refreshing every 10s'" x-cloak>{{ indicator() }}</span><a class="btn ghost" href="/server/actions">Operations</a></div></header><div class="grid cards"><a class="panel" href="/server/metrics"><h3>CPU utilization</h3><div class="stat" x-cloak>{{ pDisp(cpuP()) }}<small x-cloak>{{ cpuSub() }}</small></div><div :class="barCss(cpuP())"><i :style="barStyle(cpuP())"></i></div></a><a class="panel" href="/server/metrics"><h3>Memory</h3><div class="stat" x-cloak>{{ pDisp(memP()) }}<small x-cloak>{{ memSub() }}</small></div><div :class="barCss(memP())"><i :style="barStyle(memP())"></i></div></a><a class="panel" href="/server/metrics"><h3>Disk</h3><div class="stat" x-cloak>{{ pDisp(diskP()) }}<small></small></div><div :class="barCss(diskP())"><i :style="barStyle(diskP())"></i></div></a><a class="panel" href="/data/backups"><h3>Backups</h3><div class="stat">0 MB</div><p style="color: var(--txt2); font-size: 13px; margin-top: 8px;">Last not configured</p></a></div><div class="grid cards-3" style="margin-top:16px;"><a class="panel" href="/server/security"><h3>Security</h3><div class="stat"><span class="pill ok">configured</span></div><p style="color: var(--txt2); font-size: 13px; margin-top: 8px;">0 listeners · 0 certs</p></a><a class="panel" href="/server/diagnostics"><h3>Diagnostics</h3><div class="stat">0<small> fail</small></div><p style="color: var(--txt2); font-size: 13px; margin-top: 8px;">0 warnings</p></a><a class="panel" href="/server/activity"><h3>Activity</h3><div class="stat">0</div><p style="color: var(--txt2); font-size: 13px; margin-top: 8px;">deploys, warnings, key changes</p></a></div><div class="section"><h2>Resource Shape <a class="more" href="/server/metrics">Open health →</a></h2><div class="chart-panel panel"><svg class="chart resource-chart" viewBox="0 0 640 210" role="img" aria-label="Server resource chart"><rect x="1" y="1" width="638" height="208" rx="14" class="chart-shell"></rect><line x1="38" x2="620" y1="166" y2="166" class="chart-grid"></line><text x="28" y="170" text-anchor="end" class="chart-axis">0</text><line x1="38" x2="620" y1="129" y2="129" class="chart-grid"></line><text x="28" y="133" text-anchor="end" class="chart-axis">25</text><line x1="38" x2="620" y1="92" y2="92" class="chart-grid"></line><text x="28" y="96" text-anchor="end" class="chart-axis">50</text><line x1="38" x2="620" y1="55" y2="55" class="chart-grid"></line><text x="28" y="59" text-anchor="end" class="chart-axis">75</text><line x1="38" x2="620" y1="18" y2="18" class="chart-grid"></line><text x="28" y="22" text-anchor="end" class="chart-axis">100</text><g class="bar-mark ok"><rect x="61.59459459459464" y="149.72" width="141.56756756756755" height="16.28" rx="7"></rect><text x="132.37837837837841" y="141.72" text-anchor="middle" class="chart-value">11%</text><text x="132.37837837837841" y="190" text-anchor="middle" class="chart-label">CPU</text><title>11% busy · 0.42 load / 4 vCPU</title></g><g class="bar-mark ok"><rect x="258.21621621621625" y="118.64" width="141.56756756756755" height="47.36" rx="7"></rect><text x="329" y="110.64" text-anchor="middle" class="chart-value">32%</text><text x="329" y="190" text-anchor="middle" class="chart-label">Memory</text><title>2.4 / 7.7 GB</title></g><g class="bar-mark ok"><rect x="454.83783783783787" y="109.76" width="141.56756756756755" height="56.239999999999995" rx="7"></rect><text x="525.6216216216217" y="101.76" text-anchor="middle" class="chart-value">38%</text><text x="525.6216216216217" y="190" text-anchor="middle" class="chart-label">Disk</text><title>0 / 0 GB</title></g></svg></div></div><div class="section"><h2>Services <span class="more"><a href="/server/services">View all →</a><a href="/server/logs">Logs →</a><a href="/server/security">Security →</a></span></h2><div class="panel" x-cloak><div class="svc" x-cloak><template :for="svc in servicesC()"><div class="item" x-cloak>{{ svc.name }} <span class="pill" :class="svcTone(svc.status)" x-cloak>{{ svc.status }}</span></div></template></div><div class="compact empty" @show="servicesC().length === 0" x-cloak><strong>No managed services</strong><span>Configured services will appear after the next successful server probe.</span></div></div></div><div class="section"><h2>SSH Keys <a class="more" href="/server/ssh-keys">Manage →</a></h2><div class="panel"><div class="compact empty"><strong>No SSH keys configured</strong><span>Add keys from the management page and apply them on the next deploy.</span></div><p class="note">SSH keys are managed in <span class="mono">infrastructure.compute.sshKeys</span> in your cloud config and applied on the next <span class="mono">cloud deploy</span>.</p></div></div><div class="section"><h2>Sites <a class="more" href="/server/sites">View all →</a></h2><div class="panel"><table><thead><tr><th scope="col">Site</th><th scope="col">Project</th><th scope="col">Route</th><th scope="col">Response</th><th scope="col">TLS</th><th scope="col">Deploy</th><th scope="col">Status</th></tr></thead><tbody><tr><td><b>main</b></td><td><span class="tag">stacks</span></td><td><a href="https://stacksjs.com" class="mono">stacksjs.com</a></td><td class="mono">pending</td><td><span class="warn pill">https</span></td><td style="color: var(--txt2)">service</td><td><span class="pill ok">live</span></td></tr><tr><td><b>api</b></td><td><span class="tag">stacks</span></td><td><span class="mono">internal</span></td><td class="mono">pending</td><td><span class="warn pill">loopback</span></td><td style="color: var(--txt2)">service</td><td><span class="pill ok">live</span></td></tr><tr><td><b>docs</b></td><td><span class="tag">stacks</span></td><td><a href="https://stacksjs.com/docs" class="mono">stacksjs.com/docs</a></td><td class="mono">pending</td><td><span class="warn pill">https</span></td><td style="color: var(--txt2)">server static</td><td><span class="pill ok">live</span></td></tr><tr><td><b>blog</b></td><td><span class="tag">stacks</span></td><td><a href="https://stacksjs.com/blog" class="mono">stacksjs.com/blog</a></td><td class="mono">pending</td><td><span class="warn pill">https</span></td><td style="color: var(--txt2)">server static</td><td><span class="pill ok">live</span></td></tr><tr><td><b>public</b></td><td><span class="tag">stacks</span></td><td><a href="https://stacksjs.com" class="mono">stacksjs.com</a></td><td class="mono">pending</td><td><span class="warn pill">https</span></td><td style="color: var(--txt2)">server static</td><td><span class="pill warn">shadowed</span></td></tr><tr><td><b>verygoodadblock</b></td><td><span class="tag">stacks</span></td><td><a href="https://verygoodadblock.org" class="mono">verygoodadblock.org</a></td><td class="mono">pending</td><td><span class="warn pill">https</span></td><td style="color: var(--txt2)">server static</td><td><span class="pill ok">live</span></td></tr></tbody></table></div></div><div class="cols section"><div><h2>Recent Deployments <a class="more" href="/server/deployments">View all →</a></h2><div class="panel"><svg class="chart deployment-chart disabled" viewBox="0 0 640 164" role="img" aria-label="No deployment history"><rect x="1" y="1" width="638" height="162" rx="14" class="chart-shell"></rect><text x="320" y="76" text-anchor="middle" class="chart-empty-title">No deploy records yet</text><text x="320" y="100" text-anchor="middle" class="chart-empty-sub">Deploy again and this timeline will fill in automatically.</text></svg><div class="compact empty"><strong>No recent deployments</strong><span>No deployment history has been recorded yet.</span></div></div></div><div><h2>Queues &amp; Scheduler <a class="more" href="/server/workers">Details →</a></h2><div class="panel"><div class="kv"><span>queue:default ×2</span><span class="pill ok">running</span></div><div class="kv"><span>queue:emails ×1</span><span class="pill ok">running</span></div><div class="kv"><span>scheduler</span><span class="ok pill">on · 36s ago</span></div></div><div style="height: 16px"></div><h2>Backups <a class="more" href="/data/backups">Details →</a></h2><div class="panel"><div class="kv"><span>destination</span><span class="mono">off</span></div><div class="kv"><span>retention</span><span>0 copies</span></div><div class="kv"><span>last run</span><span style="color: var(--txt2)">not configured</span></div></div></div></div></div></body></html>
package/dist/ui/infrastructure/topology.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="mt7l77jbzlapbv"><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.c696d17a.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 - Infrastructure map</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_1787597169485_7() {
1
+ <!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="mt7lgvq3gjbx1h"><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.c696d17a.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 - Infrastructure map</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_1787597620484_3() {
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 initialTopology = {"mode":"server","project":"sample-project","environment":"production","provider":"hetzner","region":"fsn1","generatedAt":"","layers":[{"index":0,"id":"clients","label":"Clients"},{"index":1,"id":"dns","label":"DNS & TLS"},{"index":2,"id":"edge","label":"Edge"},{"index":3,"id":"routing","label":"Routing"},{"index":4,"id":"apps","label":"Applications"},{"index":5,"id":"runtime","label":"Background runtime"},{"index":6,"id":"data","label":"Data services"},{"index":7,"id":"durability","label":"Durability"}],"groups":[{"id":"box","label":"sample-production-app","sub":"hetzner · fsn1"}],"nodes":[{"id":"internet","label":"Internet","kind":"internet","layer":0,"status":"ok","sub":"Public traffic","facts":[],"external":true},{"id":"dns","label":"example.com","kind":"dns","layer":1,"status":"ok","sub":"DNS & certificates","facts":[],"external":true},{"id":"firewall","label":"Host firewall","kind":"firewall","layer":2,"status":"ok","sub":"Inbound filtering","facts":[],"group":"box"},{"id":"proxy","label":"rpx-gateway","kind":"proxy","layer":3,"status":"ok","sub":"TLS termination & routing","facts":[],"group":"box"},{"id":"site:main","label":"main","kind":"site","layer":4,"status":"ok","sub":"bun","facts":[],"group":"box"},{"id":"site:docs","label":"docs","kind":"site","layer":4,"status":"ok","sub":"static/bun","facts":[],"group":"box"},{"id":"worker:default","label":"default","kind":"worker","layer":5,"status":"ok","sub":"2 processes","facts":[],"group":"box"},{"id":"data:redis","label":"Redis","kind":"cache","layer":6,"status":"ok","sub":"redis","facts":[],"group":"box"},{"id":"data:mysql","label":"MySQL","kind":"database","layer":6,"status":"ok","sub":"mysql","facts":[],"group":"box"},{"id":"backup","label":"Backups","kind":"backup","layer":7,"status":"ok","sub":"off-box","facts":[]}],"links":[{"source":"internet","target":"dns","flow":"request","label":"https"},{"source":"dns","target":"firewall","flow":"request","label":"443/80"},{"source":"firewall","target":"proxy","flow":"request"},{"source":"proxy","target":"site:main","flow":"request"},{"source":"proxy","target":"site:docs","flow":"request"},{"source":"site:main","target":"worker:default","flow":"async","label":"queue"},{"source":"site:main","target":"data:redis","flow":"data","label":"localhost"},{"source":"site:main","target":"data:mysql","flow":"data","label":"localhost"},{"source":"worker:default","target":"data:mysql","flow":"data","label":"localhost"},{"source":"data:mysql","target":"backup","flow":"backup","label":"snapshot"}],"notes":[]};
@@ -8,62 +8,62 @@ function __stx_setup_1787597169485_7() {
8
8
  var stageWidth = 1600;
9
9
  var stageHeight = 1200;
10
10
 
11
- var STAGE_H = undefined;
12
- var STAGE_W = undefined;
13
- var animate = undefined;
14
- var atPointer = undefined;
15
- var builtAtLabel = undefined;
16
- var canvasScale = undefined;
17
- var canvasTransform = undefined;
18
- var clear = undefined;
19
- var counts = undefined;
20
- var dim = undefined;
21
- var dragging = undefined;
22
- var fit = undefined;
23
- var fitScale = undefined;
24
- var flows = undefined;
25
- var focus = undefined;
26
- var geo = undefined;
27
- var groups = undefined;
28
- var hoveredId = undefined;
29
- var isSample = undefined;
30
- var isSnapshot = undefined;
31
- var labelledLinks = undefined;
32
- var lanes = undefined;
33
- var lastUpdatedAt = undefined;
34
- var linkClasses = undefined;
35
- var linkOff = undefined;
36
- var linkOn = undefined;
37
- var links = undefined;
38
- var load = undefined;
39
- var manageHref = undefined;
40
- var model = undefined;
41
- var nodeClasses = undefined;
42
- var nodes = undefined;
43
- var notes = undefined;
44
- var onDown = undefined;
45
- var onMove = undefined;
46
- var onUp = undefined;
47
- var onWheel = undefined;
48
- var panX = undefined;
49
- var panY = undefined;
50
- var pollingError = undefined;
51
- var pollingState = undefined;
52
- var query = undefined;
53
- var refresh = undefined;
54
- var restatus = undefined;
55
- var select = undefined;
56
- var selected = undefined;
57
- var selectedFacts = undefined;
58
- var selectedId = undefined;
59
- var selectedLinks = undefined;
60
- var shapeOf = undefined;
61
- var stageCrop = undefined;
62
- var toggleFlow = undefined;
63
- var visible = undefined;
64
- var zoom = undefined;
65
- var zoomBy = undefined;
66
11
  var zoomTo = undefined;
12
+ var zoomBy = undefined;
13
+ var zoom = undefined;
14
+ var visible = undefined;
15
+ var toggleFlow = undefined;
16
+ var stageCrop = undefined;
17
+ var shapeOf = undefined;
18
+ var selectedLinks = undefined;
19
+ var selectedId = undefined;
20
+ var selectedFacts = undefined;
21
+ var selected = undefined;
22
+ var select = undefined;
23
+ var restatus = undefined;
24
+ var refresh = undefined;
25
+ var query = undefined;
26
+ var pollingState = undefined;
27
+ var pollingError = undefined;
28
+ var panY = undefined;
29
+ var panX = undefined;
30
+ var onWheel = undefined;
31
+ var onUp = undefined;
32
+ var onMove = undefined;
33
+ var onDown = undefined;
34
+ var notes = undefined;
35
+ var nodes = undefined;
36
+ var nodeClasses = undefined;
37
+ var model = undefined;
38
+ var manageHref = undefined;
39
+ var load = undefined;
40
+ var links = undefined;
41
+ var linkOn = undefined;
42
+ var linkOff = undefined;
43
+ var linkClasses = undefined;
44
+ var lastUpdatedAt = undefined;
45
+ var lanes = undefined;
46
+ var labelledLinks = undefined;
47
+ var isSnapshot = undefined;
48
+ var isSample = undefined;
49
+ var hoveredId = undefined;
50
+ var groups = undefined;
51
+ var geo = undefined;
52
+ var focus = undefined;
53
+ var flows = undefined;
54
+ var fitScale = undefined;
55
+ var fit = undefined;
56
+ var dragging = undefined;
57
+ var dim = undefined;
58
+ var counts = undefined;
59
+ var clear = undefined;
60
+ var canvasTransform = undefined;
61
+ var canvasScale = undefined;
62
+ var builtAtLabel = undefined;
63
+ var atPointer = undefined;
64
+ var animate = undefined;
65
+ var STAGE_W = undefined;
66
+ var STAGE_H = undefined;
67
67
  var __stxBundle_aadcc1d88d59 = (function() {
68
68
 
69
69
  class DashboardRequestError extends Error {
@@ -798,69 +798,69 @@ function clear() {
798
798
  hoveredId.set("");
799
799
  query.set("");
800
800
  }
801
- return { "STAGE_H": STAGE_H, "STAGE_W": STAGE_W, "animate": animate, "atPointer": atPointer, "builtAtLabel": builtAtLabel, "canvasScale": canvasScale, "canvasTransform": canvasTransform, "clear": clear, "counts": counts, "dim": dim, "dragging": dragging, "fit": fit, "fitScale": fitScale, "flows": flows, "focus": focus, "geo": geo, "groups": groups, "hoveredId": hoveredId, "isSample": isSample, "isSnapshot": isSnapshot, "labelledLinks": labelledLinks, "lanes": lanes, "lastUpdatedAt": lastUpdatedAt, "linkClasses": linkClasses, "linkOff": linkOff, "linkOn": linkOn, "links": links, "load": load, "manageHref": manageHref, "model": model, "nodeClasses": nodeClasses, "nodes": nodes, "notes": notes, "onDown": onDown, "onMove": onMove, "onUp": onUp, "onWheel": onWheel, "panX": panX, "panY": panY, "pollingError": pollingError, "pollingState": pollingState, "query": query, "refresh": refresh, "restatus": restatus, "select": select, "selected": selected, "selectedFacts": selectedFacts, "selectedId": selectedId, "selectedLinks": selectedLinks, "shapeOf": shapeOf, "stageCrop": stageCrop, "toggleFlow": toggleFlow, "visible": visible, "zoom": zoom, "zoomBy": zoomBy, "zoomTo": zoomTo };
801
+ return { "zoomTo": zoomTo, "zoomBy": zoomBy, "zoom": zoom, "visible": visible, "toggleFlow": toggleFlow, "stageCrop": stageCrop, "shapeOf": shapeOf, "selectedLinks": selectedLinks, "selectedId": selectedId, "selectedFacts": selectedFacts, "selected": selected, "select": select, "restatus": restatus, "refresh": refresh, "query": query, "pollingState": pollingState, "pollingError": pollingError, "panY": panY, "panX": panX, "onWheel": onWheel, "onUp": onUp, "onMove": onMove, "onDown": onDown, "notes": notes, "nodes": nodes, "nodeClasses": nodeClasses, "model": model, "manageHref": manageHref, "load": load, "links": links, "linkOn": linkOn, "linkOff": linkOff, "linkClasses": linkClasses, "lastUpdatedAt": lastUpdatedAt, "lanes": lanes, "labelledLinks": labelledLinks, "isSnapshot": isSnapshot, "isSample": isSample, "hoveredId": hoveredId, "groups": groups, "geo": geo, "focus": focus, "flows": flows, "fitScale": fitScale, "fit": fit, "dragging": dragging, "dim": dim, "counts": counts, "clear": clear, "canvasTransform": canvasTransform, "canvasScale": canvasScale, "builtAtLabel": builtAtLabel, "atPointer": atPointer, "animate": animate, "STAGE_W": STAGE_W, "STAGE_H": STAGE_H };
802
802
  })();
803
- STAGE_H = __stxBundle_aadcc1d88d59["STAGE_H"];
804
- STAGE_W = __stxBundle_aadcc1d88d59["STAGE_W"];
805
- animate = __stxBundle_aadcc1d88d59["animate"];
806
- atPointer = __stxBundle_aadcc1d88d59["atPointer"];
807
- builtAtLabel = __stxBundle_aadcc1d88d59["builtAtLabel"];
808
- canvasScale = __stxBundle_aadcc1d88d59["canvasScale"];
809
- canvasTransform = __stxBundle_aadcc1d88d59["canvasTransform"];
810
- clear = __stxBundle_aadcc1d88d59["clear"];
811
- counts = __stxBundle_aadcc1d88d59["counts"];
812
- dim = __stxBundle_aadcc1d88d59["dim"];
813
- dragging = __stxBundle_aadcc1d88d59["dragging"];
814
- fit = __stxBundle_aadcc1d88d59["fit"];
815
- fitScale = __stxBundle_aadcc1d88d59["fitScale"];
816
- flows = __stxBundle_aadcc1d88d59["flows"];
817
- focus = __stxBundle_aadcc1d88d59["focus"];
818
- geo = __stxBundle_aadcc1d88d59["geo"];
819
- groups = __stxBundle_aadcc1d88d59["groups"];
820
- hoveredId = __stxBundle_aadcc1d88d59["hoveredId"];
821
- isSample = __stxBundle_aadcc1d88d59["isSample"];
822
- isSnapshot = __stxBundle_aadcc1d88d59["isSnapshot"];
823
- labelledLinks = __stxBundle_aadcc1d88d59["labelledLinks"];
824
- lanes = __stxBundle_aadcc1d88d59["lanes"];
825
- lastUpdatedAt = __stxBundle_aadcc1d88d59["lastUpdatedAt"];
826
- linkClasses = __stxBundle_aadcc1d88d59["linkClasses"];
827
- linkOff = __stxBundle_aadcc1d88d59["linkOff"];
828
- linkOn = __stxBundle_aadcc1d88d59["linkOn"];
829
- links = __stxBundle_aadcc1d88d59["links"];
830
- load = __stxBundle_aadcc1d88d59["load"];
831
- manageHref = __stxBundle_aadcc1d88d59["manageHref"];
832
- model = __stxBundle_aadcc1d88d59["model"];
833
- nodeClasses = __stxBundle_aadcc1d88d59["nodeClasses"];
834
- nodes = __stxBundle_aadcc1d88d59["nodes"];
835
- notes = __stxBundle_aadcc1d88d59["notes"];
836
- onDown = __stxBundle_aadcc1d88d59["onDown"];
837
- onMove = __stxBundle_aadcc1d88d59["onMove"];
838
- onUp = __stxBundle_aadcc1d88d59["onUp"];
839
- onWheel = __stxBundle_aadcc1d88d59["onWheel"];
840
- panX = __stxBundle_aadcc1d88d59["panX"];
841
- panY = __stxBundle_aadcc1d88d59["panY"];
842
- pollingError = __stxBundle_aadcc1d88d59["pollingError"];
843
- pollingState = __stxBundle_aadcc1d88d59["pollingState"];
844
- query = __stxBundle_aadcc1d88d59["query"];
845
- refresh = __stxBundle_aadcc1d88d59["refresh"];
846
- restatus = __stxBundle_aadcc1d88d59["restatus"];
847
- select = __stxBundle_aadcc1d88d59["select"];
848
- selected = __stxBundle_aadcc1d88d59["selected"];
849
- selectedFacts = __stxBundle_aadcc1d88d59["selectedFacts"];
850
- selectedId = __stxBundle_aadcc1d88d59["selectedId"];
851
- selectedLinks = __stxBundle_aadcc1d88d59["selectedLinks"];
852
- shapeOf = __stxBundle_aadcc1d88d59["shapeOf"];
853
- stageCrop = __stxBundle_aadcc1d88d59["stageCrop"];
854
- toggleFlow = __stxBundle_aadcc1d88d59["toggleFlow"];
855
- visible = __stxBundle_aadcc1d88d59["visible"];
856
- zoom = __stxBundle_aadcc1d88d59["zoom"];
857
- zoomBy = __stxBundle_aadcc1d88d59["zoomBy"];
858
803
  zoomTo = __stxBundle_aadcc1d88d59["zoomTo"];
859
- return { STAGE_H, STAGE_W, animate, atPointer, builtAtLabel, canvasScale, canvasTransform, clear, counts, dim, dragging, fit, fitScale, flows, focus, geo, groups, hoveredId, isSample, isSnapshot, labelledLinks, lanes, lastUpdatedAt, linkClasses, linkOff, linkOn, links, load, manageHref, model, nodeClasses, nodes, notes, onDown, onMove, onUp, onWheel, panX, panY, pollingError, pollingState, query, refresh, restatus, select, selected, selectedFacts, selectedId, selectedLinks, shapeOf, stageCrop, toggleFlow, visible, zoom, zoomBy, zoomTo, __stxBundle_aadcc1d88d59 };
804
+ zoomBy = __stxBundle_aadcc1d88d59["zoomBy"];
805
+ zoom = __stxBundle_aadcc1d88d59["zoom"];
806
+ visible = __stxBundle_aadcc1d88d59["visible"];
807
+ toggleFlow = __stxBundle_aadcc1d88d59["toggleFlow"];
808
+ stageCrop = __stxBundle_aadcc1d88d59["stageCrop"];
809
+ shapeOf = __stxBundle_aadcc1d88d59["shapeOf"];
810
+ selectedLinks = __stxBundle_aadcc1d88d59["selectedLinks"];
811
+ selectedId = __stxBundle_aadcc1d88d59["selectedId"];
812
+ selectedFacts = __stxBundle_aadcc1d88d59["selectedFacts"];
813
+ selected = __stxBundle_aadcc1d88d59["selected"];
814
+ select = __stxBundle_aadcc1d88d59["select"];
815
+ restatus = __stxBundle_aadcc1d88d59["restatus"];
816
+ refresh = __stxBundle_aadcc1d88d59["refresh"];
817
+ query = __stxBundle_aadcc1d88d59["query"];
818
+ pollingState = __stxBundle_aadcc1d88d59["pollingState"];
819
+ pollingError = __stxBundle_aadcc1d88d59["pollingError"];
820
+ panY = __stxBundle_aadcc1d88d59["panY"];
821
+ panX = __stxBundle_aadcc1d88d59["panX"];
822
+ onWheel = __stxBundle_aadcc1d88d59["onWheel"];
823
+ onUp = __stxBundle_aadcc1d88d59["onUp"];
824
+ onMove = __stxBundle_aadcc1d88d59["onMove"];
825
+ onDown = __stxBundle_aadcc1d88d59["onDown"];
826
+ notes = __stxBundle_aadcc1d88d59["notes"];
827
+ nodes = __stxBundle_aadcc1d88d59["nodes"];
828
+ nodeClasses = __stxBundle_aadcc1d88d59["nodeClasses"];
829
+ model = __stxBundle_aadcc1d88d59["model"];
830
+ manageHref = __stxBundle_aadcc1d88d59["manageHref"];
831
+ load = __stxBundle_aadcc1d88d59["load"];
832
+ links = __stxBundle_aadcc1d88d59["links"];
833
+ linkOn = __stxBundle_aadcc1d88d59["linkOn"];
834
+ linkOff = __stxBundle_aadcc1d88d59["linkOff"];
835
+ linkClasses = __stxBundle_aadcc1d88d59["linkClasses"];
836
+ lastUpdatedAt = __stxBundle_aadcc1d88d59["lastUpdatedAt"];
837
+ lanes = __stxBundle_aadcc1d88d59["lanes"];
838
+ labelledLinks = __stxBundle_aadcc1d88d59["labelledLinks"];
839
+ isSnapshot = __stxBundle_aadcc1d88d59["isSnapshot"];
840
+ isSample = __stxBundle_aadcc1d88d59["isSample"];
841
+ hoveredId = __stxBundle_aadcc1d88d59["hoveredId"];
842
+ groups = __stxBundle_aadcc1d88d59["groups"];
843
+ geo = __stxBundle_aadcc1d88d59["geo"];
844
+ focus = __stxBundle_aadcc1d88d59["focus"];
845
+ flows = __stxBundle_aadcc1d88d59["flows"];
846
+ fitScale = __stxBundle_aadcc1d88d59["fitScale"];
847
+ fit = __stxBundle_aadcc1d88d59["fit"];
848
+ dragging = __stxBundle_aadcc1d88d59["dragging"];
849
+ dim = __stxBundle_aadcc1d88d59["dim"];
850
+ counts = __stxBundle_aadcc1d88d59["counts"];
851
+ clear = __stxBundle_aadcc1d88d59["clear"];
852
+ canvasTransform = __stxBundle_aadcc1d88d59["canvasTransform"];
853
+ canvasScale = __stxBundle_aadcc1d88d59["canvasScale"];
854
+ builtAtLabel = __stxBundle_aadcc1d88d59["builtAtLabel"];
855
+ atPointer = __stxBundle_aadcc1d88d59["atPointer"];
856
+ animate = __stxBundle_aadcc1d88d59["animate"];
857
+ STAGE_W = __stxBundle_aadcc1d88d59["STAGE_W"];
858
+ STAGE_H = __stxBundle_aadcc1d88d59["STAGE_H"];
859
+ return { zoomTo, zoomBy, zoom, visible, toggleFlow, stageCrop, shapeOf, selectedLinks, selectedId, selectedFacts, selected, select, restatus, refresh, query, pollingState, pollingError, panY, panX, onWheel, onUp, onMove, onDown, notes, nodes, nodeClasses, model, manageHref, load, links, linkOn, linkOff, linkClasses, lastUpdatedAt, lanes, labelledLinks, isSnapshot, isSample, hoveredId, groups, geo, focus, flows, fitScale, fit, dragging, dim, counts, clear, canvasTransform, canvasScale, builtAtLabel, atPointer, animate, STAGE_W, STAGE_H, __stxBundle_aadcc1d88d59 };
860
860
  }
861
- window.__stx_latestSetup=__stx_setup_1787597169485_7;
862
- if(window.stx)window.stx._latestSetup=__stx_setup_1787597169485_7;
863
- </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_1787597169485_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="" 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="active" 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">
861
+ window.__stx_latestSetup=__stx_setup_1787597620484_3;
862
+ if(window.stx)window.stx._latestSetup=__stx_setup_1787597620484_3;
863
+ </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_1787597620484_3"><a data-stx-scope="stx_scope_nav_4" 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="" 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="active" 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">
864
864
  (function() {
865
865
  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;
866
866
  var __destroyHooks = [];
@@ -1211,6 +1211,6 @@ if(window.stx)window.stx._latestSetup=__stx_setup_1787597169485_7;
1211
1211
 
1212
1212
 
1213
1213
  try { if (typeof __stxScopeRenames !== 'undefined' && __stxScopeRenames) { for (var __stxRK in __stxScopeRenames) __scopeRegistration[__stxRK] = __stxScopeRenames[__stxRK]; } } catch (e) { /* no renames */ }
1214
- window.stx._scopes['stx_scope_nav_10'] = __scopeRegistration;
1214
+ window.stx._scopes['stx_scope_nav_4'] = __scopeRegistration;
1215
1215
  })();
1216
1216
  </script> <main class="topo-wrap wrap" id="main-content"><div class="crumbs">Infrastructure <span class="sep">/</span> Map</div><header class="page"><div><h1>Infrastructure map</h1><p>Every resource this environment deploys, in the order a request meets them. Hover to trace a path, click to inspect.</p></div><div class="header-actions"><span class="pill warn" @show="isSample()" x-cloak>sample topology</span><span class="pill" :class="pollingState() === 'live' ? 'ok' : 'warn'" x-cloak>{{ pollingState() }}</span><small x-cloak>{{ isSnapshot() ? builtAtLabel() : lastUpdatedAt() ? lastUpdatedAt().toLocaleTimeString() : 'connecting' }}</small><button class="btn ghost sm" type="button" @show="!isSnapshot()" @click="refresh()" x-cloak>Refresh</button></div></header><p class="topo-notice bad" role="alert" @show="!!pollingError()" x-cloak>{{ pollingError() }}</p><p class="topo-notice" role="status" @show="isSample() && !pollingError()" x-cloak>Showing a representative topology until this deployment reports one.</p><p class="topo-notice" role="status" @show="isSnapshot() && !isSample()" x-cloak>This cockpit was exported without its control plane, so the map cannot refresh. It shows the infrastructure as it stood when the dashboard was built.</p><p class="topo-notice" :for="note in notes" x-cloak>{{ note }}</p><section class="topo-summary" aria-label="Topology summary" x-cloak><article class="panel" x-cloak><b x-cloak>{{ model().mode === 'serverless' ? 'Serverless' : 'Server' }}</b><small x-cloak>{{ model().provider }} · {{ model().region }}</small></article><article class="panel" x-cloak><b x-cloak>{{ geo().nodes.length }} resources</b><small x-cloak>{{ geo().lanes.length }} layers · {{ geo().links.length }} connections</small></article><article class="panel" x-cloak><b x-cloak>{{ counts().ok }} healthy</b><small x-cloak>{{ counts().warn }} attention · {{ counts().bad }} failing · {{ counts().idle }} idle</small></article><article class="panel" x-cloak><b x-cloak>{{ model().environment }}</b><small x-cloak>{{ model().project }}</small></article></section><section class="topo-controls panel" aria-label="Diagram controls"><label class="topo-search"><span class="sr-only">Filter resources</span><input type="search" placeholder="Filter resources (name, kind, value)" :value="query()" @input="query.set($event.target.value)"></label><div class="topo-flows" role="group" aria-label="Connection types"><button type="button" class="chip request" :class="flows().request ? '' : 'off'" @click="toggleFlow('request')">Requests</button><button type="button" class="async chip" :class="flows().async ? '' : 'off'" @click="toggleFlow('async')">Async</button><button type="button" class="chip data" :class="flows().data ? '' : 'off'" @click="toggleFlow('data')">Data</button><button type="button" class="backup chip" :class="flows().backup ? '' : 'off'" @click="toggleFlow('backup')">Backup</button></div><div class="topo-zoom" x-cloak><button class="btn ghost sm" type="button" @click="animate.set(!animate())" x-cloak>{{ animate() ? 'Pause flow' : 'Animate flow' }}</button><button class="btn ghost sm" type="button" aria-label="Zoom out" @click="zoomBy(1 / 1.2)">−</button><span class="topo-level" x-cloak>{{ Math.round(zoom() * 100) }}%</span><button class="btn ghost sm" type="button" aria-label="Zoom in" @click="zoomBy(1.2)">+</button><button class="btn ghost sm" type="button" @click="fit()">Fit</button><button class="btn ghost sm" type="button" @click="clear()">Reset</button></div></section><div class="topo-stage"><section class="topo-panel panel"><div class="topo-viewport" :style="'aspect-ratio: 1600 / ' + stageCrop()"><svg class="topo-canvas" viewBox="0 0 1600 1200" preserveAspectRatio="xMidYMin meet" role="img" aria-label="Infrastructure topology diagram" @wheel="onWheel($event)" @pointerdown="onDown($event)" @pointermove="onMove($event)" @pointerup="onUp()" @pointerleave="onUp()"><defs><marker id="topo-arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="6" markerHeight="6" orient="auto"><path d="M0,0 L10,5 L0,10 z" fill="currentColor"></path></marker></defs><g class="topo-canvas-inner" :transform="canvasTransform()"><g class="topo-lanes"><g :for="lane in lanes"><rect class="topo-lane" :x="lane.x" :y="lane.y" :width="lane.width" :height="lane.height" rx="18"></rect><text class="topo-lane-label" :x="lane.x + lane.width / 2" :y="lane.y - 24" text-anchor="middle" :text="lane.label"></text><text class="topo-lane-count" :x="lane.x + lane.width / 2" :y="lane.y - 8" text-anchor="middle" :text="lane.count + (lane.count === 1 ? ' resource' : ' resources')"></text></g></g><g class="topo-groups"><g :for="group in groups"><rect class="topo-group" :x="group.x" :y="group.y" :width="group.width" :height="group.height" rx="20"></rect><text class="topo-group-label" :x="group.x + 16" :y="group.y + 22" :text="group.sub ? group.label + ' · ' + group.sub : group.label"></text></g></g><g class="topo-edges"><path :for="link in links" class="topo-link" :class="linkClasses(link)" :d="link.d" marker-end="url(#topo-arrow)"></path></g><g class="topo-edge-labels"><text :for="link in labelledLinks" class="topo-edge-label" :class="{ dim: linkOff(link) }" :x="link.labelX" :y="link.labelY" text-anchor="middle" :text="link.label"></text></g><g class="topo-nodes"><g :for="node in nodes" class="topo-node" :class="nodeClasses(node)" :transform="'translate(' + node.x + ',' + node.y + ')'" tabindex="0" role="button" :aria-label="node.label + ', ' + node.kind + ', ' + node.status" @pointerenter="hoveredId.set(node.id)" @pointerleave="hoveredId.set('')" @focus="hoveredId.set(node.id)" @blur="hoveredId.set('')" @click="select(node)" @keydown.enter="select(node)"><rect class="topo-box" :width="node.width" :height="node.height" rx="14"></rect><g class="topo-icon" transform="translate(15,20) scale(0.83)"><path :d="node.icon"></path></g><text class="topo-label" x="48" y="27" :text="node.label"></text><text class="topo-sub" x="48" y="45" :text="node.sub || node.kind"></text><circle class="topo-dot" :cx="node.width - 17" cy="20" r="4.5"></circle></g></g></g></svg></div><p class="topo-hint">Drag to pan · scroll to zoom · Tab to walk the graph. Hovering a resource keeps its upstream path lit.</p></section><aside class="topo-detail panel" @show="!!selected()" aria-label="Resource detail" x-cloak><div class="topo-detail-head" x-cloak><div x-cloak><span class="pill" :class="selected()?.status === 'ok' ? 'ok' : selected()?.status === 'bad' ? 'bad' : 'warn'" x-cloak>{{ selected()?.status }}</span><h2 x-cloak>{{ selected()?.label }}</h2><p x-cloak>{{ selected()?.kind }} · {{ selected()?.sub }}</p></div><button class="btn ghost sm" type="button" @click="selectedId.set('')">Close</button></div><div class="kv" :for="fact in selectedFacts" x-cloak><span x-cloak>{{ fact.label }}</span><b x-cloak>{{ fact.value }}</b></div><p class="topo-empty-facts" @show="!selectedFacts().length" x-cloak>No further detail is reported for this resource.</p><h3>Connections</h3><div class="topo-conn" :for="link in selectedLinks" x-cloak><span class="chip" :class="link.flow" x-cloak>{{ link.flow }}</span><span x-cloak>{{ link.arrow }} {{ link.other }}</span><small x-cloak>{{ link.note }}</small></div><a class="btn sm" :href="manageHref(selected())" @show="!!selected()?.href" x-cloak>Manage this resource</a></aside></div><section class="topo-legend" aria-label="Legend"><span><i class="ok swatch"></i>healthy</span><span><i class="swatch warn"></i>needs attention</span><span><i class="bad swatch"></i>failing</span><span><i class="idle swatch"></i>idle</span><span><i class="swatch unknown"></i>not reported</span><span class="topo-legend-sep"></span><span><i class="stroke request"></i>request</span><span><i class="stroke async"></i>async</span><span><i class="stroke data"></i>data</span><span><i class="stroke backup"></i>backup</span></section></main><style> .topo-wrap { max-width: 1560px; } .topo-notice { margin: 10px 0; padding: 10px 14px; border-radius: 12px; background: rgba(255,255,255,0.04); border: 1px solid var(--panel-br); color: var(--txt2); font-size: 13px; } .topo-notice.bad { background: var(--badbg); border-color: rgba(240,115,110,0.3); color: var(--bad); } .topo-summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 16px 0 12px; } .topo-summary article { display: grid; gap: 5px; } .topo-summary b { font-size: 19px; } .topo-summary small { color: var(--txt3); } .topo-controls { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 12px 14px; } .topo-search { flex: 1 1 260px; } .topo-search input { width: 100%; background: var(--bg2); border: 1px solid var(--panel-br); border-radius: 10px; color: var(--txt); padding: 8px 12px; } .topo-flows, .topo-zoom { display: flex; align-items: center; gap: 7px; } .topo-level { min-width: 46px; text-align: center; color: var(--txt3); font: 600 12px var(--mono); } .chip { border: 1px solid var(--panel-br); background: rgba(255,255,255,0.04); color: var(--txt2); border-radius: 999px; padding: 5px 11px; font-size: 12px; font-weight: 600; cursor: pointer; } .chip::before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 2px; margin-right: 7px; vertical-align: 0; background: currentColor; } .chip.request { color: var(--accent); } .chip.async { color: #c08ae8; } .chip.data { color: var(--ok); } .chip.backup { color: var(--txt3); } .chip.off { opacity: .38; } .topo-stage { position: relative; } .topo-panel { padding: 8px; min-width: 0; } /* The svg is a fixed, over-tall stage; the viewport crops it to the band the drawing occupies. That crop is bound to the live geometry, so the diagram fills the panel even when a re-layout is taller than the baked stage. */ .topo-viewport { position: relative; width: 100%; max-height: 78vh; overflow: hidden; } .topo-canvas { display: block; width: 100%; height: auto; touch-action: none; cursor: grab; color: var(--txt3); } .topo-canvas:active { cursor: grabbing; } .topo-hint { padding: 6px 12px 4px; color: var(--txt3); font-size: 11.5px; } .topo-lane { fill: rgba(255,255,255,0.016); stroke: rgba(255,255,255,0.05); } .topo-lane-label { fill: var(--txt3); font: 700 13px 'Inter', sans-serif; letter-spacing: .09em; text-transform: uppercase; } .topo-lane-count { fill: var(--txt3); font: 600 12px var(--mono); opacity: .6; } .topo-group { fill: none; stroke: rgba(90,139,224,0.34); stroke-dasharray: 6 6; } .topo-group-label { fill: var(--accent); font: 700 13px 'Inter', sans-serif; } .topo-group-sub { fill: var(--txt3); font-weight: 500; } .topo-link { fill: none; stroke: var(--accent); stroke-width: 1.7; opacity: .55; color: var(--accent); transition: opacity .18s ease; } .topo-link.async { stroke: #c08ae8; color: #c08ae8; stroke-dasharray: 7 5; } .topo-link.data { stroke: var(--ok); color: var(--ok); } .topo-link.backup { stroke: var(--txt3); color: var(--txt3); stroke-dasharray: 2 6; } .topo-link.animate { stroke-dasharray: 9 7; animation: topo-flow 1.5s linear infinite; } .topo-link.dim { opacity: .07; animation: none; } @keyframes topo-flow { to { stroke-dashoffset: -32; } } @media (prefers-reduced-motion: reduce) { .topo-link.animate { animation: none; } } .topo-edge-label { fill: var(--txt3); font: 600 11.5px var(--mono); paint-order: stroke; stroke: var(--bg); stroke-width: 4px; } .topo-edge-label.dim { opacity: .06; } .topo-node { cursor: pointer; } .topo-node .topo-box { fill: rgba(20,26,38,0.94); stroke: var(--panel-br); stroke-width: 1.2; transition: stroke .18s ease, fill .18s ease; } .topo-node .topo-icon { fill: none; stroke: var(--txt2); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } .topo-node .topo-label { fill: var(--txt); font: 700 15px 'Inter', sans-serif; } .topo-node .topo-sub { fill: var(--txt3); font: 500 12px var(--mono); } .topo-node .topo-dot { fill: var(--txt3); } .topo-node.ok .topo-dot { fill: var(--ok); } .topo-node.warn .topo-dot { fill: var(--warn); } .topo-node.bad .topo-dot { fill: var(--bad); } .topo-node.idle .topo-dot { fill: var(--txt3); opacity: .5; } .topo-node.bad .topo-box { stroke: rgba(240,115,110,0.5); } .topo-node.warn .topo-box { stroke: rgba(237,185,73,0.42); } .topo-node.external .topo-box { fill: rgba(255,255,255,0.02); stroke-dasharray: 5 5; } .topo-node:hover .topo-box, .topo-node:focus-visible .topo-box { stroke: var(--accent); fill: rgba(28,38,58,0.98); } .topo-node:focus { outline: none; } .topo-node:focus-visible .topo-box { stroke-width: 2; } .topo-node.selected .topo-box { stroke: var(--accent); stroke-width: 2; } .topo-node.selected .topo-icon { stroke: var(--accent); } .topo-node.dim { opacity: .16; } /* Opaque: it floats over the diagram, and a translucent panel over moving edges is unreadable. */ .topo-detail { position: absolute; z-index: 5; top: 12px; right: 12px; width: 340px; display: grid; gap: 4px; max-height: calc(100% - 24px); overflow: auto; background: #0e131d; box-shadow: 0 22px 60px rgba(0,0,0,0.6); } .topo-detail-head { display: flex; justify-content: space-between; gap: 12px; align-items: start; margin-bottom: 8px; } .topo-detail-head h2 { font-size: 19px; margin-top: 6px; } .topo-detail-head p { color: var(--txt3); font-size: 12px; } .topo-detail h3 { margin: 16px 0 4px; font-size: 12px; letter-spacing: .09em; text-transform: uppercase; color: var(--txt3); } .topo-detail .kv b { font-family: var(--mono); font-size: 12.5px; text-align: right; word-break: break-all; } .topo-empty-facts { color: var(--txt3); font-size: 12px; padding: 8px 0; } .topo-conn { display: flex; align-items: center; gap: 9px; padding: 6px 0; color: var(--txt2); font-size: 12px; } .topo-conn .chip { cursor: default; padding: 2px 9px; font-size: 11px; } .topo-detail .btn { margin-top: 14px; text-align: center; text-decoration: none; } .topo-legend { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding: 14px 4px 0; color: var(--txt3); font-size: 12px; } .topo-legend span { display: inline-flex; align-items: center; gap: 7px; } .topo-legend .swatch { width: 9px; height: 9px; border-radius: 50%; background: var(--txt3); } .topo-legend .swatch.ok { background: var(--ok); } .topo-legend .swatch.warn { background: var(--warn); } .topo-legend .swatch.bad { background: var(--bad); } .topo-legend .swatch.idle { background: var(--txt3); opacity: .5; } .topo-legend .stroke { width: 20px; height: 0; border-top: 2px solid var(--accent); } .topo-legend .stroke.async { border-top-style: dashed; border-color: #c08ae8; } .topo-legend .stroke.data { border-color: var(--ok); } .topo-legend .stroke.backup { border-top-style: dotted; border-color: var(--txt3); } .topo-legend-sep { width: 1px; height: 14px; background: var(--panel-br); } @media (max-width: 1100px) { .topo-detail { position: static; width: auto; max-height: none; margin-top: 12px; } .topo-summary { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 640px) { .topo-summary { grid-template-columns: 1fr; } .topo-controls > * { width: 100%; } } </style></body></html>