@stacksjs/ts-cloud 0.11.6 → 0.12.0
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-znnawt0k.js → chunk-71t1gmsq.js} +1 -1
- package/dist/bin/{chunk-4xhj37nj.js → chunk-8ewncfce.js} +1 -1
- package/dist/bin/{chunk-8khgprf6.js → chunk-9kf0np8j.js} +1 -1
- package/dist/bin/chunk-cxt74wsj.js +1 -0
- package/dist/bin/{chunk-j447p8t4.js → chunk-g6baf9c5.js} +84 -84
- package/dist/bin/{chunk-zsf6pccz.js → chunk-q5cmfpzt.js} +1 -1
- package/dist/bin/{chunk-r6b3pq31.js → chunk-rtecnmts.js} +1 -1
- package/dist/bin/{chunk-5nsqz5n3.js → chunk-rv18092e.js} +1 -1
- package/dist/bin/{chunk-yw6f160x.js → chunk-ta7sh0cc.js} +1 -1
- package/dist/bin/{chunk-cbsys5v8.js → chunk-tfbs8k8v.js} +1 -1
- package/dist/bin/{chunk-g0fm1xcs.js → chunk-xkfrqqcs.js} +1 -1
- package/dist/bin/cli.js +122 -116
- package/dist/bin/dashboard-server.js +1 -1
- package/dist/cdn/cloudflare-rules.d.ts +37 -0
- package/dist/chunk-13qjvbqh.js +2 -0
- package/dist/{chunk-nk7sav4r.js → chunk-152he7m3.js} +1 -1
- package/dist/{chunk-dr4pj8hp.js → chunk-3mgj3hrh.js} +1 -1
- package/dist/chunk-6kpbveb8.js +5 -0
- package/dist/{chunk-aw0cgv5w.js → chunk-86ss83s2.js} +1 -1
- package/dist/chunk-a84gmpyh.js +1 -0
- package/dist/{chunk-ywjkyg8p.js → chunk-b087qsyf.js} +99 -99
- package/dist/{chunk-zam6ecam.js → chunk-h42zck7h.js} +2 -2
- package/dist/{chunk-zz52xje8.js → chunk-jm5mg890.js} +1 -1
- package/dist/{chunk-kasdm9tx.js → chunk-m8fs0233.js} +1 -1
- package/dist/chunk-nms5q44e.js +1 -0
- package/dist/{chunk-aw0spg20.js → chunk-nzqxdkch.js} +2 -2
- package/dist/{chunk-rd38qdnf.js → chunk-qm32ytbr.js} +1 -1
- package/dist/{chunk-q0rc1ax9.js → chunk-t0xgmhd6.js} +1 -1
- package/dist/{chunk-q9q6cmt0.js → chunk-t3t9ymec.js} +1 -1
- package/dist/{chunk-5vt93kxx.js → chunk-y2v22hkv.js} +1 -1
- package/dist/deploy/index.js +1 -1
- package/dist/dns/index.js +1 -1
- package/dist/drivers/index.js +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +45 -45
- package/dist/operations/drained-sites.d.ts +56 -0
- package/dist/operations/drained-sites.test.d.ts +1 -0
- package/dist/pages/cloudflare-pages.d.ts +227 -0
- package/dist/pages/cloudflare-pages.test.d.ts +1 -0
- package/dist/pages/index.d.ts +2 -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 +5 -5
- package/dist/ui/account/security.html +1 -1
- package/dist/ui/applications/compose.html +5 -5
- package/dist/ui/applications/new.html +2 -2
- package/dist/ui/data/backups.html +6 -6
- package/dist/ui/data/services.html +6 -6
- package/dist/ui/data/volumes.html +6 -6
- package/dist/ui/index.html +6 -6
- package/dist/ui/infrastructure/topology.html +5 -5
- package/dist/ui/integrations.html +2 -2
- package/dist/ui/operations/alerts.html +6 -6
- package/dist/ui/operations/configuration.html +6 -6
- package/dist/ui/operations/jobs.html +6 -6
- package/dist/ui/operations/maintenance.html +5 -5
- package/dist/ui/operations/observability.html +6 -6
- package/dist/ui/operations/previews.html +6 -6
- package/dist/ui/operations/queue.html +6 -6
- package/dist/ui/operations/regions.html +5 -5
- package/dist/ui/operations/releases.html +6 -6
- package/dist/ui/operations/spend.html +6 -6
- package/dist/ui/operations/workloads.html +6 -6
- package/dist/ui/security.html +2 -2
- package/dist/ui/server/actions.html +6 -6
- package/dist/ui/server/activity.html +2 -2
- package/dist/ui/server/capacity.html +6 -6
- package/dist/ui/server/database.html +6 -6
- package/dist/ui/server/deployments.html +6 -6
- package/dist/ui/server/diagnostics.html +1 -1
- package/dist/ui/server/firewall.html +6 -6
- package/dist/ui/server/fleet.html +6 -6
- package/dist/ui/server/logs.html +6 -6
- package/dist/ui/server/metrics.html +6 -6
- package/dist/ui/server/security.html +2 -2
- package/dist/ui/server/services.html +2 -2
- package/dist/ui/server/sites.html +6 -6
- package/dist/ui/server/ssh-keys.html +6 -6
- package/dist/ui/server/team.html +6 -6
- package/dist/ui/server/terminal.html +2 -2
- package/dist/ui/serverless/alarms.html +6 -6
- package/dist/ui/serverless/assets.html +2 -2
- package/dist/ui/serverless/cost.html +2 -2
- package/dist/ui/serverless/data.html +6 -6
- package/dist/ui/serverless/deployments.html +2 -2
- package/dist/ui/serverless/firewall.html +1 -1
- package/dist/ui/serverless/functions.html +5 -5
- package/dist/ui/serverless/logs.html +6 -6
- package/dist/ui/serverless/metrics.html +2 -2
- package/dist/ui/serverless/queues.html +6 -6
- package/dist/ui/serverless/secrets.html +6 -6
- package/dist/ui/serverless/traces.html +6 -6
- package/dist/ui/serverless.html +6 -6
- package/package.json +4 -3
- package/dist/bin/chunk-wkx799z2.js +0 -1
- package/dist/chunk-95e6aeqz.js +0 -1
- package/dist/chunk-p10xt3jb.js +0 -1
- package/dist/chunk-z2qqwy7e.js +0 -2
|
@@ -1,5 +1,5 @@
|
|
|
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="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> <meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ts-cloud - Compose applications</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_1787597169248_1() {
|
|
3
3
|
const { batch, computed, configureFetch, defineEmits, defineExpose, definePageMeta, defineProps, defineSlots, defineStore, derived, effect, goBack, goForward, inject, invalidateRoute, isDerived, isSignal, navigate, nextTick, onBeforeMount, onBeforeUnmount, onDestroy, onMount, onMounted, onUnmounted, peek, provide, reactive, ref, registerStoresClient, setRouteParams, state, untrack, useAsync, useClickOutside, useColorMode, useCookie, useCounter, useDark, useDebounce, useDebouncedValue, useEventListener, useFetch, useFocus, useHead, useId, useInterval, useLocalStorage, useMediaQuery, useMutation, useOptimistic, usePreferredContrast, usePreferredDark, usePreferredLight, usePreferredReducedMotion, useQuery, useReactiveProp, useRef, useRoute, useRouteParam, useRouteParams, useScrollLock, useSearchParams, useSeoMeta, useSessionStorage, useSlots, useStore, useThrottle, useTimeout, useToggle, useWebSocket, watch, watchEffect, watchMultiple, withDefaults } = window.stx;
|
|
4
4
|
|
|
5
5
|
const data = state({ applications: [], templates: [], environments: [] });
|
|
@@ -110,9 +110,9 @@ onMount(() => {
|
|
|
110
110
|
|
|
111
111
|
return { data, message, diagnostics, source, selected, deleteState, output, post, refresh, environmentId, tone, preview, importStack, useTemplate, action, logs, shell };
|
|
112
112
|
}
|
|
113
|
-
window.__stx_latestSetup=
|
|
114
|
-
if(window.stx)window.stx._latestSetup=
|
|
115
|
-
</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="
|
|
113
|
+
window.__stx_latestSetup=__stx_setup_1787597169248_1;
|
|
114
|
+
if(window.stx)window.stx._latestSetup=__stx_setup_1787597169248_1;
|
|
115
|
+
</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_1787597169248_1"><a data-stx-scope="stx_scope_nav_2" 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="active" 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="" 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">
|
|
116
116
|
(function() {
|
|
117
117
|
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;
|
|
118
118
|
var __destroyHooks = [];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<!DOCTYPE html><html lang="en" data-theme="dark"><head><meta charset="UTF-8"><meta name="stx-build" content="mt61jpq58ij9e5"><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> <meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ts-cloud - Create application</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"><style> .wizard-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.wizard-shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}.wizard-main{min-width:0}.stepper{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:18px 0}.step{border:0;background:transparent;color:var(--muted);display:grid;gap:7px;text-align:left;font-size:.7rem;padding:0}.step::before{content:"";height:3px;border-radius:4px;background:var(--line)}.step.active{color:var(--txt)}.step.active::before,.step.done::before{background:var(--accent)} .wizard-card{border:1px solid var(--line);border-radius:13px;background:var(--panel);padding:22px}.wizard-panel{display:none;gap:16px}.wizard-panel.active{display:grid}.wizard-panel h2{margin:0}.wizard-panel>p{margin:-8px 0 0}.choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.choice{position:relative;border:1px solid var(--line);border-radius:10px;padding:14px;display:grid;gap:5px;cursor:pointer}.choice:has(input:checked){border-color:var(--accent);background:rgba(90,139,224,.1)}.choice input{position:absolute;opacity:0}.choice strong{font-size:.9rem}.choice small{color:var(--muted);line-height:1.4} .fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}.fields.three{grid-template-columns:repeat(3,1fr)}label.field{display:grid;gap:6px;color:var(--txt3);font-size:.72rem;font-weight:750;letter-spacing:.035em}.field input,.field select,.field textarea{width:100%;box-sizing:border-box;background:rgba(255,255,255,.045);border:1px solid var(--panel-br);border-radius:8px;padding:10px;color:var(--txt);font:inherit;font-weight:450;letter-spacing:0}.field :is(input,select,textarea):focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(90,139,224,.12)}.field.check{display:flex;align-items:center;gap:8px}.field.check input{width:auto}.conditional[hidden]{display:none}.advanced{border:1px solid var(--line);border-radius:9px;padding:11px}.advanced summary{cursor:pointer;font-weight:700;font-size:.8rem}.advanced>div{display:grid;gap:11px;margin-top:12px} .detect-card,.plan-block,.draft-card,.registry-row{border:1px solid var(--line);border-radius:10px;padding:13px;display:grid;gap:8px}.detect-card.selected{border-color:var(--accent)}.detect-head,.draft-head,.registry-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.evidence{display:flex;gap:6px;flex-wrap:wrap}.evidence span{font-size:.68rem;padding:4px 7px;border-radius:99px;background:rgba(255,255,255,.05);color:var(--muted)}.dropzone{border:1px dashed var(--line);border-radius:11px;padding:24px;text-align:center;color:var(--muted)}.dropzone.drag{border-color:var(--accent);background:rgba(90,139,224,.08)} .wizard-footer{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.footer-group{display:flex;gap:8px;flex-wrap:wrap}.wizard-aside{position:sticky;top:18px;display:grid;gap:14px}.drafts{display:grid;gap:8px;max-height:420px;overflow:auto}.draft-card{background:rgba(255,255,255,.025)}.draft-card h3{margin:0;font-size:.85rem}.draft-card p{margin:0}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.plan-block h3{margin:0;font-size:.82rem}.plan-block ul{margin:0;padding-left:18px}.config-preview{max-height:310px;overflow:auto;font-size:.72rem;white-space:pre-wrap;word-break:break-word}.issue{color:#ff9ca2}.ok-text{color:#7adba0}.confirm-box{border:1px solid rgba(235,188,82,.45);background:rgba(235,188,82,.07);border-radius:10px;padding:13px}.status-line{min-height:1.3em;color:var(--muted)} @media(max-width:1000px){.wizard-shell{grid-template-columns:1fr}.wizard-aside{position:static;grid-template-columns:1fr 1fr}.choice-grid{grid-template-columns:1fr 1fr}.step span{display:none}}@media(max-width:620px){.fields,.fields.three,.review-grid,.wizard-aside{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr}.wizard-card{padding:16px}.wizard-hero{display:grid}.wizard-footer{align-items:flex-start}.stepper{gap:3px}} </style><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-auto><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="active" 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="" 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">
|
|
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> <meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ts-cloud - Create application</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"><style> .wizard-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.wizard-shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}.wizard-main{min-width:0}.stepper{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin:18px 0}.step{border:0;background:transparent;color:var(--muted);display:grid;gap:7px;text-align:left;font-size:.7rem;padding:0}.step::before{content:"";height:3px;border-radius:4px;background:var(--line)}.step.active{color:var(--txt)}.step.active::before,.step.done::before{background:var(--accent)} .wizard-card{border:1px solid var(--line);border-radius:13px;background:var(--panel);padding:22px}.wizard-panel{display:none;gap:16px}.wizard-panel.active{display:grid}.wizard-panel h2{margin:0}.wizard-panel>p{margin:-8px 0 0}.choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.choice{position:relative;border:1px solid var(--line);border-radius:10px;padding:14px;display:grid;gap:5px;cursor:pointer}.choice:has(input:checked){border-color:var(--accent);background:rgba(90,139,224,.1)}.choice input{position:absolute;opacity:0}.choice strong{font-size:.9rem}.choice small{color:var(--muted);line-height:1.4} .fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}.fields.three{grid-template-columns:repeat(3,1fr)}label.field{display:grid;gap:6px;color:var(--txt3);font-size:.72rem;font-weight:750;letter-spacing:.035em}.field input,.field select,.field textarea{width:100%;box-sizing:border-box;background:rgba(255,255,255,.045);border:1px solid var(--panel-br);border-radius:8px;padding:10px;color:var(--txt);font:inherit;font-weight:450;letter-spacing:0}.field :is(input,select,textarea):focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(90,139,224,.12)}.field.check{display:flex;align-items:center;gap:8px}.field.check input{width:auto}.conditional[hidden]{display:none}.advanced{border:1px solid var(--line);border-radius:9px;padding:11px}.advanced summary{cursor:pointer;font-weight:700;font-size:.8rem}.advanced>div{display:grid;gap:11px;margin-top:12px} .detect-card,.plan-block,.draft-card,.registry-row{border:1px solid var(--line);border-radius:10px;padding:13px;display:grid;gap:8px}.detect-card.selected{border-color:var(--accent)}.detect-head,.draft-head,.registry-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.evidence{display:flex;gap:6px;flex-wrap:wrap}.evidence span{font-size:.68rem;padding:4px 7px;border-radius:99px;background:rgba(255,255,255,.05);color:var(--muted)}.dropzone{border:1px dashed var(--line);border-radius:11px;padding:24px;text-align:center;color:var(--muted)}.dropzone.drag{border-color:var(--accent);background:rgba(90,139,224,.08)} .wizard-footer{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.footer-group{display:flex;gap:8px;flex-wrap:wrap}.wizard-aside{position:sticky;top:18px;display:grid;gap:14px}.drafts{display:grid;gap:8px;max-height:420px;overflow:auto}.draft-card{background:rgba(255,255,255,.025)}.draft-card h3{margin:0;font-size:.85rem}.draft-card p{margin:0}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.plan-block h3{margin:0;font-size:.82rem}.plan-block ul{margin:0;padding-left:18px}.config-preview{max-height:310px;overflow:auto;font-size:.72rem;white-space:pre-wrap;word-break:break-word}.issue{color:#ff9ca2}.ok-text{color:#7adba0}.confirm-box{border:1px solid rgba(235,188,82,.45);background:rgba(235,188,82,.07);border-radius:10px;padding:13px}.status-line{min-height:1.3em;color:var(--muted)} @media(max-width:1000px){.wizard-shell{grid-template-columns:1fr}.wizard-aside{position:static;grid-template-columns:1fr 1fr}.choice-grid{grid-template-columns:1fr 1fr}.step span{display:none}}@media(max-width:620px){.fields,.fields.three,.review-grid,.wizard-aside{grid-template-columns:1fr}.choice-grid{grid-template-columns:1fr}.wizard-card{padding:16px}.wizard-hero{display:grid}.wizard-footer{align-items:flex-start}.stepper{gap:3px}} </style><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-auto><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="active" 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="" 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">
|
|
2
2
|
(function() {
|
|
3
3
|
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;
|
|
4
4
|
var __destroyHooks = [];
|
|
@@ -349,7 +349,7 @@
|
|
|
349
349
|
|
|
350
350
|
|
|
351
351
|
try { if (typeof __stxScopeRenames !== 'undefined' && __stxScopeRenames) { for (var __stxRK in __stxScopeRenames) __scopeRegistration[__stxRK] = __stxScopeRenames[__stxRK]; } } catch (e) { /* no renames */ }
|
|
352
|
-
window.stx._scopes['
|
|
352
|
+
window.stx._scopes['stx_scope_nav_4'] = __scopeRegistration;
|
|
353
353
|
})();
|
|
354
354
|
</script> <div class="wrap" id="main-content"><div class="crumbs"><a href="/serverless">Project</a><span class="sep">/</span>Create application</div><header class="page wizard-hero"><div><h1>Create application</h1><p>Import source, review detected defaults, and deploy one reproducible manifest.</p></div><button class="btn ghost" type="button" id="new-draft">Start over</button></header><div class="section wizard-shell"><main class="wizard-main"><nav class="stepper" aria-label="Application setup"><button class="active step" data-step="source"><span>1 · Source</span></button><button class="step" data-step="build"><span>2 · Build</span></button><button class="step" data-step="runtime"><span>3 · Runtime</span></button><button class="step" data-step="environment"><span>4 · Environment</span></button><button class="step" data-step="domain"><span>5 · Domain</span></button><button class="step" data-step="review"><span>6 · Review</span></button></nav><form class="wizard-card" id="wizard-form"><section class="active wizard-panel" data-panel="source"><div><h2>Choose source</h2><p class="note">Credentials stay in their connection stores, outside the application manifest.</p></div><div class="choice-grid"><label class="choice"><input type="radio" name="sourceKind" value="git" checked><strong>Git repository</strong><small>Authorized provider connection and ref.</small></label><label class="choice"><input type="radio" name="sourceKind" value="local"><strong>Local config</strong><small>Inspect this project without executing code.</small></label><label class="choice"><input type="radio" name="sourceKind" value="artifact"><strong>Upload artifact</strong><small>Secure ZIP or TAR inspection.</small></label><label class="choice"><input type="radio" name="sourceKind" value="image"><strong>OCI image</strong><small>Prebuilt image from a registry.</small></label></div><div class="conditional" data-source="git"><div class="fields"><label class="field">Connection<select name="gitConnection"></select></label><label class="field">Repository<select name="gitRepository"></select></label><label class="field">Branch or tag<input name="gitRef" value="main"></label><label class="field">Monorepo root<input name="gitRoot" value="."></label></div><details class="advanced"><summary>Advanced Git options</summary><div><div class="fields"><label class="field">Sparse paths<textarea name="sparsePaths" rows="2" placeholder="apps/web packages/shared"></textarea></label><label class="field">Watched paths<textarea name="watchPaths" rows="2" placeholder="apps/web/**"></textarea></label></div><label class="check field"><input type="checkbox" name="submodules">Include submodules</label></div></details></div><div class="conditional" data-source="local" hidden><label class="field">Project-relative root<input name="localRoot" value="."></label></div><div class="conditional" data-source="artifact" hidden><div class="dropzone" id="artifact-drop">Drop a .zip or .tar here, or <button class="btn ghost sm" type="button" id="choose-artifact">choose a file</button><input id="artifact-file" type="file" accept=".zip,.tar" hidden><div id="artifact-choice"></div></div></div><div class="conditional" data-source="image" hidden><div class="fields"><label class="field">Image reference<input name="image" placeholder="registry.example/acme/web:release"></label><label class="field">Registry connection<select name="registryConnection"><option value="">Public image / none</option></select></label></div><details class="advanced"><summary>Add private registry</summary><div><div class="fields"><label class="field">Name<input name="registryName" placeholder="Production OCI"></label><label class="field">Host<input name="registryHost" placeholder="https://registry.example"></label><label class="field">Username<input name="registryUsername" autocomplete="off"></label><label class="field">Password or token<input name="registryPassword" type="password" autocomplete="new-password"></label></div><button class="btn ghost" id="add-registry" type="button">Encrypt connection</button></div></details></div><div class="fields"><label class="field">Application name<input name="name" value="Web" required></label><label class="field">Slug<input name="slug" value="web" pattern="[a-z0-9][a-z0-9-]{1,62}" required></label></div><div class="footer-group"><button class="btn ghost" type="button" id="detect">Detect framework & build</button><span class="status-line" id="detect-status"></span></div></section><section class="wizard-panel" data-panel="build"><div><h2>Detection & build</h2><p class="note">Evidence is shown explicitly. Pick any strategy to override the recommendation.</p></div><div id="detection-results"></div><div class="fields"><label class="field">Build strategy<select name="strategy"><option value="buildpack">Buildpack-style detection</option><option value="server">Server command</option><option value="static">Static output</option><option value="dockerfile">Dockerfile</option><option value="serverless">Serverless package</option><option value="prebuilt_image">Prebuilt image</option></select></label><label class="field">Language runtime<select name="languageRuntime"><option value="bun">Bun</option><option value="node">Node.js</option><option value="php">PHP</option></select></label></div><div class="fields"><label class="field">Install command<input name="installCommand"></label><label class="field">Build command<input name="buildCommand"></label><label class="field">Start command<input name="startCommand"></label><label class="field">Publish directory<input name="publishDirectory" value="dist"></label></div><details class="advanced"><summary>Advanced build options</summary><div><div class="fields"><label class="field">Build context<input name="buildContext" value="."></label><label class="field">Dockerfile path<input name="dockerfile" value="Dockerfile"></label><label class="field">Target stage<input name="targetStage"></label><label class="field">Runtime version<input name="runtimeVersion"></label><label class="field">Build args<textarea name="buildArgs" rows="3" placeholder="PUBLIC_URL=/"></textarea></label><label class="field">Write-only build secret names<textarea name="buildSecrets" rows="3" placeholder="NPM_TOKEN"></textarea></label></div></div></details></section><section class="wizard-panel" data-panel="runtime"><div><h2>Runtime & resources</h2><p class="note">Unsupported build/runtime combinations are rejected before provider mutation.</p></div><div class="fields three"><label class="field">Target<select name="target"><option value="server">Server</option><option value="serverless">Serverless</option><option value="container">Container / Fargate</option></select></label><label class="field">Architecture<select name="architecture"><option value="x86_64">x86_64</option><option value="arm64">arm64</option></select></label><label class="field">Port<input name="port" type="number" min="1" max="65535" value="3000"></label><label class="field">CPU (vCPU)<input name="cpu" type="number" min="0.25" step="0.25" value="0.5"></label><label class="field">Memory (MB)<input name="memory" type="number" min="128" step="128" value="512"></label><label class="field">Minimum instances<input name="minInstances" type="number" min="0" value="0"></label></div><p class="note">Container target uses the full-stack ECS/Fargate service path, including image/build, health, networking, and scaling settings.</p></section><section class="wizard-panel" data-panel="environment"><div><h2>Environment & secrets</h2><p class="note">Drafts store secret names only. Secret values must already exist in the environment secrets boundary.</p></div><div class="fields"><label class="field">Plain environment variables<textarea name="environmentValues" rows="7" placeholder="APP_ENV=production LOG_LEVEL=info"></textarea></label><label class="field">Required secret names<textarea name="secretNames" rows="7" placeholder="DATABASE_PASSWORD API_TOKEN"></textarea></label></div><label class="field">Secret names already configured<textarea name="suppliedSecretNames" rows="3" placeholder="DATABASE_PASSWORD"></textarea></label></section><section class="wizard-panel" data-panel="domain"><div><h2>Domain & health</h2><p class="note">Validation happens before a resource or DNS record is created.</p></div><div class="fields"><label class="field">Environment<select name="environmentId"></select></label><label class="field">Hostname<input name="hostname" placeholder="web.example.com"></label><label class="field">Health protocol<select name="healthProtocol"><option value="http">HTTP</option><option value="https">HTTPS</option><option value="tcp">TCP</option></select></label><label class="field">Health path<input name="healthPath" value="/health"></label></div><label class="check field"><input type="checkbox" name="tls" checked>Provision TLS when a hostname is set</label></section><section class="wizard-panel" data-panel="review"><div><h2>Review & deploy</h2><p class="note">This exact manifest is shared with CLI and API automation.</p></div><div class="review-grid"><div class="plan-block"><h3>Preflight</h3><div id="plan-issues"></div></div><div class="plan-block"><h3>Capabilities & cost drivers</h3><div id="plan-cost"></div></div></div><div class="plan-block"><h3>Generated manifest</h3><pre class="config-preview" id="manifest-preview"></pre></div><div class="plan-block"><h3>Config patch</h3><pre class="config-preview" id="patch-preview"></pre></div><div class="confirm-box"><label class="field">Type the target environment to confirm<input name="confirmEnvironment" autocomplete="off"></label><p class="note" id="confirm-help"></p></div></section><div class="wizard-footer"><div class="footer-group"><button class="btn ghost" id="back" type="button">Back</button><button class="btn ghost" id="save" type="button">Save draft</button></div><div class="footer-group"><button class="btn" id="next" type="button">Continue</button><button class="btn" id="deploy" type="button" hidden>Confirm & deploy</button></div></div><p class="status-line" id="wizard-status" role="status"></p></form></main><aside class="wizard-aside"><section class="panel"><div class="section-heading"><div><h2>Saved drafts</h2><p class="note">Resume without hidden secret values.</p></div></div><div class="drafts" id="draft-list"><div class="note">Loading…</div></div></section><section class="panel"><h2>After creation</h2><ul class="note"><li>Watch the queued operation</li><li>Confirm health checks</li><li>Verify domain and TLS</li><li>Enable Git auto-deploy</li><li>Set alerts and scaling</li></ul></section></aside></div></div> <script data-stx-scoped data-stx-run="always">
|
|
355
355
|
;(function() {
|
|
@@ -1,5 +1,5 @@
|
|
|
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="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"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>ts-cloud · Backups & recovery</title><link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='3' y='3' width='26' height='26' rx='8' fill='%235a8be0'/%3E%3C/svg%3E"><link rel="preconnect" href="https://fonts.googleapis.com"><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="/_stx/style.448ab192.css"> <script data-stx-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_1787597169265_6() {
|
|
3
3
|
const { batch, computed, configureFetch, defineEmits, defineExpose, definePageMeta, defineProps, defineSlots, defineStore, derived, effect, goBack, goForward, inject, invalidateRoute, isDerived, isSignal, navigate, nextTick, onBeforeMount, onBeforeUnmount, onDestroy, onMount, onMounted, onUnmounted, peek, provide, reactive, ref, registerStoresClient, setRouteParams, state, untrack, useAsync, useClickOutside, useColorMode, useCookie, useCounter, useDark, useDebounce, useDebouncedValue, useEventListener, useFetch, useFocus, useHead, useId, useInterval, useLocalStorage, useMediaQuery, useMutation, useOptimistic, usePreferredContrast, usePreferredDark, usePreferredLight, usePreferredReducedMotion, useQuery, useReactiveProp, useRef, useRoute, useRouteParam, useRouteParams, useScrollLock, useSearchParams, useSeoMeta, useSessionStorage, useSlots, useStore, useThrottle, useTimeout, useToggle, useWebSocket, watch, watchEffect, watchMultiple, withDefaults } = window.stx;
|
|
4
4
|
|
|
5
5
|
var actionError = undefined;
|
|
@@ -367,9 +367,9 @@ verifyPoint = __stxBundle_0750f100c970["verifyPoint"];
|
|
|
367
367
|
when = __stxBundle_0750f100c970["when"];
|
|
368
368
|
return { actionError, activeJobs, api, busy, bytes, createDestination, createPolicy, destinationName, destinationOpen, endpoint, inventory, jobsForPoint, lastUpdatedAt, latestFailures, load, notice, openRestore, policyName, policyOpen, pollingError, pollingState, post, protectPoint, refresh, restorePlan, restoreTarget, runPolicy, safeError, selectedPoint, services, submitRestore, tab, testDestination, tone, values, verifyPoint, when, __stxBundle_0750f100c970 };
|
|
369
369
|
}
|
|
370
|
-
window.__stx_latestSetup=
|
|
371
|
-
if(window.stx)window.stx._latestSetup=
|
|
372
|
-
</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="
|
|
370
|
+
window.__stx_latestSetup=__stx_setup_1787597169265_6;
|
|
371
|
+
if(window.stx)window.stx._latestSetup=__stx_setup_1787597169265_6;
|
|
372
|
+
</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_1787597169265_6"><a data-stx-scope="stx_scope_nav_9" class="skip-link" href="#main-content">Skip to content</a><button class="nav-toggle-button" type="button" aria-label="Open navigation" aria-controls="primary-navigation" aria-expanded="false"><span></span><span></span><span></span></button><button class="nav-scrim" type="button" aria-label="Close navigation"></button><aside class="app-sidebar" id="primary-navigation" aria-label="Primary navigation"><a class="brand" href="/?env=production"><span class="dot"></span><span>ts-cloud</span></a><div class="sidebar-context"><span class="context-label">Project</span><strong>Project</strong></div><div class="environment-picker" aria-label="Environment"><span class="context-label">Environment</span><details><summary class="environment-current production"><span>PROD</span><strong>production</strong></summary></details></div><button class="command-trigger" type="button" aria-keyshortcuts="Meta+K Control+K"><span>Search resources</span><kbd>⌘ K</kbd></button><div class="nav-groups"><section class="nav-group"><h2>Overview</h2><a class="" href="/?env=production">Dashboard</a><a href="/server/activity?env=production">Activity</a></section><section class="nav-group"><h2>Applications</h2><a class="" href="/server/sites?env=production">Services</a><a class="" href="/server/deployments?env=production">Deployments</a><a class="" href="/server/logs?env=production">Logs</a><a class="" href="/integrations?env=production">Git integrations</a><a class="" href="/applications/new?env=production">Create application</a><a class="" href="/applications/compose?env=production">Compose applications</a></section><section class="nav-group"><h2>Operations</h2><a class="" href="/operations/queue?env=production">Deployment queue</a><a class="" href="/operations/previews?env=production">Preview environments</a><a class="" href="/operations/releases?env=production">Releases & promotion</a><a class="" href="/operations/regions?env=production">Regions & failover</a><a class="" href="/operations/maintenance?env=production">Maintenance & DR</a><a class="" href="/operations/workloads?env=production">Workloads</a><a class="" href="/operations/observability?env=production">Observability</a><a class="" href="/operations/alerts?env=production">Alerts & health</a><a class="" href="/operations/spend?env=production">Spend & budgets</a><a href="/server/metrics?env=production">Metrics</a><a href="/server/services?env=production">Runtime services</a><a class="" href="/operations/jobs?env=production">Workers & schedules</a><a class="" href="/operations/configuration?env=production">Environment & secrets</a><a class="active" 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="" 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">
|
|
373
373
|
(function() {
|
|
374
374
|
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;
|
|
375
375
|
var __destroyHooks = [];
|
|
@@ -720,6 +720,6 @@ if(window.stx)window.stx._latestSetup=__stx_setup_1787503694263_4;
|
|
|
720
720
|
|
|
721
721
|
|
|
722
722
|
try { if (typeof __stxScopeRenames !== 'undefined' && __stxScopeRenames) { for (var __stxRK in __stxScopeRenames) __scopeRegistration[__stxRK] = __stxScopeRenames[__stxRK]; } } catch (e) { /* no renames */ }
|
|
723
|
-
window.stx._scopes['
|
|
723
|
+
window.stx._scopes['stx_scope_nav_9'] = __scopeRegistration;
|
|
724
724
|
})();
|
|
725
725
|
</script> <main class="recovery-wrap wrap" id="main-content"><div class="crumbs">Operations <span class="sep">/</span> Backups & recovery</div><header class="page"><div><h1>Backups & recovery</h1><p>One inventory for scheduled protection, verified recovery points, retention, restores, and drills.</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 ghost sm" @click="destinationOpen.set(!destinationOpen())">New destination</button><button class="btn sm" @click="policyOpen.set(!policyOpen())">New policy</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>Protected policies</b><strong x-cloak>{{ inventory().coverage.filter(item=>!item.missedRpo).length }}/{{ inventory().coverage.length }}</strong><small>inside expected RPO</small></article><article class="panel"><b>Missed RPO</b><strong :class="inventory().coverage.some(item=>item.missedRpo)?'bad':''" x-cloak>{{ inventory().coverage.filter(item=>item.missedRpo).length }}</strong><small>requires operator attention</small></article><article class="panel"><b>Unverified points</b><strong :class="inventory().coverage.some(item=>item.unverified)?'warn':''" x-cloak>{{ inventory().coverage.reduce((sum,item)=>sum+item.unverified,0) }}</strong><small>uploaded but not trusted</small></article><article class="panel"><b>Active work</b><strong x-cloak>{{ activeJobs().length }}</strong><small x-cloak>{{ latestFailures() }} failed / cleanup required</small></article></section><nav class="tabs" aria-label="Recovery views"><button :class="{active:tab()==='overview'}" @click="tab.set('overview')">Coverage</button><button :class="{active:tab()==='recovery'}" @click="tab.set('recovery')">Recovery points</button><button :class="{active:tab()==='policies'}" @click="tab.set('policies')">Policies</button><button :class="{active:tab()==='destinations'}" @click="tab.set('destinations')">Destinations</button><button :class="{active:tab()==='jobs'}" @click="tab.set('jobs')">Jobs</button></nav><form class="form-grid panel" @show="destinationOpen()" @submit="createDestination($event)" x-cloak><div class="wide"><h2>Connect a destination</h2><p class="note">Credentials and client-side encryption keys are encrypted at rest, never returned by the API, and excluded from logs.</p></div><label>Name<input name="name" required pattern="[a-z0-9][a-z0-9-]{1,62}" placeholder="production-recovery"></label><label>Provider<select name="provider"><option value="aws_s3">AWS S3</option><option value="s3_compatible">S3-compatible</option><option value="aws_backup">AWS Backup</option></select></label><label>Bucket<input name="bucket" placeholder="acme-recovery"></label><label>Region<input name="region" value="us-east-1"></label><label class="wide">Endpoint (S3-compatible)<input name="endpoint" type="url" placeholder="https://objects.example.com"></label><label>Endpoint network policy<select name="endpointPolicy"><option value="public_https">Public HTTPS only</option><option value="allow_private">Allow private endpoint</option></select></label><label>Prefix<input name="prefix" placeholder="production"></label><label>Access key ID<input name="accessKeyId" autocomplete="off"></label><label>Secret access key<input name="secretAccessKey" type="password" autocomplete="new-password"></label><label>Session token<input name="sessionToken" type="password" autocomplete="new-password"></label><label>Credential expires<input name="credentialExpiresAt" type="datetime-local"></label><label>Encryption<select name="encryption"><option value="provider">Provider managed</option><option value="both">Provider + client side</option><option value="client_side">Client side</option></select></label><label class="wide">Client encryption key<input name="encryptionKey" type="password" minlength="32" autocomplete="new-password"></label><label>Object-lock days<input name="lockDays" type="number" min="1"></label><label class="check"><input name="objectLock" type="checkbox"> Object lock enabled</label><label class="check"><input name="forcePathStyle" type="checkbox"> Force path-style URLs</label><button class="btn wide" type="submit" :disabled="busy()" x-cloak>{{ busy()?'Saving…':'Save destination' }}</button></form><form class="form-grid panel" @show="policyOpen()" @submit="createPolicy($event)" x-cloak><div class="wide"><h2>Schedule protection</h2><p class="note">RPO is the maximum acceptable point age; RTO is the recovery time target shown during incidents and drills.</p></div><label>Name<input name="name" required pattern="[a-z0-9][a-z0-9-]{1,62}" placeholder="orders-hourly"></label><label x-cloak>Destination<select name="destinationId" required><template :for="item in inventory().destinations"><option :value="item.id">{{ item.name }} · {{ item.status }}</option></template></select></label><label>Resource kind<select name="resourceKind"><option value="managed_database">Managed database snapshot</option><option value="logical_database">Logical database dump</option><option value="volume">Named volume</option><option value="files">Application files</option><option value="control_plane">Control plane + config</option><option value="infrastructure">AWS infrastructure resource</option></select></label><label>Data service<select name="dataServiceId"><option value="">Not a database</option><template :for="item in services()"><option :value="item.id">{{ item.name }} · {{ item.engine }} · {{ item.provider }}</option></template></select></label><label>Application / resource<select name="resourceId"><option value="">Not an application volume</option><template :for="item in inventory().resources"><option :value="item.id">{{ item.name }} · {{ item.kind }}</option></template></select></label><label>Named volume<input name="volumeName" placeholder="orders-data"></label><label class="wide">Include paths / resource settings<textarea name="includePatterns" rows="2" placeholder="storage/uploads, public/media — or resource:arn:…, role:arn:…, vault:Default"></textarea></label><label class="wide">Exclude patterns<textarea name="excludePatterns" rows="2" placeholder="*.tmp, cache/**"></textarea></label><label>Schedule<input name="schedule" value="hourly" required></label><label>Timezone<input name="timezone" value="UTC" required></label><label>RPO minutes<input name="expectedRpoMinutes" type="number" min="1" value="60"></label><label>RTO minutes<input name="expectedRtoMinutes" type="number" min="1" value="120"></label><label>Keep last<input name="keepLast" type="number" min="1" value="24"></label><label>Daily<input name="daily" type="number" min="0" value="7"></label><label>Weekly<input name="weekly" type="number" min="0" value="4"></label><label>Monthly<input name="monthly" type="number" min="0" value="12"></label><label>Expire after days<input name="expireAfterDays" type="number" min="1" value="30"></label><label>Compression<select name="compression"><option value="gzip">gzip</option><option value="zstd">zstd</option><option value="none">none</option></select></label><label>Encryption<select name="encryption"><option value="destination">Destination policy</option><option value="both">Destination + source</option><option value="client_side">Client side</option></select></label><label class="check"><input name="enabled" type="checkbox" checked> Enabled</label><button class="btn wide" type="submit" :disabled="busy()" x-cloak>{{ busy()?'Scheduling…':'Create policy' }}</button></form><section @show="tab()==='overview'" class="stack" x-cloak><template :for="item in inventory().coverage"><article class="coverage-card panel" x-cloak><div x-cloak><span class="pill" :class="item.missedRpo?'bad':'ok'" x-cloak>{{ item.missedRpo?'missed RPO':'protected' }}</span><span class="pill" :class="item.destinationHealthy?'ok':'bad'" x-cloak>{{ item.destinationHealthy?'destination healthy':'destination attention' }}</span><h2 x-cloak>{{ item.policy.name }}</h2><p x-cloak>{{ item.policy.resourceKind.replaceAll('_',' ') }} · every {{ item.policy.schedule }} · RPO {{ item.policy.expectedRpoMinutes }}m · RTO {{ item.policy.expectedRtoMinutes }}m</p></div><div class="coverage-latest"><small>Latest recovery point</small><b x-cloak>{{ when(item.lastRecoveryPoint?.pointInTime) }}</b><span x-cloak>{{ item.lastRecoveryPoint ? item.lastRecoveryPoint.verificationState : 'No recovery point yet' }}</span></div><button class="btn sm" @click="runPolicy(item.policy)" :disabled="busy()">Run now</button></article></template><div class="empty panel" @show="!inventory().coverage.length" x-cloak><strong>No protection policies</strong><span>Connect a destination, then define the first RPO-backed schedule.</span></div></section><section @show="tab()==='recovery'" class="stack" x-cloak><template :for="item in inventory().recoveryPoints"><article class="panel point-card" x-cloak><div class="point-head" x-cloak><div x-cloak><span class="pill" :class="tone(item.status)" x-cloak>{{ item.status }}</span><span class="pill" :class="tone(item.verificationState)" x-cloak>{{ item.verificationState }}</span><span class="pill" @show="item.held" x-cloak>legal hold</span><span class="pill" @show="item.pinned" x-cloak>pinned</span><h2 x-cloak>{{ policyName(item.policyId) }}</h2></div><button class="btn sm" @click="openRestore(item)" :disabled="item.status!=='available'||item.verificationState!=='verified'">Restore / drill</button></div><div class="point-grid"><div><small>Point in time</small><b x-cloak>{{ when(item.pointInTime) }}</b></div><div><small>Kind</small><b x-cloak>{{ item.kind.replaceAll('_',' ') }}</b></div><div><small>Stored</small><b x-cloak>{{ bytes(item.sizeBytes) }}</b></div><div><small>Expires</small><b x-cloak>{{ when(item.expiresAt) }}</b></div><div><small>Destination</small><b x-cloak>{{ destinationName(item.destinationId) }}</b></div><div><small>Recent jobs</small><b x-cloak>{{ jobsForPoint(item.id).length }}</b></div></div><div class="actions"><button class="btn ghost sm" @click="verifyPoint(item)" :disabled="busy()">Verify again</button><button class="btn ghost sm" @click="protectPoint(item,'pinned')" x-cloak>{{ item.pinned?'Unpin':'Pin' }}</button><button class="btn ghost sm" @click="protectPoint(item,'held')" x-cloak>{{ item.held?'Release hold':'Legal hold' }}</button></div></article></template><div class="empty panel" @show="!inventory().recoveryPoints.length" x-cloak><strong>No recovery points</strong><span>Run a policy to create the first independently verified recovery point.</span></div></section><section id="restore-workspace" class="panel restore" @show="!!selectedPoint()" x-cloak><div class="restore-head"><div><small>Selected recovery point</small><h2 x-cloak>{{ policyName(selectedPoint()?.policyId) }}</h2><p x-cloak>{{ when(selectedPoint()?.pointInTime) }} · {{ selectedPoint()?.kind?.replaceAll('_',' ') }}</p></div><button class="btn ghost sm" @click="selectedPoint.set(null)">Close</button></div><form class="form-grid" @submit="submitRestore($event)"><label>Mode<select name="mode"><option value="isolated">Isolated target (recommended)</option><option value="in_place">In-place replacement</option></select></label><label>Target name / ID<input name="targetName" required placeholder="orders-recovery-drill"></label><label>Safety recovery point<select name="safetyBackupId"><option value="">Required for in-place only</option><template :for="item in inventory().recoveryPoints.filter(item=>item.id!==selectedPoint()?.id&&item.verificationState==='verified')"><option :value="item.id">{{ policyName(item.policyId) }} · {{ when(item.pointInTime) }}</option></template></select></label><label>Typed confirmation<input name="confirm" placeholder="Same as target for in-place"></label><label class="wide" @show="selectedPoint()?.kind==='infrastructure'" x-cloak>AWS restore metadata (JSON)<textarea name="providerMetadata" rows="3" placeholder='{"availabilityZone":"us-east-1a"}'></textarea></label><label class="check"><input name="downtimeAcknowledged" type="checkbox"> I acknowledge downtime and data replacement</label><label class="check"><input name="drill" type="checkbox" :disabled="selectedPoint()?.kind==='infrastructure'"> Drill: validate health, then clean isolated target</label><div class="actions wide"><button class="btn ghost" type="submit" value="plan">Validate plan</button><button class="btn danger" type="submit" value="execute" :disabled="busy()" x-cloak>{{ busy()?'Queueing…':'Queue restore' }}</button></div></form><div class="plan" @show="!!restorePlan()" x-cloak><h3>Validated plan</h3><span class="pill" x-cloak>{{ restorePlan()?.mode }}</span><ul><template :for="warning in restorePlan()?.warnings || []"><li x-cloak>{{ warning }}</li></template></ul></div></section><section @show="tab()==='policies'" class="stack" x-cloak><template :for="item in inventory().policies"><article class="row-card panel" x-cloak><div x-cloak><span class="pill" :class="item.enabled?'ok':'warn'" x-cloak>{{ item.enabled?'enabled':'disabled' }}</span><b x-cloak>{{ item.name }}</b><code x-cloak>{{ item.schedule }} · {{ item.timezone }}</code><p class="note" x-cloak>{{ item.resourceKind.replaceAll('_',' ') }} · {{ destinationName(item.destinationId) }} · RPO {{ item.expectedRpoMinutes }}m / RTO {{ item.expectedRtoMinutes }}m · next {{ when(item.nextRunAt) }}</p></div><button class="btn sm" @click="runPolicy(item)">Run now</button></article></template></section><section @show="tab()==='destinations'" class="stack" x-cloak><template :for="item in inventory().destinations"><article class="row-card panel" x-cloak><div x-cloak><span class="pill" :class="tone(item.status)" x-cloak>{{ item.status }}</span><span class="pill" :class="['expired','invalid'].includes(item.credentialStatus?.status)?'bad':item.credentialStatus?.status==='expiring'?'warn':'ok'" x-cloak>credentials {{ item.credentialStatus?.status || 'unknown' }}</span><b x-cloak>{{ item.name }}</b><code x-cloak>{{ item.provider }} · {{ item.bucket || 'provider vault' }}</code><p class="note" x-cloak>{{ item.endpoint || item.region || 'provider default' }} · {{ item.encryption }} encryption · last tested {{ when(item.lastTestedAt) }}<span @show="!!item.credentialStatus?.expiresAt" x-cloak> · credentials expire {{ when(item.credentialStatus?.expiresAt) }}</span></p><p class="bad note" @show="!!item.lastError" x-cloak>{{ item.lastError }}</p></div><button class="btn ghost sm" @click="testDestination(item)" :disabled="item.provider==='aws_backup'||busy()">Test write/read</button></article></template></section><section @show="tab()==='jobs'" class="stack" x-cloak><template :for="item in inventory().jobs"><article class="job-card panel" x-cloak><span class="pill" :class="tone(item.status)" x-cloak>{{ item.status }}</span><div x-cloak><b x-cloak>{{ item.kind }}</b><code x-cloak>{{ item.id }}</code><p class="note" x-cloak>{{ item.progress?.phase || 'queued' }} · {{ when(item.startedAt || item.createdAt) }}<span @show="!!item.error" x-cloak> · {{ item.error }}</span></p></div><span x-cloak>{{ item.cancellability.replaceAll('_',' ') }}</span></article></template><div class="empty panel" @show="!inventory().jobs.length" x-cloak><strong>No recovery jobs</strong><span>Scheduled and manual work appears here with durable progress and failures.</span></div></section></main><style> .recovery-wrap{max-width:1500px}.header-actions,.actions,.point-head>div{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.summary article{display:grid;gap:5px}.summary strong{font-size:28px}.summary small,.point-grid small,.restore small{color:var(--txt3)}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:14px;overflow:auto}.tabs button{border:0;background:none;color:var(--txt3);padding:10px 13px;border-bottom:2px solid transparent;white-space:nowrap}.tabs button.active{color:var(--txt);border-color:var(--accent)}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.form-grid label{display:grid;gap:5px;color:var(--txt3);font-size:11px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:8px;color:var(--txt);padding:9px}.form-grid textarea{resize:vertical}.form-grid .check{display:flex;align-items:center;gap:7px}.form-grid .check input{width:auto}.wide{grid-column:1/-1}.stack{display:grid;gap:10px}.coverage-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.4fr) auto;gap:16px;align-items:center}.coverage-card h2,.point-card h2,.restore h2{margin:7px 0 3px}.coverage-card p,.restore p{margin:0;color:var(--txt3)}.coverage-latest{display:grid;gap:4px}.point-head,.restore-head,.row-card{display:flex;justify-content:space-between;gap:14px;align-items:center}.point-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:14px 0}.point-grid>div{display:grid;gap:4px;min-width:0}.point-grid b{overflow-wrap:anywhere}.restore{margin:14px 0;border-color:var(--accent)}.restore .form-grid{margin:14px 0 0}.plan{background:var(--bg2);border-radius:8px;padding:12px}.row-card>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row-card p{flex-basis:100%;margin:0}.job-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}.job-card div{display:grid;gap:4px}.job-card p{margin:0}.mono,code{font-family:var(--mono)}@media(max-width:1050px){.form-grid{grid-template-columns:repeat(2,1fr)}.point-grid{grid-template-columns:repeat(3,1fr)}.coverage-card{grid-template-columns:1fr auto}.coverage-latest{grid-column:1/-1}.summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.form-grid,.point-grid,.summary{grid-template-columns:1fr}.form-grid>*{grid-column:1!important}.coverage-card,.job-card{grid-template-columns:1fr}.row-card,.point-head,.restore-head{align-items:flex-start;flex-direction:column}.header-actions{justify-content:flex-start}} </style></body></html>
|
|
@@ -1,5 +1,5 @@
|
|
|
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="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"><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_1787597169263_5() {
|
|
3
3
|
const { batch, computed, configureFetch, defineEmits, defineExpose, definePageMeta, defineProps, defineSlots, defineStore, derived, effect, goBack, goForward, inject, invalidateRoute, isDerived, isSignal, navigate, nextTick, onBeforeMount, onBeforeUnmount, onDestroy, onMount, onMounted, onUnmounted, peek, provide, reactive, ref, registerStoresClient, setRouteParams, state, untrack, useAsync, useClickOutside, useColorMode, useCookie, useCounter, useDark, useDebounce, useDebouncedValue, useEventListener, useFetch, useFocus, useHead, useId, useInterval, useLocalStorage, useMediaQuery, useMutation, useOptimistic, usePreferredContrast, usePreferredDark, usePreferredLight, usePreferredReducedMotion, useQuery, useReactiveProp, useRef, useRoute, useRouteParam, useRouteParams, useScrollLock, useSearchParams, useSeoMeta, useSessionStorage, useSlots, useStore, useThrottle, useTimeout, useToggle, useWebSocket, watch, watchEffect, watchMultiple, withDefaults } = window.stx;
|
|
4
4
|
|
|
5
5
|
var actionError = undefined;
|
|
@@ -331,9 +331,9 @@ tone = __stxBundle_0ec490371d35["tone"];
|
|
|
331
331
|
when = __stxBundle_0ec490371d35["when"];
|
|
332
332
|
return { actionError, actionLabels, api, busy, chooseAction, copy, createOpen, createService, engineFilter, filtered, formBody, guidance, inspect, lastUpdatedAt, load, notice, observationEntries, oneTime, operationAction, operations, plan, pollingError, pollingState, previewAction, providerFilter, refresh, reveal, runAction, runConfiguredAction, search, selected, serviceOperations, services, statusFilter, tone, when, __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_1787597169263_5;
|
|
335
|
+
if(window.stx)window.stx._latestSetup=__stx_setup_1787597169263_5;
|
|
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_1787597169263_5"><a data-stx-scope="stx_scope_nav_8" 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_1787503694266_6;
|
|
|
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_8'] = __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>
|