@openephemeris/mcp-server 4.10.0 → 4.11.0

package/dist/ui/moon-phase.html

@@ -6985,43 +6985,46 @@ var __ = class e4 {
   }
 };
 o(__, "comboSeq", 0);
-var v_ = /* @__PURE__ */ new Set();
-function y_(e5) {
-  return v_.has(e5);
-}
-function b_(e5) {
-  v_.add(e5);
-}
-var x_ = { "chart-wheel": { stripIcon: "\u2726", stripTitle: "Welcome to your Natal Chart", stripHints: ["Click any <strong>planet</strong> for a deep placement reading", "Click any <strong>aspect line</strong> for its dynamic interpretation", "Click any <strong>house cusp</strong> for house themes", "Use the <strong>date controls</strong> to move through time"], modalText: "Your birth chart is now rendered \u2014 an exact celestial snapshot of the sky at your moment of birth." }, "bi-wheel": { stripIcon: "\u2295", stripTitle: "Welcome to the Bi-Wheel", stripHints: ["Click any <strong>inner planet</strong> for natal placement depth", "Click any <strong>outer planet</strong> for transit or synastry meaning", "Click a <strong>cross-aspect line</strong> for inter-chart dynamics", "Use the <strong>date controls</strong> to advance transits"], modalText: "Two charts are now layered \u2014 the inner wheel is your natal chart; the outer ring shows the second chart (transits or another person's planets)." }, bodygraph: { stripIcon: "\u25C8", stripTitle: "Welcome to your Bodygraph", stripHints: ["Click any <strong>center</strong> (defined or undefined) for its meaning", "Click any <strong>channel</strong> to explore its life theme", "Click any <strong>gate number</strong> for its I Ching hexagram reading", "Click a <strong>planet row</strong> in the sidebar for its HD role"], modalText: "Your bodygraph is now rendered \u2014 a living map of the energy centres, channels, and gates that define your design." }, "vedic-chart": { stripIcon: "\u{1F549}", stripTitle: "Welcome to your Jyotish Chart", stripHints: ["Click any <strong>rashi cell</strong> for its themes and any planets placed there", "The <strong>diagonal mark</strong> shows your Lagna (Ascendant) rashi", "Use the <strong>action bar</strong> for a full chart interpretation", "Click <strong>Moon &amp; Nakshatra</strong> for lunar mansion detail"], modalText: "Your Vedic birth chart is now rendered as a South Indian Rashi grid \u2014 sidereal planetary placements by fixed sign." }, "transit-timeline": { stripIcon: "\u2604", stripTitle: "Welcome to your Transit Timeline", stripHints: ["Each entry is an <strong>exact transit hit</strong> \u2014 a transiting planet contacting a natal point", "Events are <strong>grouped by month</strong> in chronological order", "The <strong>\u211E marker</strong> flags a retrograde crossing", "Click any transit for a focused <strong>interpretation</strong>"], modalText: "This timeline lists upcoming transits to your natal chart \u2014 the exact dates outer-planet energies activate your placements." }, "moon-phase": { stripIcon: "\u263E", stripTitle: "Welcome to the Moon Phase dial", stripHints: ["Click the <strong>Moon</strong> for its phase interpretation", "Click the <strong>Void-of-Course</strong> card when the Moon is VOC", "Use the <strong>date control</strong> to move the sky to any moment"], modalText: "The dial shows the Moon's live illumination, phase, sign, and void-of-course status \u2014 a snapshot of tonight's sky." }, bazi: { stripIcon: "\u56DB", stripTitle: "Welcome to your BaZi Chart", stripHints: ["Click any <strong>pillar</strong> (Year, Month, Day, Hour) for its interpretation", "The <strong>Day Master</strong> is your core identity element", "The <strong>Wu Xing bar</strong> shows your Five Element balance"], modalText: "Your BaZi (Four Pillars of Destiny) chart is now rendered \u2014 a map of the Heavenly Stems and Earthly Branches present at your moment of birth." } }, S_ = '\n  .oe-welcome-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: oklch(0% 0 0 / 0.55);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n    z-index: 9999;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    animation: oe-fade-in 0.4s ease both;\n    font-family: system-ui, sans-serif;\n  }\n\n  .oe-welcome-modal {\n    /* Themed, not hardcoded: the title/text/hints below all resolve through\n       var(--text\u2026), so a fixed dark surface here meant that once the light\n       palette became reachable the modal rendered near-black text on a\n       near-black card \u2014 1.09:1, effectively invisible. The fallback is the\n       previous literal, and every app\'s dark --surface is oklch(11-12%), so\n       dark rendering is unchanged. */\n    background: var(--surface, oklch(11% 0.010 265));\n    border: 1px solid var(--gold-glow, oklch(72% 0.12 80 / 0.20));\n    border-radius: 16px;\n    padding: 32px;\n    width: 90%;\n    max-width: 440px;\n    box-shadow: 0 20px 40px oklch(0% 0 0 / 0.55), inset 0 1px 0 oklch(100% 0 0 / 0.06);\n    animation: oe-modal-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  @keyframes oe-fade-in {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n\n  @keyframes oe-modal-in {\n    from { opacity: 0; transform: scale(0.95) translateY(10px); }\n    to { opacity: 1; transform: scale(1) translateY(0); }\n  }\n\n  .oe-welcome-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 4px;\n  }\n\n  .oe-welcome-icon {\n    font-size: 28px;\n    color: var(--gold, oklch(72% 0.12 80));\n    line-height: 1;\n    text-shadow: 0 0 10px var(--gold-glow, oklch(72% 0.12 80 / 0.30));\n  }\n\n  .oe-welcome-title {\n    font-size: 20px;\n    font-weight: 600;\n    color: var(--text, oklch(92% 0.006 265));\n    margin: 0;\n    letter-spacing: 0.02em;\n  }\n\n  .oe-welcome-text {\n    font-size: 14.5px;\n    line-height: 1.5;\n    color: var(--text-secondary, oklch(68% 0.008 265));\n    margin: 0;\n  }\n\n  .oe-welcome-hints {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    margin: 8px 0 12px 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .oe-welcome-hints li {\n    font-size: 13.5px;\n    line-height: 1.4;\n    color: var(--text-secondary, oklch(68% 0.008 265));\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    opacity: 0;\n    animation: oe-fade-in 0.4s ease forwards;\n  }\n\n  /* Stagger the hints */\n  .oe-welcome-hints li:nth-child(1) { animation-delay: 0.15s; }\n  .oe-welcome-hints li:nth-child(2) { animation-delay: 0.25s; }\n  .oe-welcome-hints li:nth-child(3) { animation-delay: 0.35s; }\n  .oe-welcome-hints li:nth-child(4) { animation-delay: 0.45s; }\n\n  .oe-welcome-hints li::before {\n    content: "\u2726";\n    color: var(--gold-dim, oklch(52% 0.06 80));\n    font-size: 12px;\n    padding-top: 2px;\n  }\n\n  .oe-welcome-hints strong {\n    color: var(--text, oklch(92% 0.006 265));\n    font-weight: 600;\n  }\n\n  .oe-welcome-button {\n    align-self: flex-end;\n    background: var(--gold-subtle, oklch(72% 0.12 80 / 0.10));\n    color: var(--gold, oklch(72% 0.12 80));\n    border: 1px solid var(--gold-glow, oklch(72% 0.12 80 / 0.20));\n    padding: 10px 24px;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.2s ease, border-color 0.2s ease;\n    margin-top: 4px;\n  }\n\n  .oe-welcome-button:hover {\n    background: oklch(72% 0.12 80 / 0.18);\n    border-color: oklch(72% 0.12 80 / 0.40);\n  }\n\n  .oe-welcome-button:focus-visible {\n    outline: 2px solid var(--gold, oklch(72% 0.12 80));\n    outline-offset: 2px;\n  }\n\n  .oe-welcome-backdrop.is-dismissing {\n    animation: oe-fade-out 0.3s ease forwards;\n  }\n\n  .oe-welcome-backdrop.is-dismissing .oe-welcome-modal {\n    animation: oe-modal-out 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards;\n  }\n\n  @keyframes oe-fade-out {\n    to { opacity: 0; }\n  }\n\n  @keyframes oe-modal-out {\n    to { opacity: 0; transform: scale(0.95) translateY(10px); }\n  }\n';
-function C_() {
+var v_ = { "chart-wheel": { stripIcon: "\u2726", stripTitle: "About the Natal Chart", stripHints: ["Click any <strong>planet</strong> for a deep placement reading", "Click any <strong>aspect line</strong> for its dynamic interpretation", "Click any <strong>house cusp</strong> for house themes", "Use the <strong>date controls</strong> to move through time"], modalText: "This wheel is an exact celestial snapshot of the sky at a given moment and place \u2014 every planet, house, and aspect line is clickable." }, "bi-wheel": { stripIcon: "\u2295", stripTitle: "About the Bi-Wheel", stripHints: ["Click any <strong>inner planet</strong> for natal placement depth", "Click any <strong>outer planet</strong> for transit or synastry meaning", "Click a <strong>cross-aspect line</strong> for inter-chart dynamics", "Use the <strong>date controls</strong> to advance transits"], modalText: "Two charts are layered here \u2014 the inner wheel is the natal chart; the outer ring shows the second chart (transits or another person's planets)." }, bodygraph: { stripIcon: "\u25C8", stripTitle: "About the Bodygraph", stripHints: ["Click any <strong>center</strong> (defined or undefined) for its meaning", "Click any <strong>channel</strong> to explore its life theme", "Click any <strong>gate number</strong> for its I Ching hexagram reading", "Click a <strong>planet row</strong> in the sidebar for its HD role"], modalText: "The bodygraph is a living map of the energy centres, channels, and gates that define a Human Design chart." }, "vedic-chart": { stripIcon: "\u{1F549}", stripTitle: "About the Jyotish Chart", stripHints: ["Click any <strong>rashi cell</strong> for its themes and any planets placed there", "The <strong>diagonal mark</strong> shows the Lagna (Ascendant) rashi", "Use the <strong>action bar</strong> for a full chart interpretation", "Click <strong>Moon &amp; Nakshatra</strong> for lunar mansion detail"], modalText: "This is a Vedic birth chart rendered as a South Indian Rashi grid \u2014 sidereal planetary placements by fixed sign." }, "transit-timeline": { stripIcon: "\u2604", stripTitle: "About the Transit Timeline", stripHints: ["Each entry is an <strong>exact transit hit</strong> \u2014 a transiting planet contacting a natal point", "Events are <strong>grouped by month</strong> in chronological order", "The <strong>\u211E marker</strong> flags a retrograde crossing", "Click any transit for a focused <strong>interpretation</strong>"], modalText: "This timeline lists upcoming transits to the natal chart \u2014 the exact dates outer-planet energies activate each placement." }, "moon-phase": { stripIcon: "\u263E", stripTitle: "About the Moon Phase Dial", stripHints: ["Click the <strong>Moon</strong> for its phase interpretation", "Click the <strong>Void-of-Course</strong> card when the Moon is VOC", "Use the <strong>date control</strong> to move the sky to any moment"], modalText: "The dial shows the Moon's live illumination, phase, sign, and void-of-course status for the selected moment." }, bazi: { stripIcon: "\u56DB", stripTitle: "About the BaZi Chart", stripHints: ["Click any <strong>pillar</strong> (Year, Month, Day, Hour) for its interpretation", "The <strong>Day Master</strong> is the core identity element", "The <strong>Wu Xing bar</strong> shows the Five Element balance"], modalText: "This BaZi (Four Pillars of Destiny) chart maps the Heavenly Stems and Earthly Branches present at a given moment of birth." } }, y_ = '\n  .oe-welcome-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: oklch(0% 0 0 / 0.55);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n    z-index: 9999;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    animation: oe-fade-in 0.4s ease both;\n    font-family: system-ui, sans-serif;\n  }\n\n  .oe-welcome-modal {\n    /* Themed, not hardcoded: the title/text/hints below all resolve through\n       var(--text\u2026), so a fixed dark surface here meant that once the light\n       palette became reachable the modal rendered near-black text on a\n       near-black card \u2014 1.09:1, effectively invisible. The fallback is the\n       previous literal, and every app\'s dark --surface is oklch(11-12%), so\n       dark rendering is unchanged. */\n    background: var(--surface, oklch(11% 0.010 265));\n    border: 1px solid var(--gold-glow, oklch(72% 0.12 80 / 0.20));\n    border-radius: 16px;\n    padding: 32px;\n    width: 90%;\n    max-width: 440px;\n    box-shadow: 0 20px 40px oklch(0% 0 0 / 0.55), inset 0 1px 0 oklch(100% 0 0 / 0.06);\n    animation: oe-modal-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  @keyframes oe-fade-in {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n\n  @keyframes oe-modal-in {\n    from { opacity: 0; transform: scale(0.95) translateY(10px); }\n    to { opacity: 1; transform: scale(1) translateY(0); }\n  }\n\n  .oe-welcome-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 4px;\n  }\n\n  .oe-welcome-icon {\n    font-size: 28px;\n    color: var(--gold, oklch(72% 0.12 80));\n    line-height: 1;\n    text-shadow: 0 0 10px var(--gold-glow, oklch(72% 0.12 80 / 0.30));\n  }\n\n  .oe-welcome-title {\n    font-size: 20px;\n    font-weight: 600;\n    color: var(--text, oklch(92% 0.006 265));\n    margin: 0;\n    letter-spacing: 0.02em;\n  }\n\n  .oe-welcome-text {\n    font-size: 14.5px;\n    line-height: 1.5;\n    color: var(--text-secondary, oklch(68% 0.008 265));\n    margin: 0;\n  }\n\n  .oe-welcome-hints {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    margin: 8px 0 12px 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .oe-welcome-hints li {\n    font-size: 13.5px;\n    line-height: 1.4;\n    color: var(--text-secondary, oklch(68% 0.008 265));\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    opacity: 0;\n    animation: oe-fade-in 0.4s ease forwards;\n  }\n\n  /* Stagger the hints */\n  .oe-welcome-hints li:nth-child(1) { animation-delay: 0.15s; }\n  .oe-welcome-hints li:nth-child(2) { animation-delay: 0.25s; }\n  .oe-welcome-hints li:nth-child(3) { animation-delay: 0.35s; }\n  .oe-welcome-hints li:nth-child(4) { animation-delay: 0.45s; }\n\n  .oe-welcome-hints li::before {\n    content: "\u2726";\n    color: var(--gold-dim, oklch(52% 0.06 80));\n    font-size: 12px;\n    padding-top: 2px;\n  }\n\n  .oe-welcome-hints strong {\n    color: var(--text, oklch(92% 0.006 265));\n    font-weight: 600;\n  }\n\n  .oe-welcome-button {\n    align-self: flex-end;\n    background: var(--gold-subtle, oklch(72% 0.12 80 / 0.10));\n    color: var(--gold, oklch(72% 0.12 80));\n    border: 1px solid var(--gold-glow, oklch(72% 0.12 80 / 0.20));\n    padding: 10px 24px;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.2s ease, border-color 0.2s ease;\n    margin-top: 4px;\n  }\n\n  .oe-welcome-button:hover {\n    background: oklch(72% 0.12 80 / 0.18);\n    border-color: oklch(72% 0.12 80 / 0.40);\n  }\n\n  .oe-welcome-button:focus-visible {\n    outline: 2px solid var(--gold, oklch(72% 0.12 80));\n    outline-offset: 2px;\n  }\n\n  .oe-welcome-backdrop.is-dismissing {\n    animation: oe-fade-out 0.3s ease forwards;\n  }\n\n  .oe-welcome-backdrop.is-dismissing .oe-welcome-modal {\n    animation: oe-modal-out 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards;\n  }\n\n  @keyframes oe-fade-out {\n    to { opacity: 0; }\n  }\n\n  @keyframes oe-modal-out {\n    to { opacity: 0; transform: scale(0.95) translateY(10px); }\n  }\n';
+function b_() {
   if (document.getElementById("oe-first-run-styles")) return;
   let e5 = document.createElement("style");
-  e5.id = "oe-first-run-styles", e5.textContent = S_, document.head.appendChild(e5);
-}
-function w_(e5, t2) {
-  let n2 = document.activeElement, r2 = document.createElement("div");
-  r2.className = "oe-welcome-backdrop";
-  let i2 = document.createElement("div");
-  i2.className = "oe-welcome-modal", i2.setAttribute("role", "dialog"), i2.setAttribute("aria-modal", "true"), i2.setAttribute("aria-labelledby", "oe-welcome-title");
-  let a2 = e5.stripHints.map((e6) => "<li>".concat(e6, "</li>")).join("");
-  i2.innerHTML = '\n    <div class="oe-welcome-header">\n      <div class="oe-welcome-icon" aria-hidden="true">'.concat(e5.stripIcon, '</div>\n      <h2 id="oe-welcome-title" class="oe-welcome-title">').concat(e5.stripTitle, '</h2>\n    </div>\n    <p class="oe-welcome-text">').concat(e5.modalText, '</p>\n    <ul class="oe-welcome-hints">').concat(a2, '</ul>\n    <button class="oe-welcome-button" aria-label="Explore the chart">Explore</button>\n  '), r2.appendChild(i2);
-  let o2 = i2.querySelector(".oe-welcome-button"), s2 = () => {
-    r2.classList.add("is-dismissing"), r2.addEventListener("animationend", () => {
-      r2.remove(), n2 == null || n2.focus();
-    }, { once: true }), b_(t2);
+  e5.id = "oe-first-run-styles", e5.textContent = y_, document.head.appendChild(e5);
+}
+function x_(e5) {
+  let t2 = document.activeElement, n2 = document.createElement("div");
+  n2.className = "oe-welcome-backdrop";
+  let r2 = document.createElement("div");
+  r2.className = "oe-welcome-modal", r2.setAttribute("role", "dialog"), r2.setAttribute("aria-modal", "true"), r2.setAttribute("aria-labelledby", "oe-welcome-title");
+  let i2 = e5.stripHints.map((e6) => "<li>".concat(e6, "</li>")).join("");
+  r2.innerHTML = '\n    <div class="oe-welcome-header">\n      <div class="oe-welcome-icon" aria-hidden="true">'.concat(e5.stripIcon, '</div>\n      <h2 id="oe-welcome-title" class="oe-welcome-title">').concat(e5.stripTitle, '</h2>\n    </div>\n    <p class="oe-welcome-text">').concat(e5.modalText, '</p>\n    <ul class="oe-welcome-hints">').concat(i2, '</ul>\n    <button class="oe-welcome-button" aria-label="Explore the chart">Explore</button>\n  '), n2.appendChild(r2);
+  let a2 = r2.querySelector(".oe-welcome-button"), o2 = () => {
+    n2.classList.add("is-dismissing"), n2.addEventListener("animationend", () => {
+      n2.remove(), t2 == null || t2.focus();
+    }, { once: true });
   };
-  return o2.addEventListener("click", s2), r2.addEventListener("click", (e6) => {
-    e6.target === r2 && s2();
-  }), r2.addEventListener("keydown", (e6) => {
-    e6.key === "Escape" && (e6.preventDefault(), s2()), e6.key === "Tab" && (e6.preventDefault(), o2.focus());
-  }), requestAnimationFrame(() => o2.focus()), r2;
-}
-function T_(e5, t2) {
-  if (y_(e5)) return;
-  let n2 = x_[e5];
-  C_();
-  let r2 = w_(n2, e5);
-  document.body.appendChild(r2);
+  return a2.addEventListener("click", o2), n2.addEventListener("click", (e6) => {
+    e6.target === n2 && o2();
+  }), n2.addEventListener("keydown", (e6) => {
+    e6.key === "Escape" && (e6.preventDefault(), o2()), e6.key === "Tab" && (e6.preventDefault(), a2.focus());
+  }), requestAnimationFrame(() => a2.focus()), n2;
+}
+function S_(e5) {
+  b_();
+  let t2 = x_(v_[e5]);
+  document.body.appendChild(t2);
+}
+var C_ = "\n  .oe-info-button {\n    position: fixed;\n    top: 12px;\n    right: 12px;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    background: var(--surface-2, oklch(16% 0.010 265));\n    border: 1px solid var(--border-strong, oklch(30% 0.010 265));\n    color: var(--text-secondary, oklch(68% 0.008 265));\n    font: 600 14px/1 Georgia, serif;\n    font-style: italic;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 9998;\n    transition: all 150ms ease;\n  }\n\n  .oe-info-button:hover {\n    background: var(--surface, oklch(11% 0.010 265));\n    border-color: var(--gold-dim, oklch(52% 0.06 80));\n    color: var(--gold, oklch(72% 0.12 80));\n  }\n\n  .oe-info-button:focus-visible {\n    outline: 2px solid var(--gold, oklch(72% 0.12 80));\n    outline-offset: 2px;\n  }\n";
+function w_() {
+  if (document.getElementById("oe-info-button-styles")) return;
+  let e5 = document.createElement("style");
+  e5.id = "oe-info-button-styles", e5.textContent = C_, document.head.appendChild(e5);
+}
+function T_(e5) {
+  if (document.getElementById("oe-info-button")) return;
+  w_();
+  let t2 = document.createElement("button");
+  t2.id = "oe-info-button", t2.className = "oe-info-button", t2.setAttribute("aria-label", "About this chart"), t2.title = "About this chart", t2.textContent = "i", t2.addEventListener("click", () => S_(e5)), document.body.appendChild(t2);
 }
 var E_;
 function D_() {
@@ -7099,7 +7102,7 @@ function G_() {
   });
 }
 function K_(e5) {
-  I_ = e5, j_.setAttribute("hidden", ""), M_.removeAttribute("hidden"), c_(M_, e5, B_, V_), q_(e5), P_ == null || P_.removeAttribute("hidden"), T_("moon-phase", M_);
+  I_ = e5, j_.setAttribute("hidden", ""), M_.removeAttribute("hidden"), c_(M_, e5, B_, V_), q_(e5), P_ == null || P_.removeAttribute("hidden"), T_("moon-phase");
 }
 function q_(e5) {
   var t2;

package/dist/ui/transit-timeline.html

@@ -6781,43 +6781,46 @@ function v_(e4) {
     (o2 = t2.querySelector(".error-retry-btn")) == null || o2.addEventListener("click", r2);
   }
 }
-var y_ = /* @__PURE__ */ new Set();
-function b_(e4) {
-  return y_.has(e4);
-}
-function x_(e4) {
-  y_.add(e4);
-}
-var S_ = { "chart-wheel": { stripIcon: "\u2726", stripTitle: "Welcome to your Natal Chart", stripHints: ["Click any <strong>planet</strong> for a deep placement reading", "Click any <strong>aspect line</strong> for its dynamic interpretation", "Click any <strong>house cusp</strong> for house themes", "Use the <strong>date controls</strong> to move through time"], modalText: "Your birth chart is now rendered \u2014 an exact celestial snapshot of the sky at your moment of birth." }, "bi-wheel": { stripIcon: "\u2295", stripTitle: "Welcome to the Bi-Wheel", stripHints: ["Click any <strong>inner planet</strong> for natal placement depth", "Click any <strong>outer planet</strong> for transit or synastry meaning", "Click a <strong>cross-aspect line</strong> for inter-chart dynamics", "Use the <strong>date controls</strong> to advance transits"], modalText: "Two charts are now layered \u2014 the inner wheel is your natal chart; the outer ring shows the second chart (transits or another person's planets)." }, bodygraph: { stripIcon: "\u25C8", stripTitle: "Welcome to your Bodygraph", stripHints: ["Click any <strong>center</strong> (defined or undefined) for its meaning", "Click any <strong>channel</strong> to explore its life theme", "Click any <strong>gate number</strong> for its I Ching hexagram reading", "Click a <strong>planet row</strong> in the sidebar for its HD role"], modalText: "Your bodygraph is now rendered \u2014 a living map of the energy centres, channels, and gates that define your design." }, "vedic-chart": { stripIcon: "\u{1F549}", stripTitle: "Welcome to your Jyotish Chart", stripHints: ["Click any <strong>rashi cell</strong> for its themes and any planets placed there", "The <strong>diagonal mark</strong> shows your Lagna (Ascendant) rashi", "Use the <strong>action bar</strong> for a full chart interpretation", "Click <strong>Moon &amp; Nakshatra</strong> for lunar mansion detail"], modalText: "Your Vedic birth chart is now rendered as a South Indian Rashi grid \u2014 sidereal planetary placements by fixed sign." }, "transit-timeline": { stripIcon: "\u2604", stripTitle: "Welcome to your Transit Timeline", stripHints: ["Each entry is an <strong>exact transit hit</strong> \u2014 a transiting planet contacting a natal point", "Events are <strong>grouped by month</strong> in chronological order", "The <strong>\u211E marker</strong> flags a retrograde crossing", "Click any transit for a focused <strong>interpretation</strong>"], modalText: "This timeline lists upcoming transits to your natal chart \u2014 the exact dates outer-planet energies activate your placements." }, "moon-phase": { stripIcon: "\u263E", stripTitle: "Welcome to the Moon Phase dial", stripHints: ["Click the <strong>Moon</strong> for its phase interpretation", "Click the <strong>Void-of-Course</strong> card when the Moon is VOC", "Use the <strong>date control</strong> to move the sky to any moment"], modalText: "The dial shows the Moon's live illumination, phase, sign, and void-of-course status \u2014 a snapshot of tonight's sky." }, bazi: { stripIcon: "\u56DB", stripTitle: "Welcome to your BaZi Chart", stripHints: ["Click any <strong>pillar</strong> (Year, Month, Day, Hour) for its interpretation", "The <strong>Day Master</strong> is your core identity element", "The <strong>Wu Xing bar</strong> shows your Five Element balance"], modalText: "Your BaZi (Four Pillars of Destiny) chart is now rendered \u2014 a map of the Heavenly Stems and Earthly Branches present at your moment of birth." } }, C_ = '\n  .oe-welcome-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: oklch(0% 0 0 / 0.55);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n    z-index: 9999;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    animation: oe-fade-in 0.4s ease both;\n    font-family: system-ui, sans-serif;\n  }\n\n  .oe-welcome-modal {\n    /* Themed, not hardcoded: the title/text/hints below all resolve through\n       var(--text\u2026), so a fixed dark surface here meant that once the light\n       palette became reachable the modal rendered near-black text on a\n       near-black card \u2014 1.09:1, effectively invisible. The fallback is the\n       previous literal, and every app\'s dark --surface is oklch(11-12%), so\n       dark rendering is unchanged. */\n    background: var(--surface, oklch(11% 0.010 265));\n    border: 1px solid var(--gold-glow, oklch(72% 0.12 80 / 0.20));\n    border-radius: 16px;\n    padding: 32px;\n    width: 90%;\n    max-width: 440px;\n    box-shadow: 0 20px 40px oklch(0% 0 0 / 0.55), inset 0 1px 0 oklch(100% 0 0 / 0.06);\n    animation: oe-modal-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  @keyframes oe-fade-in {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n\n  @keyframes oe-modal-in {\n    from { opacity: 0; transform: scale(0.95) translateY(10px); }\n    to { opacity: 1; transform: scale(1) translateY(0); }\n  }\n\n  .oe-welcome-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 4px;\n  }\n\n  .oe-welcome-icon {\n    font-size: 28px;\n    color: var(--gold, oklch(72% 0.12 80));\n    line-height: 1;\n    text-shadow: 0 0 10px var(--gold-glow, oklch(72% 0.12 80 / 0.30));\n  }\n\n  .oe-welcome-title {\n    font-size: 20px;\n    font-weight: 600;\n    color: var(--text, oklch(92% 0.006 265));\n    margin: 0;\n    letter-spacing: 0.02em;\n  }\n\n  .oe-welcome-text {\n    font-size: 14.5px;\n    line-height: 1.5;\n    color: var(--text-secondary, oklch(68% 0.008 265));\n    margin: 0;\n  }\n\n  .oe-welcome-hints {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    margin: 8px 0 12px 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .oe-welcome-hints li {\n    font-size: 13.5px;\n    line-height: 1.4;\n    color: var(--text-secondary, oklch(68% 0.008 265));\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    opacity: 0;\n    animation: oe-fade-in 0.4s ease forwards;\n  }\n\n  /* Stagger the hints */\n  .oe-welcome-hints li:nth-child(1) { animation-delay: 0.15s; }\n  .oe-welcome-hints li:nth-child(2) { animation-delay: 0.25s; }\n  .oe-welcome-hints li:nth-child(3) { animation-delay: 0.35s; }\n  .oe-welcome-hints li:nth-child(4) { animation-delay: 0.45s; }\n\n  .oe-welcome-hints li::before {\n    content: "\u2726";\n    color: var(--gold-dim, oklch(52% 0.06 80));\n    font-size: 12px;\n    padding-top: 2px;\n  }\n\n  .oe-welcome-hints strong {\n    color: var(--text, oklch(92% 0.006 265));\n    font-weight: 600;\n  }\n\n  .oe-welcome-button {\n    align-self: flex-end;\n    background: var(--gold-subtle, oklch(72% 0.12 80 / 0.10));\n    color: var(--gold, oklch(72% 0.12 80));\n    border: 1px solid var(--gold-glow, oklch(72% 0.12 80 / 0.20));\n    padding: 10px 24px;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.2s ease, border-color 0.2s ease;\n    margin-top: 4px;\n  }\n\n  .oe-welcome-button:hover {\n    background: oklch(72% 0.12 80 / 0.18);\n    border-color: oklch(72% 0.12 80 / 0.40);\n  }\n\n  .oe-welcome-button:focus-visible {\n    outline: 2px solid var(--gold, oklch(72% 0.12 80));\n    outline-offset: 2px;\n  }\n\n  .oe-welcome-backdrop.is-dismissing {\n    animation: oe-fade-out 0.3s ease forwards;\n  }\n\n  .oe-welcome-backdrop.is-dismissing .oe-welcome-modal {\n    animation: oe-modal-out 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards;\n  }\n\n  @keyframes oe-fade-out {\n    to { opacity: 0; }\n  }\n\n  @keyframes oe-modal-out {\n    to { opacity: 0; transform: scale(0.95) translateY(10px); }\n  }\n';
-function w_() {
+var y_ = { "chart-wheel": { stripIcon: "\u2726", stripTitle: "About the Natal Chart", stripHints: ["Click any <strong>planet</strong> for a deep placement reading", "Click any <strong>aspect line</strong> for its dynamic interpretation", "Click any <strong>house cusp</strong> for house themes", "Use the <strong>date controls</strong> to move through time"], modalText: "This wheel is an exact celestial snapshot of the sky at a given moment and place \u2014 every planet, house, and aspect line is clickable." }, "bi-wheel": { stripIcon: "\u2295", stripTitle: "About the Bi-Wheel", stripHints: ["Click any <strong>inner planet</strong> for natal placement depth", "Click any <strong>outer planet</strong> for transit or synastry meaning", "Click a <strong>cross-aspect line</strong> for inter-chart dynamics", "Use the <strong>date controls</strong> to advance transits"], modalText: "Two charts are layered here \u2014 the inner wheel is the natal chart; the outer ring shows the second chart (transits or another person's planets)." }, bodygraph: { stripIcon: "\u25C8", stripTitle: "About the Bodygraph", stripHints: ["Click any <strong>center</strong> (defined or undefined) for its meaning", "Click any <strong>channel</strong> to explore its life theme", "Click any <strong>gate number</strong> for its I Ching hexagram reading", "Click a <strong>planet row</strong> in the sidebar for its HD role"], modalText: "The bodygraph is a living map of the energy centres, channels, and gates that define a Human Design chart." }, "vedic-chart": { stripIcon: "\u{1F549}", stripTitle: "About the Jyotish Chart", stripHints: ["Click any <strong>rashi cell</strong> for its themes and any planets placed there", "The <strong>diagonal mark</strong> shows the Lagna (Ascendant) rashi", "Use the <strong>action bar</strong> for a full chart interpretation", "Click <strong>Moon &amp; Nakshatra</strong> for lunar mansion detail"], modalText: "This is a Vedic birth chart rendered as a South Indian Rashi grid \u2014 sidereal planetary placements by fixed sign." }, "transit-timeline": { stripIcon: "\u2604", stripTitle: "About the Transit Timeline", stripHints: ["Each entry is an <strong>exact transit hit</strong> \u2014 a transiting planet contacting a natal point", "Events are <strong>grouped by month</strong> in chronological order", "The <strong>\u211E marker</strong> flags a retrograde crossing", "Click any transit for a focused <strong>interpretation</strong>"], modalText: "This timeline lists upcoming transits to the natal chart \u2014 the exact dates outer-planet energies activate each placement." }, "moon-phase": { stripIcon: "\u263E", stripTitle: "About the Moon Phase Dial", stripHints: ["Click the <strong>Moon</strong> for its phase interpretation", "Click the <strong>Void-of-Course</strong> card when the Moon is VOC", "Use the <strong>date control</strong> to move the sky to any moment"], modalText: "The dial shows the Moon's live illumination, phase, sign, and void-of-course status for the selected moment." }, bazi: { stripIcon: "\u56DB", stripTitle: "About the BaZi Chart", stripHints: ["Click any <strong>pillar</strong> (Year, Month, Day, Hour) for its interpretation", "The <strong>Day Master</strong> is the core identity element", "The <strong>Wu Xing bar</strong> shows the Five Element balance"], modalText: "This BaZi (Four Pillars of Destiny) chart maps the Heavenly Stems and Earthly Branches present at a given moment of birth." } }, b_ = '\n  .oe-welcome-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: oklch(0% 0 0 / 0.55);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n    z-index: 9999;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    animation: oe-fade-in 0.4s ease both;\n    font-family: system-ui, sans-serif;\n  }\n\n  .oe-welcome-modal {\n    /* Themed, not hardcoded: the title/text/hints below all resolve through\n       var(--text\u2026), so a fixed dark surface here meant that once the light\n       palette became reachable the modal rendered near-black text on a\n       near-black card \u2014 1.09:1, effectively invisible. The fallback is the\n       previous literal, and every app\'s dark --surface is oklch(11-12%), so\n       dark rendering is unchanged. */\n    background: var(--surface, oklch(11% 0.010 265));\n    border: 1px solid var(--gold-glow, oklch(72% 0.12 80 / 0.20));\n    border-radius: 16px;\n    padding: 32px;\n    width: 90%;\n    max-width: 440px;\n    box-shadow: 0 20px 40px oklch(0% 0 0 / 0.55), inset 0 1px 0 oklch(100% 0 0 / 0.06);\n    animation: oe-modal-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  @keyframes oe-fade-in {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n\n  @keyframes oe-modal-in {\n    from { opacity: 0; transform: scale(0.95) translateY(10px); }\n    to { opacity: 1; transform: scale(1) translateY(0); }\n  }\n\n  .oe-welcome-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 4px;\n  }\n\n  .oe-welcome-icon {\n    font-size: 28px;\n    color: var(--gold, oklch(72% 0.12 80));\n    line-height: 1;\n    text-shadow: 0 0 10px var(--gold-glow, oklch(72% 0.12 80 / 0.30));\n  }\n\n  .oe-welcome-title {\n    font-size: 20px;\n    font-weight: 600;\n    color: var(--text, oklch(92% 0.006 265));\n    margin: 0;\n    letter-spacing: 0.02em;\n  }\n\n  .oe-welcome-text {\n    font-size: 14.5px;\n    line-height: 1.5;\n    color: var(--text-secondary, oklch(68% 0.008 265));\n    margin: 0;\n  }\n\n  .oe-welcome-hints {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    margin: 8px 0 12px 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .oe-welcome-hints li {\n    font-size: 13.5px;\n    line-height: 1.4;\n    color: var(--text-secondary, oklch(68% 0.008 265));\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    opacity: 0;\n    animation: oe-fade-in 0.4s ease forwards;\n  }\n\n  /* Stagger the hints */\n  .oe-welcome-hints li:nth-child(1) { animation-delay: 0.15s; }\n  .oe-welcome-hints li:nth-child(2) { animation-delay: 0.25s; }\n  .oe-welcome-hints li:nth-child(3) { animation-delay: 0.35s; }\n  .oe-welcome-hints li:nth-child(4) { animation-delay: 0.45s; }\n\n  .oe-welcome-hints li::before {\n    content: "\u2726";\n    color: var(--gold-dim, oklch(52% 0.06 80));\n    font-size: 12px;\n    padding-top: 2px;\n  }\n\n  .oe-welcome-hints strong {\n    color: var(--text, oklch(92% 0.006 265));\n    font-weight: 600;\n  }\n\n  .oe-welcome-button {\n    align-self: flex-end;\n    background: var(--gold-subtle, oklch(72% 0.12 80 / 0.10));\n    color: var(--gold, oklch(72% 0.12 80));\n    border: 1px solid var(--gold-glow, oklch(72% 0.12 80 / 0.20));\n    padding: 10px 24px;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.2s ease, border-color 0.2s ease;\n    margin-top: 4px;\n  }\n\n  .oe-welcome-button:hover {\n    background: oklch(72% 0.12 80 / 0.18);\n    border-color: oklch(72% 0.12 80 / 0.40);\n  }\n\n  .oe-welcome-button:focus-visible {\n    outline: 2px solid var(--gold, oklch(72% 0.12 80));\n    outline-offset: 2px;\n  }\n\n  .oe-welcome-backdrop.is-dismissing {\n    animation: oe-fade-out 0.3s ease forwards;\n  }\n\n  .oe-welcome-backdrop.is-dismissing .oe-welcome-modal {\n    animation: oe-modal-out 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards;\n  }\n\n  @keyframes oe-fade-out {\n    to { opacity: 0; }\n  }\n\n  @keyframes oe-modal-out {\n    to { opacity: 0; transform: scale(0.95) translateY(10px); }\n  }\n';
+function x_() {
   if (document.getElementById("oe-first-run-styles")) return;
   let e4 = document.createElement("style");
-  e4.id = "oe-first-run-styles", e4.textContent = C_, document.head.appendChild(e4);
-}
-function T_(e4, t2) {
-  let n2 = document.activeElement, r2 = document.createElement("div");
-  r2.className = "oe-welcome-backdrop";
-  let i2 = document.createElement("div");
-  i2.className = "oe-welcome-modal", i2.setAttribute("role", "dialog"), i2.setAttribute("aria-modal", "true"), i2.setAttribute("aria-labelledby", "oe-welcome-title");
-  let a2 = e4.stripHints.map((e5) => "<li>".concat(e5, "</li>")).join("");
-  i2.innerHTML = '\n    <div class="oe-welcome-header">\n      <div class="oe-welcome-icon" aria-hidden="true">'.concat(e4.stripIcon, '</div>\n      <h2 id="oe-welcome-title" class="oe-welcome-title">').concat(e4.stripTitle, '</h2>\n    </div>\n    <p class="oe-welcome-text">').concat(e4.modalText, '</p>\n    <ul class="oe-welcome-hints">').concat(a2, '</ul>\n    <button class="oe-welcome-button" aria-label="Explore the chart">Explore</button>\n  '), r2.appendChild(i2);
-  let o2 = i2.querySelector(".oe-welcome-button"), s2 = () => {
-    r2.classList.add("is-dismissing"), r2.addEventListener("animationend", () => {
-      r2.remove(), n2 == null || n2.focus();
-    }, { once: true }), x_(t2);
+  e4.id = "oe-first-run-styles", e4.textContent = b_, document.head.appendChild(e4);
+}
+function S_(e4) {
+  let t2 = document.activeElement, n2 = document.createElement("div");
+  n2.className = "oe-welcome-backdrop";
+  let r2 = document.createElement("div");
+  r2.className = "oe-welcome-modal", r2.setAttribute("role", "dialog"), r2.setAttribute("aria-modal", "true"), r2.setAttribute("aria-labelledby", "oe-welcome-title");
+  let i2 = e4.stripHints.map((e5) => "<li>".concat(e5, "</li>")).join("");
+  r2.innerHTML = '\n    <div class="oe-welcome-header">\n      <div class="oe-welcome-icon" aria-hidden="true">'.concat(e4.stripIcon, '</div>\n      <h2 id="oe-welcome-title" class="oe-welcome-title">').concat(e4.stripTitle, '</h2>\n    </div>\n    <p class="oe-welcome-text">').concat(e4.modalText, '</p>\n    <ul class="oe-welcome-hints">').concat(i2, '</ul>\n    <button class="oe-welcome-button" aria-label="Explore the chart">Explore</button>\n  '), n2.appendChild(r2);
+  let a2 = r2.querySelector(".oe-welcome-button"), o2 = () => {
+    n2.classList.add("is-dismissing"), n2.addEventListener("animationend", () => {
+      n2.remove(), t2 == null || t2.focus();
+    }, { once: true });
   };
-  return o2.addEventListener("click", s2), r2.addEventListener("click", (e5) => {
-    e5.target === r2 && s2();
-  }), r2.addEventListener("keydown", (e5) => {
-    e5.key === "Escape" && (e5.preventDefault(), s2()), e5.key === "Tab" && (e5.preventDefault(), o2.focus());
-  }), requestAnimationFrame(() => o2.focus()), r2;
-}
-function E_(e4, t2) {
-  if (b_(e4)) return;
-  let n2 = S_[e4];
-  w_();
-  let r2 = T_(n2, e4);
-  document.body.appendChild(r2);
+  return a2.addEventListener("click", o2), n2.addEventListener("click", (e5) => {
+    e5.target === n2 && o2();
+  }), n2.addEventListener("keydown", (e5) => {
+    e5.key === "Escape" && (e5.preventDefault(), o2()), e5.key === "Tab" && (e5.preventDefault(), a2.focus());
+  }), requestAnimationFrame(() => a2.focus()), n2;
+}
+function C_(e4) {
+  x_();
+  let t2 = S_(y_[e4]);
+  document.body.appendChild(t2);
+}
+var w_ = "\n  .oe-info-button {\n    position: fixed;\n    top: 12px;\n    right: 12px;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    background: var(--surface-2, oklch(16% 0.010 265));\n    border: 1px solid var(--border-strong, oklch(30% 0.010 265));\n    color: var(--text-secondary, oklch(68% 0.008 265));\n    font: 600 14px/1 Georgia, serif;\n    font-style: italic;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 9998;\n    transition: all 150ms ease;\n  }\n\n  .oe-info-button:hover {\n    background: var(--surface, oklch(11% 0.010 265));\n    border-color: var(--gold-dim, oklch(52% 0.06 80));\n    color: var(--gold, oklch(72% 0.12 80));\n  }\n\n  .oe-info-button:focus-visible {\n    outline: 2px solid var(--gold, oklch(72% 0.12 80));\n    outline-offset: 2px;\n  }\n";
+function T_() {
+  if (document.getElementById("oe-info-button-styles")) return;
+  let e4 = document.createElement("style");
+  e4.id = "oe-info-button-styles", e4.textContent = w_, document.head.appendChild(e4);
+}
+function E_(e4) {
+  if (document.getElementById("oe-info-button")) return;
+  T_();
+  let t2 = document.createElement("button");
+  t2.id = "oe-info-button", t2.className = "oe-info-button", t2.setAttribute("aria-label", "About this chart"), t2.title = "About this chart", t2.textContent = "i", t2.addEventListener("click", () => C_(e4)), document.body.appendChild(t2);
 }
 var D_;
 function O_() {
@@ -6920,7 +6923,7 @@ I_.ontoolresult = function(e4) {
       q_("Transit data could not be parsed from the server response.", J_);
       return;
     }
-    L_ = t2, M_.setAttribute("hidden", ""), N_.removeAttribute("hidden"), d_(N_, t2, B_, V_), E_("transit-timeline", N_);
+    L_ = t2, M_.setAttribute("hidden", ""), N_.removeAttribute("hidden"), d_(N_, t2, B_, V_), E_("transit-timeline");
   } catch (e5) {
     q_("An error occurred while rendering the transit timeline.", J_), console.error("[TransitTimeline] Render error:", e5);
   }

package/dist/ui/vedic-chart.html

@@ -6725,43 +6725,46 @@ function h_(e4, t2, n2, r2) {
     });
   }), c2;
 }
