@starlove/orbit 1.3.5 → 1.4.0

package/dist/full/index.html

@@ -15,11 +15,14 @@
             sizes="180x180"
             href="./apple-touch-icon.png"
         />
-        <!-- Apply the stored theme + motion preference before first paint, so
-             the app underneath the splash paints in the right theme (no flash)
-             and the splash respects an explicit reduce-motion choice. Mirrors
-             theme-preference.js (mab_theme) and motion-preference.js
-             (mab_reduce_motion → data-motion); main.js reconciles on load. -->
+        <!-- Apply the stored theme + motion + font/size preferences before first
+             paint, so the app underneath the splash paints in the right theme
+             (no flash) and at the right type size (no layout jump), and the
+             splash respects an explicit reduce-motion choice. Mirrors
+             theme-preference.js (mab_theme), motion-preference.js
+             (mab_reduce_motion → data-motion), and font-preference.js
+             (orbit_font_preferences → --orbit-font-* / --type-*); main.js
+             reconciles on load. -->
         <script>
             try {
                 var t = localStorage.getItem("mab_theme");
@@ -30,10 +33,61 @@
                     document.documentElement.setAttribute("data-motion", "reduce");
                 else if (rm === "false")
                     document.documentElement.setAttribute("data-motion", "full");
+                var fp = JSON.parse(localStorage.getItem("orbit_font_preferences") || "{}");
+                var stacks = {
+                    inter: '"Orbit Inter", "Inter", "Segoe UI Variable", "Segoe UI", Arial, sans-serif',
+                    openSans: '"Orbit Open Sans", "Open Sans", "Segoe UI Variable", "Segoe UI", Arial, sans-serif',
+                    jetBrainsMono: '"Orbit JetBrains Mono", "JetBrains Mono", "Cascadia Mono", "SFMono-Regular", Consolas, monospace',
+                    chakraPetch: '"Orbit Chakra Petch", "Chakra Petch", "Segoe UI Variable", "Segoe UI", Arial, sans-serif',
+                    orbitron: '"Orbit Orbitron", "Orbitron", "Segoe UI Variable", "Segoe UI", Arial, sans-serif',
+                    rajdhani: '"Orbit Rajdhani", "Rajdhani", "Segoe UI Variable", "Segoe UI", Arial, sans-serif',
+                    runescapeUF: '"Orbit Runescape UF", "Cascadia Mono", monospace',
+                    openRing: '"Orbit Open Ring", "Segoe UI Variable", "Segoe UI", Arial, sans-serif'
+                };
+                var defaults = {
+                    control: "inter",
+                    heading: "inter",
+                    label: "inter",
+                    badge: "orbitron"
+                };
+                var aliases = { ui: "control" };
+                var targets = {
+                    control: "--orbit-font-control",
+                    heading: "--orbit-font-heading",
+                    label: "--orbit-font-label",
+                    badge: "--orbit-font-badge"
+                };
+                var dataAttrs = {
+                    control: "data-font-control",
+                    heading: "data-font-heading",
+                    label: "data-font-label",
+                    badge: "data-font-badge"
+                };
+                if (!fp.badge && fp.label && fp.label !== "inter" && stacks[fp.label]) {
+                    fp.badge = fp.label;
+                }
+                Object.keys(targets).forEach(function (target) {
+                    var id = stacks[fp[target]] ? fp[target] : defaults[target];
+                    Object.keys(aliases).forEach(function (legacy) {
+                        if (aliases[legacy] === target && !stacks[fp[target]] && stacks[fp[legacy]]) {
+                            id = fp[legacy];
+                        }
+                    });
+                    document.documentElement.style.setProperty(targets[target], stacks[id]);
+                    document.documentElement.setAttribute(dataAttrs[target], id);
+                });
+                var siteFont = stacks[fp.site] ? fp.site : "inter";
+                // Body text always follows the primary font.
+                document.documentElement.style.setProperty("--orbit-font-body", stacks[siteFont]);
+                var userScale = Number(fp.userScale);
+                if (!isFinite(userScale)) userScale = 1;
+                userScale = Math.min(1.3, Math.max(0.85, userScale));
+                document.documentElement.style.setProperty("--type-user-scale", String(userScale));
+                document.documentElement.setAttribute("data-font-site", siteFont);
             } catch (e) {}
         </script>
         <link rel="preload" as="image" href="./orbits-logo.png" />
-        <link rel="stylesheet" href="styles.b9e0c130.css" />
+        <link rel="stylesheet" href="styles.4e60d824.css" />
         <!-- Boot splash — the canonical ss-ui loading screen (see the package's
              components/loader.css). Inline critical CSS so it paints before
              /js/main.js loads. The logo grows in then breathes; no spinner.
@@ -162,11 +216,13 @@
                     id="brandFocusPopover"
                     class="brand-focus-popover"
                     role="dialog"
-                    aria-label="Board notes"
+                    aria-label="Notes For You"
                     hidden
                 >
