npm - @monster-orange/den - Versions diffs - 0.2.8 → 0.3.0 - Mend

@monster-orange/den 0.2.8 → 0.3.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.

Files changed (127) hide show

package/CHANGELOG.md +1547 -0
package/README.md +4 -2
package/bin/den +2 -1
package/docs/distributions.md +507 -4
package/make/den.mk +19 -4
package/make/journeys.mk +2 -1
package/make/local_dev.mk +6 -13
package/make/secrets-1password.mk +18 -0
package/make/test.mk +1 -1
package/package.json +9 -2
package/schemas/den.plugin.v1.json +156 -0
package/schemas/den.theme.v1.json +269 -0
package/scripts/auth-configure.ts +16 -8
package/scripts/heal-config.ts +0 -5
package/scripts/setup-1password.ts +41 -19
package/scripts/setup-secrets.ts +67 -101
package/src/pillars/api/global-setup.ts +1 -1
package/src/pillars/journeys/sandbox.ts +23 -18
package/src/pillars/journeys/tools/browser-session.ts +2 -2
package/src/scripts/setup-default-workspace.ts +2 -2
package/src/shared/auth/headless-login.ts +1 -1
package/src/shared/auth/sudo-vault.ts +93 -31
package/src/shared/auth/token-providers/index.ts +7 -3
package/src/shared/brand.ts +7 -0
package/src/shared/config-error.ts +33 -3
package/src/shared/constants.ts +3 -24
package/src/shared/den-config.ts +141 -5
package/src/shared/edge/config.ts +147 -21
package/src/shared/edge/exec.ts +31 -0
package/src/shared/edge/included.ts +169 -0
package/src/shared/edge/render.ts +69 -14
package/src/shared/edge/runtime.ts +128 -121
package/src/shared/edge/status.ts +68 -8
package/src/shared/edge/tls.ts +328 -0
package/src/shared/edge/types.ts +25 -9
package/src/shared/environment-manager/default-workspace.ts +16 -1
package/src/shared/environment-manager/health.ts +73 -38
package/src/shared/environment-manager/scope.ts +168 -0
package/src/shared/environment-manager/service-runner.ts +789 -43
package/src/shared/environment-manager/up-targets.ts +132 -0
package/src/shared/health/rollup.ts +48 -0
package/src/shared/open-url.ts +21 -2
package/src/shared/org-sources.ts +78 -59
package/src/shared/org.ts +53 -5
package/src/shared/plugins/manifest.ts +406 -0
package/src/shared/plugins/store.ts +358 -0
package/src/shared/process/legacy-adopt.ts +285 -0
package/src/shared/process/process-group.ts +202 -0
package/src/shared/process/spawn-streaming.ts +7 -0
package/src/shared/secrets/doppler.ts +1 -1
package/src/shared/secrets/index.ts +279 -50
package/src/shared/secrets/none.ts +56 -0
package/src/shared/secrets/strategies.ts +202 -0
package/src/shared/secrets/types.ts +1 -1
package/src/shared/smoke/git-remote.ts +40 -0
package/src/shared/stacks/manifest-commands.ts +1 -1
package/src/shared/stacks/namespace.ts +178 -0
package/src/shared/stacks/owners.ts +303 -0
package/src/shared/stacks/render.ts +8 -3
package/src/shared/stacks/runtime.ts +100 -16
package/src/shared/stacks/status.ts +63 -12
package/src/shared/strategies/registry.ts +89 -0
package/src/shared/theme/contract.ts +538 -0
package/src/shared/types/index.ts +12 -3
package/src/ui/cli/create.ts +24 -7
package/src/ui/cli/doctor-command.ts +131 -0
package/src/ui/cli/edge-command.ts +56 -10
package/src/ui/cli/flag-parser.ts +7 -2
package/src/ui/cli/health-display.ts +25 -0
package/src/ui/cli/index.ts +548 -60
package/src/ui/cli/notice.ts +20 -0
package/src/ui/cli/plugin-command.ts +849 -0
package/src/ui/cli/stack-command.ts +63 -2
package/src/ui/cli/test-runner.ts +11 -9
package/src/ui/cli/theme-command.ts +136 -0
package/src/ui/cli/web-command.ts +47 -23
package/src/ui/mcp/api.ts +28 -2
package/src/ui/mcp/scope.ts +22 -1
package/src/ui/mcp/tools.ts +50 -7
package/src/ui/server/appearance-prefs.ts +95 -0
package/src/ui/server/daemon-reaper.ts +29 -1
package/src/ui/server/engine-stamp.ts +83 -0
package/src/ui/server/github-service.ts +23 -44
package/src/ui/server/graph-page.ts +20 -0
package/src/ui/server/graph-prefs.ts +44 -1
package/src/ui/server/http-errors.ts +293 -0
package/src/ui/server/http-helpers.ts +22 -3
package/src/ui/server/index.ts +532 -51
package/src/ui/server/public/appearance.js +531 -0
package/src/ui/server/public/edge-page.js +248 -0
package/src/ui/server/public/edge.html +251 -0
package/src/ui/server/public/environments.html +65 -83
package/src/ui/server/public/error-page.js +247 -0
package/src/ui/server/public/error.html +260 -0
package/src/ui/server/public/graph-model.js +332 -14
package/src/ui/server/public/graph.css +141 -47
package/src/ui/server/public/graph.js +223 -44
package/src/ui/server/public/header.js +396 -600
package/src/ui/server/public/health-fit.js +248 -0
package/src/ui/server/public/health-rollup.js +128 -0
package/src/ui/server/public/i18n/es.js +287 -0
package/src/ui/server/public/i18n/ja.js +276 -0
package/src/ui/server/public/index.html +139 -438
package/src/ui/server/public/local-dev.html +3468 -4044
package/src/ui/server/public/logs.html +71 -208
package/src/ui/server/public/panel.js +14 -2
package/src/ui/server/public/release.html +175 -389
package/src/ui/server/public/services.html +596 -770
package/src/ui/server/public/settings-page.js +759 -0
package/src/ui/server/public/settings-registry.js +521 -0
package/src/ui/server/public/settings.html +590 -0
package/src/ui/server/public/shell.js +3869 -0
package/src/ui/server/public/topbar.js +1413 -0
package/src/ui/server/public/version-label.js +12 -0
package/src/ui/server/public/workspace-picker.js +74 -34
package/src/ui/server/readonly-routes.ts +12 -1
package/src/ui/server/services-list.ts +94 -17
package/src/ui/server/settings-distribution.ts +74 -0
package/src/ui/server/shell-prefs.ts +192 -0
package/src/ui/server/theme-routes.ts +292 -0
package/src/ui/server/theme-runtime.ts +407 -0
package/src/ui/server/ui-assets.ts +16 -1
package/src/ui/server/ui-language.ts +50 -0
package/src/ui/server/workspace-routes.ts +45 -3
package/themes/den/den-theme.json +72 -0
package/themes/den/favicon.ico +0 -0
package/themes/den/mark.svg +6 -0