-var g_ = /* @__PURE__ */ new Set();
-function __(e4) {
-  return g_.has(e4);
-}
-function v_(e4) {
-  g_.add(e4);
-}
-var y_ = { "chart-wheel": { stripIcon: "\u2726", stripTitle: "Welcome to your Natal Chart", stripHints: ["Click any <strong>planet</strong> for a deep placement reading", "Click any <strong>aspect line</strong> for its dynamic interpretation", "Click any <strong>house cusp</strong> for house themes", "Use the <strong>date controls</strong> to move through time"], modalText: "Your birth chart is now rendered \u2014 an exact celestial snapshot of the sky at your moment of birth." }, "bi-wheel": { stripIcon: "\u2295", stripTitle: "Welcome to the Bi-Wheel", stripHints: ["Click any <strong>inner planet</strong> for natal placement depth", "Click any <strong>outer planet</strong> for transit or synastry meaning", "Click a <strong>cross-aspect line</strong> for inter-chart dynamics", "Use the <strong>date controls</strong> to advance transits"], modalText: "Two charts are now layered \u2014 the inner wheel is your natal chart; the outer ring shows the second chart (transits or another person's planets)." }, bodygraph: { stripIcon: "\u25C8", stripTitle: "Welcome to your Bodygraph", stripHints: ["Click any <strong>center</strong> (defined or undefined) for its meaning", "Click any <strong>channel</strong> to explore its life theme", "Click any <strong>gate number</strong> for its I Ching hexagram reading", "Click a <strong>planet row</strong> in the sidebar for its HD role"], modalText: "Your bodygraph is now rendered \u2014 a living map of the energy centres, channels, and gates that define your design." }, "vedic-chart": { stripIcon: "\u{1F549}", stripTitle: "Welcome to your Jyotish Chart", stripHints: ["Click any <strong>rashi cell</strong> for its themes and any planets placed there", "The <strong>diagonal mark</strong> shows your Lagna (Ascendant) rashi", "Use the <strong>action bar</strong> for a full chart interpretation", "Click <strong>Moon &amp; Nakshatra</strong> for lunar mansion detail"], modalText: "Your Vedic birth chart is now rendered as a South Indian Rashi grid \u2014 sidereal planetary placements by fixed sign." }, "transit-timeline": { stripIcon: "\u2604", stripTitle: "Welcome to your Transit Timeline", stripHints: ["Each entry is an <strong>exact transit hit</strong> \u2014 a transiting planet contacting a natal point", "Events are <strong>grouped by month</strong> in chronological order", "The <strong>\u211E marker</strong> flags a retrograde crossing", "Click any transit for a focused <strong>interpretation</strong>"], modalText: "This timeline lists upcoming transits to your natal chart \u2014 the exact dates outer-planet energies activate your placements." }, "moon-phase": { stripIcon: "\u263E", stripTitle: "Welcome to the Moon Phase dial", stripHints: ["Click the <strong>Moon</strong> for its phase interpretation", "Click the <strong>Void-of-Course</strong> card when the Moon is VOC", "Use the <strong>date control</strong> to move the sky to any moment"], modalText: "The dial shows the Moon's live illumination, phase, sign, and void-of-course status \u2014 a snapshot of tonight's sky." }, bazi: { stripIcon: "\u56DB", stripTitle: "Welcome to your BaZi Chart", stripHints: ["Click any <strong>pillar</strong> (Year, Month, Day, Hour) for its interpretation", "The <strong>Day Master</strong> is your core identity element", "The <strong>Wu Xing bar</strong> shows your Five Element balance"], modalText: "Your BaZi (Four Pillars of Destiny) chart is now rendered \u2014 a map of the Heavenly Stems and Earthly Branches present at your moment of birth." } }, b_ = '\n  .oe-welcome-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: oklch(0% 0 0 / 0.55);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n    z-index: 9999;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    animation: oe-fade-in 0.4s ease both;\n    font-family: system-ui, sans-serif;\n  }\n\n  .oe-welcome-modal {\n    /* Themed, not hardcoded: the title/text/hints below all resolve through\n       var(--text\u2026), so a fixed dark surface here meant that once the light\n       palette became reachable the modal rendered near-black text on a\n       near-black card \u2014 1.09:1, effectively invisible. The fallback is the\n       previous literal, and every app\'s dark --surface is oklch(11-12%), so\n       dark rendering is unchanged. */\n    background: var(--surface, oklch(11% 0.010 265));\n    border: 1px solid var(--gold-glow, oklch(72% 0.12 80 / 0.20));\n    border-radius: 16px;\n    padding: 32px;\n    width: 90%;\n    max-width: 440px;\n    box-shadow: 0 20px 40px oklch(0% 0 0 / 0.55), inset 0 1px 0 oklch(100% 0 0 / 0.06);\n    animation: oe-modal-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  @keyframes oe-fade-in {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n\n  @keyframes oe-modal-in {\n    from { opacity: 0; transform: scale(0.95) translateY(10px); }\n    to { opacity: 1; transform: scale(1) translateY(0); }\n  }\n\n  .oe-welcome-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 4px;\n  }\n\n  .oe-welcome-icon {\n    font-size: 28px;\n    color: var(--gold, oklch(72% 0.12 80));\n    line-height: 1;\n    text-shadow: 0 0 10px var(--gold-glow, oklch(72% 0.12 80 / 0.30));\n  }\n\n  .oe-welcome-title {\n    font-size: 20px;\n    font-weight: 600;\n    color: var(--text, oklch(92% 0.006 265));\n    margin: 0;\n    letter-spacing: 0.02em;\n  }\n\n  .oe-welcome-text {\n    font-size: 14.5px;\n    line-height: 1.5;\n    color: var(--text-secondary, oklch(68% 0.008 265));\n    margin: 0;\n  }\n\n  .oe-welcome-hints {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    margin: 8px 0 12px 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .oe-welcome-hints li {\n    font-size: 13.5px;\n    line-height: 1.4;\n    color: var(--text-secondary, oklch(68% 0.008 265));\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    opacity: 0;\n    animation: oe-fade-in 0.4s ease forwards;\n  }\n\n  /* Stagger the hints */\n  .oe-welcome-hints li:nth-child(1) { animation-delay: 0.15s; }\n  .oe-welcome-hints li:nth-child(2) { animation-delay: 0.25s; }\n  .oe-welcome-hints li:nth-child(3) { animation-delay: 0.35s; }\n  .oe-welcome-hints li:nth-child(4) { animation-delay: 0.45s; }\n\n  .oe-welcome-hints li::before {\n    content: "\u2726";\n    color: var(--gold-dim, oklch(52% 0.06 80));\n    font-size: 12px;\n    padding-top: 2px;\n  }\n\n  .oe-welcome-hints strong {\n    color: var(--text, oklch(92% 0.006 265));\n    font-weight: 600;\n  }\n\n  .oe-welcome-button {\n    align-self: flex-end;\n    background: var(--gold-subtle, oklch(72% 0.12 80 / 0.10));\n    color: var(--gold, oklch(72% 0.12 80));\n    border: 1px solid var(--gold-glow, oklch(72% 0.12 80 / 0.20));\n    padding: 10px 24px;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.2s ease, border-color 0.2s ease;\n    margin-top: 4px;\n  }\n\n  .oe-welcome-button:hover {\n    background: oklch(72% 0.12 80 / 0.18);\n    border-color: oklch(72% 0.12 80 / 0.40);\n  }\n\n  .oe-welcome-button:focus-visible {\n    outline: 2px solid var(--gold, oklch(72% 0.12 80));\n    outline-offset: 2px;\n  }\n\n  .oe-welcome-backdrop.is-dismissing {\n    animation: oe-fade-out 0.3s ease forwards;\n  }\n\n  .oe-welcome-backdrop.is-dismissing .oe-welcome-modal {\n    animation: oe-modal-out 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards;\n  }\n\n  @keyframes oe-fade-out {\n    to { opacity: 0; }\n  }\n\n  @keyframes oe-modal-out {\n    to { opacity: 0; transform: scale(0.95) translateY(10px); }\n  }\n';
-function x_() {
+var g_ = { "chart-wheel": { stripIcon: "\u2726", stripTitle: "About the Natal Chart", stripHints: ["Click any <strong>planet</strong> for a deep placement reading", "Click any <strong>aspect line</strong> for its dynamic interpretation", "Click any <strong>house cusp</strong> for house themes", "Use the <strong>date controls</strong> to move through time"], modalText: "This wheel is an exact celestial snapshot of the sky at a given moment and place \u2014 every planet, house, and aspect line is clickable." }, "bi-wheel": { stripIcon: "\u2295", stripTitle: "About the Bi-Wheel", stripHints: ["Click any <strong>inner planet</strong> for natal placement depth", "Click any <strong>outer planet</strong> for transit or synastry meaning", "Click a <strong>cross-aspect line</strong> for inter-chart dynamics", "Use the <strong>date controls</strong> to advance transits"], modalText: "Two charts are layered here \u2014 the inner wheel is the natal chart; the outer ring shows the second chart (transits or another person's planets)." }, bodygraph: { stripIcon: "\u25C8", stripTitle: "About the Bodygraph", stripHints: ["Click any <strong>center</strong> (defined or undefined) for its meaning", "Click any <strong>channel</strong> to explore its life theme", "Click any <strong>gate number</strong> for its I Ching hexagram reading", "Click a <strong>planet row</strong> in the sidebar for its HD role"], modalText: "The bodygraph is a living map of the energy centres, channels, and gates that define a Human Design chart." }, "vedic-chart": { stripIcon: "\u{1F549}", stripTitle: "About the Jyotish Chart", stripHints: ["Click any <strong>rashi cell</strong> for its themes and any planets placed there", "The <strong>diagonal mark</strong> shows the Lagna (Ascendant) rashi", "Use the <strong>action bar</strong> for a full chart interpretation", "Click <strong>Moon &amp; Nakshatra</strong> for lunar mansion detail"], modalText: "This is a Vedic birth chart rendered as a South Indian Rashi grid \u2014 sidereal planetary placements by fixed sign." }, "transit-timeline": { stripIcon: "\u2604", stripTitle: "About the Transit Timeline", stripHints: ["Each entry is an <strong>exact transit hit</strong> \u2014 a transiting planet contacting a natal point", "Events are <strong>grouped by month</strong> in chronological order", "The <strong>\u211E marker</strong> flags a retrograde crossing", "Click any transit for a focused <strong>interpretation</strong>"], modalText: "This timeline lists upcoming transits to the natal chart \u2014 the exact dates outer-planet energies activate each placement." }, "moon-phase": { stripIcon: "\u263E", stripTitle: "About the Moon Phase Dial", stripHints: ["Click the <strong>Moon</strong> for its phase interpretation", "Click the <strong>Void-of-Course</strong> card when the Moon is VOC", "Use the <strong>date control</strong> to move the sky to any moment"], modalText: "The dial shows the Moon's live illumination, phase, sign, and void-of-course status for the selected moment." }, bazi: { stripIcon: "\u56DB", stripTitle: "About the BaZi Chart", stripHints: ["Click any <strong>pillar</strong> (Year, Month, Day, Hour) for its interpretation", "The <strong>Day Master</strong> is the core identity element", "The <strong>Wu Xing bar</strong> shows the Five Element balance"], modalText: "This BaZi (Four Pillars of Destiny) chart maps the Heavenly Stems and Earthly Branches present at a given moment of birth." } }, __ = '\n  .oe-welcome-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: oklch(0% 0 0 / 0.55);\n    backdrop-filter: blur(8px);\n    -webkit-backdrop-filter: blur(8px);\n    z-index: 9999;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    animation: oe-fade-in 0.4s ease both;\n    font-family: system-ui, sans-serif;\n  }\n\n  .oe-welcome-modal {\n    /* Themed, not hardcoded: the title/text/hints below all resolve through\n       var(--text\u2026), so a fixed dark surface here meant that once the light\n       palette became reachable the modal rendered near-black text on a\n       near-black card \u2014 1.09:1, effectively invisible. The fallback is the\n       previous literal, and every app\'s dark --surface is oklch(11-12%), so\n       dark rendering is unchanged. */\n    background: var(--surface, oklch(11% 0.010 265));\n    border: 1px solid var(--gold-glow, oklch(72% 0.12 80 / 0.20));\n    border-radius: 16px;\n    padding: 32px;\n    width: 90%;\n    max-width: 440px;\n    box-shadow: 0 20px 40px oklch(0% 0 0 / 0.55), inset 0 1px 0 oklch(100% 0 0 / 0.06);\n    animation: oe-modal-in 0.5s cubic-bezier(0.22, 1, 0.36, 1) both;\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  @keyframes oe-fade-in {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n\n  @keyframes oe-modal-in {\n    from { opacity: 0; transform: scale(0.95) translateY(10px); }\n    to { opacity: 1; transform: scale(1) translateY(0); }\n  }\n\n  .oe-welcome-header {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    margin-bottom: 4px;\n  }\n\n  .oe-welcome-icon {\n    font-size: 28px;\n    color: var(--gold, oklch(72% 0.12 80));\n    line-height: 1;\n    text-shadow: 0 0 10px var(--gold-glow, oklch(72% 0.12 80 / 0.30));\n  }\n\n  .oe-welcome-title {\n    font-size: 20px;\n    font-weight: 600;\n    color: var(--text, oklch(92% 0.006 265));\n    margin: 0;\n    letter-spacing: 0.02em;\n  }\n\n  .oe-welcome-text {\n    font-size: 14.5px;\n    line-height: 1.5;\n    color: var(--text-secondary, oklch(68% 0.008 265));\n    margin: 0;\n  }\n\n  .oe-welcome-hints {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    margin: 8px 0 12px 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .oe-welcome-hints li {\n    font-size: 13.5px;\n    line-height: 1.4;\n    color: var(--text-secondary, oklch(68% 0.008 265));\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    opacity: 0;\n    animation: oe-fade-in 0.4s ease forwards;\n  }\n\n  /* Stagger the hints */\n  .oe-welcome-hints li:nth-child(1) { animation-delay: 0.15s; }\n  .oe-welcome-hints li:nth-child(2) { animation-delay: 0.25s; }\n  .oe-welcome-hints li:nth-child(3) { animation-delay: 0.35s; }\n  .oe-welcome-hints li:nth-child(4) { animation-delay: 0.45s; }\n\n  .oe-welcome-hints li::before {\n    content: "\u2726";\n    color: var(--gold-dim, oklch(52% 0.06 80));\n    font-size: 12px;\n    padding-top: 2px;\n  }\n\n  .oe-welcome-hints strong {\n    color: var(--text, oklch(92% 0.006 265));\n    font-weight: 600;\n  }\n\n  .oe-welcome-button {\n    align-self: flex-end;\n    background: var(--gold-subtle, oklch(72% 0.12 80 / 0.10));\n    color: var(--gold, oklch(72% 0.12 80));\n    border: 1px solid var(--gold-glow, oklch(72% 0.12 80 / 0.20));\n    padding: 10px 24px;\n    border-radius: 8px;\n    font-size: 14px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background 0.2s ease, border-color 0.2s ease;\n    margin-top: 4px;\n  }\n\n  .oe-welcome-button:hover {\n    background: oklch(72% 0.12 80 / 0.18);\n    border-color: oklch(72% 0.12 80 / 0.40);\n  }\n\n  .oe-welcome-button:focus-visible {\n    outline: 2px solid var(--gold, oklch(72% 0.12 80));\n    outline-offset: 2px;\n  }\n\n  .oe-welcome-backdrop.is-dismissing {\n    animation: oe-fade-out 0.3s ease forwards;\n  }\n\n  .oe-welcome-backdrop.is-dismissing .oe-welcome-modal {\n    animation: oe-modal-out 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards;\n  }\n\n  @keyframes oe-fade-out {\n    to { opacity: 0; }\n  }\n\n  @keyframes oe-modal-out {\n    to { opacity: 0; transform: scale(0.95) translateY(10px); }\n  }\n';
+function v_() {
   if (document.getElementById("oe-first-run-styles")) return;
   let e4 = document.createElement("style");
-  e4.id = "oe-first-run-styles", e4.textContent = b_, document.head.appendChild(e4);
-}
-function S_(e4, t2) {
-  let n2 = document.activeElement, r2 = document.createElement("div");
-  r2.className = "oe-welcome-backdrop";
-  let i2 = document.createElement("div");
-  i2.className = "oe-welcome-modal", i2.setAttribute("role", "dialog"), i2.setAttribute("aria-modal", "true"), i2.setAttribute("aria-labelledby", "oe-welcome-title");
-  let a2 = e4.stripHints.map((e5) => "<li>".concat(e5, "</li>")).join("");
-  i2.innerHTML = '\n    <div class="oe-welcome-header">\n      <div class="oe-welcome-icon" aria-hidden="true">'.concat(e4.stripIcon, '</div>\n      <h2 id="oe-welcome-title" class="oe-welcome-title">').concat(e4.stripTitle, '</h2>\n    </div>\n    <p class="oe-welcome-text">').concat(e4.modalText, '</p>\n    <ul class="oe-welcome-hints">').concat(a2, '</ul>\n    <button class="oe-welcome-button" aria-label="Explore the chart">Explore</button>\n  '), r2.appendChild(i2);
-  let o2 = i2.querySelector(".oe-welcome-button"), s2 = () => {
-    r2.classList.add("is-dismissing"), r2.addEventListener("animationend", () => {
-      r2.remove(), n2 == null || n2.focus();
-    }, { once: true }), v_(t2);
+  e4.id = "oe-first-run-styles", e4.textContent = __, document.head.appendChild(e4);
+}
+function y_(e4) {
+  let t2 = document.activeElement, n2 = document.createElement("div");
+  n2.className = "oe-welcome-backdrop";
+  let r2 = document.createElement("div");
+  r2.className = "oe-welcome-modal", r2.setAttribute("role", "dialog"), r2.setAttribute("aria-modal", "true"), r2.setAttribute("aria-labelledby", "oe-welcome-title");
+  let i2 = e4.stripHints.map((e5) => "<li>".concat(e5, "</li>")).join("");
+  r2.innerHTML = '\n    <div class="oe-welcome-header">\n      <div class="oe-welcome-icon" aria-hidden="true">'.concat(e4.stripIcon, '</div>\n      <h2 id="oe-welcome-title" class="oe-welcome-title">').concat(e4.stripTitle, '</h2>\n    </div>\n    <p class="oe-welcome-text">').concat(e4.modalText, '</p>\n    <ul class="oe-welcome-hints">').concat(i2, '</ul>\n    <button class="oe-welcome-button" aria-label="Explore the chart">Explore</button>\n  '), n2.appendChild(r2);
+  let a2 = r2.querySelector(".oe-welcome-button"), o2 = () => {
+    n2.classList.add("is-dismissing"), n2.addEventListener("animationend", () => {
+      n2.remove(), t2 == null || t2.focus();
+    }, { once: true });
   };
-  return o2.addEventListener("click", s2), r2.addEventListener("click", (e5) => {
-    e5.target === r2 && s2();
-  }), r2.addEventListener("keydown", (e5) => {
-    e5.key === "Escape" && (e5.preventDefault(), s2()), e5.key === "Tab" && (e5.preventDefault(), o2.focus());
-  }), requestAnimationFrame(() => o2.focus()), r2;
-}
-function C_(e4, t2) {
-  if (__(e4)) return;
-  let n2 = y_[e4];
-  x_();
-  let r2 = S_(n2, e4);
-  document.body.appendChild(r2);
+  return a2.addEventListener("click", o2), n2.addEventListener("click", (e5) => {
+    e5.target === n2 && o2();
+  }), n2.addEventListener("keydown", (e5) => {
+    e5.key === "Escape" && (e5.preventDefault(), o2()), e5.key === "Tab" && (e5.preventDefault(), a2.focus());
+  }), requestAnimationFrame(() => a2.focus()), n2;
+}
+function b_(e4) {
+  v_();
+  let t2 = y_(g_[e4]);
+  document.body.appendChild(t2);
+}
+var x_ = "\n  .oe-info-button {\n    position: fixed;\n    top: 12px;\n    right: 12px;\n    width: 30px;\n    height: 30px;\n    border-radius: 50%;\n    background: var(--surface-2, oklch(16% 0.010 265));\n    border: 1px solid var(--border-strong, oklch(30% 0.010 265));\n    color: var(--text-secondary, oklch(68% 0.008 265));\n    font: 600 14px/1 Georgia, serif;\n    font-style: italic;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 9998;\n    transition: all 150ms ease;\n  }\n\n  .oe-info-button:hover {\n    background: var(--surface, oklch(11% 0.010 265));\n    border-color: var(--gold-dim, oklch(52% 0.06 80));\n    color: var(--gold, oklch(72% 0.12 80));\n  }\n\n  .oe-info-button:focus-visible {\n    outline: 2px solid var(--gold, oklch(72% 0.12 80));\n    outline-offset: 2px;\n  }\n";
+function S_() {
+  if (document.getElementById("oe-info-button-styles")) return;
+  let e4 = document.createElement("style");
+  e4.id = "oe-info-button-styles", e4.textContent = x_, document.head.appendChild(e4);
+}
+function C_(e4) {
+  if (document.getElementById("oe-info-button")) return;
+  S_();
+  let t2 = document.createElement("button");
+  t2.id = "oe-info-button", t2.className = "oe-info-button", t2.setAttribute("aria-label", "About this chart"), t2.title = "About this chart", t2.textContent = "i", t2.addEventListener("click", () => b_(e4)), document.body.appendChild(t2);
 }
 function w_(e4) {
   var t2;
@@ -7006,7 +7009,7 @@ function X_(e4) {
   }
   u2.innerHTML = '\n    <button class="action-btn action-btn--primary" id="vedic-interpret-btn">\u2726 Ask Claude to interpret this chart</button>\n    <button class="action-btn" id="vedic-lagna-btn">Lagna &amp; Ascendant</button>\n    <button class="action-btn" id="vedic-moon-btn">Moon &amp; Nakshatra</button>\n  ', (t2 = u2.querySelector("#vedic-interpret-btn")) == null || t2.addEventListener("click", () => void q_({ type: "overview", data: {} })), (n2 = u2.querySelector("#vedic-lagna-btn")) == null || n2.addEventListener("click", () => void q_({ type: "sign", data: { sign: e4.lagna, is_lagna: true } })), (r2 = u2.querySelector("#vedic-moon-btn")) == null || r2.addEventListener("click", () => void q_({ type: "moon", data: {} }));
   let f2 = ((i2 = e4.planets) == null ? [] : i2).map((e5) => '<div class="info-row"><span class="info-label">'.concat(e5.planet, '</span><span class="info-value">').concat(e5.rashi_western, " ").concat(e5.rashi_degree.toFixed(1), "\xB0").concat(e5.is_retrograde ? " \u211E" : "", "</span></div>")).join("");
-  R_.innerHTML = '\n    <div class="info-row"><span class="info-label">Lagna</span><span class="info-value">'.concat((a2 = e4.lagna) == null ? "\u2014" : a2, '</span></div>\n    <div class="info-row"><span class="info-label">Ayanamsa</span><span class="info-value">').concat((o2 = e4.ayanamsa) == null ? "Lahiri" : o2, "</span></div>\n    ").concat(f2, "\n  "), R_.removeAttribute("hidden"), C_("vedic-chart", L_);
+  R_.innerHTML = '\n    <div class="info-row"><span class="info-label">Lagna</span><span class="info-value">'.concat((a2 = e4.lagna) == null ? "\u2014" : a2, '</span></div>\n    <div class="info-row"><span class="info-label">Ayanamsa</span><span class="info-value">').concat((o2 = e4.ayanamsa) == null ? "Lahiri" : o2, "</span></div>\n    ").concat(f2, "\n  "), R_.removeAttribute("hidden"), C_("vedic-chart");
 }
 var Z_;
 function Q_() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openephemeris/mcp-server",
-  "version": "4.10.0",
+  "version": "4.11.0",
   "description": "Model Context Protocol server for the Open Ephemeris astronomical computation API",
   "type": "module",
   "main": "dist/index.js",