-                    <div class="brand-focus-popover__eyebrow">Board notes</div>
-                    <div id="brandFocusNotes" class="brand-focus-notes-body">No board notes yet</div>
+                    <div class="inline-md-field brand-focus-notes-field">
+                        <span class="inline-md-field-label font-orbitron">Notes For You</span>
+                        <div id="brandFocusNotes" class="brand-focus-notes-body"></div>
+                    </div>
                 </div>
             </div>
             <div class="controls">
@@ -193,11 +249,12 @@
                 <button
                     id="newTicketBtn"
                     type="button"
-                    class="topbar-btn btn-sun topbar-ctl-shrink"
+                    class="topbar-btn topbar-ctl-shrink"
                     data-variant="cta"
+                    aria-label="New Card"
                 >
-                    <span class="btn-plus" aria-hidden="true">+</span>
-                    <span class="btn-sun-label">New Card</span>
+                    <span class="btn-plus" aria-hidden="true"></span>
+                    <span class="topbar-btn-label">New Card</span>
                 </button>
                 <div class="topbar-menu">
                     <button
@@ -219,18 +276,18 @@
                         >
                             <rect
                                 x="4"
-                                y="4"
+                                y="2"
                                 width="6"
-                                height="16"
+                                height="20"
                                 rx="0.75"
                                 stroke="currentColor"
                                 stroke-width="2"
                             />
                             <rect
                                 x="14"
-                                y="4"
+                                y="2"
                                 width="6"
-                                height="16"
+                                height="20"
                                 rx="0.75"
                                 stroke="currentColor"
                                 stroke-width="2"
@@ -320,6 +377,7 @@
                         <circle cx="12" cy="12" r="3" />
                     </svg>
                     <span class="topbar-btn-label">Settings</span>
+                    <span class="topbar-update-dot" title="Update available" hidden></span>
                 </button>
             </div>
         </header>
@@ -359,12 +417,13 @@
                     id="drawerTitleBlock"
                     class="drawer-title-block"
                 ></div>
-                <nav
-                    id="drawerTabs"
-                    class="drawer-tabs"
-                    role="tablist"
-                    hidden
-                ></nav>
+                <div id="drawerTabsShell" class="drawer-tabs-shell" hidden>
+                    <nav
+                        id="drawerTabs"
+                        class="drawer-tabs"
+                        role="tablist"
+                    ></nav>
+                </div>
                 <button
                     type="button"
                     id="drawerArchiveBtn"
@@ -399,12 +458,55 @@
                     class="drawer-close"
                     aria-label="Close panel"
                 >
-                    ×
+                    <svg
+                        class="ui-icon ui-icon-x"
+                        viewBox="0 0 24 24"
+                        aria-hidden="true"
+                        focusable="false"
+                    >
+                        <path d="M6 6l12 12M18 6 6 18" />
+                    </svg>
                 </button>
             </header>
             <div id="drawerInner" class="drawer-inner"></div>
         </aside>
 
+        <div
+            id="artifactDrawerBackdrop"
+            class="artifact-drawer-backdrop"
+            hidden
+            aria-hidden="true"
+        ></div>
+        <aside
+            id="artifactDrawer"
+            class="artifact-drawer"
+            hidden
+            aria-label="Linked markdown artifact"
+        >
+            <header class="artifact-drawer-header">
+                <div class="artifact-drawer-title-block">
+                    <h2 id="artifactDrawerTitle" class="artifact-drawer-title">Artifact</h2>
+                    <p id="artifactDrawerMeta" class="artifact-drawer-meta"></p>
+                </div>
+                <button
+                    type="button"
+                    id="artifactDrawerCloseBtn"
+                    class="drawer-close artifact-drawer-close"
+                    aria-label="Close artifact"
+                >
+                    <svg
+                        class="ui-icon ui-icon-x"
+                        viewBox="0 0 24 24"
+                        aria-hidden="true"
+                        focusable="false"
+                    >
+                        <path d="M6 6l12 12M18 6 6 18" />
+                    </svg>
+                </button>
+            </header>
+            <div id="artifactDrawerBody" class="artifact-drawer-body"></div>
+        </aside>
+
         <template id="commentFormTemplate">
             <form class="comment-form">
                 <textarea
@@ -477,6 +579,7 @@
                     <button
                         type="button"
                         class="welcome-dialog-cta"
+                        data-modal-initial-focus
                         data-modal-close
                     >
                         Get started
@@ -512,7 +615,14 @@
                         aria-label="Close"
                         data-modal-close
                     >
-                        ×
+                        <svg
+                            class="ui-icon ui-icon-x"
+                            viewBox="0 0 24 24"
+                            aria-hidden="true"
+                            focusable="false"
+                        >
+                            <path d="M6 6l12 12M18 6 6 18" />
+                        </svg>
                     </button>
                 </div>
                 <div class="welcome-dialog-body">
@@ -620,7 +730,7 @@
             </div>
         </dialog>
 
-        <script src="js/app.4ae80764.js" type="module"></script>
+        <script src="js/app.62905fcb.js" type="module"></script>
         <!-- Fade out the boot splash once the DOM is ready. The /js/main.js
              module runs before DOMContentLoaded, so theme/motion + wiring are
              already applied by the time this fires. -->