package/src/ui/server/public/settings.html ADDED Viewed

@@ -0,0 +1,590 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <script>
+      // Mode before first paint: yours (the server fills it in below),
+      // else the system's, else the theme's default, else dark.
+      (function () {
+        var m = "@@DEN_MODE@@";
+        if (m !== "dark" && m !== "light") {
+          var q = function (s) {
+            return (
+              window.matchMedia &&
+              matchMedia("(prefers-color-scheme: " + s + ")").matches
+            );
+          };
+          m = q("light")
+            ? "light"
+            : q("dark")
+              ? "dark"
+              : "@@DEN_DEFAULT_MODE@@";
+        }
+        document.documentElement.dataset.mode =
+          m === "light" ? "light" : "dark";
+      })();
+    </script>
+    <link rel="stylesheet" href="/theme.css" id="theme-css" />
+    <title>__DEN_TITLE__ · Settings</title>
+    <style>
+      /* The Settings page (R21): the prototype's (den-shell.html) page
+         header, sections, rows, segmented buttons, swatches and navigation
+         list, ported as they are; --r is --radius, --r-btn is
+         --radius-button. The category list on the left has no prototype
+         counterpart: it is drawn like the rail's items (.ni). */
+      *,
+      *::before,
+      *::after {
+        box-sizing: border-box;
+      }
+      html,
+      body {
+        height: 100%;
+        margin: 0;
+        background: var(--bg);
+        color: var(--text);
+      }
+      body {
+        display: flex;
+        flex-direction: column;
+        overflow: hidden;
+      }
+      button,
+      input,
+      select {
+        font: inherit;
+        color: inherit;
+      }
+      /* .main */
+      html body.den-has-shell > #den-content {
+        overflow: auto;
+        min-width: 0;
+        padding: 20px 24px 32px 24px;
+        font: 14px/1.45 var(--sans);
+        color: var(--text);
+        display: block;
+      }
+      #den-content :focus-visible {
+        outline: 2px solid var(--accent);
+        outline-offset: 2px;
+      }
+      /* .ph: the page header */
+      .ph {
+        display: flex;
+        align-items: flex-end;
+        gap: 16px;
+        flex-wrap: wrap;
+        margin-bottom: 16px;
+      }
+      .ph h1 {
+        font: 600 22px/1.2 var(--display);
+        margin: 0;
+        text-wrap: balance;
+      }
+      .ph .sub {
+        color: var(--muted);
+        font-size: 13px;
+        margin-top: 4px;
+      }
+      /* R21a (Ward QA 2026-11-05): the header with its search stays put
+         while the rows scroll under it; so does the category list, below
+         it (--set-top: the header's height, set by the page). */
+      .ph {
+        position: sticky;
+        top: 0;
+        z-index: 4;
+        background: var(--bg);
+        box-shadow: 0 -20px 0 0 var(--bg), 0 12px 0 0 var(--bg);
+      }
+      .ph .act {
+        margin-left: auto;
+        display: flex;
+        gap: 8px;
+        align-items: center;
+      }
+      .ph input[type="search"] {
+        border: 1px solid var(--border);
+        background: var(--surface);
+        border-radius: var(--radius-button);
+        padding: 6px 10px;
+        min-width: 0;
+        width: 220px;
+        color: var(--text);
+      }
+      .set-count {
+        margin: -8px 0 12px;
+        min-height: 0;
+        color: var(--muted);
+        font-size: 13px;
+      }
+      .set-count:empty {
+        display: none;
+      }
+      .den-sr {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        overflow: hidden;
+        clip: rect(0 0 0 0);
+        white-space: nowrap;
+        border: 0;
+      }
+      kbd {
+        font: 11px var(--mono);
+        border: 1px solid var(--border);
+        border-bottom-width: 2px;
+        border-radius: 4px;
+        padding: 0 5px;
+        color: var(--muted);
+        background: var(--surface);
+      }
+      /* Categories | rows */
+      .set-layout {
+        display: grid;
+        grid-template-columns: 180px minmax(0, 760px);
+        gap: 24px;
+        align-items: start;
+      }
+      #set-body section[data-cat] {
+        scroll-margin-top: var(--set-top, 0px);
+      }
+      .set-nav {
+        position: sticky;
+        top: var(--set-top, 0px);
+        display: grid;
+        gap: 2px;
+      }
+      /* drawn like the rail's .ni */
+      .set-ni {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        padding: 6px 10px;
+        border-radius: var(--radius-button);
+        color: var(--muted);
+        text-decoration: none;
+        position: relative;
+      }
+      .set-ni:hover {
+        background: var(--sunken);
+        color: var(--text);
+      }
+      .set-ni[aria-current="true"] {
+        background: color-mix(in srgb, var(--accent) 13%, transparent);
+        color: var(--text);
+        font-weight: 500;
+      }
+      .set-ni-l {
+        flex: 1;
+        min-width: 0;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+      .den-bdg {
+        font: 11px var(--mono);
+        padding: 0 6px;
+        border-radius: 999px;
+        background: var(--sunken);
+        color: var(--muted);
+        font-variant-numeric: tabular-nums;
+      }
+      .den-tagx {
+        font: 10px var(--mono);
+        color: var(--faint);
+        border: 1px dashed var(--border-strong);
+        border-radius: 4px;
+        padding: 0 4px;
+        font-weight: 400;
+        vertical-align: middle;
+      }
+      /* .set: sections */
+      .set {
+        display: grid;
+        gap: 22px;
+        max-width: 760px;
+        min-width: 0;
+      }
+      .set section {
+        background: var(--surface);
+        border: 1px solid var(--border);
+        border-radius: var(--radius);
+        padding: 16px;
+        scroll-margin-top: 8px;
+      }
+      .set h3 {
+        margin: 0 0 4px;
+        font: 600 15px var(--display);
+      }
+      .set h3:focus {
+        outline: none;
+      }
+      .set p {
+        margin: 0 0 12px;
+        color: var(--muted);
+        font-size: 13px;
+      }
+      /* .seg: segmented buttons */
+      .seg {
+        display: inline-flex;
+        border: 1px solid var(--border);
+        border-radius: var(--radius-button);
+        overflow: hidden;
+        flex-wrap: wrap;
+      }
+      .seg button {
+        background: none;
+        border: 0;
+        padding: 6px 12px;
+        cursor: pointer;
+        color: var(--muted);
+      }
+      .seg button[aria-pressed="true"] {
+        background: color-mix(in srgb, var(--accent) 16%, transparent);
+        color: var(--text);
+        font-weight: 500;
+      }
+      /* .row: label | control */
+      .set-row + .set-row {
+        border-top: 1px solid var(--border);
+        margin-top: 6px;
+        padding-top: 6px;
+      }
+      .row {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        flex-wrap: wrap;
+        padding: 6px 0;
+      }
+      .row .l {
+        width: 120px;
+        color: var(--muted);
+        font-size: 13px;
+        align-self: flex-start;
+        padding-top: 6px;
+      }
+      .row .ctl {
+        flex: 1 1 300px;
+        min-width: 0;
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        gap: 8px;
+      }
+      .set-scope {
+        font: 10px var(--mono);
+        color: var(--faint);
+        border: 1px dashed var(--border-strong);
+        border-radius: 4px;
+        padding: 0 4px;
+        align-self: flex-start;
+        margin-top: 8px;
+        white-space: nowrap;
+      }
+      .set-scope[data-scope="workspace"] {
+        color: var(--accent-text);
+        border-color: color-mix(in srgb, var(--accent) 40%, transparent);
+      }
+      .set-row .d {
+        color: var(--muted);
+        font-size: 12.5px;
+        padding: 0 0 4px 132px;
+      }
+      .set-note {
+        color: var(--muted);
+        font-size: 12.5px;
+      }
+      .set-warn {
+        flex-basis: 100%;
+        margin: 4px 0 0 !important;
+        color: var(--warn) !important;
+      }
+      .set-saved {
+        display: block;
+        padding-left: 132px;
+        font-size: 12.5px;
+      }
+      .set-saved:empty {
+        display: none;
+      }
+      .set-saved.ok {
+        color: var(--ok);
+      }
+      .set-saved.bad {
+        color: var(--bad);
+      }
+      .set-ro {
+        color: var(--text);
+        padding: 6px 0;
+        overflow-wrap: anywhere;
+      }
+      .set-radios {
+        display: grid;
+        gap: 2px;
+        flex: 1;
+      }
+      .set-radio {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        padding: 5px 8px;
+        border-radius: var(--radius-button);
+        cursor: pointer;
+      }
+      .set-radio:hover {
+        background: var(--sunken);
+      }
+      .set-radio.off {
+        opacity: 0.5;
+        cursor: default;
+      }
+      .set-radio input {
+        accent-color: var(--accent);
+        margin: 0;
+      }
+      .set-tag {
+        font: 11px var(--mono);
+        color: var(--muted);
+        border: 1px solid var(--border);
+        border-radius: 999px;
+        padding: 0 6px;
+      }
+      .set-langs {
+        display: grid;
+        gap: 4px;
+        flex: 1;
+      }
+      .set-lang {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+      }
+      .set-lang label {
+        width: 110px;
+        font-size: 13px;
+      }
+      select,
+      input[type="number"],
+      input[type="text"] {
+        border: 1px solid var(--border);
+        background: var(--surface);
+        border-radius: var(--radius-button);
+        padding: 5px 8px;
+        color: var(--text);
+      }
+      input[type="number"] {
+        width: 100px;
+      }
+      .set-check {
+        width: 16px;
+        height: 16px;
+        accent-color: var(--accent);
+        margin: 6px 0;
+      }
+      .set-unit {
+        color: var(--muted);
+        font-size: 13px;
+      }
+      /* .btn */
+      .btn {
+        border: 1px solid var(--border);
+        background: var(--surface);
+        border-radius: var(--radius-button);
+        padding: 6px 12px;
+        cursor: pointer;
+        font-weight: 500;
+        white-space: nowrap;
+      }
+      .btn:hover {
+        border-color: var(--border-strong);
+      }
+      .btn:disabled {
+        opacity: 0.45;
+        cursor: default;
+      }
+      .btn.primary {
+        background: var(--accent-fill);
+        border-color: var(--accent-fill);
+        color: var(--on-accent);
+      }
+      .btn.sm {
+        padding: 2px 9px;
+        font-size: 12.5px;
+      }
+      .set-save {
+        margin-top: 6px;
+      }
+      /* .navlist: Navigation's pages and pins */
+      .navlist {
+        display: grid;
+        gap: 4px;
+        flex: 1;
+      }
+      .navlist .it {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+        padding: 6px 8px;
+        border: 1px solid var(--border);
+        border-radius: var(--radius-button);
+        background: var(--bg);
+      }
+      .navlist .it .nm {
+        flex: 1;
+        min-width: 0;
+      }
+      .navlist .it.off .nm {
+        color: var(--faint);
+        text-decoration: line-through;
+      }
+      .set-grp {
+        color: var(--faint);
+        font-size: 12px;
+      }
+      .den-mono {
+        font-family: var(--mono);
+        font-size: 12.5px;
+      }
+      /* .swatches */
+      .swatches {
+        display: flex;
+        gap: 6px;
+        flex-wrap: wrap;
+        margin-top: 10px;
+        padding-bottom: 14px;
+        flex-basis: 100%;
+      }
+      .sw {
+        /* The prototype's swatch is content-box: 34px plus its border. */
+        box-sizing: content-box;
+        width: 34px;
+        height: 34px;
+        border-radius: 6px;
+        border: 1px solid var(--border);
+        position: relative;
+      }
+      .sw span {
+        position: absolute;
+        top: 38px;
+        left: 0;
+        font: 9px var(--mono);
+        color: var(--faint);
+        white-space: nowrap;
+      }
+      /* .empty */
+      .empty {
+        border: 1px dashed var(--border-strong);
+        border-radius: var(--radius);
+        padding: 28px;
+        color: var(--muted);
+        max-width: 640px;
+      }
+      .empty b {
+        color: var(--text);
+      }
+      @media (max-width: 860px) {
+        .set-layout {
+          grid-template-columns: minmax(0, 1fr);
+        }
+        .set-nav {
+          position: static;
+          display: flex;
+          overflow-x: auto;
+        }
+        .set-row .d,
+        .set-saved {
+          padding-left: 0;
+        }
+      }
+      @media (max-width: 720px) {
+        html body.den-has-shell > #den-content {
+          padding: 16px;
+        }
+        .ph input[type="search"] {
+          width: 100%;
+        }
+        .ph .act {
+          margin-left: 0;
+          flex: 1 1 100%;
+        }
+      }
+    </style>
+  </head>
+  <body>
+    <!-- The shell: top bar and rail, the same on every page (shell.js). -->
+    <div id="den-shell" data-page="settings"></div>
+    <script src="/shell.js"></script>
+    <!-- The page's one main landmark: everything after the shell. -->
+    <main id="den-content">
+      <div class="ph">
+        <div>
+          <h1>Settings</h1>
+          <div class="sub">
+            Saved to your __DEN_TITLE__ preferences and remembered on every page
+          </div>
+        </div>
+        <div class="act" role="search">
+          <label class="den-sr" for="set-q">Search settings</label>
+          <input
+            type="search"
+            id="set-q"
+            placeholder="Search settings"
+            autocomplete="off"
+            aria-keyshortcuts="/"
+          />
+          <kbd aria-hidden="true" title="Press / to search">/</kbd>
+        </div>
+      </div>
+      <p class="set-count" id="set-count" aria-live="polite"></p>
+      <div class="set-layout">
+        <nav
+          class="set-nav"
+          id="set-nav"
+          aria-label="Settings categories"
+        ></nav>
+        <div class="set" id="set-body"></div>
+      </div>
+      <script type="module">
+        import {
+          applyDenConfig,
+          initChangelog,
+          initHealth,
+          initLogBadge,
+          initWorkspacePill,
+        } from "/header.js";
+        import {
+          appearanceState,
+          ensureAppearance,
+          setAppearance,
+        } from "/appearance.js";
+        import { registerDenSettings } from "/settings-registry.js";
+        import { mountSettings } from "/settings-page.js";
+        void Promise.all([
+          initHealth(),
+          initWorkspacePill(),
+          applyDenConfig(),
+          initChangelog(),
+        ]).then(initLogBadge);
+        // R21a: the category list sticks just below the sticky header.
+        const ph = document.querySelector("#den-content > .ph");
+        const setTop = () =>
+          document
+            .getElementById("den-content")
+            .style.setProperty("--set-top", `${ph.offsetHeight + 16}px`);
+        setTop();
+        if (typeof ResizeObserver === "function")
+          new ResizeObserver(setTop).observe(ph);
+        registerDenSettings(window.denShell);
+        void mountSettings({
+          shell: window.denShell,
+          appearance: { appearanceState, ensureAppearance, setAppearance },
+        });
+      </script>
+    </main>
+  </body>
+</html>