feat(opsserver,web): replace the Angular UI and REST management layer with a TypedRequest-based ops server and bundled web frontend

ts_web/elements/shared/css.ts

@@ -0,0 +1,12 @@
+import { css } from '@design.estate/dees-element';
+
+export const viewHostCss = css`
+  :host {
+    display: block;
+    width: 100%;
+    height: 100%;
+    overflow-y: auto;
+    padding: 24px;
+    box-sizing: border-box;
+  }
+`;

ts_web/elements/shared/index.ts

@@ -0,0 +1,2 @@
+export * from './css.js';
+export * from './sg-sectionheading.js';

ts_web/elements/shared/sg-sectionheading.ts

@@ -0,0 +1,43 @@
+import {
+  css,
+  cssManager,
+  customElement,
+  DeesElement,
+  html,
+  type TemplateResult,
+} from '@design.estate/dees-element';
+
+declare global {
+  interface HTMLElementTagNameMap {
+    'sg-sectionheading': SgSectionheading;
+  }
+}
+
+@customElement('sg-sectionheading')
+export class SgSectionheading extends DeesElement {
+  public static styles = [
+    cssManager.defaultStyles,
+    css`
+      :host {
+        display: block;
+        margin-bottom: 16px;
+      }
+      .heading {
+        font-size: 20px;
+        font-weight: 700;
+        color: ${cssManager.bdTheme('#111', '#fff')};
+        font-family: "JetBrains Mono", monospace;
+        padding-bottom: 8px;
+        border-bottom: 2px solid ${cssManager.bdTheme('#111', '#fff')};
+      }
+    `,
+  ];
+
+  public render(): TemplateResult {
+    return html`
+      <div class="heading">
+        <slot></slot>
+      </div>
+    `;
+  }
+}