@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.
- package/dist/aws/index.js +1 -1
- package/dist/bin/chunk-0rtn6q5x.js +3 -0
- package/dist/bin/chunk-258ehp9s.js +1 -0
- package/dist/bin/chunk-2yctv06c.js +1 -0
- package/dist/bin/chunk-3276rveh.js +37 -0
- package/dist/bin/chunk-3m665jwp.js +70 -0
- package/dist/bin/chunk-3s2p9vxj.js +1 -0
- package/dist/bin/chunk-4esma5m9.js +1 -0
- package/dist/bin/chunk-4n0j3n3b.js +2 -0
- package/dist/bin/chunk-54bqchag.js +92 -0
- package/dist/bin/{chunk-4q6tad44.js → chunk-5bhx3bsa.js} +121 -121
- package/dist/bin/chunk-5zagqd20.js +1 -0
- package/dist/bin/chunk-7hw2js5h.js +512 -0
- package/dist/bin/chunk-8h1qr6x4.js +50 -0
- package/dist/bin/{chunk-w32xv8n4.js → chunk-9vdc7adf.js} +6 -6
- package/dist/bin/chunk-a1dd6sby.js +1 -0
- package/dist/bin/chunk-a4dw35gs.js +1 -0
- package/dist/bin/chunk-a9d55ker.js +1 -0
- package/dist/bin/chunk-awa1qade.js +9 -0
- package/dist/bin/chunk-b6by94pk.js +2 -0
- package/dist/bin/chunk-c8sypnbe.js +2 -0
- package/dist/bin/chunk-cx4e3d4w.js +1 -0
- package/dist/bin/chunk-d5a3vheh.js +2 -0
- package/dist/bin/chunk-e1fym2bd.js +1 -0
- package/dist/bin/chunk-ej4h0q2y.js +1 -0
- package/dist/bin/chunk-ett305ym.js +4 -0
- package/dist/bin/chunk-f11xf3n6.js +2 -0
- package/dist/bin/chunk-fq7ktvgy.js +3 -0
- package/dist/bin/chunk-fyq4th2m.js +1 -0
- package/dist/bin/chunk-g67qr8yf.js +1 -0
- package/dist/bin/chunk-gc82cx4h.js +1 -0
- package/dist/bin/chunk-hchtvpr9.js +1 -0
- package/dist/bin/chunk-hpe4jjce.js +1 -0
- package/dist/bin/chunk-k5vprsef.js +6 -0
- package/dist/bin/chunk-m22krd4z.js +3 -0
- package/dist/bin/chunk-mkppcwz8.js +1 -0
- package/dist/bin/chunk-mpjg0kc7.js +2 -0
- package/dist/bin/chunk-mrm4m4dk.js +2 -0
- package/dist/bin/chunk-nff46rxd.js +1 -0
- package/dist/bin/chunk-np1z3bgt.js +1 -0
- package/dist/bin/chunk-nskxkk6r.js +1 -0
- package/dist/bin/chunk-pez932b1.js +111 -0
- package/dist/bin/chunk-qsdf5kzk.js +2 -0
- package/dist/bin/chunk-r61qmhv1.js +2 -0
- package/dist/bin/chunk-r6gdcz5c.js +1 -0
- package/dist/bin/chunk-satwnr42.js +2 -0
- package/dist/bin/{chunk-dz1ec589.js → chunk-scqmd4qv.js} +30 -30
- package/dist/bin/chunk-smbycpt5.js +44 -0
- package/dist/bin/chunk-sn7e0sn7.js +2 -0
- package/dist/bin/chunk-ss574pka.js +1 -0
- package/dist/bin/chunk-tj0xb2d8.js +585 -0
- package/dist/bin/chunk-v3rzf9d0.js +141 -0
- package/dist/bin/chunk-wnpma6t3.js +34 -0
- package/dist/bin/chunk-xan0e052.js +5 -0
- package/dist/bin/chunk-xbk2y43r.js +60 -0
- package/dist/bin/chunk-xjp3v95e.js +6 -0
- package/dist/bin/chunk-xyt490vp.js +6 -0
- package/dist/bin/chunk-yn9r02gy.js +1 -0
- package/dist/bin/chunk-zhkhn9cc.js +1 -0
- package/dist/bin/cli.js +444 -435
- package/dist/bin/dashboard-server.js +1 -1
- package/dist/chunk-0zf72ngj.js +1 -0
- package/dist/chunk-2hpjte1d.js +704 -0
- package/dist/chunk-4m6gwhwr.js +5 -0
- package/dist/chunk-5m29dhke.js +34 -0
- package/dist/chunk-6fzeemcs.js +114 -0
- package/dist/{chunk-jm5mg890.js → chunk-6xcbfs2r.js} +111 -111
- package/dist/chunk-bpnhqb70.js +6 -0
- package/dist/chunk-ead1nkbr.js +60 -0
- package/dist/chunk-fea461tj.js +141 -0
- package/dist/chunk-fvjczc73.js +1 -0
- package/dist/chunk-gearw6rk.js +4 -0
- package/dist/chunk-j60hesb3.js +2 -0
- package/dist/chunk-pmgtmt3d.js +1 -0
- package/dist/chunk-prf2pkvq.js +5 -0
- package/dist/chunk-q0wffgw5.js +37 -0
- package/dist/chunk-qcemnt35.js +50 -0
- package/dist/chunk-qvbwsaay.js +1 -0
- package/dist/chunk-r2pbqcnz.js +2 -0
- package/dist/chunk-r6110zv2.js +1 -0
- package/dist/{chunk-13qjvbqh.js → chunk-rr1yaj55.js} +1 -1
- package/dist/chunk-wcrj06cg.js +44 -0
- package/dist/chunk-wte9mh18.js +92 -0
- package/dist/{chunk-86ss83s2.js → chunk-y1dh3znq.js} +52 -52
- package/dist/chunk-y6e86wjs.js +445 -0
- package/dist/chunk-y8b7ht4v.js +1 -0
- package/dist/chunk-yf487g6e.js +2 -0
- package/dist/chunk-zmmc9j5f.js +2 -0
- package/dist/deploy/index.js +1 -1
- package/dist/dns/index.js +1 -1
- package/dist/drivers/index.js +1 -1
- package/dist/index.js +91 -91
- package/dist/pages/cloudflare-pages.d.ts +13 -0
- package/dist/protection/index.js +1 -1
- package/dist/push/index.js +1 -1
- package/dist/spend/index.js +1 -1
- package/dist/ui/404.html +1 -1
- package/dist/ui/accept-invitation.html +1 -1
- package/dist/ui/access-denied.html +1 -1
- package/dist/ui/account/automation.html +6 -6
- package/dist/ui/account/security.html +2 -2
- package/dist/ui/applications/compose.html +6 -6
- package/dist/ui/applications/new.html +2 -2
- package/dist/ui/data/backups.html +80 -80
- package/dist/ui/data/services.html +78 -78
- package/dist/ui/data/volumes.html +50 -50
- package/dist/ui/index.html +50 -50
- package/dist/ui/infrastructure/topology.html +118 -118
- package/dist/ui/integrations.html +2 -2
- package/dist/ui/operations/alerts.html +48 -48
- package/dist/ui/operations/configuration.html +6 -6
- package/dist/ui/operations/jobs.html +76 -76
- package/dist/ui/operations/maintenance.html +6 -6
- package/dist/ui/operations/observability.html +81 -81
- package/dist/ui/operations/previews.html +6 -6
- package/dist/ui/operations/queue.html +6 -6
- package/dist/ui/operations/regions.html +6 -6
- package/dist/ui/operations/releases.html +6 -6
- package/dist/ui/operations/spend.html +54 -54
- package/dist/ui/operations/workloads.html +104 -104
- package/dist/ui/security.html +2 -2
- package/dist/ui/server/actions.html +56 -56
- package/dist/ui/server/activity.html +2 -2
- package/dist/ui/server/capacity.html +6 -6
- package/dist/ui/server/database.html +106 -106
- package/dist/ui/server/deployments.html +50 -50
- package/dist/ui/server/diagnostics.html +1 -1
- package/dist/ui/server/firewall.html +76 -76
- package/dist/ui/server/fleet.html +33 -33
- package/dist/ui/server/logs.html +24 -24
- package/dist/ui/server/metrics.html +112 -112
- package/dist/ui/server/security.html +2 -2
- package/dist/ui/server/services.html +26 -26
- package/dist/ui/server/sites.html +119 -119
- package/dist/ui/server/ssh-keys.html +52 -52
- package/dist/ui/server/team.html +144 -144
- package/dist/ui/server/terminal.html +15 -15
- package/dist/ui/serverless/alarms.html +52 -52
- package/dist/ui/serverless/assets.html +27 -27
- package/dist/ui/serverless/cost.html +2 -2
- package/dist/ui/serverless/data.html +35 -35
- package/dist/ui/serverless/deployments.html +27 -27
- package/dist/ui/serverless/firewall.html +1 -1
- package/dist/ui/serverless/functions.html +39 -39
- package/dist/ui/serverless/logs.html +24 -24
- package/dist/ui/serverless/metrics.html +2 -2
- package/dist/ui/serverless/queues.html +48 -48
- package/dist/ui/serverless/secrets.html +52 -52
- package/dist/ui/serverless/traces.html +6 -6
- package/dist/ui/serverless.html +54 -54
- package/dist/ui-src/src/charts.ts +8721 -13558
- package/dist/ui-src/src/topology.ts +2 -2
- package/package.json +3 -3
- package/dist/bin/chunk-0zwknfwp.js +0 -1
- package/dist/bin/chunk-3aph4c1w.js +0 -2
- package/dist/bin/chunk-5nkqza92.js +0 -1
- package/dist/bin/chunk-64vczwwt.js +0 -1
- package/dist/bin/chunk-6tfwm33r.js +0 -6
- package/dist/bin/chunk-71t1gmsq.js +0 -1
- package/dist/bin/chunk-7g2ahkse.js +0 -1
- package/dist/bin/chunk-7zhgmp1s.js +0 -3
- package/dist/bin/chunk-82mj52xr.js +0 -141
- package/dist/bin/chunk-8ewncfce.js +0 -37
- package/dist/bin/chunk-9a88fp00.js +0 -2
- package/dist/bin/chunk-9kf0np8j.js +0 -44
- package/dist/bin/chunk-a7w13qfm.js +0 -2
- package/dist/bin/chunk-b4wt9jcg.js +0 -60
- package/dist/bin/chunk-btsyjhk7.js +0 -92
- package/dist/bin/chunk-c0bdafbx.js +0 -2
- package/dist/bin/chunk-cd0ps58j.js +0 -1
- package/dist/bin/chunk-cxt74wsj.js +0 -1
- package/dist/bin/chunk-d7ke90zt.js +0 -2
- package/dist/bin/chunk-djg4zyqk.js +0 -1
- package/dist/bin/chunk-dkaz333b.js +0 -1
- package/dist/bin/chunk-dkf4qsp2.js +0 -1
- package/dist/bin/chunk-e2bybahr.js +0 -3
- package/dist/bin/chunk-e5ab5twy.js +0 -50
- package/dist/bin/chunk-edvvx3hg.js +0 -1
- package/dist/bin/chunk-ehc63fvs.js +0 -2
- package/dist/bin/chunk-f06c5np9.js +0 -1
- package/dist/bin/chunk-g6baf9c5.js +0 -512
- package/dist/bin/chunk-gq8794k6.js +0 -1
- package/dist/bin/chunk-hq9x489e.js +0 -70
- package/dist/bin/chunk-ja1vjdn1.js +0 -6
- package/dist/bin/chunk-k3120rx6.js +0 -1
- package/dist/bin/chunk-kg61p5hw.js +0 -3
- package/dist/bin/chunk-mcr0r4at.js +0 -2
- package/dist/bin/chunk-mfrf9q4b.js +0 -2
- package/dist/bin/chunk-my3ewh3a.js +0 -34
- package/dist/bin/chunk-nw3d4k52.js +0 -1
- package/dist/bin/chunk-p70bc9yr.js +0 -1
- package/dist/bin/chunk-q5cmfpzt.js +0 -1
- package/dist/bin/chunk-rtecnmts.js +0 -4
- package/dist/bin/chunk-rv18092e.js +0 -585
- package/dist/bin/chunk-s4yzes15.js +0 -2
- package/dist/bin/chunk-sj5csg49.js +0 -2
- package/dist/bin/chunk-ta7sh0cc.js +0 -1
- package/dist/bin/chunk-tfbs8k8v.js +0 -111
- package/dist/bin/chunk-tvz9c388.js +0 -1
- package/dist/bin/chunk-x6f61g36.js +0 -9
- package/dist/bin/chunk-xhwqpgwq.js +0 -2
- package/dist/bin/chunk-xk08030d.js +0 -6
- package/dist/bin/chunk-xkfrqqcs.js +0 -1
- package/dist/bin/chunk-y1h63vpm.js +0 -1
- package/dist/bin/chunk-zdt2rjk6.js +0 -1
- package/dist/bin/chunk-zh2d4704.js +0 -1
- package/dist/bin/chunk-zpe64t4r.js +0 -1
- package/dist/chunk-152he7m3.js +0 -92
- package/dist/chunk-1qdne0bf.js +0 -1
- package/dist/chunk-3mgj3hrh.js +0 -5
- package/dist/chunk-6kpbveb8.js +0 -5
- package/dist/chunk-73ztr55z.js +0 -2
- package/dist/chunk-a84gmpyh.js +0 -1
- package/dist/chunk-aj025v2s.js +0 -4
- package/dist/chunk-b087qsyf.js +0 -704
- package/dist/chunk-by2bwzk6.js +0 -141
- package/dist/chunk-h42zck7h.js +0 -60
- package/dist/chunk-hn40z11p.js +0 -37
- package/dist/chunk-m8fs0233.js +0 -34
- package/dist/chunk-mz0dk78z.js +0 -6
- package/dist/chunk-nms5q44e.js +0 -1
- package/dist/chunk-nzqxdkch.js +0 -445
- package/dist/chunk-qm32ytbr.js +0 -1
- package/dist/chunk-t0xgmhd6.js +0 -114
- package/dist/chunk-t3t9ymec.js +0 -1
- package/dist/chunk-tz9myq9a.js +0 -2
- package/dist/chunk-wavjkdb8.js +0 -2
- package/dist/chunk-x3hay61c.js +0 -44
- package/dist/chunk-xcj8zfmg.js +0 -2
- package/dist/chunk-y2v22hkv.js +0 -1
- package/dist/chunk-y4xkj2f1.js +0 -50
|
@@ -1,43 +1,43 @@
|
|
|
1
|
-
<!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="
|
|
2
|
-
function
|
|
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"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ts-cloud · Data services</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.c696d17a.js"></script> <script data-stx-composables src="/_stx/chunk.5ddb5087.js"></script> <script data-stx-scoped>
|
|
2
|
+
function __stx_setup_1787597620479_0() {
|
|
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
|
-
var actionError = undefined;
|
|
6
|
-
var actionLabels = undefined;
|
|
7
|
-
var api = undefined;
|
|
8
|
-
var busy = undefined;
|
|
9
|
-
var chooseAction = undefined;
|
|
10
|
-
var copy = undefined;
|
|
11
|
-
var createOpen = undefined;
|
|
12
|
-
var createService = undefined;
|
|
13
|
-
var engineFilter = undefined;
|
|
14
|
-
var filtered = undefined;
|
|
15
|
-
var formBody = undefined;
|
|
16
|
-
var guidance = undefined;
|
|
17
|
-
var inspect = undefined;
|
|
18
|
-
var lastUpdatedAt = undefined;
|
|
19
|
-
var load = undefined;
|
|
20
|
-
var notice = undefined;
|
|
21
|
-
var observationEntries = undefined;
|
|
22
|
-
var oneTime = undefined;
|
|
23
|
-
var operationAction = undefined;
|
|
24
|
-
var operations = undefined;
|
|
25
|
-
var plan = undefined;
|
|
26
|
-
var pollingError = undefined;
|
|
27
|
-
var pollingState = undefined;
|
|
28
|
-
var previewAction = undefined;
|
|
29
|
-
var providerFilter = undefined;
|
|
30
|
-
var refresh = undefined;
|
|
31
|
-
var reveal = undefined;
|
|
32
|
-
var runAction = undefined;
|
|
33
|
-
var runConfiguredAction = undefined;
|
|
34
|
-
var search = undefined;
|
|
35
|
-
var selected = undefined;
|
|
36
|
-
var serviceOperations = undefined;
|
|
37
|
-
var services = undefined;
|
|
38
|
-
var statusFilter = undefined;
|
|
39
|
-
var tone = undefined;
|
|
40
5
|
var when = undefined;
|
|
6
|
+
var tone = undefined;
|
|
7
|
+
var statusFilter = undefined;
|
|
8
|
+
var services = undefined;
|
|
9
|
+
var serviceOperations = undefined;
|
|
10
|
+
var selected = undefined;
|
|
11
|
+
var search = undefined;
|
|
12
|
+
var runConfiguredAction = undefined;
|
|
13
|
+
var runAction = undefined;
|
|
14
|
+
var reveal = undefined;
|
|
15
|
+
var refresh = undefined;
|
|
16
|
+
var providerFilter = undefined;
|
|
17
|
+
var previewAction = undefined;
|
|
18
|
+
var pollingState = undefined;
|
|
19
|
+
var pollingError = undefined;
|
|
20
|
+
var plan = undefined;
|
|
21
|
+
var operations = undefined;
|
|
22
|
+
var operationAction = undefined;
|
|
23
|
+
var oneTime = undefined;
|
|
24
|
+
var observationEntries = undefined;
|
|
25
|
+
var notice = undefined;
|
|
26
|
+
var load = undefined;
|
|
27
|
+
var lastUpdatedAt = undefined;
|
|
28
|
+
var inspect = undefined;
|
|
29
|
+
var guidance = undefined;
|
|
30
|
+
var formBody = undefined;
|
|
31
|
+
var filtered = undefined;
|
|
32
|
+
var engineFilter = undefined;
|
|
33
|
+
var createService = undefined;
|
|
34
|
+
var createOpen = undefined;
|
|
35
|
+
var copy = undefined;
|
|
36
|
+
var chooseAction = undefined;
|
|
37
|
+
var busy = undefined;
|
|
38
|
+
var api = undefined;
|
|
39
|
+
var actionLabels = undefined;
|
|
40
|
+
var actionError = undefined;
|
|
41
41
|
var __stxBundle_0ec490371d35 = (function() {
|
|
42
42
|
|
|
43
43
|
function servedWithoutApi(error) {
|
|
@@ -291,49 +291,49 @@ async function copy(value, label) {
|
|
|
291
291
|
await navigator.clipboard.writeText(String(value || ""));
|
|
292
292
|
notice.set(`${label} copied.`);
|
|
293
293
|
}
|
|
294
|
-
return { "
|
|
294
|
+
return { "when": when, "tone": tone, "statusFilter": statusFilter, "services": services, "serviceOperations": serviceOperations, "selected": selected, "search": search, "runConfiguredAction": runConfiguredAction, "runAction": runAction, "reveal": reveal, "refresh": refresh, "providerFilter": providerFilter, "previewAction": previewAction, "pollingState": pollingState, "pollingError": pollingError, "plan": plan, "operations": operations, "operationAction": operationAction, "oneTime": oneTime, "observationEntries": observationEntries, "notice": notice, "load": load, "lastUpdatedAt": lastUpdatedAt, "inspect": inspect, "guidance": guidance, "formBody": formBody, "filtered": filtered, "engineFilter": engineFilter, "createService": createService, "createOpen": createOpen, "copy": copy, "chooseAction": chooseAction, "busy": busy, "api": api, "actionLabels": actionLabels, "actionError": actionError };
|
|
295
295
|
})();
|
|
296
|
-
actionError = __stxBundle_0ec490371d35["actionError"];
|
|
297
|
-
actionLabels = __stxBundle_0ec490371d35["actionLabels"];
|
|
298
|
-
api = __stxBundle_0ec490371d35["api"];
|
|
299
|
-
busy = __stxBundle_0ec490371d35["busy"];
|
|
300
|
-
chooseAction = __stxBundle_0ec490371d35["chooseAction"];
|
|
301
|
-
copy = __stxBundle_0ec490371d35["copy"];
|
|
302
|
-
createOpen = __stxBundle_0ec490371d35["createOpen"];
|
|
303
|
-
createService = __stxBundle_0ec490371d35["createService"];
|
|
304
|
-
engineFilter = __stxBundle_0ec490371d35["engineFilter"];
|
|
305
|
-
filtered = __stxBundle_0ec490371d35["filtered"];
|
|
306
|
-
formBody = __stxBundle_0ec490371d35["formBody"];
|
|
307
|
-
guidance = __stxBundle_0ec490371d35["guidance"];
|
|
308
|
-
inspect = __stxBundle_0ec490371d35["inspect"];
|
|
309
|
-
lastUpdatedAt = __stxBundle_0ec490371d35["lastUpdatedAt"];
|
|
310
|
-
load = __stxBundle_0ec490371d35["load"];
|
|
311
|
-
notice = __stxBundle_0ec490371d35["notice"];
|
|
312
|
-
observationEntries = __stxBundle_0ec490371d35["observationEntries"];
|
|
313
|
-
oneTime = __stxBundle_0ec490371d35["oneTime"];
|
|
314
|
-
operationAction = __stxBundle_0ec490371d35["operationAction"];
|
|
315
|
-
operations = __stxBundle_0ec490371d35["operations"];
|
|
316
|
-
plan = __stxBundle_0ec490371d35["plan"];
|
|
317
|
-
pollingError = __stxBundle_0ec490371d35["pollingError"];
|
|
318
|
-
pollingState = __stxBundle_0ec490371d35["pollingState"];
|
|
319
|
-
previewAction = __stxBundle_0ec490371d35["previewAction"];
|
|
320
|
-
providerFilter = __stxBundle_0ec490371d35["providerFilter"];
|
|
321
|
-
refresh = __stxBundle_0ec490371d35["refresh"];
|
|
322
|
-
reveal = __stxBundle_0ec490371d35["reveal"];
|
|
323
|
-
runAction = __stxBundle_0ec490371d35["runAction"];
|
|
324
|
-
runConfiguredAction = __stxBundle_0ec490371d35["runConfiguredAction"];
|
|
325
|
-
search = __stxBundle_0ec490371d35["search"];
|
|
326
|
-
selected = __stxBundle_0ec490371d35["selected"];
|
|
327
|
-
serviceOperations = __stxBundle_0ec490371d35["serviceOperations"];
|
|
328
|
-
services = __stxBundle_0ec490371d35["services"];
|
|
329
|
-
statusFilter = __stxBundle_0ec490371d35["statusFilter"];
|
|
330
|
-
tone = __stxBundle_0ec490371d35["tone"];
|
|
331
296
|
when = __stxBundle_0ec490371d35["when"];
|
|
332
|
-
|
|
297
|
+
tone = __stxBundle_0ec490371d35["tone"];
|
|
298
|
+
statusFilter = __stxBundle_0ec490371d35["statusFilter"];
|
|
299
|
+
services = __stxBundle_0ec490371d35["services"];
|
|
300
|
+
serviceOperations = __stxBundle_0ec490371d35["serviceOperations"];
|
|
301
|
+
selected = __stxBundle_0ec490371d35["selected"];
|
|
302
|
+
search = __stxBundle_0ec490371d35["search"];
|
|
303
|
+
runConfiguredAction = __stxBundle_0ec490371d35["runConfiguredAction"];
|
|
304
|
+
runAction = __stxBundle_0ec490371d35["runAction"];
|
|
305
|
+
reveal = __stxBundle_0ec490371d35["reveal"];
|
|
306
|
+
refresh = __stxBundle_0ec490371d35["refresh"];
|
|
307
|
+
providerFilter = __stxBundle_0ec490371d35["providerFilter"];
|
|
308
|
+
previewAction = __stxBundle_0ec490371d35["previewAction"];
|
|
309
|
+
pollingState = __stxBundle_0ec490371d35["pollingState"];
|
|
310
|
+
pollingError = __stxBundle_0ec490371d35["pollingError"];
|
|
311
|
+
plan = __stxBundle_0ec490371d35["plan"];
|
|
312
|
+
operations = __stxBundle_0ec490371d35["operations"];
|
|
313
|
+
operationAction = __stxBundle_0ec490371d35["operationAction"];
|
|
314
|
+
oneTime = __stxBundle_0ec490371d35["oneTime"];
|
|
315
|
+
observationEntries = __stxBundle_0ec490371d35["observationEntries"];
|
|
316
|
+
notice = __stxBundle_0ec490371d35["notice"];
|
|
317
|
+
load = __stxBundle_0ec490371d35["load"];
|
|
318
|
+
lastUpdatedAt = __stxBundle_0ec490371d35["lastUpdatedAt"];
|
|
319
|
+
inspect = __stxBundle_0ec490371d35["inspect"];
|
|
320
|
+
guidance = __stxBundle_0ec490371d35["guidance"];
|
|
321
|
+
formBody = __stxBundle_0ec490371d35["formBody"];
|
|
322
|
+
filtered = __stxBundle_0ec490371d35["filtered"];
|
|
323
|
+
engineFilter = __stxBundle_0ec490371d35["engineFilter"];
|
|
324
|
+
createService = __stxBundle_0ec490371d35["createService"];
|
|
325
|
+
createOpen = __stxBundle_0ec490371d35["createOpen"];
|
|
326
|
+
copy = __stxBundle_0ec490371d35["copy"];
|
|
327
|
+
chooseAction = __stxBundle_0ec490371d35["chooseAction"];
|
|
328
|
+
busy = __stxBundle_0ec490371d35["busy"];
|
|
329
|
+
api = __stxBundle_0ec490371d35["api"];
|
|
330
|
+
actionLabels = __stxBundle_0ec490371d35["actionLabels"];
|
|
331
|
+
actionError = __stxBundle_0ec490371d35["actionError"];
|
|
332
|
+
return { when, tone, statusFilter, services, serviceOperations, selected, search, runConfiguredAction, runAction, reveal, refresh, providerFilter, previewAction, pollingState, pollingError, plan, operations, operationAction, oneTime, observationEntries, notice, load, lastUpdatedAt, inspect, guidance, formBody, filtered, engineFilter, createService, createOpen, copy, chooseAction, busy, api, actionLabels, actionError, __stxBundle_0ec490371d35 };
|
|
333
333
|
}
|
|
334
|
-
window.__stx_latestSetup=
|
|
335
|
-
if(window.stx)window.stx._latestSetup=
|
|
336
|
-
</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="
|
|
334
|
+
window.__stx_latestSetup=__stx_setup_1787597620479_0;
|
|
335
|
+
if(window.stx)window.stx._latestSetup=__stx_setup_1787597620479_0;
|
|
336
|
+
</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_1787597620479_0"><a data-stx-scope="stx_scope_nav_1" 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 & secrets</a><a class="" href="/data/backups?env=production">Backups & 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="active" 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">
|
|
337
337
|
(function() {
|
|
338
338
|
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;
|
|
339
339
|
var __destroyHooks = [];
|
|
@@ -684,6 +684,6 @@ if(window.stx)window.stx._latestSetup=__stx_setup_1787597169263_5;
|
|
|
684
684
|
|
|
685
685
|
|
|
686
686
|
try { if (typeof __stxScopeRenames !== 'undefined' && __stxScopeRenames) { for (var __stxRK in __stxScopeRenames) __scopeRegistration[__stxRK] = __stxScopeRenames[__stxRK]; } } catch (e) { /* no renames */ }
|
|
687
|
-
window.stx._scopes['
|
|
687
|
+
window.stx._scopes['stx_scope_nav_1'] = __scopeRegistration;
|
|
688
688
|
})();
|
|
689
689
|
</script> <main class="data-wrap wrap" id="main-content"><div class="crumbs">Infrastructure <span class="sep">/</span> Data services</div><header class="page"><div><h1>Data services</h1><p>Provision, adopt, connect, observe, back up, rotate, upgrade, resize, and retire databases and caches from one lifecycle.</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><button class="btn sm" @click="createOpen.set(!createOpen())" x-cloak>{{ createOpen()?'Close':'New service' }}</button></div></header><p class="notice" role="status" @show="!!notice()" x-cloak>{{ notice() }}</p><p class="bad notice" role="alert" @show="!!actionError() || !!pollingError()" x-cloak>{{ actionError() || pollingError() }}</p><section class="summary"><article class="panel"><b>Services</b><strong x-cloak>{{ services().length }}</strong><small>current environment</small></article><article class="panel"><b>Available</b><strong x-cloak>{{ services().filter(item=>item.status==='available').length }}</strong><small>healthy and connectable</small></article><article class="panel"><b>Needs attention</b><strong x-cloak>{{ services().filter(item=>['failed','degraded'].includes(item.status)).length }}</strong><small>failed or degraded</small></article><article class="panel"><b>Dependency redeploys</b><strong x-cloak>{{ services().reduce((sum,item)=>sum+(item.dependencies||[]).filter(dep=>dep.requiresRedeploy).length,0) }}</strong><small>after credential rotation</small></article></section><form class="create-grid panel" @show="createOpen()" @submit="createService($event)" x-cloak><div class="wide"><h2>Create or adopt a service</h2><p class="note">Private networking, encryption, deletion protection, and seven-day backup retention are the managed defaults. Previewing never mutates production.</p></div><label>Name<input name="name" required pattern="[a-z0-9][a-z0-9-]{1,62}" placeholder="orders-db"></label><label>Engine<select name="engine" required><option value="postgres">PostgreSQL</option><option value="mysql">MySQL</option><option value="mariadb">MariaDB</option><option value="redis">Redis</option><option value="mongodb">MongoDB</option><option value="libsql">libSQL</option></select></label><label>Provider<select name="provider" required><option value="aws_rds">AWS RDS</option><option value="aws_aurora">AWS Aurora</option><option value="aws_elasticache">AWS ElastiCache</option><option value="server">Server</option><option value="container">Container</option><option value="external">External / adopted</option></select></label><label>Provider ID or placement<input name="placement" placeholder="orders-production"></label><label>Plan<input name="plan" value="db.t4g.micro" placeholder="db.t4g.micro"></label><label>Engine version<input name="engineVersion" placeholder="16.3"></label><label>Storage GB<input name="storageGb" type="number" min="1" value="20"></label><label>Username<input name="username" value="app" autocomplete="off"></label><label>Database<input name="database" placeholder="app"></label><label>Subnet group<input name="subnetGroup" placeholder="private-data"></label><label class="wide">Security group IDs<input name="securityGroupIds" placeholder="sg-database"></label><label class="wide">Allowed public CIDRs<input name="allowedCidrs" placeholder="203.0.113.8/32"><span>Required only for public access. Broad 0.0.0.0/0 is always refused.</span></label><label class="check"><input name="highAvailability" type="checkbox"> High availability</label><label class="check"><input name="publicExposure" type="checkbox"> Public endpoint</label><label class="check wide"><input name="adopt" type="checkbox"> Adopt existing provider ID read-only (no credential or mutation)</label><button class="btn wide" type="submit" :disabled="busy()" x-cloak>{{ busy()?'Creating…':'Review and create' }}</button></form><section class="filters panel"><input type="search" aria-label="Search data services" placeholder="Search name, engine, provider, placement" @input="search.set($event.currentTarget.value)"><select aria-label="Filter engine" @change="engineFilter.set($event.currentTarget.value)"><option value="all">All engines</option><option value="postgres">PostgreSQL</option><option value="mysql">MySQL</option><option value="mariadb">MariaDB</option><option value="redis">Redis</option><option value="mongodb">MongoDB</option><option value="libsql">libSQL</option></select><select aria-label="Filter provider" @change="providerFilter.set($event.currentTarget.value)"><option value="all">All providers</option><option value="aws_rds">RDS</option><option value="aws_aurora">Aurora</option><option value="aws_elasticache">ElastiCache</option><option value="server">Server</option><option value="container">Container</option><option value="external">External</option></select><select aria-label="Filter status" @change="statusFilter.set($event.currentTarget.value)"><option value="all">All states</option><option value="available">Available</option><option value="planning">Planning</option><option value="failed">Failed</option><option value="adopted">Adopted</option><option value="retained">Retained</option></select></section><div class="workspace" :class="{hasDetail:!!selected()}" x-cloak><section class="data-cards" x-cloak><template :for="item in filtered()"><article class="panel service-card" :class="{selected:selected()?.id===item.id}" x-cloak><div class="service-head" x-cloak><div x-cloak><span class="pill" :class="tone(item.status)" x-cloak>{{ item.status }}</span><span class="pill" x-cloak>{{ item.engine }}</span><span class="pill" x-cloak>{{ item.provider }}</span><h2 x-cloak>{{ item.name }}</h2></div><button class="btn ghost sm" @click="inspect(item)">Details</button></div><div class="service-grid"><div><small>Placement</small><b class="mono" x-cloak>{{ item.placement }}</b><span x-cloak>{{ item.plan }} · {{ item.engineVersion || 'provider default' }}</span></div><div><small>Endpoint</small><b class="mono" x-cloak>{{ item.observedState?.endpoint || 'pending' }}</b><span x-cloak>{{ item.publicExposure?'public allowlist':'private network' }}</span></div><div><small>Credential</small><b x-cloak>{{ item.credential?.configured ? item.credential.username : 'not managed' }}</b><span x-cloak>{{ item.credential?.rotatedAt ? 'rotated '+when(item.credential.rotatedAt) : item.credential?.configured ? 'version '+item.credential.version : 'reference only' }}</span></div><div><small>Protection</small><b x-cloak>{{ item.highAvailability?'high availability':'single placement' }}</b><span x-cloak>{{ item.origin }} · {{ item.managementEnabled?'managed':'read-only' }}</span></div></div><div class="actions"><button class="btn ghost sm" @click="runAction(item,'observe')">Refresh status</button><button class="btn ghost sm" @click="runAction(item,'backup')" :disabled="!item.capabilities.actions.backup.supported">Back up</button><button class="btn ghost sm" @click="runAction(item,'restart')">Restart</button><button class="btn ghost sm" @click="runAction(item,'rotate')" :disabled="!item.capabilities.actions.rotate.supported">Rotate credential</button><button class="btn danger sm" @click="runAction(item,'delete')">Retire</button></div><p class="bad note" @show="!!item.observedState?.error" x-cloak>{{ item.observedState.error }}</p></article></template><div class="empty panel" @show="!filtered().length" x-cloak><strong>No matching data services</strong><span>Create a managed service or adopt an existing provider resource read-only.</span></div></section><aside class="detail panel" @show="!!selected()" x-cloak><div class="detail-head"><div><small>Selected service</small><h2 x-cloak>{{ selected()?.name }}</h2></div><button class="btn ghost sm" aria-label="Close details" @click="selected.set(null)">Close</button></div><div class="capability"><h3>Lifecycle operations</h3><p class="note">Every operation is capability-checked and previewed before a durable production job is created.</p><div class="operation-picker" x-cloak><template :for="entry in Object.entries(selected()?.capabilities?.actions || {}).filter(([action])=>action!=='create'&&action!=='connect')"><button class="btn ghost sm" :class="{active:operationAction()===entry[0]}" :disabled="!entry[1].supported" :title="entry[1].explanation" @click="chooseAction(entry[0])" x-cloak>{{ actionLabels[entry[0]] || entry[0] }}</button></template></div><form class="operation-form" @submit="runConfiguredAction($event)"><label @show="operationAction()==='restore'" x-cloak>Backup ID<input name="backupId" placeholder="orders-snapshot"></label><label @show="operationAction()==='restore'" x-cloak>New target ID<input name="targetId" placeholder="orders-restored"></label><label @show="operationAction()==='resize'" x-cloak>Provider plan<input name="plan" :placeholder="selected()?.plan"></label><label @show="operationAction()==='resize'" x-cloak>Storage GB<input name="storageGb" type="number" min="1"></label><label @show="operationAction()==='resize'" x-cloak>Runtime memory MB<input name="memoryMb" type="number" min="16"></label><label @show="operationAction()==='resize'" x-cloak>Runtime CPUs<input name="cpus" type="number" min="0.1" step="0.1"></label><label @show="operationAction()==='version'" x-cloak>Target engine version<input name="engineVersion" placeholder="17.0"></label><label class="check" @show="operationAction()==='version'" x-cloak><input name="compatibilityReviewed" type="checkbox"> Compatibility reviewed</label><label @show="operationAction()==='version'" x-cloak>Pre-upgrade backup ID<input name="versionBackupId" placeholder="pre-upgrade-snapshot"></label><label @show="['logs','slow_queries'].includes(operationAction())" x-cloak>Maximum lines<input name="lines" type="number" min="1" max="2000" value="500"></label><label @show="['users','databases'].includes(operationAction())" x-cloak>Operation<select name="operation"><option value="list">List</option><option value="create" @show="operationAction()==='databases'" x-cloak>Create</option><option value="delete" @show="operationAction()==='databases'" x-cloak>Delete</option></select></label><label @show="operationAction()==='databases'" x-cloak>Database<input name="database" placeholder="analytics"></label><label @show="operationAction()==='delete'" x-cloak>Retention<select name="retention"><option value="final_backup">Final backup, then delete</option><option value="retain">Retain resource unmanaged</option></select></label><label class="check" @show="operationAction()==='expose'" x-cloak><input name="publicExposure" type="checkbox"> Public endpoint</label><label @show="operationAction()==='expose'" x-cloak>Allowed CIDRs<input name="allowedCidrs" placeholder="203.0.113.8/32"></label><button class="btn sm" type="submit" :disabled="busy() || !selected()?.capabilities?.actions?.[operationAction()]?.supported" x-cloak>{{ busy()?'Queueing…':actionLabels[operationAction()] }}</button></form><div class="action-preview"><p class="note" @show="!plan()" x-cloak>Choose an action to inspect support, downtime, confirmation, backup, and compatibility gates.</p><div @show="!!plan()" x-cloak><span class="pill" :class="plan()?.capability?.supported?'ok':'bad'" x-cloak>{{ plan()?.capability?.supported?'supported':'unsupported' }}</span><span class="pill" x-cloak>downtime {{ plan()?.capability?.downtime }}</span><p x-cloak>{{ plan()?.capability?.explanation }}</p><ul><li @show="plan()?.preflight?.backupRequired" x-cloak>Backup required</li><li @show="plan()?.preflight?.compatibilityRequired" x-cloak>Compatibility review required</li><li @show="plan()?.preflight?.retentionChoiceRequired" x-cloak>Retention choice required</li><template :for="warning in plan()?.warnings || []"><li x-cloak>{{ warning }}</li></template></ul></div></div></div><div><h3>Health, metrics, and provider state</h3><div class="observation-grid" x-cloak><template :for="entry in observationEntries(selected())"><div x-cloak><small x-cloak>{{ entry[0] }}</small><code x-cloak>{{ typeof entry[1] === 'object' ? JSON.stringify(entry[1], null, 2) : entry[1] }}</code></div></template></div><p class="note" @show="!observationEntries(selected()).length" x-cloak>Observed state is pending. Run Refresh status after provisioning.</p></div><div><h3>Connections</h3><template :for="item in guidance()"><div class="connection" x-cloak><span class="pill" x-cloak>{{ item.type }}</span><code x-cloak>{{ item.command }}</code><small x-cloak>{{ item.secretRef || 'no managed credential' }}</small><button class="btn ghost sm" @click="copy(item.command,'Connection command')">Copy command</button></div></template><p class="note" @show="!guidance().length" x-cloak>Endpoint discovery is pending. Refresh status after provisioning.</p></div><div><h3>Credentials</h3><p class="note">Secret values are encrypted and omitted from lists, plans, logs, and operation payloads.</p><button class="btn ghost sm" @show="selected()?.credential?.configured" @click="reveal(selected())" x-cloak>Reveal with recent authentication</button></div><div><h3>Recent operations</h3><template :for="operation in serviceOperations(selected())"><div class="operation" x-cloak><span class="pill" :class="tone(operation.state)" x-cloak>{{ operation.state }}</span><b x-cloak>{{ operation.input?.action }}</b><small x-cloak>{{ when(operation.createdAt) }} · attempt {{ operation.attempt }}</small></div></template><p class="note" @show="!serviceOperations(selected()).length" x-cloak>No durable operations yet.</p></div><div><h3>Dependency impact</h3><template :for="dependency in selected()?.dependencies || []"><div class="operation" x-cloak><b class="mono" x-cloak>{{ dependency.resourceId }}</b><span class="pill" :class="dependency.requiresRedeploy?'warn':'ok'" x-cloak>{{ dependency.requiresRedeploy?'redeploy after rotation':'dynamic reference' }}</span></div></template><p class="note" @show="!(selected()?.dependencies || []).length" x-cloak>No application dependencies registered.</p></div></aside></div><section class="credential panel" @show="!!oneTime()" role="alert" x-cloak><div><h2>Credential — copy now</h2><p>This value is deliberately absent from resource lists, logs, and operation history.</p></div><div class="secret" x-cloak><span x-cloak>{{ oneTime()?.username }}</span><code x-cloak>{{ oneTime()?.password }}</code></div><button class="btn ghost sm" @click="navigator.clipboard.writeText(oneTime()?.password || '')">Copy password</button><button class="btn ghost sm" @click="oneTime.set(null)">Hide</button></section></main><style> .data-wrap{max-width:1500px}.header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.summary article{display:grid;gap:5px}.summary strong{font-size:28px}.summary small,.service-grid small,.detail small{color:var(--txt3)}.create-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.create-grid label{display:grid;gap:5px;color:var(--txt3);font-size:11px}.create-grid input,.create-grid select,.filters input,.filters select,.operation-form input,.operation-form select{width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:8px;color:var(--txt);padding:9px}.create-grid label span{font-size:10px}.create-grid .check,.operation-form .check{display:flex;align-items:center;gap:7px}.create-grid .check input,.operation-form .check input{width:auto}.wide{grid-column:1/-1}.filters{display:grid;grid-template-columns:minmax(260px,1fr) repeat(3,170px);gap:8px;margin-bottom:12px}.workspace{display:grid;grid-template-columns:1fr;gap:12px;align-items:start}.workspace.hasDetail{grid-template-columns:minmax(0,1.6fr) minmax(360px,.8fr)}.data-cards{display:grid;gap:10px}.data-cards>.empty{max-width:none;width:100%}.service-card.selected{border-color:var(--accent)}.service-head,.detail-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.service-head>div{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.service-head h2{font-size:17px;margin:0 0 0 3px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.service-grid>div{display:grid;gap:4px;min-width:0}.service-grid b,.service-grid span{overflow-wrap:anywhere}.service-grid span{color:var(--txt3);font-size:11px}.actions,.operation-picker{display:flex;gap:6px;flex-wrap:wrap}.operation-picker{margin:10px 0}.operation-picker .active{border-color:var(--accent);color:var(--accent)}.operation-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}.operation-form label{display:grid;gap:4px;color:var(--txt3);font-size:11px}.operation-form button{grid-column:1/-1}.action-preview{background:var(--bg2);border-radius:8px;padding:10px}.observation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:9px}.observation-grid>div{display:grid;gap:4px;background:var(--bg2);border-radius:7px;padding:8px;min-width:0}.observation-grid code{white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px}.detail{position:sticky;top:10px;display:grid;gap:18px}.detail h2,.detail h3{margin:0}.capability,.detail>div+div{border-top:1px solid var(--line);padding-top:14px}.capability ul{padding-left:18px;color:var(--txt2)}.connection{display:grid;gap:6px;padding:9px 0;border-bottom:1px solid var(--line)}.connection code{white-space:normal;overflow-wrap:anywhere;font-size:10px}.connection button{justify-self:start}.operation{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:7px 0}.operation small{margin-left:auto}.credential{position:fixed;z-index:30;right:18px;bottom:18px;width:min(620px,calc(100vw - 36px));display:grid;grid-template-columns:1fr auto;gap:10px;box-shadow:0 16px 60px #0009;border-color:var(--accent)}.credential h2,.credential p{margin:0}.secret{grid-column:1/-1;display:grid;gap:5px;background:var(--bg2);padding:10px;border-radius:8px}.secret code{overflow-wrap:anywhere}.mono,code{font-family:var(--mono)}@media(max-width:1100px){.workspace.hasDetail{grid-template-columns:1fr}.detail{position:static}.create-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.summary{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:1fr}.service-grid,.create-grid,.operation-form,.observation-grid{grid-template-columns:1fr}.create-grid>*{grid-column:1!important}}@media(max-width:460px){.summary{grid-template-columns:1fr}.credential{grid-template-columns:1fr}} </style></body></html>
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
<!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="
|
|
2
|
-
function
|
|
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"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ts-cloud · Persistent volumes</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.c696d17a.js"></script> <script data-stx-composables src="/_stx/chunk.5ddb5087.js"></script> <script data-stx-scoped>
|
|
2
|
+
function __stx_setup_1787597620486_4() {
|
|
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
|
-
var adopt = undefined;
|
|
6
|
-
var api = undefined;
|
|
7
|
-
var attach = undefined;
|
|
8
|
-
var body = undefined;
|
|
9
|
-
var bytes = undefined;
|
|
10
|
-
var create = undefined;
|
|
11
|
-
var detach = undefined;
|
|
12
|
-
var discover = undefined;
|
|
13
|
-
var filtered = undefined;
|
|
14
|
-
var lastUpdatedAt = undefined;
|
|
15
|
-
var load = undefined;
|
|
16
|
-
var mutate = undefined;
|
|
17
|
-
var operationFor = undefined;
|
|
18
|
-
var pollingError = undefined;
|
|
19
|
-
var pollingState = undefined;
|
|
20
|
-
var refresh = undefined;
|
|
21
|
-
var remove = undefined;
|
|
22
|
-
var resize = undefined;
|
|
23
|
-
var restore = undefined;
|
|
24
|
-
var snapshot = undefined;
|
|
25
|
-
var tone = undefined;
|
|
26
5
|
var volumes = undefined;
|
|
6
|
+
var tone = undefined;
|
|
7
|
+
var snapshot = undefined;
|
|
8
|
+
var restore = undefined;
|
|
9
|
+
var resize = undefined;
|
|
10
|
+
var remove = undefined;
|
|
11
|
+
var refresh = undefined;
|
|
12
|
+
var pollingState = undefined;
|
|
13
|
+
var pollingError = undefined;
|
|
14
|
+
var operationFor = undefined;
|
|
15
|
+
var mutate = undefined;
|
|
16
|
+
var load = undefined;
|
|
17
|
+
var lastUpdatedAt = undefined;
|
|
18
|
+
var filtered = undefined;
|
|
19
|
+
var discover = undefined;
|
|
20
|
+
var detach = undefined;
|
|
21
|
+
var create = undefined;
|
|
22
|
+
var bytes = undefined;
|
|
23
|
+
var body = undefined;
|
|
24
|
+
var attach = undefined;
|
|
25
|
+
var api = undefined;
|
|
26
|
+
var adopt = undefined;
|
|
27
27
|
var __stxBundle_87f7d53bdfa9 = (function() {
|
|
28
28
|
|
|
29
29
|
function servedWithoutApi(error) {
|
|
@@ -193,35 +193,35 @@ function bytes(value) {
|
|
|
193
193
|
function operationFor(item) {
|
|
194
194
|
return operations().find((value) => value.operation?.input?.volumeId === item.id && ["queued", "running"].includes(value.operation?.state));
|
|
195
195
|
}
|
|
196
|
-
return { "
|
|
196
|
+
return { "volumes": volumes, "tone": tone, "snapshot": snapshot, "restore": restore, "resize": resize, "remove": remove, "refresh": refresh, "pollingState": pollingState, "pollingError": pollingError, "operationFor": operationFor, "mutate": mutate, "load": load, "lastUpdatedAt": lastUpdatedAt, "filtered": filtered, "discover": discover, "detach": detach, "create": create, "bytes": bytes, "body": body, "attach": attach, "api": api, "adopt": adopt };
|
|
197
197
|
})();
|
|
198
|
-
adopt = __stxBundle_87f7d53bdfa9["adopt"];
|
|
199
|
-
api = __stxBundle_87f7d53bdfa9["api"];
|
|
200
|
-
attach = __stxBundle_87f7d53bdfa9["attach"];
|
|
201
|
-
body = __stxBundle_87f7d53bdfa9["body"];
|
|
202
|
-
bytes = __stxBundle_87f7d53bdfa9["bytes"];
|
|
203
|
-
create = __stxBundle_87f7d53bdfa9["create"];
|
|
204
|
-
detach = __stxBundle_87f7d53bdfa9["detach"];
|
|
205
|
-
discover = __stxBundle_87f7d53bdfa9["discover"];
|
|
206
|
-
filtered = __stxBundle_87f7d53bdfa9["filtered"];
|
|
207
|
-
lastUpdatedAt = __stxBundle_87f7d53bdfa9["lastUpdatedAt"];
|
|
208
|
-
load = __stxBundle_87f7d53bdfa9["load"];
|
|
209
|
-
mutate = __stxBundle_87f7d53bdfa9["mutate"];
|
|
210
|
-
operationFor = __stxBundle_87f7d53bdfa9["operationFor"];
|
|
211
|
-
pollingError = __stxBundle_87f7d53bdfa9["pollingError"];
|
|
212
|
-
pollingState = __stxBundle_87f7d53bdfa9["pollingState"];
|
|
213
|
-
refresh = __stxBundle_87f7d53bdfa9["refresh"];
|
|
214
|
-
remove = __stxBundle_87f7d53bdfa9["remove"];
|
|
215
|
-
resize = __stxBundle_87f7d53bdfa9["resize"];
|
|
216
|
-
restore = __stxBundle_87f7d53bdfa9["restore"];
|
|
217
|
-
snapshot = __stxBundle_87f7d53bdfa9["snapshot"];
|
|
218
|
-
tone = __stxBundle_87f7d53bdfa9["tone"];
|
|
219
198
|
volumes = __stxBundle_87f7d53bdfa9["volumes"];
|
|
220
|
-
|
|
199
|
+
tone = __stxBundle_87f7d53bdfa9["tone"];
|
|
200
|
+
snapshot = __stxBundle_87f7d53bdfa9["snapshot"];
|
|
201
|
+
restore = __stxBundle_87f7d53bdfa9["restore"];
|
|
202
|
+
resize = __stxBundle_87f7d53bdfa9["resize"];
|
|
203
|
+
remove = __stxBundle_87f7d53bdfa9["remove"];
|
|
204
|
+
refresh = __stxBundle_87f7d53bdfa9["refresh"];
|
|
205
|
+
pollingState = __stxBundle_87f7d53bdfa9["pollingState"];
|
|
206
|
+
pollingError = __stxBundle_87f7d53bdfa9["pollingError"];
|
|
207
|
+
operationFor = __stxBundle_87f7d53bdfa9["operationFor"];
|
|
208
|
+
mutate = __stxBundle_87f7d53bdfa9["mutate"];
|
|
209
|
+
load = __stxBundle_87f7d53bdfa9["load"];
|
|
210
|
+
lastUpdatedAt = __stxBundle_87f7d53bdfa9["lastUpdatedAt"];
|
|
211
|
+
filtered = __stxBundle_87f7d53bdfa9["filtered"];
|
|
212
|
+
discover = __stxBundle_87f7d53bdfa9["discover"];
|
|
213
|
+
detach = __stxBundle_87f7d53bdfa9["detach"];
|
|
214
|
+
create = __stxBundle_87f7d53bdfa9["create"];
|
|
215
|
+
bytes = __stxBundle_87f7d53bdfa9["bytes"];
|
|
216
|
+
body = __stxBundle_87f7d53bdfa9["body"];
|
|
217
|
+
attach = __stxBundle_87f7d53bdfa9["attach"];
|
|
218
|
+
api = __stxBundle_87f7d53bdfa9["api"];
|
|
219
|
+
adopt = __stxBundle_87f7d53bdfa9["adopt"];
|
|
220
|
+
return { volumes, tone, snapshot, restore, resize, remove, refresh, pollingState, pollingError, operationFor, mutate, load, lastUpdatedAt, filtered, discover, detach, create, bytes, body, attach, api, adopt, __stxBundle_87f7d53bdfa9 };
|
|
221
221
|
}
|
|
222
|
-
window.__stx_latestSetup=
|
|
223
|
-
if(window.stx)window.stx._latestSetup=
|
|
224
|
-
</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="
|
|
222
|
+
window.__stx_latestSetup=__stx_setup_1787597620486_4;
|
|
223
|
+
if(window.stx)window.stx._latestSetup=__stx_setup_1787597620486_4;
|
|
224
|
+
</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_1787597620486_4"><a data-stx-scope="stx_scope_nav_5" 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 & secrets</a><a class="" href="/data/backups?env=production">Backups & recovery</a><a class="active" 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="active" 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">
|
|
225
225
|
(function() {
|
|
226
226
|
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;
|
|
227
227
|
var __destroyHooks = [];
|
|
@@ -572,6 +572,6 @@ if(window.stx)window.stx._latestSetup=__stx_setup_1787597169260_3;
|
|
|
572
572
|
|
|
573
573
|
|
|
574
574
|
try { if (typeof __stxScopeRenames !== 'undefined' && __stxScopeRenames) { for (var __stxRK in __stxScopeRenames) __scopeRegistration[__stxRK] = __stxScopeRenames[__stxRK]; } } catch (e) { /* no renames */ }
|
|
575
|
-
window.stx._scopes['
|
|
575
|
+
window.stx._scopes['stx_scope_nav_5'] = __scopeRegistration;
|
|
576
576
|
})();
|
|
577
577
|
</script> <main class="volume-wrap wrap" id="main-content"><div class="crumbs">Infrastructure <span class="sep">/</span> Persistent volumes</div><header class="page"><div><h1>Persistent volumes</h1><p>Storage with stable identity, explicit consumers, recovery status, capability-aware operations, and safe retirement.</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="discover()">Discover orphans</button><button class="btn sm" @click="createOpen.set(!createOpen())" x-cloak>{{ createOpen()?'Close':'New volume' }}</button></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><section class="summary"><article class="panel"><b>Volumes</b><strong x-cloak>{{ volumes().length }}</strong><small>release-independent</small></article><article class="panel"><b>Attached</b><strong x-cloak>{{ volumes().filter(item=>item.attachments.some(m=>m.observedState==='attached')).length }}</strong><small>active consumers</small></article><article class="panel"><b>Protected</b><strong x-cloak>{{ volumes().filter(item=>item.backupState==='protected').length }}</strong><small>recent verified backup</small></article><article class="panel"><b>Orphans</b><strong x-cloak>{{ volumes().filter(item=>item.orphaned).length }}</strong><small>adopt, attach, snapshot, or delete</small></article></section><form class="create-volume panel" @show="createOpen()" @submit="create($event)" x-cloak><div class="wide"><h2>Create persistent volume</h2><p class="note">The identity remains stable through releases. Provider limits are shown before unsupported operations can be submitted.</p></div><label>Name<input name="name" pattern="[a-z0-9][a-z0-9_.-]{1,62}" required placeholder="uploads"></label><label x-cloak>Driver<select name="driver" required><template :for="driver in providers()"><option :value="driver.provider+'|'+driver.type">{{ driver.provider }} · {{ driver.type }}</option></template></select></label><label>Capacity bytes<input name="capacityBytes" type="number" min="1" placeholder="optional"></label><label>Filesystem<input name="filesystem" placeholder="provider default"></label><label class="check"><input name="encrypted" type="checkbox"> Encrypted where supported</label><button class="btn" type="submit" :disabled="busy()">Queue create</button></form><section class="filters panel" x-cloak><input type="search" aria-label="Search volumes" placeholder="Search volume, driver, or state" @input="search.set($event.currentTarget.value)"><span x-cloak>{{ filtered().length }} shown</span></section><div class="volume-workspace" :class="{detail:!!selected()}" x-cloak><section class="volume-cards" x-cloak><template :for="item in filtered()"><article class="panel volume-card" :class="{selected:selected()?.id===item.id}" x-cloak><div class="volume-head" x-cloak><div x-cloak><span class="pill" :class="tone(item.status)" x-cloak>{{ item.status }}</span><span class="pill" x-cloak>{{ item.provider }} · {{ item.type }}</span><h2 x-cloak>{{ item.name }}</h2></div><button class="btn ghost sm" @click="selected.set(item)">Details</button></div><div class="volume-facts"><div><small>Capacity / usage</small><b x-cloak>{{ bytes(item.usedBytes) }} / {{ bytes(item.capacityBytes) }}</b><span x-cloak>{{ item.usagePercent==null?'usage unavailable':item.usagePercent+'%' }}</span></div><div><small>Consumers</small><b x-cloak>{{ item.attachments.filter(m=>m.observedState==='attached').length }}</b><span x-cloak>{{ item.attachments.map(m=>m.targetPath).join(', ')||'detached' }}</span></div><div><small>Recovery</small><b x-cloak>{{ item.backupState }}</b><span x-cloak>{{ item.snapshots.length }} snapshots · {{ item.lastBackupAt||'never backed up' }}</span></div></div><p class="notice warn" @show="!!operationFor(item)" x-cloak>{{ operationFor(item)?.operation?.kind }} · {{ operationFor(item)?.operation?.state }}</p><div class="actions" @show="item.orphaned" x-cloak><button class="btn sm" @click="adopt(item)">Adopt safely</button></div></article></template><div class="empty panel" @show="!filtered().length" x-cloak><strong>No persistent volumes</strong><span>Create one or discover provider resources without deleting anything automatically.</span></div></section><aside class="panel volume-detail" @show="!!selected()" x-cloak><div class="detail-head"><div><small>Selected volume</small><h2 x-cloak>{{ selected()?.name }}</h2></div><button class="btn ghost sm" @click="selected.set(null)">Close</button></div><div class="capabilities"><h3>Capabilities</h3><template :for="entry in Object.entries(selected()?.capabilities||{})"><p x-cloak><b x-cloak>{{ entry[0] }}</b><span :class="entry[1].supported?'ok-text':'muted'" x-cloak>{{ entry[1].supported?'supported':entry[1].reason }}</span></p></template></div><div class="detail-actions"><button class="btn sm" @click="mountOpen.set(!mountOpen())" :disabled="!selected()?.capabilities?.attach?.supported">Attach</button><button class="btn ghost sm" @click="resize()" :disabled="!selected()?.capabilities?.resize?.supported">Resize</button><button class="btn ghost sm" @click="snapshot()" :disabled="!selected()?.capabilities?.snapshot?.supported">Snapshot</button><a class="btn ghost sm" href="/data/backups">Backups</a><button class="btn danger sm" @click="remove()" :disabled="selected()?.attachments.some(item=>item.observedState==='attached')">Delete</button></div><form class="mount-form" @show="mountOpen()" @submit="attach($event)" x-cloak><h3>Mount editor</h3><label x-cloak>Workload<select name="resourceId" required><template :for="resource in resources()"><option :value="resource.id">{{ resource.name }} · {{ resource.kind }}</option></template></select></label><label>Target path<input name="targetPath" required placeholder="/app/uploads"></label><label>UID<input name="uid" type="number" min="0"></label><label>GID<input name="gid" type="number" min="0"></label><label>Mode<input name="mode" pattern="0?[0-7]{3}" placeholder="0750"></label><label>Propagation<select name="propagation"><option>private</option><option>rprivate</option><option>shared</option><option>rshared</option></select></label><label class="check"><input name="readOnly" type="checkbox"> Read only</label><button class="btn" type="submit">Validate and attach</button></form><section><h3>Consumers</h3><template :for="mount in selected()?.attachments||[]"><article class="mount-row" x-cloak><div x-cloak><b x-cloak>{{ resources().find(item=>item.id===mount.resourceId)?.name||mount.resourceId }}</b><code x-cloak>{{ mount.targetPath }}</code><small x-cloak>{{ mount.readOnly?'read only':'read/write' }} · {{ mount.observedState }}</small></div><button class="btn danger sm" @click="detach(mount)" :disabled="mount.observedState!=='attached'">Drain & detach</button></article></template><p class="muted" @show="!selected()?.attachments?.length" x-cloak>No workloads consume this volume.</p></section><section><h3>Recovery points</h3><template :for="snapshot in selected()?.snapshots||[]"><p x-cloak><b x-cloak>{{ snapshot.status }}</b> {{ snapshot.name }} <button class="btn ghost sm" @click="restore(snapshot)" :disabled="!selected()?.capabilities?.restore?.supported">Restore replacement</button></p></template><template :for="point in recoveryPoints().filter(item=>item.resourceId===selected()?.resourceId)"><p x-cloak><b x-cloak>{{ point.verificationState }}</b> {{ point.pointInTime }}</p></template><p class="muted" @show="!selected()?.snapshots?.length" x-cloak>Link a backup policy for verified recovery and restore drills.</p></section></aside></div></main><style> .volume-wrap{padding-bottom:5rem}.header-actions,.actions,.detail-actions{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1rem 0}.summary article{display:grid;gap:.3rem}.summary strong{font-size:1.8rem}.create-volume,.mount-form{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1rem 0}.wide{grid-column:1/-1}.create-volume label,.mount-form label{display:grid;gap:.35rem}.filters{display:flex;gap:1rem;align-items:center;margin:1rem 0}.filters input{flex:1}.volume-workspace{display:grid}.volume-workspace.detail{grid-template-columns:minmax(0,1fr) minmax(320px,430px);gap:1rem}.volume-cards{display:grid;gap:1rem}.volume-card{display:grid;gap:1rem}.volume-head,.detail-head{display:flex;justify-content:space-between;gap:1rem}.volume-head h2{margin:.5rem 0 0}.volume-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.volume-facts div{display:grid;gap:.25rem}.volume-detail{position:sticky;top:1rem;align-self:start;display:grid;gap:1.25rem}.capabilities p,.mount-row{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border);padding:.55rem 0}.mount-row div{display:grid;gap:.25rem}.ok-text{color:var(--success)}.muted{color:var(--muted)}@media(max-width:900px){.summary{grid-template-columns:repeat(2,1fr)}.volume-workspace.detail{grid-template-columns:1fr}.volume-detail{position:static}.volume-facts{grid-template-columns:1fr}}@media(max-width:560px){.summary,.create-volume,.mount-form{grid-template-columns:1fr}.wide{grid-column:auto}} </style></body></html>
|