Spaces:

build-small-hackathon
/

Chan-Compass

Runtime error

App Files Files Community

ranranrunforit commited on Jun 14

Commit

c341e23

verified ·

1 Parent(s): 16520a2

Upload 25 files

Browse files

Files changed (13) hide show

_ds_bundle.js +1535 -0
app.py +2 -511
requirements.txt +3 -1
server.py +270 -0
trace_publish.py +50 -0
ui_kits/chan-compass/_ds_bundle.js +1535 -0
ui_kits/chan-compass/api.js +53 -0
ui_kits/chan-compass/app.css +151 -0
ui_kits/chan-compass/app.jsx +62 -0
ui_kits/chan-compass/index.html +28 -0
ui_kits/chan-compass/md.js +40 -0
ui_kits/chan-compass/styles.css +13 -0
ui_kits/chan-compass/views.jsx +350 -0

_ds_bundle.js ADDED Viewed

	@@ -0,0 +1,1535 @@

+/* @ds-bundle: {"format":3,"namespace":"ChanCompassSpectrum2DesignSystem_b52b37","components":[{"name":"Button","sourcePath":"components/actions/Button.jsx"},{"name":"Card","sourcePath":"components/containers/Card.jsx"},{"name":"InlineAlert","sourcePath":"components/containers/InlineAlert.jsx"},{"name":"Checkbox","sourcePath":"components/forms/Checkbox.jsx"},{"name":"Field","sourcePath":"components/forms/Field.jsx"},{"name":"Switch","sourcePath":"components/forms/Switch.jsx"},{"name":"Tabs","sourcePath":"components/navigation/Tabs.jsx"},{"name":"Badge","sourcePath":"components/status/Badge.jsx"},{"name":"SignalBadge","sourcePath":"components/status/SignalBadge.jsx"},{"name":"StatusLight","sourcePath":"components/status/StatusLight.jsx"}],"sourceHashes":{"components/actions/Button.jsx":"c9f7501c202c","components/containers/Card.jsx":"9316d0c88d32","components/containers/InlineAlert.jsx":"5ceb8bdaac5f","components/forms/Checkbox.jsx":"59c34e791a76","components/forms/Field.jsx":"39157a609b42","components/forms/Switch.jsx":"38f4684e0ef2","components/navigation/Tabs.jsx":"5488bca491fa","components/status/Badge.jsx":"3e62358e3a0b","components/status/SignalBadge.jsx":"df7989e74422","components/status/StatusLight.jsx":"f7d206a1642b","ui_kits/chan-compass/app.jsx":"4b80024bd468","ui_kits/chan-compass/data.js":"5821344b625c","ui_kits/chan-compass/views.jsx":"c9ec2aee076f"},"inlinedExternals":[],"unexposedExports":[]} */
+(() => {
+const __ds_ns = (window.ChanCompassSpectrum2DesignSystem_b52b37 = window.ChanCompassSpectrum2DesignSystem_b52b37 || {});
+const __ds_scope = {};
+(__ds_ns.__errors = __ds_ns.__errors || []);
+// components/actions/Button.jsx
+try { (() => {
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/* Inject component CSS once. Spectrum 2 buttons: fully-rounded "pill" by
+   default, medium height 32px, 600 weight, soft state transitions. */
+const CSS = `
+.s2-btn{
+  --_bg: var(--accent); --_bgh: var(--accent-hover); --_bgd: var(--accent-down);
+  --_fg: var(--text-on-accent); --_bd: transparent;
+  display:inline-flex; align-items:center; justify-content:center; gap:var(--space-100);
+  font:var(--font-weight-semibold) var(--font-size-100)/1 var(--font-sans);
+  height:var(--control-height-md); padding:0 var(--space-250);
+  border-radius:var(--radius-full); border:var(--border-width-200) solid var(--_bd);
+  background:var(--_bg); color:var(--_fg); cursor:pointer; white-space:nowrap;
+  transition:var(--transition-colors), transform var(--duration-fast) var(--ease-out);
+  user-select:none;
+}
+.s2-btn:hover{ background:var(--_bgh); }
+.s2-btn:active{ background:var(--_bgd); transform:scale(.98); }
+.s2-btn:focus-visible{ outline:var(--focus-ring-width) solid var(--focus-ring); outline-offset:var(--focus-ring-offset); }
+.s2-btn[disabled]{ background:var(--surface-subtle); color:var(--text-disabled); border-color:transparent; cursor:default; transform:none; }
+.s2-btn--square{ border-radius:var(--radius-default); }
+.s2-btn--sm{ height:var(--control-height-sm); padding:0 var(--space-200); font-size:var(--font-size-75); }
+.s2-btn--lg{ height:var(--control-height-lg); padding:0 var(--space-300); font-size:var(--font-size-200); }
+/* secondary — outline */
+.s2-btn--secondary{ --_bg:var(--surface-card); --_fg:var(--text-body); --_bd:var(--border-strong); }
+.s2-btn--secondary:hover{ --_bg:var(--surface-subtle); --_bd:var(--text-secondary); }
+.s2-btn--secondary:active{ --_bg:var(--s2-gray-100); }
+/* negative */
+.s2-btn--negative{ --_bg:var(--negative); --_bgh:var(--negative-hover); --_bgd:var(--s2-red-1100); }
+/* quiet — no chrome until hover */
+.s2-btn--quiet{ --_bg:transparent; --_fg:var(--text-body); --_bd:transparent; }
+.s2-btn--quiet:hover{ --_bg:var(--surface-subtle); }
+.s2-btn--quiet:active{ --_bg:var(--s2-gray-100); }
+`;
+let injected = false;
+function useCSS() {
+  if (typeof document !== 'undefined' && !injected) {
+    const el = document.createElement('style');
+    el.textContent = CSS;
+    el.dataset.s2 = 'button';
+    document.head.appendChild(el);
+    injected = true;
+  }
+}
+function Button({
+  variant = 'accent',
+  size = 'md',
+  shape = 'pill',
+  icon,
+  children,
+  className = '',
+  ...rest
+}) {
+  useCSS();
+  const cls = ['s2-btn', variant !== 'accent' && `s2-btn--${variant}`, size !== 'md' && `s2-btn--${size}`, shape === 'square' && 's2-btn--square', className].filter(Boolean).join(' ');
+  return /*#__PURE__*/React.createElement("button", _extends({
+    className: cls
+  }, rest), icon, children);
+}
+Object.assign(__ds_scope, { Button });
+})(); } catch (e) { __ds_ns.__errors.push({ path: "components/actions/Button.jsx", error: String((e && e.message) || e) }); }
+// components/containers/Card.jsx
+try { (() => {
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const CSS = `
+.s2-card{
+  background:var(--surface-card); border:var(--border-width-100) solid var(--border-hairline);
+  border-radius:var(--card-radius); box-shadow:var(--shadow-raised);
+  overflow:clip;
+}
+.s2-card--elevated{ box-shadow:var(--shadow-elevated); }
+.s2-card--flat{ box-shadow:none; }
+.s2-card--quiet{ background:transparent; border:none; box-shadow:none; }
+.s2-card__head{ display:flex; align-items:flex-start; justify-content:space-between; gap:var(--space-200); padding:var(--space-250) var(--space-300) 0; }
+.s2-card__titles{ display:flex; flex-direction:column; gap:2px; }
+.s2-card__title{ font:var(--type-h3); color:var(--text-heading); }
+.s2-card__subtitle{ font:var(--type-detail); color:var(--text-muted); }
+.s2-card__body{ padding:var(--space-250) var(--space-300) var(--space-300); }
+.s2-card__head + .s2-card__body{ padding-top:var(--space-200); }
+`;
+let injected = false;
+function useCSS() {
+  if (typeof document !== 'undefined' && !injected) {
+    const e = document.createElement('style');
+    e.textContent = CSS;
+    e.dataset.s2 = 'card';
+    document.head.appendChild(e);
+    injected = true;
+  }
+}
+function Card({
+  title,
+  subtitle,
+  action,
+  elevation = 'raised',
+  children,
+  className = '',
+  ...rest
+}) {
+  useCSS();
+  const cls = ['s2-card', elevation !== 'raised' && `s2-card--${elevation}`, className].filter(Boolean).join(' ');
+  const hasHead = title || subtitle || action;
+  return /*#__PURE__*/React.createElement("section", _extends({
+    className: cls
+  }, rest), hasHead && /*#__PURE__*/React.createElement("header", {
+    className: "s2-card__head"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "s2-card__titles"
+  }, title && /*#__PURE__*/React.createElement("span", {
+    className: "s2-card__title"
+  }, title), subtitle && /*#__PURE__*/React.createElement("span", {
+    className: "s2-card__subtitle"
+  }, subtitle)), action), /*#__PURE__*/React.createElement("div", {
+    className: "s2-card__body"
+  }, children));
+}
+Object.assign(__ds_scope, { Card });
+})(); } catch (e) { __ds_ns.__errors.push({ path: "components/containers/Card.jsx", error: String((e && e.message) || e) }); }
+// components/containers/InlineAlert.jsx
+try { (() => {
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/* Spectrum 2 in-line message. A framed notice tied to a region of the page.
+   `ai` variant is the signature accent-framed panel used for local-LLM output. */
+const CSS = `
+.s2-alert{
+  display:flex; gap:var(--space-150); padding:var(--space-200) var(--space-250);
+  border-radius:var(--radius-lg); border:var(--border-width-100) solid var(--border-default);
+  background:var(--surface-card); font:var(--type-body); color:var(--text-body);
+}
+.s2-alert__icon{ flex:none; width:18px; height:18px; display:grid; place-items:center; margin-top:1px; }
+.s2-alert__body{ display:flex; flex-direction:column; gap:2px; min-width:0; }
+.s2-alert__title{ font:var(--type-ui-bold); color:var(--text-heading); }
+.s2-alert--informative{ border-color:var(--accent); background:var(--informative-subtle); }
+.s2-alert--informative .s2-alert__icon{ color:var(--accent); }
+.s2-alert--positive{ border-color:var(--positive); background:var(--positive-subtle); }
+.s2-alert--positive .s2-alert__icon{ color:var(--positive); }
+.s2-alert--negative{ border-color:var(--negative); background:var(--negative-subtle); }
+.s2-alert--negative .s2-alert__icon{ color:var(--negative); }
+.s2-alert--notice{ border-color:var(--notice); background:var(--notice-subtle); }
+.s2-alert--notice .s2-alert__icon{ color:var(--notice); }
+.s2-alert--ai{
+  border:var(--border-width-200) solid var(--accent); border-inline-start-width:6px;
+  border-radius:var(--radius-lg); background:var(--surface-card); box-shadow:var(--shadow-accent);
+}
+.s2-alert--ai .s2-alert__title{ color:var(--accent-text); }
+`;
+let injected = false;
+function useCSS() {
+  if (typeof document !== 'undefined' && !injected) {
+    const e = document.createElement('style');
+    e.textContent = CSS;
+    e.dataset.s2 = 'alert';
+    document.head.appendChild(e);
+    injected = true;
+  }
+}
+const ICONS = {
+  informative: 'M9 1a8 8 0 100 16A8 8 0 009 1zm0 3.2a1.1 1.1 0 110 2.2 1.1 1.1 0 010-2.2zM10.2 14H7.8v-.9l.9-.2V9.1l-.9-.2V8h2.4v4.9l.9.2v.9z',
+  positive: 'M9 1a8 8 0 100 16A8 8 0 009 1zm4.2 5.4l-5 5.2a.7.7 0 01-1 0L4.8 9a.7.7 0 011-1l1.9 1.9 4.5-4.6a.7.7 0 011 1z',
+  negative: 'M9 1a8 8 0 100 16A8 8 0 009 1zm1.1 11.8H7.9v-2.2h2.2v2.2zm0-3.6H7.9V4.2h2.2v5z',
+  notice: 'M9.9 1.6l7 12.1a1 1 0 01-.9 1.5H2a1 1 0 01-.9-1.5l7-12.1a1 1 0 011.8 0zM7.9 6.2v3.8h2.2V6.2H7.9zm0 5.2v2h2.2v-2H7.9z',
+  ai: 'M9 1l1.8 4.3L15 7l-4.2 1.7L9 13 7.2 8.7 3 7l4.2-1.7L9 1z'
+};
+function InlineAlert({
+  variant = 'informative',
+  title,
+  icon,
+  children,
+  className = '',
+  ...rest
+}) {
+  useCSS();
+  const path = ICONS[variant] || ICONS.informative;
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: ['s2-alert', `s2-alert--${variant}`, className].filter(Boolean).join(' ')
+  }, rest), /*#__PURE__*/React.createElement("span", {
+    className: "s2-alert__icon"
+  }, icon || /*#__PURE__*/React.createElement("svg", {
+    width: "18",
+    height: "18",
+    viewBox: "0 0 18 18",
+    fill: "currentColor"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: path
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "s2-alert__body"
+  }, title && /*#__PURE__*/React.createElement("span", {
+    className: "s2-alert__title"
+  }, title), children && /*#__PURE__*/React.createElement("div", null, children)));
+}
+Object.assign(__ds_scope, { InlineAlert });
+})(); } catch (e) { __ds_ns.__errors.push({ path: "components/containers/InlineAlert.jsx", error: String((e && e.message) || e) }); }
+// components/forms/Checkbox.jsx
+try { (() => {
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const CSS = `
+.s2-check{ display:inline-flex; align-items:center; gap:var(--space-100); cursor:pointer; font:var(--type-ui); color:var(--text-body); user-select:none; }
+.s2-check input{ position:absolute; opacity:0; width:0; height:0; }
+.s2-check__box{
+  width:16px; height:16px; flex:none; border-radius:var(--radius-sm);
+  border:var(--border-width-200) solid var(--border-field); background:var(--surface-card);
+  display:grid; place-items:center; transition:var(--transition-colors);
+}
+.s2-check:hover .s2-check__box{ border-color:var(--text-secondary); }
+.s2-check__box svg{ width:11px; height:11px; opacity:0; color:#fff; }
+.s2-check input:checked + .s2-check__box{ background:var(--accent); border-color:var(--accent); }
+.s2-check input:checked + .s2-check__box svg{ opacity:1; }
+.s2-check input:focus-visible + .s2-check__box{ outline:var(--focus-ring-width) solid var(--focus-ring); outline-offset:var(--focus-ring-offset); }
+.s2-check input:disabled + .s2-check__box{ background:var(--surface-subtle); border-color:var(--border-default); }
+`;
+let injected = false;
+function useCSS() {
+  if (typeof document !== 'undefined' && !injected) {
+    const e = document.createElement('style');
+    e.textContent = CSS;
+    e.dataset.s2 = 'checkbox';
+    document.head.appendChild(e);
+    injected = true;
+  }
+}
+function Checkbox({
+  checked,
+  onChange,
+  children,
+  disabled = false,
+  ...rest
+}) {
+  useCSS();
+  return /*#__PURE__*/React.createElement("label", {
+    className: "s2-check"
+  }, /*#__PURE__*/React.createElement("input", _extends({
+    type: "checkbox",
+    checked: checked,
+    onChange: onChange,
+    disabled: disabled
+  }, rest)), /*#__PURE__*/React.createElement("span", {
+    className: "s2-check__box"
+  }, /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 12 12",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M1 6l3.2 3.5L11 2.5",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }))), children && /*#__PURE__*/React.createElement("span", null, children));
+}
+Object.assign(__ds_scope, { Checkbox });
+})(); } catch (e) { __ds_ns.__errors.push({ path: "components/forms/Checkbox.jsx", error: String((e && e.message) || e) }); }
+// components/forms/Field.jsx
+try { (() => {
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const CSS = `
+.s2-field{ display:flex; flex-direction:column; gap:var(--space-75); }
+.s2-field__label{ font:var(--type-ui-bold); color:var(--text-heading); }
+.s2-field__req{ color:var(--negative); margin-inline-start:2px; }
+.s2-field__input{
+  height:var(--control-height-md); padding:0 var(--space-150);
+  font:var(--type-ui); color:var(--text-body);
+  background:var(--surface-card);
+  border:var(--border-width-200) solid var(--border-field);
+  border-radius:var(--field-radius); outline:none;
+  transition:var(--transition-colors), box-shadow var(--duration-fast) var(--ease-out);
+}
+.s2-field__input::placeholder{ color:var(--text-muted); }
+.s2-field__input:hover{ border-color:var(--text-secondary); }
+.s2-field__input:focus{ border-color:var(--accent); box-shadow:0 0 0 1px var(--accent); }
+.s2-field--textarea .s2-field__input{ height:auto; padding:var(--space-150); resize:vertical; line-height:var(--line-height-body); font-family:var(--font-sans); }
+.s2-field--mono .s2-field__input{ font-family:var(--font-code); font-size:var(--font-size-75); }
+.s2-field--invalid .s2-field__input{ border-color:var(--negative); }
+.s2-field--invalid .s2-field__input:focus{ box-shadow:0 0 0 1px var(--negative); }
+.s2-field__help{ font:var(--type-detail); color:var(--text-muted); }
+.s2-field--invalid .s2-field__help{ color:var(--negative); }
+.s2-field__input:disabled{ background:var(--surface-subtle); color:var(--text-disabled); border-color:var(--border-default); cursor:default; }
+`;
+let injected = false;
+function useCSS() {
+  if (typeof document !== 'undefined' && !injected) {
+    const el = document.createElement('style');
+    el.textContent = CSS;
+    el.dataset.s2 = 'field';
+    document.head.appendChild(el);
+    injected = true;
+  }
+}
+function Field({
+  label,
+  value,
+  onChange,
+  placeholder,
+  type = 'text',
+  multiline = false,
+  rows = 4,
+  mono = false,
+  required = false,
+  invalid = false,
+  help,
+  disabled = false,
+  className = '',
+  ...rest
+}) {
+  useCSS();
+  const cls = ['s2-field', multiline && 's2-field--textarea', mono && 's2-field--mono', invalid && 's2-field--invalid', className].filter(Boolean).join(' ');
+  const inputProps = {
+    className: 's2-field__input',
+    value,
+    onChange,
+    placeholder,
+    disabled,
+    ...rest
+  };
+  return /*#__PURE__*/React.createElement("label", {
+    className: cls
+  }, label && /*#__PURE__*/React.createElement("span", {
+    className: "s2-field__label"
+  }, label, required && /*#__PURE__*/React.createElement("span", {
+    className: "s2-field__req"
+  }, "*")), multiline ? /*#__PURE__*/React.createElement("textarea", _extends({
+    rows: rows
+  }, inputProps)) : /*#__PURE__*/React.createElement("input", _extends({
+    type: type
+  }, inputProps)), help && /*#__PURE__*/React.createElement("span", {
+    className: "s2-field__help"
+  }, help));
+}
+Object.assign(__ds_scope, { Field });
+})(); } catch (e) { __ds_ns.__errors.push({ path: "components/forms/Field.jsx", error: String((e && e.message) || e) }); }
+// components/forms/Switch.jsx
+try { (() => {
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const CSS = `
+.s2-switch{ display:inline-flex; align-items:center; gap:var(--space-150); cursor:pointer; font:var(--type-ui); color:var(--text-body); user-select:none; }
+.s2-switch input{ position:absolute; opacity:0; width:0; height:0; }
+.s2-switch__track{
+  width:32px; height:18px; flex:none; border-radius:var(--radius-full);
+  background:var(--s2-gray-300); position:relative; transition:background var(--duration-fast) var(--ease-out);
+}
+.s2-switch__track::after{
+  content:''; position:absolute; top:2px; left:2px; width:14px; height:14px;
+  border-radius:var(--radius-full); background:#fff; box-shadow:var(--shadow-raised);
+  transition:transform var(--duration-default) var(--ease-out);
+}
+.s2-switch:hover .s2-switch__track{ background:var(--s2-gray-400); }
+.s2-switch input:checked + .s2-switch__track{ background:var(--accent); }
+.s2-switch input:checked + .s2-switch__track::after{ transform:translateX(14px); }
+.s2-switch input:focus-visible + .s2-switch__track{ outline:var(--focus-ring-width) solid var(--focus-ring); outline-offset:var(--focus-ring-offset); }
+.s2-switch input:disabled + .s2-switch__track{ background:var(--border-default); }
+`;
+let injected = false;
+function useCSS() {
+  if (typeof document !== 'undefined' && !injected) {
+    const e = document.createElement('style');
+    e.textContent = CSS;
+    e.dataset.s2 = 'switch';
+    document.head.appendChild(e);
+    injected = true;
+  }
+}
+function Switch({
+  checked,
+  onChange,
+  children,
+  disabled = false,
+  ...rest
+}) {
+  useCSS();
+  return /*#__PURE__*/React.createElement("label", {
+    className: "s2-switch"
+  }, /*#__PURE__*/React.createElement("input", _extends({
+    type: "checkbox",
+    role: "switch",
+    checked: checked,
+    onChange: onChange,
+    disabled: disabled
+  }, rest)), /*#__PURE__*/React.createElement("span", {
+    className: "s2-switch__track"
+  }), children && /*#__PURE__*/React.createElement("span", null, children));
+}
+Object.assign(__ds_scope, { Switch });
+})(); } catch (e) { __ds_ns.__errors.push({ path: "components/forms/Switch.jsx", error: String((e && e.message) || e) }); }
+// components/navigation/Tabs.jsx
+try { (() => {
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/* Spectrum 2 quiet tabs with an accent underline — the primary navigation in
+   Chan Compass (Signals / Rotation / News / Research / Automation / Model). */
+const CSS = `
+.s2-tabs{ display:flex; gap:var(--space-300); border-bottom:var(--border-width-200) solid var(--border-default); }
+.s2-tab{
+  appearance:none; background:none; border:none; cursor:pointer;
+  padding:var(--space-150) 2px; margin-bottom:-2px;
+  font:var(--font-weight-semibold) var(--font-size-200)/1.2 var(--font-sans);
+  color:var(--text-muted); border-bottom:var(--border-width-200) solid transparent;
+  display:inline-flex; align-items:center; gap:var(--space-100);
+  transition:var(--transition-colors);
+}
+.s2-tab:hover{ color:var(--text-body); }
+.s2-tab--selected{ color:var(--accent); border-bottom-color:var(--accent); }
+.s2-tab:focus-visible{ outline:var(--focus-ring-width) solid var(--focus-ring); outline-offset:2px; border-radius:var(--radius-sm); }
+.s2-tab__count{
+  font:var(--font-weight-semibold) var(--font-size-50)/1 var(--font-sans);
+  background:var(--surface-subtle); color:var(--text-secondary);
+  padding:2px 6px; border-radius:var(--radius-full);
+}
+.s2-tab--selected .s2-tab__count{ background:var(--accent-subtle); color:var(--accent-text); }
+`;
+let injected = false;
+function useCSS() {
+  if (typeof document !== 'undefined' && !injected) {
+    const e = document.createElement('style');
+    e.textContent = CSS;
+    e.dataset.s2 = 'tabs';
+    document.head.appendChild(e);
+    injected = true;
+  }
+}
+function Tabs({
+  items = [],
+  value,
+  onChange,
+  className = '',
+  ...rest
+}) {
+  useCSS();
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: ['s2-tabs', className].filter(Boolean).join(' '),
+    role: "tablist"
+  }, rest), items.map(it => {
+    const id = typeof it === 'string' ? it : it.id;
+    const label = typeof it === 'string' ? it : it.label;
+    const selected = id === value;
+    return /*#__PURE__*/React.createElement("button", {
+      key: id,
+      role: "tab",
+      "aria-selected": selected,
+      className: ['s2-tab', selected && 's2-tab--selected'].filter(Boolean).join(' '),
+      onClick: () => onChange && onChange(id)
+    }, typeof it === 'object' && it.icon, label, typeof it === 'object' && it.count != null && /*#__PURE__*/React.createElement("span", {
+      className: "s2-tab__count"
+    }, it.count));
+  }));
+}
+Object.assign(__ds_scope, { Tabs });
+})(); } catch (e) { __ds_ns.__errors.push({ path: "components/navigation/Tabs.jsx", error: String((e && e.message) || e) }); }
+// components/status/Badge.jsx
+try { (() => {
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const CSS = `
+.s2-badge{
+  display:inline-flex; align-items:center; gap:var(--space-75);
+  height:20px; padding:0 var(--space-150); border-radius:var(--radius-full);
+  font:var(--font-weight-semibold) var(--font-size-75)/1 var(--font-sans);
+  white-space:nowrap;
+}
+.s2-badge--neutral{ background:var(--surface-subtle); color:var(--text-secondary); }
+.s2-badge--accent{ background:var(--accent-subtle); color:var(--accent-text); }
+.s2-badge--positive{ background:var(--positive-subtle); color:var(--positive-hover); }
+.s2-badge--negative{ background:var(--negative-subtle); color:var(--negative-hover); }
+.s2-badge--notice{ background:var(--notice-subtle); color:var(--notice); }
+.s2-badge--bold{ color:#fff; }
+.s2-badge--bold.s2-badge--accent{ background:var(--accent); }
+.s2-badge--bold.s2-badge--positive{ background:var(--positive); }
+.s2-badge--bold.s2-badge--negative{ background:var(--negative); }
+.s2-badge--bold.s2-badge--neutral{ background:var(--text-secondary); }
+`;
+let injected = false;
+function useCSS() {
+  if (typeof document !== 'undefined' && !injected) {
+    const e = document.createElement('style');
+    e.textContent = CSS;
+    e.dataset.s2 = 'badge';
+    document.head.appendChild(e);
+    injected = true;
+  }
+}
+function Badge({
+  variant = 'neutral',
+  bold = false,
+  children,
+  className = '',
+  ...rest
+}) {
+  useCSS();
+  const cls = ['s2-badge', `s2-badge--${variant}`, bold && 's2-badge--bold', className].filter(Boolean).join(' ');
+  return /*#__PURE__*/React.createElement("span", _extends({
+    className: cls
+  }, rest), children);
+}
+Object.assign(__ds_scope, { Badge });
+})(); } catch (e) { __ds_ns.__errors.push({ path: "components/status/Badge.jsx", error: String((e && e.message) || e) }); }
+// components/status/SignalBadge.jsx
+try { (() => {
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/* Domain component: the BUY / SELL / HOLD / WAIT signal pill that drives the
+   Signals table. Maps a Chan-engine action to a Spectrum 2 semantic color. */
+const CSS = `
+.s2-signal{
+  display:inline-flex; align-items:center; gap:6px;
+  height:24px; padding:0 var(--space-150); border-radius:var(--radius-full);
+  font:var(--font-weight-bold) var(--font-size-75)/1 var(--font-sans);
+  letter-spacing:.04em; text-transform:uppercase; white-space:nowrap; color:#fff;
+}
+.s2-signal__glyph{ width:7px; height:7px; border-radius:var(--radius-full); background:currentColor; opacity:.9; }
+.s2-signal--buy{ background:var(--positive); }
+.s2-signal--sell{ background:var(--negative); }
+.s2-signal--hold{ background:var(--accent); }
+.s2-signal--wait{ background:var(--surface-subtle); color:var(--text-secondary); }
+.s2-signal--watch{ background:var(--notice); }
+`;
+let injected = false;
+function useCSS() {
+  if (typeof document !== 'undefined' && !injected) {
+    const e = document.createElement('style');
+    e.textContent = CSS;
+    e.dataset.s2 = 'signal';
+    document.head.appendChild(e);
+    injected = true;
+  }
+}
+const MAP = {
+  BUY: 'buy',
+  SELL: 'sell',
+  HOLD: 'hold',
+  WAIT: 'wait',
+  WATCH: 'watch'
+};
+function SignalBadge({
+  action = 'WAIT',
+  className = '',
+  ...rest
+}) {
+  useCSS();
+  const key = String(action).toUpperCase();
+  const kind = MAP[key] || 'wait';
+  return /*#__PURE__*/React.createElement("span", _extends({
+    className: ['s2-signal', `s2-signal--${kind}`, className].filter(Boolean).join(' ')
+  }, rest), /*#__PURE__*/React.createElement("span", {
+    className: "s2-signal__glyph"
+  }), key);
+}
+Object.assign(__ds_scope, { SignalBadge });
+})(); } catch (e) { __ds_ns.__errors.push({ path: "components/status/SignalBadge.jsx", error: String((e && e.message) || e) }); }
+// components/status/StatusLight.jsx
+try { (() => {
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const CSS = `
+.s2-status{ display:inline-flex; align-items:center; gap:var(--space-100); font:var(--type-ui); color:var(--text-body); }
+.s2-status__dot{ width:9px; height:9px; flex:none; border-radius:var(--radius-full); background:var(--flat); }
+.s2-status--positive .s2-status__dot{ background:var(--positive); }
+.s2-status--negative .s2-status__dot{ background:var(--negative); }
+.s2-status--notice .s2-status__dot{ background:var(--notice); }
+.s2-status--accent .s2-status__dot{ background:var(--accent); }
+.s2-status--neutral .s2-status__dot{ background:var(--text-muted); }
+.s2-status--live .s2-status__dot{ box-shadow:0 0 0 0 currentColor; animation:s2-pulse 1.8s var(--ease-out) infinite; color:var(--positive); }
+@keyframes s2-pulse{ 0%{ box-shadow:0 0 0 0 rgba(0,122,57,.35);} 70%{ box-shadow:0 0 0 6px rgba(0,122,57,0);} 100%{ box-shadow:0 0 0 0 rgba(0,122,57,0);} }
+`;
+let injected = false;
+function useCSS() {
+  if (typeof document !== 'undefined' && !injected) {
+    const e = document.createElement('style');
+    e.textContent = CSS;
+    e.dataset.s2 = 'status';
+    document.head.appendChild(e);
+    injected = true;
+  }
+}
+function StatusLight({
+  variant = 'neutral',
+  live = false,
+  children,
+  className = '',
+  ...rest
+}) {
+  useCSS();
+  const cls = ['s2-status', `s2-status--${variant}`, live && 's2-status--live', className].filter(Boolean).join(' ');
+  return /*#__PURE__*/React.createElement("span", _extends({
+    className: cls
+  }, rest), /*#__PURE__*/React.createElement("span", {
+    className: "s2-status__dot"
+  }), children);
+}
+Object.assign(__ds_scope, { StatusLight });
+})(); } catch (e) { __ds_ns.__errors.push({ path: "components/status/StatusLight.jsx", error: String((e && e.message) || e) }); }
+// ui_kits/chan-compass/app.jsx
+try { (() => {
+/* Chan Compass UI kit — app shell. Header + Tabs + routed content + footer. */
+const _DS = window.ChanCompassSpectrum2DesignSystem_b52b37;
+const {
+  Tabs: CCTabs,
+  StatusLight: CCStatus,
+  Badge: CCBadge
+} = _DS;
+const {
+  useState: useS,
+  useEffect: useE
+} = React;
+function Glyph({
+  name,
+  size = 18,
+  color,
+  style
+}) {
+  useE(() => {
+    if (window.lucide) window.lucide.createIcons();
+  });
+  return /*#__PURE__*/React.createElement("i", {
+    "data-lucide": name,
+    style: {
+      width: size,
+      height: size,
+      color,
+      display: 'inline-flex',
+      ...style
+    }
+  });
+}
+function App() {
+  const [tab, setTab] = useS('signals');
+  const items = [{
+    id: 'signals',
+    label: 'Signals',
+    icon: /*#__PURE__*/React.createElement(Glyph, {
+      name: "trending-up",
+      size: 16
+    })
+  }, {
+    id: 'rotation',
+    label: 'Sector Rotation',
+    icon: /*#__PURE__*/React.createElement(Glyph, {
+      name: "refresh-cw",
+      size: 16
+    })
+  }, {
+    id: 'news',
+    label: 'Watchlist News',
+    icon: /*#__PURE__*/React.createElement(Glyph, {
+      name: "newspaper",
+      size: 16
+    }),
+    count: 2
+  }, {
+    id: 'research',
+    label: 'Auto Research',
+    icon: /*#__PURE__*/React.createElement(Glyph, {
+      name: "flask-conical",
+      size: 16
+    })
+  }, {
+    id: 'model',
+    label: 'Model',
+    icon: /*#__PURE__*/React.createElement(Glyph, {
+      name: "cpu",
+      size: 16
+    })
+  }];
+  const View = {
+    signals: window.SignalsView,
+    rotation: window.RotationView,
+    news: window.NewsView,
+    research: window.ResearchView,
+    model: window.ModelView
+  }[tab];
+  return /*#__PURE__*/React.createElement("div", {
+    className: "cc-app"
+  }, /*#__PURE__*/React.createElement("header", {
+    className: "cc-header"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cc-brand"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cc-mark"
+  }, /*#__PURE__*/React.createElement(Glyph, {
+    name: "compass",
+    size: 22,
+    color: "#fff"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "cc-brand-text"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cc-wordmark"
+  }, "Chan Compass ", /*#__PURE__*/React.createElement("span", null, "\xB7 US Markets")), /*#__PURE__*/React.createElement("div", {
+    className: "cc-tagline"
+  }, "Multi-timeframe \u7F20\u8BBA signal engine \xB7 fully local"))), /*#__PURE__*/React.createElement("div", {
+    className: "cc-header-right"
+  }, /*#__PURE__*/React.createElement(CCBadge, {
+    variant: "accent"
+  }, /*#__PURE__*/React.createElement(Glyph, {
+    name: "cpu",
+    size: 12,
+    style: {
+      marginRight: 4
+    }
+  }), " Local \xB7 llama.cpp"), /*#__PURE__*/React.createElement(CCStatus, {
+    variant: "positive",
+    live: true
+  }, "Market open"))), /*#__PURE__*/React.createElement("div", {
+    className: "cc-navbar"
+  }, /*#__PURE__*/React.createElement(CCTabs, {
+    value: tab,
+    onChange: setTab,
+    items: items
+  })), /*#__PURE__*/React.createElement("main", {
+    className: "cc-main"
+  }, View ? /*#__PURE__*/React.createElement(View, null) : null), /*#__PURE__*/React.createElement("footer", {
+    className: "cc-footer"
+  }, /*#__PURE__*/React.createElement("span", null, "Chan Compass \xB7 educational tool, not investment advice"), /*#__PURE__*/React.createElement("span", {
+    className: "cc-foot-sep"
+  }, "\xB7"), /*#__PURE__*/React.createElement("span", null, "data: Yahoo Finance"), /*#__PURE__*/React.createElement("span", {
+    className: "cc-foot-sep"
+  }, "\xB7"), /*#__PURE__*/React.createElement("span", null, "design language: Adobe Spectrum 2")));
+}
+ReactDOM.createRoot(document.getElementById('root')).render(/*#__PURE__*/React.createElement(App, null));
+})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/chan-compass/app.jsx", error: String((e && e.message) || e) }); }
+// ui_kits/chan-compass/data.js
+try { (() => {
+// Fake data for the Chan Compass UI kit — shapes mirror the real signal_runner /
+// rotation engine output, values are illustrative.
+window.CC_DATA = {
+  asof: 'Jun 12, 2026 · 18:10 ET',
+  signals: [{
+    t: 'NVDA',
+    action: 'BUY',
+    price: 178.42,
+    chg: +2.43,
+    conf: 0.82,
+    weight: 8,
+    stop: 172.40,
+    zone: '176.9 – 179.2',
+    note: 'Weekly pivot uplift confirmed; daily B1 armed off divergence low.'
+  }, {
+    t: 'MSFT',
+    action: 'BUY',
+    price: 472.10,
+    chg: +0.91,
+    conf: 0.74,
+    weight: 6,
+    stop: 458.00,
+    zone: '468 – 474',
+    note: '30m/15m nested-interval bottom confirms weekly hold-and-add.'
+  }, {
+    t: 'AMD',
+    action: 'HOLD',
+    price: 142.88,
+    chg: +1.12,
+    conf: 0.61,
+    weight: 5,
+    stop: 133.50,
+    zone: '—',
+    note: 'Unconfirmed daily sell inside weekly uptrend → hold (armed).'
+  }, {
+    t: 'AAPL',
+    action: 'HOLD',
+    price: 214.55,
+    chg: -0.34,
+    conf: 0.58,
+    weight: 5,
+    stop: 205.10,
+    zone: '—',
+    note: 'Riding pivot; no sublevel sell confirmation yet.'
+  }, {
+    t: 'TSLA',
+    action: 'SELL',
+    price: 243.17,
+    chg: -3.08,
+    conf: 0.69,
+    weight: 0,
+    stop: 251.00,
+    zone: '242 – 246',
+    note: 'Daily S3 pivot breakdown; nested-interval top confirmed.'
+  }, {
+    t: 'META',
+    action: 'WATCH',
+    price: 611.40,
+    chg: +0.22,
+    conf: 0.44,
+    weight: 0,
+    stop: '—',
+    zone: '—',
+    note: 'Approaching weekly pivot edge; no signal armed.'
+  }, {
+    t: 'AMZN',
+    action: 'WAIT',
+    price: 201.66,
+    chg: -0.51,
+    conf: 0.39,
+    weight: 0,
+    stop: '—',
+    zone: '—',
+    note: 'Inside consolidation; wait for level resolution.'
+  }, {
+    t: 'GOOGL',
+    action: 'WAIT',
+    price: 182.03,
+    chg: +0.08,
+    conf: 0.35,
+    weight: 0,
+    stop: '—',
+    zone: '—',
+    note: 'No multi-timeframe alignment.'
+  }],
+  rotation: [{
+    s: 'Technology',
+    sym: 'XLK',
+    d1: +1.84,
+    d5: +3.2,
+    d20: +6.1,
+    rs: +2.4
+  }, {
+    s: 'Comm. Services',
+    sym: 'XLC',
+    d1: +1.12,
+    d5: +2.1,
+    d20: +4.4,
+    rs: +1.6
+  }, {
+    s: 'Financials',
+    sym: 'XLF',
+    d1: +0.64,
+    d5: +1.0,
+    d20: +2.2,
+    rs: +0.5
+  }, {
+    s: 'Energy',
+    sym: 'XLE',
+    d1: +0.41,
+    d5: -0.8,
+    d20: -1.9,
+    rs: -1.1
+  }, {
+    s: 'Industrials',
+    sym: 'XLI',
+    d1: +0.18,
+    d5: +0.6,
+    d20: +1.1,
+    rs: +0.2
+  }, {
+    s: 'Health Care',
+    sym: 'XLV',
+    d1: -0.22,
+    d5: -0.4,
+    d20: +0.3,
+    rs: -0.4
+  }, {
+    s: 'Cons. Staples',
+    sym: 'XLP',
+    d1: -0.38,
+    d5: -0.9,
+    d20: -1.2,
+    rs: -0.9
+  }, {
+    s: 'Utilities',
+    sym: 'XLU',
+    d1: -0.51,
+    d5: -1.3,
+    d20: -2.0,
+    rs: -1.3
+  }, {
+    s: 'Real Estate',
+    sym: 'XLRE',
+    d1: -0.74,
+    d5: -1.6,
+    d20: -2.8,
+    rs: -1.7
+  }, {
+    s: 'Materials',
+    sym: 'XLB',
+    d1: -0.88,
+    d5: -1.1,
+    d20: -1.5,
+    rs: -0.8
+  }, {
+    s: 'Cons. Disc.',
+    sym: 'XLY',
+    d1: -1.06,
+    d5: -2.0,
+    d20: -3.4,
+    rs: -2.1
+  }],
+  reports: ['NVDA · 2026-06-12', 'TSLA · 2026-06-11', 'MSFT · 2026-06-10', 'AMD · 2026-06-09']
+};
+})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/chan-compass/data.js", error: String((e && e.message) || e) }); }
+// ui_kits/chan-compass/views.jsx
+try { (() => {
+/* Chan Compass UI kit — view components. Each consumes the design-system
+   primitives from the bundle namespace + Lucide line icons. Exported to window
+   for app.jsx to compose. */
+const DS = window.ChanCompassSpectrum2DesignSystem_b52b37;
+const {
+  Button,
+  Field,
+  Checkbox,
+  Switch,
+  Card,
+  InlineAlert,
+  Badge,
+  StatusLight,
+  SignalBadge,
+  Tabs
+} = DS;
+const {
+  useState,
+  useEffect
+} = React;
+function Icon({
+  name,
+  size = 18,
+  color,
+  style
+}) {
+  // Lucide renders by replacing <i data-lucide>. Re-run after mount.
+  useEffect(() => {
+    if (window.lucide) window.lucide.createIcons();
+  });
+  return /*#__PURE__*/React.createElement("i", {
+    "data-lucide": name,
+    style: {
+      width: size,
+      height: size,
+      color,
+      display: 'inline-flex',
+      ...style
+    }
+  });
+}
+const fmtPct = v => typeof v === 'number' ? (v > 0 ? '+' : '') + v.toFixed(2) + '%' : v;
+const dirColor = v => v > 0 ? 'var(--up)' : v < 0 ? 'var(--down)' : 'var(--flat)';
+/* ─────────────────────────── KPI strip ─────────────────────────── */
+function Kpi({
+  label,
+  value,
+  tone
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1,
+      padding: '14px 18px',
+      background: 'var(--surface-card)',
+      border: '1px solid var(--border-hairline)',
+      borderRadius: 'var(--radius-lg)',
+      boxShadow: 'var(--shadow-raised)'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      font: 'var(--font-weight-bold) 28px/1 var(--font-sans)',
+      color: tone || 'var(--text-heading)'
+    }
+  }, value), /*#__PURE__*/React.createElement("div", {
+    style: {
+      font: 'var(--type-detail)',
+      color: 'var(--text-muted)',
+      marginTop: 4
+    }
+  }, label));
+}
+/* ─────────────────────────── Signals ─────────────────────────── */
+function SignalsView() {
+  const D = window.CC_DATA;
+  const [pool, setPool] = useState('AAPL, MSFT, NVDA, TSLA, AMZN, GOOGL, META, AMD');
+  const [force, setForce] = useState(false);
+  const [running, setRunning] = useState(false);
+  const [ran, setRan] = useState(true);
+  const [sel, setSel] = useState('NVDA');
+  const [explained, setExplained] = useState(false);
+  const rows = D.signals;
+  const counts = rows.reduce((a, r) => {
+    a[r.action] = (a[r.action] || 0) + 1;
+    return a;
+  }, {});
+  const cur = rows.find(r => r.t === sel) || rows[0];
+  const run = () => {
+    setRunning(true);
+    setRan(false);
+    setExplained(false);
+    setTimeout(() => {
+      setRunning(false);
+      setRan(true);
+    }, 1100);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 'var(--space-300)'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: 'var(--space-200)'
+    }
+  }, /*#__PURE__*/React.createElement(Kpi, {
+    label: "BUY signals",
+    value: counts.BUY || 0,
+    tone: "var(--up)"
+  }), /*#__PURE__*/React.createElement(Kpi, {
+    label: "SELL signals",
+    value: counts.SELL || 0,
+    tone: "var(--down)"
+  }), /*#__PURE__*/React.createElement(Kpi, {
+    label: "Holding",
+    value: counts.HOLD || 0,
+    tone: "var(--accent)"
+  }), /*#__PURE__*/React.createElement(Kpi, {
+    label: "Watch / wait",
+    value: (counts.WATCH || 0) + (counts.WAIT || 0)
+  })), /*#__PURE__*/React.createElement(Card, {
+    title: "Tomorrow's plan",
+    subtitle: "Long-hold mode \xB7 sorted BUY \u2192 SELL \u2192 HOLD \u2192 WAIT",
+    action: /*#__PURE__*/React.createElement(Badge, {
+      variant: "neutral"
+    }, D.asof)
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: 'var(--space-200)',
+      alignItems: 'flex-end',
+      marginBottom: 'var(--space-250)'
+    }
+  }, /*#__PURE__*/React.createElement(Field, {
+    label: "Ticker pool",
+    mono: true,
+    value: pool,
+    onChange: e => setPool(e.target.value),
+    className: "grow",
+    help: "Comma separated \xB7 the unchanged Chan engine runs over each"
+  }), /*#__PURE__*/React.createElement(Checkbox, {
+    checked: force,
+    onChange: e => setForce(e.target.checked)
+  }, "Force fresh download"), /*#__PURE__*/React.createElement(Button, {
+    variant: "accent",
+    onClick: run,
+    disabled: running
+  }, running ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
+    name: "loader",
+    size: 15
+  }), " Running\u2026") : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
+    name: "play",
+    size: 15
+  }), " Run analysis"))), /*#__PURE__*/React.createElement("div", {
+    className: "cc-table"
+  }, /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", null, "Ticker"), /*#__PURE__*/React.createElement("th", null, "Signal"), /*#__PURE__*/React.createElement("th", {
+    className: "num"
+  }, "Price"), /*#__PURE__*/React.createElement("th", {
+    className: "num"
+  }, "\u0394 Day"), /*#__PURE__*/React.createElement("th", null, "Buy/sell zone"), /*#__PURE__*/React.createElement("th", {
+    className: "num"
+  }, "Conf."), /*#__PURE__*/React.createElement("th", {
+    className: "num"
+  }, "Stop"), /*#__PURE__*/React.createElement("th", {
+    className: "num"
+  }, "Wt %"))), /*#__PURE__*/React.createElement("tbody", null, rows.map(r => /*#__PURE__*/React.createElement("tr", {
+    key: r.t,
+    className: r.t === sel ? 'sel' : '',
+    onClick: () => {
+      setSel(r.t);
+      setExplained(false);
+    }
+  }, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("span", {
+    className: "mono bold"
+  }, r.t)), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(SignalBadge, {
+    action: r.action
+  })), /*#__PURE__*/React.createElement("td", {
+    className: "num mono"
+  }, r.price.toFixed(2)), /*#__PURE__*/React.createElement("td", {
+    className: "num mono",
+    style: {
+      color: dirColor(r.chg)
+    }
+  }, fmtPct(r.chg)), /*#__PURE__*/React.createElement("td", {
+    className: "mono dim"
+  }, r.zone), /*#__PURE__*/React.createElement("td", {
+    className: "num"
+  }, /*#__PURE__*/React.createElement(ConfBar, {
+    v: r.conf
+  })), /*#__PURE__*/React.createElement("td", {
+    className: "num mono dim"
+  }, r.stop === '—' ? '—' : typeof r.stop === 'number' ? r.stop.toFixed(2) : r.stop), /*#__PURE__*/React.createElement("td", {
+    className: "num mono"
+  }, r.weight ? r.weight : '—'))))))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'grid',
+      gridTemplateColumns: '1fr 1fr',
+      gap: 'var(--space-300)',
+      alignItems: 'start'
+    }
+  }, /*#__PURE__*/React.createElement(Card, {
+    title: `Decision log · ${cur.t}`,
+    subtitle: "The engine's full multi-timeframe ruling chain"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cc-log"
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+    className: "mono dim"
+  }, "\u6708\u7EBF monthly"), " \u4E0A\u6DA8\u8D8B\u52BF \xB7 \u4E2D\u67A2\u4E0A\u79FB \u2713"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+    className: "mono dim"
+  }, "\u5468\u7EBF weekly"), " \u7B2C\u4E09\u7C7B\u4E70\u70B9 B3 \xB7 \u64CD\u4F5C\u7EA7\u522B \u2713"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+    className: "mono dim"
+  }, "\u65E5\u7EBF daily"), " ", cur.action === 'SELL' ? 'S3 中枢破位 · 确认顶背驰' : 'B1 背驰 · 已武装 (armed)', " "), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+    className: "mono dim"
+  }, "60m / 30m"), " \u533A\u95F4\u5957\u786E\u8BA4 nested-interval \u2713"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+    className: "mono dim"
+  }, "15m / 5m"), " \u6B21\u7EA7\u522B", cur.action === 'SELL' ? '卖点确认' : '买点未确认 → 持有'), /*#__PURE__*/React.createElement("div", {
+    className: "cc-log-note"
+  }, cur.note)), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: 'var(--space-200)'
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "secondary",
+    size: "sm",
+    onClick: () => setExplained(true)
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "languages",
+    size: 14
+  }), " Explain in English (local LLM)"))), explained ? /*#__PURE__*/React.createElement(InlineAlert, {
+    variant: "ai",
+    title: "Translator sub-agent \xB7 Qwen3-1.7B \xB7 llama.cpp"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 6,
+      marginTop: 4
+    }
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("b", null, "Action:"), " ", cur.action, cur.action === 'BUY' ? ' — add on weekly pivot uplift' : cur.action === 'SELL' ? ' — exit, top confirmed' : ' — hold the position', "."), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("b", null, "Why:"), " Monthly & weekly gates passed; daily ", cur.action === 'SELL' ? 'broke the pivot (S3)' : 'B1 armed off the divergence low', "; intraday ", cur.action === 'SELL' ? 'confirmed the top' : 'has not confirmed a sell', "."), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("b", null, "Invalidation:"), " ", cur.stop === '—' ? 'no active stop' : `flips below ${typeof cur.stop === 'number' ? cur.stop.toFixed(2) : cur.stop}`, "."))) : /*#__PURE__*/React.createElement("div", {
+    className: "cc-empty"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "sparkles",
+    size: 22,
+    color: "var(--text-disabled)"
+  }), /*#__PURE__*/React.createElement("div", null, "AI explanation appears here.", /*#__PURE__*/React.createElement("br", null), "Select a ticker, then \u201CExplain in English\u201D."))));
+}
+function ConfBar({
+  v
+}) {
+  return /*#__PURE__*/React.createElement("span", {
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      gap: 6,
+      justifyContent: 'flex-end'
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      width: 46,
+      height: 6,
+      borderRadius: 'var(--radius-full)',
+      background: 'var(--surface-subtle)',
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      display: 'block',
+      height: '100%',
+      width: `${v * 100}%`,
+      background: v > 0.7 ? 'var(--positive)' : v > 0.5 ? 'var(--accent)' : 'var(--s2-gray-400)'
+    }
+  })), /*#__PURE__*/React.createElement("span", {
+    className: "mono dim",
+    style: {
+      fontSize: 11
+    }
+  }, Math.round(v * 100)));
+}
+/* ─────────────────────────── Rotation ─────────────────────────── */
+function RotationView() {
+  const D = window.CC_DATA;
+  const [ai, setAi] = useState(false);
+  const max = Math.max(...D.rotation.map(r => Math.abs(r.d1)));
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 'var(--space-300)'
+    }
+  }, /*#__PURE__*/React.createElement(InlineAlert, {
+    variant: "informative",
+    title: "Where capital is flowing"
+  }, "11 SPDR sector ETFs (full S&P 500). Flow proxy = change % \xD7 dollar volume; RS = return minus SPY."), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'grid',
+      gridTemplateColumns: '1.4fr 1fr',
+      gap: 'var(--space-300)',
+      alignItems: 'start'
+    }
+  }, /*#__PURE__*/React.createElement(Card, {
+    title: "Sector rotation",
+    subtitle: "1-day flow \xB7 today",
+    action: /*#__PURE__*/React.createElement(Button, {
+      variant: "secondary",
+      size: "sm"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "refresh-cw",
+      size: 14
+    }), " Refresh")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cc-flow"
+  }, D.rotation.map(r => /*#__PURE__*/React.createElement("div", {
+    key: r.sym,
+    className: "cc-flow-row"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "cc-flow-name"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "mono bold"
+  }, r.sym), " ", /*#__PURE__*/React.createElement("span", {
+    className: "dim"
+  }, r.s)), /*#__PURE__*/React.createElement("span", {
+    className: "cc-flow-track"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "cc-flow-bar",
+    style: {
+      width: `${Math.abs(r.d1) / max * 50}%`,
+      marginLeft: r.d1 < 0 ? `${50 - Math.abs(r.d1) / max * 50}%` : '50%',
+      background: dirColor(r.d1)
+    }
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "cc-flow-mid"
+  })), /*#__PURE__*/React.createElement("span", {
+    className: "num mono",
+    style: {
+      color: dirColor(r.d1),
+      width: 54
+    }
+  }, fmtPct(r.d1)))))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 'var(--space-200)'
+    }
+  }, /*#__PURE__*/React.createElement(Card, {
+    title: "Multi-window trend",
+    elevation: "raised"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cc-table compact"
+  }, /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", null, "ETF"), /*#__PURE__*/React.createElement("th", {
+    className: "num"
+  }, "5-day"), /*#__PURE__*/React.createElement("th", {
+    className: "num"
+  }, "20-day"), /*#__PURE__*/React.createElement("th", {
+    className: "num"
+  }, "RS vs SPY"))), /*#__PURE__*/React.createElement("tbody", null, D.rotation.slice(0, 6).map(r => /*#__PURE__*/React.createElement("tr", {
+    key: r.sym
+  }, /*#__PURE__*/React.createElement("td", {
+    className: "mono bold"
+  }, r.sym), /*#__PURE__*/React.createElement("td", {
+    className: "num mono",
+    style: {
+      color: dirColor(r.d5)
+    }
+  }, fmtPct(r.d5)), /*#__PURE__*/React.createElement("td", {
+    className: "num mono",
+    style: {
+      color: dirColor(r.d20)
+    }
+  }, fmtPct(r.d20)), /*#__PURE__*/React.createElement("td", {
+    className: "num mono",
+    style: {
+      color: dirColor(r.rs)
+    }
+  }, fmtPct(r.rs)))))))), /*#__PURE__*/React.createElement(Button, {
+    variant: "accent",
+    onClick: () => setAi(true)
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "bot",
+    size: 15
+  }), " AI narrative (local LLM)"), ai && /*#__PURE__*/React.createElement(InlineAlert, {
+    variant: "ai",
+    title: "Narrator sub-agent \xB7 Qwen3-1.7B"
+  }, "Capital is rotating ", /*#__PURE__*/React.createElement("b", null, "into Technology & Comm. Services"), " (XLK +1.84%, leading on both 5- and 20-day) and", /*#__PURE__*/React.createElement("b", null, " out of Consumer Discretionary & Real Estate"), ". Today's moves agree with the monthly trend \u2014 risk-on persists. ", /*#__PURE__*/React.createElement("b", null, "Watch:"), " Energy's 1-day pop diverges from its negative 20-day; likely a bounce, not a turn."))));
+}
+/* ─────────────────────────── Research ─────────────────────────── */
+function ResearchView() {
+  const D = window.CC_DATA;
+  const [tic, setTic] = useState('');
+  const [step, setStep] = useState(0); // 0 idle, 1..5 running, 6 done
+  const steps = ['PLAN', 'Fundamentals', 'Quarterly financials', 'Price action + Chan engine', 'News', 'Report'];
+  const run = () => {
+    setStep(1);
+    let i = 1;
+    const tick = () => {
+      i++;
+      setStep(i);
+      if (i < 6) setTimeout(tick, 650);
+    };
+    setTimeout(tick, 650);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'grid',
+      gridTemplateColumns: '1fr 300px',
+      gap: 'var(--space-300)',
+      alignItems: 'start'
+    }
+  }, /*#__PURE__*/React.createElement(Card, {
+    title: "Auto research agent",
+    subtitle: "Fully local \xB7 PLAN \u2192 5 evidence tools \u2192 sectioned report"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: 'var(--space-150)',
+      alignItems: 'flex-end',
+      marginBottom: 'var(--space-250)'
+    }
+  }, /*#__PURE__*/React.createElement(Field, {
+    label: "Ticker",
+    placeholder: "e.g. NVDA",
+    value: tic,
+    onChange: e => setTic(e.target.value),
+    className: "grow"
+  }), /*#__PURE__*/React.createElement(Button, {
+    variant: "accent",
+    onClick: run,
+    disabled: step > 0 && step < 6
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "bot",
+    size: 15
+  }), " Run research agent")), step === 0 ? /*#__PURE__*/React.createElement("div", {
+    className: "cc-empty tall"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "file-search",
+    size: 24,
+    color: "var(--text-disabled)"
+  }), /*#__PURE__*/React.createElement("div", null, "Agent trace + sectioned report appear here.")) : /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 10
+    }
+  }, steps.map((s, idx) => /*#__PURE__*/React.createElement("div", {
+    key: s,
+    className: "cc-step"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: `cc-step-dot ${step > idx ? 'done' : step === idx + 1 ? 'active' : ''}`
+  }, step > idx + 1 ? /*#__PURE__*/React.createElement(Icon, {
+    name: "check",
+    size: 12,
+    color: "#fff"
+  }) : idx + 1), /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: step > idx ? 'var(--text-body)' : 'var(--text-muted)'
+    }
+  }, s))), step >= 6 && /*#__PURE__*/React.createElement(InlineAlert, {
+    variant: "ai",
+    title: `Analyst · ${tic || 'NVDA'} · Qwen3-4B`
+  }, /*#__PURE__*/React.createElement("b", null, "Valuation:"), " rich vs 5-yr median but justified by datacenter demand.", /*#__PURE__*/React.createElement("b", null, " Moat:"), " CUDA lock-in + supply-chain priority. ", /*#__PURE__*/React.createElement("b", null, "Chan timing:"), " weekly B3 active, daily B1 armed \u2014 accumulation favorable. ", /*#__PURE__*/React.createElement("b", null, "Risks:"), " export controls, hyperscaler capex digestion."))), /*#__PURE__*/React.createElement(Card, {
+    title: "Report library",
+    subtitle: "Auto + manual \xB7 /data",
+    elevation: "raised"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cc-list"
+  }, D.reports.map((r, i) => /*#__PURE__*/React.createElement("button", {
+    key: r,
+    className: `cc-list-item ${i === 0 ? 'sel' : ''}`
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "file-text",
+    size: 15,
+    color: "var(--text-muted)"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "mono"
+  }, r))))));
+}
+/* ─────────────────────────── News ─────────────────────────── */
+function NewsView() {
+  const [hold, setHold] = useState('NVDA, TSLA, AAPL');
+  const [checked, setChecked] = useState(false);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 'var(--space-300)',
+      maxWidth: 760
+    }
+  }, /*#__PURE__*/React.createElement(Card, {
+    title: "Watchlist news",
+    subtitle: "For each holding, only today's news is checked"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: 'var(--space-150)',
+      alignItems: 'flex-end',
+      marginBottom: 'var(--space-200)'
+    }
+  }, /*#__PURE__*/React.createElement(Field, {
+    label: "My holdings",
+    mono: true,
+    value: hold,
+    onChange: e => setHold(e.target.value),
+    className: "grow"
+  }), /*#__PURE__*/React.createElement(Button, {
+    variant: "secondary"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "save",
+    size: 14
+  }), " Save"), /*#__PURE__*/React.createElement(Button, {
+    variant: "accent",
+    onClick: () => setChecked(true)
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "search",
+    size: 15
+  }), " Check today's news")), !checked ? /*#__PURE__*/React.createElement("div", {
+    className: "cc-empty"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "newspaper",
+    size: 22,
+    color: "var(--text-disabled)"
+  }), /*#__PURE__*/React.createElement("div", null, "News briefs appear here.")) : /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 'var(--space-150)'
+    }
+  }, /*#__PURE__*/React.createElement(InlineAlert, {
+    variant: "ai",
+    title: "NVDA \xB7 AI brief"
+  }, "New datacenter GPU order from a hyperscaler reported pre-market; reinforces the active weekly B3 buy structure."), /*#__PURE__*/React.createElement(InlineAlert, {
+    variant: "ai",
+    title: "TSLA \xB7 AI brief"
+  }, "Delivery-miss headline; aligns with today's daily S3 breakdown \u2014 confirms the SELL."), /*#__PURE__*/React.createElement("div", {
+    className: "cc-quiet"
+  }, /*#__PURE__*/React.createElement(StatusLight, {
+    variant: "neutral"
+  }, "Quiet today \xB7 AAPL")))));
+}
+/* ─────────────────────────── Model ─────────────────────────── */
+function ModelView() {
+  const models = ['Qwen3-1.7B', 'Qwen3-4B', 'Qwen3-8B', 'Qwen3-14B'];
+  const [pick, setPick] = useState('Qwen3-4B');
+  const [loaded, setLoaded] = useState('Qwen3-4B');
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 'var(--space-300)',
+      maxWidth: 680
+    }
+  }, /*#__PURE__*/React.createElement(InlineAlert, {
+    variant: "informative",
+    title: "Everything runs locally through llama.cpp"
+  }, "Qwen3 GGUF weights, all below the 32B cap. Nothing leaves the machine. Signals, rotation & news never depend on it."), /*#__PURE__*/React.createElement(Card, {
+    title: "Analyst (deep) model",
+    subtitle: "Sub-agent pool \xB7 fast 1.7B fixed + this deep model"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cc-radios"
+  }, models.map(m => /*#__PURE__*/React.createElement("label", {
+    key: m,
+    className: `cc-radio ${pick === m ? 'sel' : ''}`,
+    onClick: () => setPick(m)
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "cc-radio-dot"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "mono"
+  }, m), loaded === m && /*#__PURE__*/React.createElement(Badge, {
+    variant: "positive"
+  }, "loaded")))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: 'var(--space-150)',
+      marginTop: 'var(--space-250)',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "accent",
+    onClick: () => setLoaded(pick)
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "download",
+    size: 15
+  }), " Load model"), /*#__PURE__*/React.createElement(Button, {
+    variant: "quiet"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "refresh-cw",
+    size: 14
+  }), " Refresh status"), /*#__PURE__*/React.createElement("span", {
+    style: {
+      marginLeft: 'auto'
+    }
+  }, /*#__PURE__*/React.createElement(StatusLight, {
+    variant: "positive",
+    live: true
+  }, loaded, " ready")))));
+}
+Object.assign(window, {
+  SignalsView,
+  RotationView,
+  ResearchView,
+  NewsView,
+  ModelView
+});
+})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/chan-compass/views.jsx", error: String((e && e.message) || e) }); }
+__ds_ns.Button = __ds_scope.Button;
+__ds_ns.Card = __ds_scope.Card;
+__ds_ns.InlineAlert = __ds_scope.InlineAlert;
+__ds_ns.Checkbox = __ds_scope.Checkbox;
+__ds_ns.Field = __ds_scope.Field;
+__ds_ns.Switch = __ds_scope.Switch;
+__ds_ns.Tabs = __ds_scope.Tabs;
+__ds_ns.Badge = __ds_scope.Badge;
+__ds_ns.SignalBadge = __ds_scope.SignalBadge;
+__ds_ns.StatusLight = __ds_scope.StatusLight;
+})();

app.py CHANGED Viewed

@@ -1,514 +1,5 @@
-"""
-Chan Compass — US edition  ·  Spectrum 2 frontend (redesigned layout)
-====================================================================
-Same backend, cleaner face. EVERY feature of v3.9 is preserved — all six
-tabs, every callback, every timer, the email rows, the fine-tune export and
-the trace publisher — only the layout is reorganised for a simpler, more
-beautiful Adobe Spectrum 2 experience:
-  • each tab opens with a framed "control bar" grouping its primary inputs
-  • the per-tab "Email this result" row is tucked into a collapsible accordion
-  • short eyebrow labels + help text replace dense paragraphs
-  • the signature accent-framed AI output panel (.llm-out)
-The UI is mounted on a server with gr.mount_gradio_app (see server.py) — or
-just `demo.launch()` here. Backend modules are imported unchanged.
-"""
-from __future__ import annotations
-import os
-import threading
-import gradio as gr
-import pandas as pd
-import automation
-import emailer
-import finetune_data
-import llm_local
-import news_watch
-import paths
-import research_agent
-import rotation
-import signal_runner
-# Spectrum 2 theme — single source of truth (tokens mirror the design system).
-from theme import THEME as theme, CSS as S2_CSS
-# ════════════════════════════════════════════════════ UI callbacks ══
-# (identical to v3.9 — backend logic untouched)
-def ui_run_signals(tickers_text, force):
-    """Signals ONLY — pure rule engine, zero LLM, parallel downloads. Fast."""
-    import time
-    t0 = time.time()
-    tickers = [t for t in tickers_text.replace("\n", ",").split(",") if t.strip()]
-    df, details, summary, errors = signal_runner.run_signals(tickers or None,
-                                                             force=bool(force))
-    if errors:
-        summary += " · some tickers skipped (data not ready yet — run again)"
-    automation.STATE["signals_df"] = df
-    automation.STATE["signals_details"] = details
-    automation.STATE["signals_summary"] = summary
-    choices = sorted(details.keys())
-    return (
-        df if df is not None else pd.DataFrame(),
-        f"{summary} · {time.time()-t0:.1f}s (rule engine only — no LLM in this path)",
-        gr.update(choices=choices, value=(choices[0] if choices else None)),
-    )
-def ui_show_detail(ticker):
-    if not ticker:
-        return "Select a ticker after running the analysis."
-    raw = signal_runner.stock_raw_read(ticker)
-    if not raw:
-        return "No data for this ticker yet — run the analysis first."
-    return f"**Raw read:**\n\n{raw}"
-def ui_explain_detail(ticker):
-    raw = signal_runner.stock_raw_read(ticker or "")
-    if not raw:
-        yield "Run the analysis and select a ticker first."
-        return
-    # The full Chan ruling chain (Chinese) is kept BACKSTAGE in STATE and fed to
-    # the model alongside the English raw read, so the summary reflects the real
-    # multi-timeframe reasoning — but the chain is never shown and output is
-    # English only. (This restores the merged raw-read + ruling-chain logic.)
-    chain = automation.STATE.get("signals_details", {}).get(ticker or "", "")
-    chain_core = chain.split("日线买卖点逐项诊断")[0].strip()[:2000] if chain else ""
-    prompt = ("You are an equity analyst. Write a SHORT plain-English summary "
-              "(≤100 words) for a long-term holder of a US stock: the situation "
-              "today, whether to act or wait, and the key price levels.\n"
-              "Use the FACT LINE for the numbers, and the RULING CHAIN (a "
-              "Chinese multi-timeframe Chan-theory decision log) for the reasoning "
-              "— translate and synthesize it; output ENGLISH ONLY, no Chinese "
-              "characters, do not quote the log, no disclaimers.\n\n"
-              f"FACT LINE:\n{raw}")
-    if chain_core:
-        prompt += f"\n\nRULING CHAIN (translate & synthesize, don't quote):\n{chain_core}"
-    yield "🤖 _Summary Sub-Agent (Chan-Tuned Qwen3-1.7B · llama.cpp) is explaining…_"
-    final = ""
-    for acc in llm_local.chat_stream(prompt, max_tokens=260, temperature=0.2,
-                                     worker="translator"):
-        final = acc
-        yield "🤖 **AI Summary (Summary Sub-Agent · Chan-Tuned Qwen3-1.7B):**\n\n" + acc
-    # capture (raw read → narrative) as a fine-tuning pair (🎯 Well-Tuned)
-    try:
-        import finetune_data
-        finetune_data.record(raw, final)
-    except Exception:
-        pass
-def ui_refresh_rotation():
-    """Tables only — instant. AI narrative is a separate on-demand button."""
-    d1, d5, d20, asof = rotation.build_rotation(force=True)
-    automation.STATE["rotation"] = (d1, d5, d20, asof)
-    raw = rotation.rotation_brief(d1, d5, d20)
-    automation.STATE["rotation_narrative"] = raw
-    return (rotation.fmt_table(d1), rotation.fmt_table(d5), rotation.fmt_table(d20),
-            f"Sector flows as of **{asof}**", f"**Raw read:**\n{raw}")
-def ui_rotation_ai():
-    d1, d5, d20, asof = automation.STATE["rotation"]
-    if d1 is None:
-        yield "Refresh the rotation tables first."
-        return
-    brief = rotation.rotation_brief(d1, d5, d20)
-    prompt = ("You are a US equity market strategist. Based only on the sector flow "
-              "data below (SPDR ETF proxy: change% × dollar volume, plus RS vs SPY), "
-              "write a crisp brief (<150 words): 1) where capital is rotating INTO/OUT "
-              "OF; 2) do 1-day moves agree with the 5/20-day trend; 3) one watch item. "
-              "No disclaimers.\n\nDATA:\n" + brief[:2200])
-    yield ("🤖 _Narrator sub-agent (Qwen3-1.7B · llama.cpp) is reading the flow "
-           "tables — first words in ~5-15s…_")
-    for acc in llm_local.chat_stream(prompt, max_tokens=340, worker="narrator"):
-        yield "🤖 **Narrator sub-agent (Qwen3-1.7B · llama.cpp):**\n\n" + acc
-def ui_save_holdings(text):
-    saved = news_watch.save_holdings(text.replace("\n", ",").split(","))
-    return f"Saved {len(saved)} holding(s): {', '.join(saved) if saved else '—'}"
-def ui_check_news():
-    last = ""
-    for md in news_watch.check_holdings_news_stream():
-        last = md
-        yield md
-    automation.STATE["news_md"] = last
-def ui_research(ticker):
-    progress, report = "", ""
-    for progress, report in research_agent.run_research_stream(ticker):
-        yield progress, report, gr.update()
-    reports = research_agent.list_reports()
-    newest = reports[0] if reports else None
-    yield progress, report, gr.update(choices=reports, value=newest)
-def ui_open_report(fname):
-    return research_agent.read_report(fname)
-def ui_load_model(name):
-    return llm_local.load_model(name, worker="deep")
-_SELFTEST = {"done": False, "result": ""}
-def _publish_traces(repo_id: str):
-    """One-click: upload /data/traces to the Hub as a dataset, using the
-    HF_TOKEN secret. No command line needed."""
-    repo_id = (repo_id or "").strip()
-    if "/" not in repo_id:
-        return "⚠️ Enter a repo id like `username/dataset-name`."
-    token = (os.environ.get("HF_TOKEN") or os.environ.get("HUGGING_FACE_HUB_TOKEN")
-             or "").strip()
-    if not token:
-        return ("⚠️ No `HF_TOKEN` secret found. Add it in Space → Settings → "
-                "Variables and secrets (a **write** token), then try again.")
-    try:
-        import paths
-        traces = [f for f in os.listdir(paths.TRACES_DIR) if f.endswith(".json")]
-    except OSError:
-        traces = []
-    if not traces:
-        return "⚠️ No traces yet — run a few Auto Research reports first."
-    try:
-        from huggingface_hub import HfApi
-        api = HfApi(token=token)
-        api.create_repo(repo_id, repo_type="dataset", exist_ok=True)
-        # a small README so the dataset page explains itself
-        card = (
-            "---\nlicense: mit\ntags: [agent-trace, finance, chan-theory, llama-cpp]\n---\n\n"
-            "# Chan Compass — agent traces\n\n"
-            "JSON traces from the Chan Compass multi-agent research desk. Each file "
-            "is one ticker's run: the plan, every evidence-tool call and its result, "
-            "and each local sub-agent's request and response. Shared for the "
-            "Build Small hackathon (*Sharing is Caring*).\n\n"
-            "*Educational data — not investment advice.*\n")
-        import tempfile
-        rp = os.path.join(tempfile.gettempdir(), "README.md")
-        with open(rp, "w", encoding="utf-8") as f:
-            f.write(card)
-        api.upload_file(path_or_fileobj=rp, path_in_repo="README.md",
-                        repo_id=repo_id, repo_type="dataset")
-        api.upload_folder(folder_path=paths.TRACES_DIR, path_in_repo="traces",
-                          repo_id=repo_id, repo_type="dataset")
-        url = f"https://huggingface.co/datasets/{repo_id}"
-        return (f"✅ Published **{len(traces)}** trace(s) to [{repo_id}]({url}). "
-                f"Put that link in your submission for the *Sharing is Caring* badge.")
-    except Exception as e:
-        return f"❌ Upload failed: {e}"
-def _export_dataset():
-    n = finetune_data.count()
-    if n == 0:
-        return ("⚠️ **0 training pairs captured yet.** Pairs are saved only when "
-                "the **Signals → AI summary** finishes with a model loaded. Steps: "
-                "1) Model tab — wait for the Summary sub-agent to show ✅; "
-                "2) Signals — Run analysis, pick a ticker, click **AI summary**, "
-                "let it finish; repeat a few times; 3) come back and Export.",
-                gr.update(visible=False))
-    path = finetune_data.export()
-    if not path:
-        return ("⚠️ Export failed to write the file (storage error). Try again.",
-                gr.update(visible=False))
-    # Copy to a folder under the app's working dir, which Gradio serves
-    # reliably (the /data bucket and /tmp are not in Gradio's allowed paths).
-    import shutil
-    served_dir = os.path.join(os.getcwd(), "exports")
-    os.makedirs(served_dir, exist_ok=True)
-    served = os.path.join(served_dir, os.path.basename(path))
-    try:
-        shutil.copy(path, served)
-    except OSError:
-        served = path
-    msg = (f"✅ Exported **{n}** captured pair(s). Download below, then follow "
-           f"`finetune/FINETUNE_GUIDE.md` to LoRA-tune Qwen3-1.7B and publish it.")
-    return msg, gr.update(value=served, visible=True)
-def _run_selftest():
-    """Run the self-test now (used by both the auto-timer and the manual button)
-    and cache the verdict so the two never fight over the output box."""
-    out = llm_local.quick_test()
-    ok = "not loaded" not in out and "error" not in out.lower()
-    _SELFTEST["done"] = True
-    _SELFTEST["result"] = (("✅ **Every agent is OK now** — self-test passed:\n\n" + out)
-                           if ok else ("⚠️ Self-test finished with issues:\n\n" + out))
-    return _SELFTEST["result"]
-def _auto_selftest():
-    """Auto-runs ONCE the moment every sub-agent is loaded. After that it returns
-    the cached verdict unchanged, so it never overwrites a manual test result."""
-    if _SELFTEST["done"]:
-        return _SELFTEST["result"]
-    workers = llm_local.WORKERS
-    if not all(w["llm"] is not None for w in workers.values()):
-        ready = sum(1 for w in workers.values() if w["llm"] is not None)
-        return f"⏳ Loading sub-agents… {ready}/{len(workers)} ready (self-test will run automatically)."
-    return _run_selftest()
-def _manual_selftest():
-    """Manual button: always re-runs and shows the fresh verdict."""
-    return _run_selftest()
-# ════════════════════════════════════════════════════ layout ══
-_GR_MAJOR = int(gr.__version__.split(".")[0])
-_style_kw = {} if _GR_MAJOR >= 6 else {"theme": theme, "css": S2_CSS}
-with gr.Blocks(title="Chan Compass · US", **_style_kw) as demo:
-  with gr.Column(elem_id="s2-app"):
-    gr.HTML("""
-    <div id="s2-hero">
-      <div class="mark">🧭</div>
-      <div>
-        <h1>Chan Compass <span>· US Markets</span></h1>
-        <p>Multi-timeframe 缠论 (Chan theory) engine — monthly → 1m nested-interval
-           confirmation · sector rotation · local sub-agent pool (llama.cpp).</p>
-      </div>
-      <div class="chips">
-        <span>🧠 Local · no cloud</span><span>🦙 llama.cpp</span>
-        <span>🤖 4 sub-agents</span><span>📊 Yahoo Finance</span>
-        <span>⏰ 18:10 ET</span><span>🎨 Spectrum 2</span>
-      </div>
-    </div>""")
-    # ─────────────────────────────────────── Signals ──
-    with gr.Tab("📈 Signals"):
-        gr.Markdown("STEP 1 · SCAN YOUR POOL", elem_classes=["s2-eyebrow"])
-        with gr.Group(elem_classes=["s2-bar"]):
-            with gr.Row():
-                tickers_in = gr.Textbox(value=", ".join(signal_runner.DEFAULT_POOL),
-                                        label="Ticker pool (comma separated)", scale=4)
-                force_cb = gr.Checkbox(value=False, label="Force fresh download", scale=1)
-                run_btn = gr.Button("▶ Run analysis", variant="primary", scale=1)
-        sig_summary = gr.Markdown(automation.STATE["signals_summary"])
-        sig_table = gr.Dataframe(label="Tomorrow's plan — long-hold mode (sorted: BUY → SELL → HOLD → WAIT)",
-                                 interactive=False, wrap=True)
-        gr.Markdown("STEP 2 · EXPLAIN ONE TICKER", elem_classes=["s2-eyebrow"])
-        gr.Markdown("Pick a ticker for a plain-English raw read, then let the Summary "
-                    "sub-agent write an AI summary.", elem_classes=["s2-help"])
-        with gr.Group(elem_classes=["s2-bar"]):
-            with gr.Row():
-                detail_pick = gr.Dropdown(choices=[], label="Ticker", scale=2)
-                explain_btn = gr.Button("🤖 AI summary (local LLM)", variant="primary", scale=1)
-        detail_box = gr.Markdown(label="Raw read")
-        explain_box = gr.Markdown(elem_classes=["llm-out"])
-        with gr.Accordion("✉ Email this summary", open=False):
-            with gr.Row():
-                sig_email = gr.Textbox(label="Send to", scale=4,
-                                       placeholder="name@example.com (comma-separate for several)")
-                sig_email_btn = gr.Button("✉ Send Email", scale=1)
-            sig_email_status = gr.Markdown()
-    # ─────────────────────────────────────── Sector Rotation ──
-    with gr.Tab("🔄 Sector Rotation"):
-        gr.Markdown("Capital rotation across the 11 SPDR sector ETFs (full S&P 500). "
-                    "**Flow proxy = change % × dollar volume**; RS = return minus SPY. "
-                    "True per-sector fund-flow feeds are paid data — this is the standard free proxy.",
-                    elem_classes=["s2-help"])
-        with gr.Group(elem_classes=["s2-bar"]):
-            with gr.Row():
-                rot_btn = gr.Button("↻ Refresh rotation (instant)", variant="primary", scale=1)
-                rot_ai_btn = gr.Button("🤖 AI narrative (local LLM)", scale=1)
-        rot_asof = gr.Markdown("Press refresh (or Run analysis on the Signals tab).")
-        with gr.Row():
-            rot_1d = gr.Dataframe(label="1-Day (today's rotation)", interactive=False)
-        with gr.Row():
-            rot_5d = gr.Dataframe(label="5-Day (week trend)", interactive=False)
-            rot_20d = gr.Dataframe(label="20-Day (month trend)", interactive=False)
-        rot_ai = gr.Markdown(label="AI rotation narrative", elem_classes=["llm-out"])
-        with gr.Accordion("✉ Email this narrative", open=False):
-            with gr.Row():
-                rot_email = gr.Textbox(label="Send to", scale=4,
-                                       placeholder="name@example.com (comma-separate for several)")
-                rot_email_btn = gr.Button("✉ Send Email", scale=1)
-            rot_email_status = gr.Markdown()
-    # ─────────────────────────────────────── Watchlist News ──
-    with gr.Tab("📰 Watchlist News"):
-        gr.Markdown("Daily rule: for each **holding**, only **today's** news is checked. "
-                    "News found → AI brief below. No news → ticker is listed under *Quiet today*.",
-                    elem_classes=["s2-help"])
-        with gr.Group(elem_classes=["s2-bar"]):
-            with gr.Row():
-                hold_in = gr.Textbox(value=", ".join(news_watch.load_holdings()),
-                                     label="My holdings (comma separated)", scale=3)
-                save_btn = gr.Button("💾 Save holdings", scale=1)
-                news_btn = gr.Button("🔍 Check today's news", variant="primary", scale=1)
-        hold_status = gr.Markdown()
-        news_out = gr.Markdown(elem_classes=["llm-out"])
-        with gr.Accordion("✉ Email this news brief", open=False):
-            with gr.Row():
-                news_email = gr.Textbox(label="Send to", scale=4,
-                                        placeholder="name@example.com (comma-separate for several)")
-                news_email_btn = gr.Button("✉ Send Email", scale=1)
-            news_email_status = gr.Markdown()
-    # ─────────────────────────────────────── Auto Research ──
-    with gr.Tab("🧪 Auto Research"):
-        gr.Markdown("**Multi-step research agent** (fully local): PLAN → 5 evidence tools "
-                    "(fundamentals · quarterly financials · price action · **the Chan engine "
-                    "itself** · news) → section-by-section analysis → report. Every step is "
-                    "logged to a JSON **agent trace**. New pool tickers get a report "
-                    "**auto-generated** by the daily pipeline.", elem_classes=["s2-help"])
-        with gr.Group(elem_classes=["s2-bar"]):
-            with gr.Row():
-                res_in = gr.Textbox(label="Ticker", placeholder="e.g. NVDA", scale=3)
-                res_btn = gr.Button("🤖 Run research agent", variant="primary", scale=1)
-        res_progress = gr.Markdown()
-        res_out = gr.Markdown(elem_classes=["llm-out"])
-        with gr.Accordion("✉ Email this report", open=False):
-            with gr.Row():
-                res_email = gr.Textbox(label="Send to", scale=4,
-                                       placeholder="name@example.com (comma-separate for several)")
-                res_email_btn = gr.Button("✉ Send Email", scale=1)
-            res_email_status = gr.Markdown()
-        gr.Markdown("REPORT LIBRARY", elem_classes=["s2-eyebrow"])
-        gr.Markdown("Auto + manual reports, stored on `/data`.", elem_classes=["s2-help"])
-        with gr.Group(elem_classes=["s2-bar"]):
-            with gr.Row():
-                rep_pick = gr.Dropdown(choices=research_agent.list_reports(),
-                                       label="Saved reports", scale=3)
-                rep_open = gr.Button("📂 Open report", scale=1)
-        rep_view = gr.Markdown()
-    # ─────────────────────────────────────── Automation ──
-    with gr.Tab("⏰ Automation"):
-        gr.Markdown(paths.storage_status())
-        auto_md = gr.Markdown(automation.schedule_info())
-        with gr.Group(elem_classes=["s2-bar"]):
-            with gr.Row():
-                auto_now = gr.Button("⚡ Run now", variant="primary")
-        auto_msg = gr.Markdown()
-        auto_log = gr.Textbox(lines=14, label="Pipeline log (live — updates every 2s)",
-                              elem_id="detail-log")
-        traces_md = gr.Markdown(research_agent.list_traces())
-        gr.Markdown("SHARE AGENT TRACES", elem_classes=["s2-eyebrow"])
-        gr.Markdown("Publish every JSON agent trace in `/data/traces` as a Hugging Face "
-                    "**dataset** (one click, uses your `HF_TOKEN` secret — no command line). "
-                    "Earns *Sharing is Caring*.", elem_classes=["s2-help"])
-        with gr.Group(elem_classes=["s2-bar"]):
-            with gr.Row():
-                trace_repo = gr.Textbox(
-                    value="ranranrunforit/chan-compass-agent-traces",
-                    label="Dataset repo id", scale=3)
-                trace_pub = gr.Button("📡 Publish traces as dataset", variant="primary", scale=1)
-        trace_pub_status = gr.Markdown()
-        trace_pub.click(_publish_traces, trace_repo, trace_pub_status)
-        auto_log_timer = gr.Timer(2.0)
-        def _auto_tick():
-            log = "\n".join(automation.STATE["log"][-40:]) or "(no log yet)"
-            return log, research_agent.list_traces()
-        auto_log_timer.tick(_auto_tick, None, [auto_log, traces_md])
-    # ─────────────────────────────────────── Model ──
-    with gr.Tab("🧠 Model"):
-        gr.Markdown("All AI runs **locally** through **llama.cpp** with Qwen3 GGUF weights — "
-                    "every option is far below the 32B cap, and nothing leaves the machine. "
-                    "**First load installs the runtime + downloads the GGUF (one-time, usually "
-                    "1–3 min; worst case ~15 min if it compiles).** Signals/rotation/news never "
-                    "depend on it.", elem_classes=["s2-help"])
-        gr.Markdown("**Sub-agent pool:** Summary (Chan-Tuned Qwen3-1.7B, fixed) handles "
-                    "Explain / rotation narrative / news briefs; `deep` Analyst writes research "
-                    "reports. Each has its own lock — they run in parallel.", elem_classes=["s2-help"])
-        with gr.Group(elem_classes=["s2-bar"]):
-            model_pick = gr.Radio(choices=list(llm_local.MODEL_ZOO.keys()),
-                                  value=llm_local.DEFAULT_MODEL, label="Analyst (deep) model")
-            with gr.Row():
-                load_btn = gr.Button("⬇ Load model", variant="primary", scale=1)
-                test_btn = gr.Button("⚡ Test sub-agents now", scale=1)
-        model_status = gr.Markdown(llm_local.status())
-        model_test_out = gr.Markdown()
-        model_timer = gr.Timer(2.0)
-        model_timer.tick(lambda: llm_local.status(), None, model_status)
-        autotest_timer = gr.Timer(3.0)
-        autotest_timer.tick(_auto_selftest, None, model_test_out)
-        gr.Markdown("🎯 FINE-TUNING DATASET", elem_classes=["s2-eyebrow"])
-        gr.Markdown("Every Signals **AI summary** you run is saved as a (raw read → narrative) "
-                    "training pair on `/data`. Capture a few hundred, export the JSONL, then "
-                    "follow `FINETUNE_GUIDE.md` to LoRA-tune Qwen3-1.7B and publish it.",
-                    elem_classes=["s2-help"])
-        ft_status = gr.Markdown(finetune_data.status_line())
-        with gr.Group(elem_classes=["s2-bar"]):
-            ft_export = gr.Button("⬇ Export dataset (JSONL)", variant="primary")
-        ft_out = gr.Markdown()
-        ft_file = gr.File(label="Download training data", visible=False)
-        ft_timer = gr.Timer(3.0)
-        ft_timer.tick(lambda: finetune_data.status_line(), None, ft_status)
-        ft_export.click(_export_dataset, None, [ft_out, ft_file])
-    gr.Markdown("Chan Compass · educational tool, not investment advice · "
-                "data: Yahoo Finance · design language: Adobe Spectrum 2",
-                elem_classes=["s2-footnote"])
-    # ─────────────────────────────────────── wiring (unchanged) ──
-    run_btn.click(ui_run_signals, [tickers_in, force_cb],
-                  [sig_table, sig_summary, detail_pick])
-    detail_pick.change(ui_show_detail, detail_pick, detail_box)
-    explain_btn.click(ui_explain_detail, detail_pick, explain_box)
-    rot_btn.click(ui_refresh_rotation, None, [rot_1d, rot_5d, rot_20d, rot_asof, rot_ai])
-    rot_ai_btn.click(ui_rotation_ai, None, rot_ai)
-    save_btn.click(ui_save_holdings, hold_in, hold_status)
-    news_btn.click(ui_check_news, None, news_out)
-    res_btn.click(ui_research, res_in, [res_progress, res_out, rep_pick])
-    sig_email_btn.click(lambda body, to: emailer.send_result(body, to, "Signals summary"),
-                        [explain_box, sig_email], sig_email_status)
-    rot_email_btn.click(lambda body, to: emailer.send_result(body, to, "Sector rotation"),
-                        [rot_ai, rot_email], rot_email_status)
-    news_email_btn.click(lambda body, to: emailer.send_result(body, to, "Watchlist news"),
-                         [news_out, news_email], news_email_status)
-    res_email_btn.click(lambda body, to: emailer.send_result(body, to, "Research report"),
-                        [res_out, res_email], res_email_status)
-    rep_open.click(ui_open_report, rep_pick, rep_view)
-    auto_now.click(lambda: automation.run_pipeline(force=True), None, auto_msg)
-    load_btn.click(ui_load_model, model_pick, model_status)
-    test_btn.click(_manual_selftest, None, model_test_out)
-# ════════════════════════════════════════════════════ boot ══
-automation.start_scheduler()
-def _auto_load_model():
-    try:
-        automation._log("Auto-loading sub-agents (llama.cpp)…")
-        llm_local.auto_load_all()
-    except Exception as e:
-        automation._log(f"Sub-agent auto-load failed: {e}")
-try:
-    import paths as _paths
-    automation._log(_paths.storage_status())
-except Exception:
-    pass
-if os.environ.get("AUTO_LOAD_MODEL", "1") == "1":
-    threading.Thread(target=_auto_load_model, daemon=True).start()
 if __name__ == "__main__":
-    import paths as _p
-    _allowed = [os.path.join(os.getcwd(), "exports"), _p.DATASET_DIR]
-    os.makedirs(_allowed[0], exist_ok=True)
-    if _GR_MAJOR >= 6:
-        demo.launch(theme=theme, css=S2_CSS, allowed_paths=_allowed)
-    else:
-        demo.launch(allowed_paths=_allowed)

+from server import app, launch
 if __name__ == "__main__":
+    launch()

requirements.txt CHANGED Viewed

@@ -1,7 +1,9 @@
-gradio>=5.49
 pandas>=2.0
 numpy>=1.24
 pyarrow>=14
 yfinance>=0.2.40
 apscheduler>=3.10
 huggingface_hub>=0.23

+gradio>=6.18.0
+fastapi>=0.115.2,<1.0
 pandas>=2.0
 numpy>=1.24
 pyarrow>=14
 yfinance>=0.2.40
 apscheduler>=3.10
 huggingface_hub>=0.23
+python-multipart>=0.0.9

server.py ADDED Viewed

	@@ -0,0 +1,270 @@

+"""
+server.py - custom Spectrum 2 frontend for Gradio Server mode.
+This is the Off-Brand entry point: instead of the default Gradio component
+render, a gradio.Server instance serves the hand-built React UI
+(ui_kits/chan-compass/) and exposes the unchanged Python backend as JSON/SSE
+endpoints. The HF Space uses sdk: gradio and runs app.py, which calls
+app.launch().
+Architecture:
+    gradio.Server app
+      /api/...   -> JSON + Server-Sent-Events endpoints calling the backend
+      /          -> the React frontend (static), Spectrum 2 design system
+Backend modules (signal_runner, rotation, news_watch, research_agent,
+automation, emailer, finetune_data, llm_local) are imported and called with no
+business-logic changes.
+"""
+from __future__ import annotations
+import json
+import os
+from fastapi import Request
+from fastapi.responses import StreamingResponse, JSONResponse
+from fastapi.staticfiles import StaticFiles
+from gradio import Server
+import paths  # sets up /data, sys.path
+import automation
+import signal_runner
+import rotation
+import news_watch
+import research_agent
+import emailer
+import finetune_data
+import llm_local
+HERE = os.path.dirname(os.path.abspath(__file__))
+UI_DIR = os.path.join(HERE, "ui_kits", "chan-compass")
+app = Server(title="Chan Compass · US")
+# ───────────────────────── helpers ─────────────────────────
+def _sse(gen):
+    """Wrap a text generator as Server-Sent Events (one 'data:' per chunk)."""
+    def stream():
+        for chunk in gen:
+            yield f"data: {json.dumps({'text': chunk})}\n\n"
+        yield "event: done\ndata: {}\n\n"
+    return StreamingResponse(stream(), media_type="text/event-stream")
+def _df_records(df):
+    if df is None or not hasattr(df, "to_dict"):
+        return []
+    return df.to_dict(orient="records")
+# ───────────────────────── Signals ─────────────────────────
+@app.post("/api/signals/run")
+async def signals_run(req: Request):
+    body = await req.json()
+    tickers = [t.strip().upper() for t in
+               (body.get("pool") or "").replace("\n", ",").split(",") if t.strip()]
+    force = bool(body.get("force"))
+    df, details, summary, errors = signal_runner.run_signals(tickers or None, force=force)
+    automation.STATE["signals_df"] = df
+    automation.STATE["signals_details"] = details
+    automation.STATE["signals_summary"] = summary
+    return JSONResponse({"rows": _df_records(df), "summary": summary,
+                         "tickers": sorted(details.keys())})
+@app.get("/api/signals/raw")
+async def signals_raw(ticker: str):
+    return JSONResponse({"raw": signal_runner.stock_raw_read(ticker)})
+@app.get("/api/signals/summary")
+async def signals_summary(ticker: str):
+    raw = signal_runner.stock_raw_read(ticker or "")
+    if not raw:
+        return _sse(iter(["Run the analysis and select a ticker first."]))
+    chain = automation.STATE.get("signals_details", {}).get(ticker or "", "")
+    chain_core = chain.split("日线买卖点逐项诊断")[0].strip()[:2000] if chain else ""
+    prompt = ("You are an equity analyst. Write a SHORT plain-English summary "
+              "(≤100 words) for a long-term holder of a US stock: the situation "
+              "today, whether to act or wait, and the key price levels.\n"
+              "Use the FACT LINE for the numbers, and the RULING CHAIN (a Chinese "
+              "multi-timeframe Chan-theory decision log) for the reasoning — "
+              "translate and synthesize it; output ENGLISH ONLY, no Chinese "
+              "characters, do not quote the log, no disclaimers.\n\n"
+              f"FACT LINE:\n{raw}")
+    if chain_core:
+        prompt += f"\n\nRULING CHAIN (translate & synthesize, don't quote):\n{chain_core}"
+    def gen():
+        final = ""
+        for acc in llm_local.chat_stream(prompt, max_tokens=240, temperature=0.2,
+                                         worker="translator"):
+            final = acc
+            yield acc
+        try:
+            finetune_data.record(raw, final)
+        except Exception:
+            pass
+    return _sse(gen())
+# ───────────────────────── Sector Rotation ─────────────────────────
+@app.get("/api/rotation")
+async def rotation_tables():
+    d1, d5, d20, asof = rotation.build_rotation(force=True)
+    automation.STATE["rotation"] = (d1, d5, d20, asof)
+    return JSONResponse({
+        "asof": asof,
+        "d1": _df_records(rotation.fmt_table(d1)),
+        "d5": _df_records(rotation.fmt_table(d5)),
+        "d20": _df_records(rotation.fmt_table(d20)),
+    })
+@app.get("/api/rotation/narrative")
+async def rotation_narrative():
+    rot = automation.STATE.get("rotation")
+    if not rot or rot[0] is None:
+        return _sse(iter(["Refresh the rotation tables first."]))
+    d1, d5, d20, _ = rot
+    brief = rotation.rotation_brief(d1, d5, d20)
+    prompt = ("You are a US equity market strategist. Based only on the sector flow "
+              "data below (SPDR ETF proxy: change% × dollar volume, plus RS vs SPY), "
+              "write a crisp brief (<150 words): 1) where capital is rotating "
+              "INTO/OUT OF; 2) do 1-day moves agree with the 5/20-day trend; 3) one "
+              "watch item. No disclaimers.\n\nDATA:\n" + brief[:2200])
+    return _sse(llm_local.chat_stream(prompt, max_tokens=340, worker="narrator"))
+# ───────────────────────── Watchlist News ─────────────────────────
+@app.get("/api/news/holdings")
+async def news_holdings():
+    return JSONResponse({"holdings": news_watch.load_holdings()})
+@app.post("/api/news/save")
+async def news_save(req: Request):
+    body = await req.json()
+    tickers = [t.strip().upper() for t in
+               (body.get("holdings") or "").replace("\n", ",").split(",") if t.strip()]
+    news_watch.save_holdings(tickers)
+    return JSONResponse({"saved": tickers})
+@app.get("/api/news/check")
+async def news_check():
+    return _sse(news_watch.check_holdings_news_stream())
+# ───────────────────────── Auto Research ─────────────────────────
+@app.get("/api/research/run")
+async def research_run(ticker: str):
+    def gen():
+        last_report = ""
+        for progress, report in research_agent.run_research_stream(ticker):
+            last_report = report
+            yield json.dumps({"progress": progress, "report": report})
+        yield json.dumps({"progress": "__done__", "report": last_report,
+                          "reports": research_agent.list_reports()})
+    def stream():
+        for chunk in gen():
+            yield f"data: {chunk}\n\n"
+        yield "event: done\ndata: {}\n\n"
+    return StreamingResponse(stream(), media_type="text/event-stream")
+@app.get("/api/research/reports")
+async def research_reports():
+    return JSONResponse({"reports": research_agent.list_reports()})
+@app.get("/api/research/report")
+async def research_report(name: str):
+    return JSONResponse({"markdown": research_agent.read_report(name)})
+# ───────────────────────── Automation ─────────────────────────
+@app.post("/api/automation/run")
+async def automation_run():
+    msg = automation.run_pipeline(force=True)
+    return JSONResponse({"message": msg})
+@app.get("/api/automation/state")
+async def automation_state():
+    return JSONResponse({
+        "log": automation.STATE.get("log", [])[-40:],
+        "schedule": automation.schedule_info(),
+        "traces": research_agent.list_traces(),
+    })
+@app.post("/api/automation/publish-traces")
+async def automation_publish(req: Request):
+    body = await req.json()
+    import trace_publish
+    return JSONResponse({"status": trace_publish.publish_traces(body.get("repo", ""))})
+# ───────────────────────── Model ─────────────────────────
+@app.get("/api/model/status")
+async def model_status():
+    return JSONResponse({
+        "status": llm_local.status(),
+        "workers": {k: {"model": w["model"], "ready": w["llm"] is not None,
+                        "stage": w["stage"]}
+                    for k, w in llm_local.WORKERS.items()},
+    })
+@app.post("/api/model/test")
+async def model_test():
+    return JSONResponse({"result": llm_local.quick_test()})
+@app.get("/api/model/finetune-status")
+async def finetune_status():
+    return JSONResponse({"status": finetune_data.status_line(),
+                         "count": finetune_data.count()})
+@app.post("/api/model/export-dataset")
+async def export_dataset():
+    path = finetune_data.export()
+    return JSONResponse({"path": path or "", "count": finetune_data.count()})
+# ───────────────────────── Email (all tabs) ─────────────────────────
+@app.post("/api/email")
+async def send_email(req: Request):
+    body = await req.json()
+    status = emailer.send_result(body.get("content", ""), body.get("to", ""),
+                                 body.get("tag", "Chan Compass"))
+    return JSONResponse({"status": status})
+# ───────────────────────── static frontend ─────────────────────────
+# Mounted last so /api/* wins. html=True serves index.html at /.
+app.mount("/", StaticFiles(directory=UI_DIR, html=True), name="ui")
+# ───────────────────────── startup ─────────────────────────
+@app.on_event("startup")
+def _startup():
+    automation.start_scheduler()
+    if os.environ.get("AUTO_LOAD_MODEL", "1") == "1":
+        import threading
+        threading.Thread(target=llm_local.auto_load_all, daemon=True).start()
+def launch():
+    app.launch(
+        server_name=os.environ.get("GRADIO_SERVER_NAME", "0.0.0.0"),
+        server_port=int(os.environ.get("GRADIO_SERVER_PORT", os.environ.get("PORT", "7860"))),
+    )
+if __name__ == "__main__":
+    launch()

trace_publish.py ADDED Viewed

	@@ -0,0 +1,50 @@

+"""trace_publish.py - upload /data/traces to the Hub as a dataset, using the
+HF_TOKEN secret. No command line; the custom gradio.Server app calls it directly.
+"""
+from __future__ import annotations
+import os
+import tempfile
+import paths
+def publish_traces(repo_id: str) -> str:
+    repo_id = (repo_id or "").strip()
+    if "/" not in repo_id:
+        return "⚠️ Enter a repo id like `username/dataset-name`."
+    token = (os.environ.get("HF_TOKEN") or os.environ.get("HUGGING_FACE_HUB_TOKEN")
+             or "").strip()
+    if not token:
+        return ("⚠️ No `HF_TOKEN` secret found. Add it in Space → Settings → "
+                "Variables and secrets (a **write** token), then try again.")
+    try:
+        traces = [f for f in os.listdir(paths.TRACES_DIR) if f.endswith(".json")]
+    except OSError:
+        traces = []
+    if not traces:
+        return "⚠️ No traces yet — run a few Auto Research reports first."
+    try:
+        from huggingface_hub import HfApi
+        api = HfApi(token=token)
+        api.create_repo(repo_id, repo_type="dataset", exist_ok=True)
+        card = (
+            "---\nlicense: mit\ntags: [agent-trace, finance, chan-theory, llama-cpp]\n---\n\n"
+            "# Chan Compass — agent traces\n\n"
+            "JSON traces from the Chan Compass multi-agent research desk. Each file "
+            "is one ticker's run: the plan, every evidence-tool call and its result, "
+            "and each local sub-agent's request and response. Shared for the "
+            "Build Small hackathon (*Sharing is Caring*).\n\n"
+            "*Educational data — not investment advice.*\n")
+        rp = os.path.join(tempfile.gettempdir(), "README.md")
+        with open(rp, "w", encoding="utf-8") as f:
+            f.write(card)
+        api.upload_file(path_or_fileobj=rp, path_in_repo="README.md",
+                        repo_id=repo_id, repo_type="dataset")
+        api.upload_folder(folder_path=paths.TRACES_DIR, path_in_repo="traces",
+                          repo_id=repo_id, repo_type="dataset")
+        url = f"https://huggingface.co/datasets/{repo_id}"
+        return (f"✅ Published {len(traces)} trace(s) to {repo_id} ({url}). "
+                f"Put that link in your submission for the Sharing is Caring badge.")
+    except Exception as e:
+        return f"❌ Upload failed: {e}"

ui_kits/chan-compass/_ds_bundle.js ADDED Viewed

	@@ -0,0 +1,1535 @@

+/* @ds-bundle: {"format":3,"namespace":"ChanCompassSpectrum2DesignSystem_b52b37","components":[{"name":"Button","sourcePath":"components/actions/Button.jsx"},{"name":"Card","sourcePath":"components/containers/Card.jsx"},{"name":"InlineAlert","sourcePath":"components/containers/InlineAlert.jsx"},{"name":"Checkbox","sourcePath":"components/forms/Checkbox.jsx"},{"name":"Field","sourcePath":"components/forms/Field.jsx"},{"name":"Switch","sourcePath":"components/forms/Switch.jsx"},{"name":"Tabs","sourcePath":"components/navigation/Tabs.jsx"},{"name":"Badge","sourcePath":"components/status/Badge.jsx"},{"name":"SignalBadge","sourcePath":"components/status/SignalBadge.jsx"},{"name":"StatusLight","sourcePath":"components/status/StatusLight.jsx"}],"sourceHashes":{"components/actions/Button.jsx":"c9f7501c202c","components/containers/Card.jsx":"9316d0c88d32","components/containers/InlineAlert.jsx":"5ceb8bdaac5f","components/forms/Checkbox.jsx":"59c34e791a76","components/forms/Field.jsx":"39157a609b42","components/forms/Switch.jsx":"38f4684e0ef2","components/navigation/Tabs.jsx":"5488bca491fa","components/status/Badge.jsx":"3e62358e3a0b","components/status/SignalBadge.jsx":"df7989e74422","components/status/StatusLight.jsx":"f7d206a1642b","ui_kits/chan-compass/app.jsx":"4b80024bd468","ui_kits/chan-compass/data.js":"5821344b625c","ui_kits/chan-compass/views.jsx":"c9ec2aee076f"},"inlinedExternals":[],"unexposedExports":[]} */
+(() => {
+const __ds_ns = (window.ChanCompassSpectrum2DesignSystem_b52b37 = window.ChanCompassSpectrum2DesignSystem_b52b37 || {});
+const __ds_scope = {};
+(__ds_ns.__errors = __ds_ns.__errors || []);
+// components/actions/Button.jsx
+try { (() => {
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/* Inject component CSS once. Spectrum 2 buttons: fully-rounded "pill" by
+   default, medium height 32px, 600 weight, soft state transitions. */
+const CSS = `
+.s2-btn{
+  --_bg: var(--accent); --_bgh: var(--accent-hover); --_bgd: var(--accent-down);
+  --_fg: var(--text-on-accent); --_bd: transparent;
+  display:inline-flex; align-items:center; justify-content:center; gap:var(--space-100);
+  font:var(--font-weight-semibold) var(--font-size-100)/1 var(--font-sans);
+  height:var(--control-height-md); padding:0 var(--space-250);
+  border-radius:var(--radius-full); border:var(--border-width-200) solid var(--_bd);
+  background:var(--_bg); color:var(--_fg); cursor:pointer; white-space:nowrap;
+  transition:var(--transition-colors), transform var(--duration-fast) var(--ease-out);
+  user-select:none;
+}
+.s2-btn:hover{ background:var(--_bgh); }
+.s2-btn:active{ background:var(--_bgd); transform:scale(.98); }
+.s2-btn:focus-visible{ outline:var(--focus-ring-width) solid var(--focus-ring); outline-offset:var(--focus-ring-offset); }
+.s2-btn[disabled]{ background:var(--surface-subtle); color:var(--text-disabled); border-color:transparent; cursor:default; transform:none; }
+.s2-btn--square{ border-radius:var(--radius-default); }
+.s2-btn--sm{ height:var(--control-height-sm); padding:0 var(--space-200); font-size:var(--font-size-75); }
+.s2-btn--lg{ height:var(--control-height-lg); padding:0 var(--space-300); font-size:var(--font-size-200); }
+/* secondary — outline */
+.s2-btn--secondary{ --_bg:var(--surface-card); --_fg:var(--text-body); --_bd:var(--border-strong); }
+.s2-btn--secondary:hover{ --_bg:var(--surface-subtle); --_bd:var(--text-secondary); }
+.s2-btn--secondary:active{ --_bg:var(--s2-gray-100); }
+/* negative */
+.s2-btn--negative{ --_bg:var(--negative); --_bgh:var(--negative-hover); --_bgd:var(--s2-red-1100); }
+/* quiet — no chrome until hover */
+.s2-btn--quiet{ --_bg:transparent; --_fg:var(--text-body); --_bd:transparent; }
+.s2-btn--quiet:hover{ --_bg:var(--surface-subtle); }
+.s2-btn--quiet:active{ --_bg:var(--s2-gray-100); }
+`;
+let injected = false;
+function useCSS() {
+  if (typeof document !== 'undefined' && !injected) {
+    const el = document.createElement('style');
+    el.textContent = CSS;
+    el.dataset.s2 = 'button';
+    document.head.appendChild(el);
+    injected = true;
+  }
+}
+function Button({
+  variant = 'accent',
+  size = 'md',
+  shape = 'pill',
+  icon,
+  children,
+  className = '',
+  ...rest
+}) {
+  useCSS();
+  const cls = ['s2-btn', variant !== 'accent' && `s2-btn--${variant}`, size !== 'md' && `s2-btn--${size}`, shape === 'square' && 's2-btn--square', className].filter(Boolean).join(' ');
+  return /*#__PURE__*/React.createElement("button", _extends({
+    className: cls
+  }, rest), icon, children);
+}
+Object.assign(__ds_scope, { Button });
+})(); } catch (e) { __ds_ns.__errors.push({ path: "components/actions/Button.jsx", error: String((e && e.message) || e) }); }
+// components/containers/Card.jsx
+try { (() => {
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const CSS = `
+.s2-card{
+  background:var(--surface-card); border:var(--border-width-100) solid var(--border-hairline);
+  border-radius:var(--card-radius); box-shadow:var(--shadow-raised);
+  overflow:clip;
+}
+.s2-card--elevated{ box-shadow:var(--shadow-elevated); }
+.s2-card--flat{ box-shadow:none; }
+.s2-card--quiet{ background:transparent; border:none; box-shadow:none; }
+.s2-card__head{ display:flex; align-items:flex-start; justify-content:space-between; gap:var(--space-200); padding:var(--space-250) var(--space-300) 0; }
+.s2-card__titles{ display:flex; flex-direction:column; gap:2px; }
+.s2-card__title{ font:var(--type-h3); color:var(--text-heading); }
+.s2-card__subtitle{ font:var(--type-detail); color:var(--text-muted); }
+.s2-card__body{ padding:var(--space-250) var(--space-300) var(--space-300); }
+.s2-card__head + .s2-card__body{ padding-top:var(--space-200); }
+`;
+let injected = false;
+function useCSS() {
+  if (typeof document !== 'undefined' && !injected) {
+    const e = document.createElement('style');
+    e.textContent = CSS;
+    e.dataset.s2 = 'card';
+    document.head.appendChild(e);
+    injected = true;
+  }
+}
+function Card({
+  title,
+  subtitle,
+  action,
+  elevation = 'raised',
+  children,
+  className = '',
+  ...rest
+}) {
+  useCSS();
+  const cls = ['s2-card', elevation !== 'raised' && `s2-card--${elevation}`, className].filter(Boolean).join(' ');
+  const hasHead = title || subtitle || action;
+  return /*#__PURE__*/React.createElement("section", _extends({
+    className: cls
+  }, rest), hasHead && /*#__PURE__*/React.createElement("header", {
+    className: "s2-card__head"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "s2-card__titles"
+  }, title && /*#__PURE__*/React.createElement("span", {
+    className: "s2-card__title"
+  }, title), subtitle && /*#__PURE__*/React.createElement("span", {
+    className: "s2-card__subtitle"
+  }, subtitle)), action), /*#__PURE__*/React.createElement("div", {
+    className: "s2-card__body"
+  }, children));
+}
+Object.assign(__ds_scope, { Card });
+})(); } catch (e) { __ds_ns.__errors.push({ path: "components/containers/Card.jsx", error: String((e && e.message) || e) }); }
+// components/containers/InlineAlert.jsx
+try { (() => {
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/* Spectrum 2 in-line message. A framed notice tied to a region of the page.
+   `ai` variant is the signature accent-framed panel used for local-LLM output. */
+const CSS = `
+.s2-alert{
+  display:flex; gap:var(--space-150); padding:var(--space-200) var(--space-250);
+  border-radius:var(--radius-lg); border:var(--border-width-100) solid var(--border-default);
+  background:var(--surface-card); font:var(--type-body); color:var(--text-body);
+}
+.s2-alert__icon{ flex:none; width:18px; height:18px; display:grid; place-items:center; margin-top:1px; }
+.s2-alert__body{ display:flex; flex-direction:column; gap:2px; min-width:0; }
+.s2-alert__title{ font:var(--type-ui-bold); color:var(--text-heading); }
+.s2-alert--informative{ border-color:var(--accent); background:var(--informative-subtle); }
+.s2-alert--informative .s2-alert__icon{ color:var(--accent); }
+.s2-alert--positive{ border-color:var(--positive); background:var(--positive-subtle); }
+.s2-alert--positive .s2-alert__icon{ color:var(--positive); }
+.s2-alert--negative{ border-color:var(--negative); background:var(--negative-subtle); }
+.s2-alert--negative .s2-alert__icon{ color:var(--negative); }
+.s2-alert--notice{ border-color:var(--notice); background:var(--notice-subtle); }
+.s2-alert--notice .s2-alert__icon{ color:var(--notice); }
+.s2-alert--ai{
+  border:var(--border-width-200) solid var(--accent); border-inline-start-width:6px;
+  border-radius:var(--radius-lg); background:var(--surface-card); box-shadow:var(--shadow-accent);
+}
+.s2-alert--ai .s2-alert__title{ color:var(--accent-text); }
+`;
+let injected = false;
+function useCSS() {
+  if (typeof document !== 'undefined' && !injected) {
+    const e = document.createElement('style');
+    e.textContent = CSS;
+    e.dataset.s2 = 'alert';
+    document.head.appendChild(e);
+    injected = true;
+  }
+}
+const ICONS = {
+  informative: 'M9 1a8 8 0 100 16A8 8 0 009 1zm0 3.2a1.1 1.1 0 110 2.2 1.1 1.1 0 010-2.2zM10.2 14H7.8v-.9l.9-.2V9.1l-.9-.2V8h2.4v4.9l.9.2v.9z',
+  positive: 'M9 1a8 8 0 100 16A8 8 0 009 1zm4.2 5.4l-5 5.2a.7.7 0 01-1 0L4.8 9a.7.7 0 011-1l1.9 1.9 4.5-4.6a.7.7 0 011 1z',
+  negative: 'M9 1a8 8 0 100 16A8 8 0 009 1zm1.1 11.8H7.9v-2.2h2.2v2.2zm0-3.6H7.9V4.2h2.2v5z',
+  notice: 'M9.9 1.6l7 12.1a1 1 0 01-.9 1.5H2a1 1 0 01-.9-1.5l7-12.1a1 1 0 011.8 0zM7.9 6.2v3.8h2.2V6.2H7.9zm0 5.2v2h2.2v-2H7.9z',
+  ai: 'M9 1l1.8 4.3L15 7l-4.2 1.7L9 13 7.2 8.7 3 7l4.2-1.7L9 1z'
+};
+function InlineAlert({
+  variant = 'informative',
+  title,
+  icon,
+  children,
+  className = '',
+  ...rest
+}) {
+  useCSS();
+  const path = ICONS[variant] || ICONS.informative;
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: ['s2-alert', `s2-alert--${variant}`, className].filter(Boolean).join(' ')
+  }, rest), /*#__PURE__*/React.createElement("span", {
+    className: "s2-alert__icon"
+  }, icon || /*#__PURE__*/React.createElement("svg", {
+    width: "18",
+    height: "18",
+    viewBox: "0 0 18 18",
+    fill: "currentColor"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: path
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "s2-alert__body"
+  }, title && /*#__PURE__*/React.createElement("span", {
+    className: "s2-alert__title"
+  }, title), children && /*#__PURE__*/React.createElement("div", null, children)));
+}
+Object.assign(__ds_scope, { InlineAlert });
+})(); } catch (e) { __ds_ns.__errors.push({ path: "components/containers/InlineAlert.jsx", error: String((e && e.message) || e) }); }
+// components/forms/Checkbox.jsx
+try { (() => {
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const CSS = `
+.s2-check{ display:inline-flex; align-items:center; gap:var(--space-100); cursor:pointer; font:var(--type-ui); color:var(--text-body); user-select:none; }
+.s2-check input{ position:absolute; opacity:0; width:0; height:0; }
+.s2-check__box{
+  width:16px; height:16px; flex:none; border-radius:var(--radius-sm);
+  border:var(--border-width-200) solid var(--border-field); background:var(--surface-card);
+  display:grid; place-items:center; transition:var(--transition-colors);
+}
+.s2-check:hover .s2-check__box{ border-color:var(--text-secondary); }
+.s2-check__box svg{ width:11px; height:11px; opacity:0; color:#fff; }
+.s2-check input:checked + .s2-check__box{ background:var(--accent); border-color:var(--accent); }
+.s2-check input:checked + .s2-check__box svg{ opacity:1; }
+.s2-check input:focus-visible + .s2-check__box{ outline:var(--focus-ring-width) solid var(--focus-ring); outline-offset:var(--focus-ring-offset); }
+.s2-check input:disabled + .s2-check__box{ background:var(--surface-subtle); border-color:var(--border-default); }
+`;
+let injected = false;
+function useCSS() {
+  if (typeof document !== 'undefined' && !injected) {
+    const e = document.createElement('style');
+    e.textContent = CSS;
+    e.dataset.s2 = 'checkbox';
+    document.head.appendChild(e);
+    injected = true;
+  }
+}
+function Checkbox({
+  checked,
+  onChange,
+  children,
+  disabled = false,
+  ...rest
+}) {
+  useCSS();
+  return /*#__PURE__*/React.createElement("label", {
+    className: "s2-check"
+  }, /*#__PURE__*/React.createElement("input", _extends({
+    type: "checkbox",
+    checked: checked,
+    onChange: onChange,
+    disabled: disabled
+  }, rest)), /*#__PURE__*/React.createElement("span", {
+    className: "s2-check__box"
+  }, /*#__PURE__*/React.createElement("svg", {
+    viewBox: "0 0 12 12",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M1 6l3.2 3.5L11 2.5",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }))), children && /*#__PURE__*/React.createElement("span", null, children));
+}
+Object.assign(__ds_scope, { Checkbox });
+})(); } catch (e) { __ds_ns.__errors.push({ path: "components/forms/Checkbox.jsx", error: String((e && e.message) || e) }); }
+// components/forms/Field.jsx
+try { (() => {
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const CSS = `
+.s2-field{ display:flex; flex-direction:column; gap:var(--space-75); }
+.s2-field__label{ font:var(--type-ui-bold); color:var(--text-heading); }
+.s2-field__req{ color:var(--negative); margin-inline-start:2px; }
+.s2-field__input{
+  height:var(--control-height-md); padding:0 var(--space-150);
+  font:var(--type-ui); color:var(--text-body);
+  background:var(--surface-card);
+  border:var(--border-width-200) solid var(--border-field);
+  border-radius:var(--field-radius); outline:none;
+  transition:var(--transition-colors), box-shadow var(--duration-fast) var(--ease-out);
+}
+.s2-field__input::placeholder{ color:var(--text-muted); }
+.s2-field__input:hover{ border-color:var(--text-secondary); }
+.s2-field__input:focus{ border-color:var(--accent); box-shadow:0 0 0 1px var(--accent); }
+.s2-field--textarea .s2-field__input{ height:auto; padding:var(--space-150); resize:vertical; line-height:var(--line-height-body); font-family:var(--font-sans); }
+.s2-field--mono .s2-field__input{ font-family:var(--font-code); font-size:var(--font-size-75); }
+.s2-field--invalid .s2-field__input{ border-color:var(--negative); }
+.s2-field--invalid .s2-field__input:focus{ box-shadow:0 0 0 1px var(--negative); }
+.s2-field__help{ font:var(--type-detail); color:var(--text-muted); }
+.s2-field--invalid .s2-field__help{ color:var(--negative); }
+.s2-field__input:disabled{ background:var(--surface-subtle); color:var(--text-disabled); border-color:var(--border-default); cursor:default; }
+`;
+let injected = false;
+function useCSS() {
+  if (typeof document !== 'undefined' && !injected) {
+    const el = document.createElement('style');
+    el.textContent = CSS;
+    el.dataset.s2 = 'field';
+    document.head.appendChild(el);
+    injected = true;
+  }
+}
+function Field({
+  label,
+  value,
+  onChange,
+  placeholder,
+  type = 'text',
+  multiline = false,
+  rows = 4,
+  mono = false,
+  required = false,
+  invalid = false,
+  help,
+  disabled = false,
+  className = '',
+  ...rest
+}) {
+  useCSS();
+  const cls = ['s2-field', multiline && 's2-field--textarea', mono && 's2-field--mono', invalid && 's2-field--invalid', className].filter(Boolean).join(' ');
+  const inputProps = {
+    className: 's2-field__input',
+    value,
+    onChange,
+    placeholder,
+    disabled,
+    ...rest
+  };
+  return /*#__PURE__*/React.createElement("label", {
+    className: cls
+  }, label && /*#__PURE__*/React.createElement("span", {
+    className: "s2-field__label"
+  }, label, required && /*#__PURE__*/React.createElement("span", {
+    className: "s2-field__req"
+  }, "*")), multiline ? /*#__PURE__*/React.createElement("textarea", _extends({
+    rows: rows
+  }, inputProps)) : /*#__PURE__*/React.createElement("input", _extends({
+    type: type
+  }, inputProps)), help && /*#__PURE__*/React.createElement("span", {
+    className: "s2-field__help"
+  }, help));
+}
+Object.assign(__ds_scope, { Field });
+})(); } catch (e) { __ds_ns.__errors.push({ path: "components/forms/Field.jsx", error: String((e && e.message) || e) }); }
+// components/forms/Switch.jsx
+try { (() => {
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const CSS = `
+.s2-switch{ display:inline-flex; align-items:center; gap:var(--space-150); cursor:pointer; font:var(--type-ui); color:var(--text-body); user-select:none; }
+.s2-switch input{ position:absolute; opacity:0; width:0; height:0; }
+.s2-switch__track{
+  width:32px; height:18px; flex:none; border-radius:var(--radius-full);
+  background:var(--s2-gray-300); position:relative; transition:background var(--duration-fast) var(--ease-out);
+}
+.s2-switch__track::after{
+  content:''; position:absolute; top:2px; left:2px; width:14px; height:14px;
+  border-radius:var(--radius-full); background:#fff; box-shadow:var(--shadow-raised);
+  transition:transform var(--duration-default) var(--ease-out);
+}
+.s2-switch:hover .s2-switch__track{ background:var(--s2-gray-400); }
+.s2-switch input:checked + .s2-switch__track{ background:var(--accent); }
+.s2-switch input:checked + .s2-switch__track::after{ transform:translateX(14px); }
+.s2-switch input:focus-visible + .s2-switch__track{ outline:var(--focus-ring-width) solid var(--focus-ring); outline-offset:var(--focus-ring-offset); }
+.s2-switch input:disabled + .s2-switch__track{ background:var(--border-default); }
+`;
+let injected = false;
+function useCSS() {
+  if (typeof document !== 'undefined' && !injected) {
+    const e = document.createElement('style');
+    e.textContent = CSS;
+    e.dataset.s2 = 'switch';
+    document.head.appendChild(e);
+    injected = true;
+  }
+}
+function Switch({
+  checked,
+  onChange,
+  children,
+  disabled = false,
+  ...rest
+}) {
+  useCSS();
+  return /*#__PURE__*/React.createElement("label", {
+    className: "s2-switch"
+  }, /*#__PURE__*/React.createElement("input", _extends({
+    type: "checkbox",
+    role: "switch",
+    checked: checked,
+    onChange: onChange,
+    disabled: disabled
+  }, rest)), /*#__PURE__*/React.createElement("span", {
+    className: "s2-switch__track"
+  }), children && /*#__PURE__*/React.createElement("span", null, children));
+}
+Object.assign(__ds_scope, { Switch });
+})(); } catch (e) { __ds_ns.__errors.push({ path: "components/forms/Switch.jsx", error: String((e && e.message) || e) }); }
+// components/navigation/Tabs.jsx
+try { (() => {
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/* Spectrum 2 quiet tabs with an accent underline — the primary navigation in
+   Chan Compass (Signals / Rotation / News / Research / Automation / Model). */
+const CSS = `
+.s2-tabs{ display:flex; gap:var(--space-300); border-bottom:var(--border-width-200) solid var(--border-default); }
+.s2-tab{
+  appearance:none; background:none; border:none; cursor:pointer;
+  padding:var(--space-150) 2px; margin-bottom:-2px;
+  font:var(--font-weight-semibold) var(--font-size-200)/1.2 var(--font-sans);
+  color:var(--text-muted); border-bottom:var(--border-width-200) solid transparent;
+  display:inline-flex; align-items:center; gap:var(--space-100);
+  transition:var(--transition-colors);
+}
+.s2-tab:hover{ color:var(--text-body); }
+.s2-tab--selected{ color:var(--accent); border-bottom-color:var(--accent); }
+.s2-tab:focus-visible{ outline:var(--focus-ring-width) solid var(--focus-ring); outline-offset:2px; border-radius:var(--radius-sm); }
+.s2-tab__count{
+  font:var(--font-weight-semibold) var(--font-size-50)/1 var(--font-sans);
+  background:var(--surface-subtle); color:var(--text-secondary);
+  padding:2px 6px; border-radius:var(--radius-full);
+}
+.s2-tab--selected .s2-tab__count{ background:var(--accent-subtle); color:var(--accent-text); }
+`;
+let injected = false;
+function useCSS() {
+  if (typeof document !== 'undefined' && !injected) {
+    const e = document.createElement('style');
+    e.textContent = CSS;
+    e.dataset.s2 = 'tabs';
+    document.head.appendChild(e);
+    injected = true;
+  }
+}
+function Tabs({
+  items = [],
+  value,
+  onChange,
+  className = '',
+  ...rest
+}) {
+  useCSS();
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: ['s2-tabs', className].filter(Boolean).join(' '),
+    role: "tablist"
+  }, rest), items.map(it => {
+    const id = typeof it === 'string' ? it : it.id;
+    const label = typeof it === 'string' ? it : it.label;
+    const selected = id === value;
+    return /*#__PURE__*/React.createElement("button", {
+      key: id,
+      role: "tab",
+      "aria-selected": selected,
+      className: ['s2-tab', selected && 's2-tab--selected'].filter(Boolean).join(' '),
+      onClick: () => onChange && onChange(id)
+    }, typeof it === 'object' && it.icon, label, typeof it === 'object' && it.count != null && /*#__PURE__*/React.createElement("span", {
+      className: "s2-tab__count"
+    }, it.count));
+  }));
+}
+Object.assign(__ds_scope, { Tabs });
+})(); } catch (e) { __ds_ns.__errors.push({ path: "components/navigation/Tabs.jsx", error: String((e && e.message) || e) }); }
+// components/status/Badge.jsx
+try { (() => {
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const CSS = `
+.s2-badge{
+  display:inline-flex; align-items:center; gap:var(--space-75);
+  height:20px; padding:0 var(--space-150); border-radius:var(--radius-full);
+  font:var(--font-weight-semibold) var(--font-size-75)/1 var(--font-sans);
+  white-space:nowrap;
+}
+.s2-badge--neutral{ background:var(--surface-subtle); color:var(--text-secondary); }
+.s2-badge--accent{ background:var(--accent-subtle); color:var(--accent-text); }
+.s2-badge--positive{ background:var(--positive-subtle); color:var(--positive-hover); }
+.s2-badge--negative{ background:var(--negative-subtle); color:var(--negative-hover); }
+.s2-badge--notice{ background:var(--notice-subtle); color:var(--notice); }
+.s2-badge--bold{ color:#fff; }
+.s2-badge--bold.s2-badge--accent{ background:var(--accent); }
+.s2-badge--bold.s2-badge--positive{ background:var(--positive); }
+.s2-badge--bold.s2-badge--negative{ background:var(--negative); }
+.s2-badge--bold.s2-badge--neutral{ background:var(--text-secondary); }
+`;
+let injected = false;
+function useCSS() {
+  if (typeof document !== 'undefined' && !injected) {
+    const e = document.createElement('style');
+    e.textContent = CSS;
+    e.dataset.s2 = 'badge';
+    document.head.appendChild(e);
+    injected = true;
+  }
+}
+function Badge({
+  variant = 'neutral',
+  bold = false,
+  children,
+  className = '',
+  ...rest
+}) {
+  useCSS();
+  const cls = ['s2-badge', `s2-badge--${variant}`, bold && 's2-badge--bold', className].filter(Boolean).join(' ');
+  return /*#__PURE__*/React.createElement("span", _extends({
+    className: cls
+  }, rest), children);
+}
+Object.assign(__ds_scope, { Badge });
+})(); } catch (e) { __ds_ns.__errors.push({ path: "components/status/Badge.jsx", error: String((e && e.message) || e) }); }
+// components/status/SignalBadge.jsx
+try { (() => {
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/* Domain component: the BUY / SELL / HOLD / WAIT signal pill that drives the
+   Signals table. Maps a Chan-engine action to a Spectrum 2 semantic color. */
+const CSS = `
+.s2-signal{
+  display:inline-flex; align-items:center; gap:6px;
+  height:24px; padding:0 var(--space-150); border-radius:var(--radius-full);
+  font:var(--font-weight-bold) var(--font-size-75)/1 var(--font-sans);
+  letter-spacing:.04em; text-transform:uppercase; white-space:nowrap; color:#fff;
+}
+.s2-signal__glyph{ width:7px; height:7px; border-radius:var(--radius-full); background:currentColor; opacity:.9; }
+.s2-signal--buy{ background:var(--positive); }
+.s2-signal--sell{ background:var(--negative); }
+.s2-signal--hold{ background:var(--accent); }
+.s2-signal--wait{ background:var(--surface-subtle); color:var(--text-secondary); }
+.s2-signal--watch{ background:var(--notice); }
+`;
+let injected = false;
+function useCSS() {
+  if (typeof document !== 'undefined' && !injected) {
+    const e = document.createElement('style');
+    e.textContent = CSS;
+    e.dataset.s2 = 'signal';
+    document.head.appendChild(e);
+    injected = true;
+  }
+}
+const MAP = {
+  BUY: 'buy',
+  SELL: 'sell',
+  HOLD: 'hold',
+  WAIT: 'wait',
+  WATCH: 'watch'
+};
+function SignalBadge({
+  action = 'WAIT',
+  className = '',
+  ...rest
+}) {
+  useCSS();
+  const key = String(action).toUpperCase();
+  const kind = MAP[key] || 'wait';
+  return /*#__PURE__*/React.createElement("span", _extends({
+    className: ['s2-signal', `s2-signal--${kind}`, className].filter(Boolean).join(' ')
+  }, rest), /*#__PURE__*/React.createElement("span", {
+    className: "s2-signal__glyph"
+  }), key);
+}
+Object.assign(__ds_scope, { SignalBadge });
+})(); } catch (e) { __ds_ns.__errors.push({ path: "components/status/SignalBadge.jsx", error: String((e && e.message) || e) }); }
+// components/status/StatusLight.jsx
+try { (() => {
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const CSS = `
+.s2-status{ display:inline-flex; align-items:center; gap:var(--space-100); font:var(--type-ui); color:var(--text-body); }
+.s2-status__dot{ width:9px; height:9px; flex:none; border-radius:var(--radius-full); background:var(--flat); }
+.s2-status--positive .s2-status__dot{ background:var(--positive); }
+.s2-status--negative .s2-status__dot{ background:var(--negative); }
+.s2-status--notice .s2-status__dot{ background:var(--notice); }
+.s2-status--accent .s2-status__dot{ background:var(--accent); }
+.s2-status--neutral .s2-status__dot{ background:var(--text-muted); }
+.s2-status--live .s2-status__dot{ box-shadow:0 0 0 0 currentColor; animation:s2-pulse 1.8s var(--ease-out) infinite; color:var(--positive); }
+@keyframes s2-pulse{ 0%{ box-shadow:0 0 0 0 rgba(0,122,57,.35);} 70%{ box-shadow:0 0 0 6px rgba(0,122,57,0);} 100%{ box-shadow:0 0 0 0 rgba(0,122,57,0);} }
+`;
+let injected = false;
+function useCSS() {
+  if (typeof document !== 'undefined' && !injected) {
+    const e = document.createElement('style');
+    e.textContent = CSS;
+    e.dataset.s2 = 'status';
+    document.head.appendChild(e);
+    injected = true;
+  }
+}
+function StatusLight({
+  variant = 'neutral',
+  live = false,
+  children,
+  className = '',
+  ...rest
+}) {
+  useCSS();
+  const cls = ['s2-status', `s2-status--${variant}`, live && 's2-status--live', className].filter(Boolean).join(' ');
+  return /*#__PURE__*/React.createElement("span", _extends({
+    className: cls
+  }, rest), /*#__PURE__*/React.createElement("span", {
+    className: "s2-status__dot"
+  }), children);
+}
+Object.assign(__ds_scope, { StatusLight });
+})(); } catch (e) { __ds_ns.__errors.push({ path: "components/status/StatusLight.jsx", error: String((e && e.message) || e) }); }
+// ui_kits/chan-compass/app.jsx
+try { (() => {
+/* Chan Compass UI kit — app shell. Header + Tabs + routed content + footer. */
+const _DS = window.ChanCompassSpectrum2DesignSystem_b52b37;
+const {
+  Tabs: CCTabs,
+  StatusLight: CCStatus,
+  Badge: CCBadge
+} = _DS;
+const {
+  useState: useS,
+  useEffect: useE
+} = React;
+function Glyph({
+  name,
+  size = 18,
+  color,
+  style
+}) {
+  useE(() => {
+    if (window.lucide) window.lucide.createIcons();
+  });
+  return /*#__PURE__*/React.createElement("i", {
+    "data-lucide": name,
+    style: {
+      width: size,
+      height: size,
+      color,
+      display: 'inline-flex',
+      ...style
+    }
+  });
+}
+function App() {
+  const [tab, setTab] = useS('signals');
+  const items = [{
+    id: 'signals',
+    label: 'Signals',
+    icon: /*#__PURE__*/React.createElement(Glyph, {
+      name: "trending-up",
+      size: 16
+    })
+  }, {
+    id: 'rotation',
+    label: 'Sector Rotation',
+    icon: /*#__PURE__*/React.createElement(Glyph, {
+      name: "refresh-cw",
+      size: 16
+    })
+  }, {
+    id: 'news',
+    label: 'Watchlist News',
+    icon: /*#__PURE__*/React.createElement(Glyph, {
+      name: "newspaper",
+      size: 16
+    }),
+    count: 2
+  }, {
+    id: 'research',
+    label: 'Auto Research',
+    icon: /*#__PURE__*/React.createElement(Glyph, {
+      name: "flask-conical",
+      size: 16
+    })
+  }, {
+    id: 'model',
+    label: 'Model',
+    icon: /*#__PURE__*/React.createElement(Glyph, {
+      name: "cpu",
+      size: 16
+    })
+  }];
+  const View = {
+    signals: window.SignalsView,
+    rotation: window.RotationView,
+    news: window.NewsView,
+    research: window.ResearchView,
+    model: window.ModelView
+  }[tab];
+  return /*#__PURE__*/React.createElement("div", {
+    className: "cc-app"
+  }, /*#__PURE__*/React.createElement("header", {
+    className: "cc-header"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cc-brand"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cc-mark"
+  }, /*#__PURE__*/React.createElement(Glyph, {
+    name: "compass",
+    size: 22,
+    color: "#fff"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "cc-brand-text"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cc-wordmark"
+  }, "Chan Compass ", /*#__PURE__*/React.createElement("span", null, "\xB7 US Markets")), /*#__PURE__*/React.createElement("div", {
+    className: "cc-tagline"
+  }, "Multi-timeframe \u7F20\u8BBA signal engine \xB7 fully local"))), /*#__PURE__*/React.createElement("div", {
+    className: "cc-header-right"
+  }, /*#__PURE__*/React.createElement(CCBadge, {
+    variant: "accent"
+  }, /*#__PURE__*/React.createElement(Glyph, {
+    name: "cpu",
+    size: 12,
+    style: {
+      marginRight: 4
+    }
+  }), " Local \xB7 llama.cpp"), /*#__PURE__*/React.createElement(CCStatus, {
+    variant: "positive",
+    live: true
+  }, "Market open"))), /*#__PURE__*/React.createElement("div", {
+    className: "cc-navbar"
+  }, /*#__PURE__*/React.createElement(CCTabs, {
+    value: tab,
+    onChange: setTab,
+    items: items
+  })), /*#__PURE__*/React.createElement("main", {
+    className: "cc-main"
+  }, View ? /*#__PURE__*/React.createElement(View, null) : null), /*#__PURE__*/React.createElement("footer", {
+    className: "cc-footer"
+  }, /*#__PURE__*/React.createElement("span", null, "Chan Compass \xB7 educational tool, not investment advice"), /*#__PURE__*/React.createElement("span", {
+    className: "cc-foot-sep"
+  }, "\xB7"), /*#__PURE__*/React.createElement("span", null, "data: Yahoo Finance"), /*#__PURE__*/React.createElement("span", {
+    className: "cc-foot-sep"
+  }, "\xB7"), /*#__PURE__*/React.createElement("span", null, "design language: Adobe Spectrum 2")));
+}
+ReactDOM.createRoot(document.getElementById('root')).render(/*#__PURE__*/React.createElement(App, null));
+})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/chan-compass/app.jsx", error: String((e && e.message) || e) }); }
+// ui_kits/chan-compass/data.js
+try { (() => {
+// Fake data for the Chan Compass UI kit — shapes mirror the real signal_runner /
+// rotation engine output, values are illustrative.
+window.CC_DATA = {
+  asof: 'Jun 12, 2026 · 18:10 ET',
+  signals: [{
+    t: 'NVDA',
+    action: 'BUY',
+    price: 178.42,
+    chg: +2.43,
+    conf: 0.82,
+    weight: 8,
+    stop: 172.40,
+    zone: '176.9 – 179.2',
+    note: 'Weekly pivot uplift confirmed; daily B1 armed off divergence low.'
+  }, {
+    t: 'MSFT',
+    action: 'BUY',
+    price: 472.10,
+    chg: +0.91,
+    conf: 0.74,
+    weight: 6,
+    stop: 458.00,
+    zone: '468 – 474',
+    note: '30m/15m nested-interval bottom confirms weekly hold-and-add.'
+  }, {
+    t: 'AMD',
+    action: 'HOLD',
+    price: 142.88,
+    chg: +1.12,
+    conf: 0.61,
+    weight: 5,
+    stop: 133.50,
+    zone: '—',
+    note: 'Unconfirmed daily sell inside weekly uptrend → hold (armed).'
+  }, {
+    t: 'AAPL',
+    action: 'HOLD',
+    price: 214.55,
+    chg: -0.34,
+    conf: 0.58,
+    weight: 5,
+    stop: 205.10,
+    zone: '—',
+    note: 'Riding pivot; no sublevel sell confirmation yet.'
+  }, {
+    t: 'TSLA',
+    action: 'SELL',
+    price: 243.17,
+    chg: -3.08,
+    conf: 0.69,
+    weight: 0,
+    stop: 251.00,
+    zone: '242 – 246',
+    note: 'Daily S3 pivot breakdown; nested-interval top confirmed.'
+  }, {
+    t: 'META',
+    action: 'WATCH',
+    price: 611.40,
+    chg: +0.22,
+    conf: 0.44,
+    weight: 0,
+    stop: '—',
+    zone: '—',
+    note: 'Approaching weekly pivot edge; no signal armed.'
+  }, {
+    t: 'AMZN',
+    action: 'WAIT',
+    price: 201.66,
+    chg: -0.51,
+    conf: 0.39,
+    weight: 0,
+    stop: '—',
+    zone: '—',
+    note: 'Inside consolidation; wait for level resolution.'
+  }, {
+    t: 'GOOGL',
+    action: 'WAIT',
+    price: 182.03,
+    chg: +0.08,
+    conf: 0.35,
+    weight: 0,
+    stop: '—',
+    zone: '—',
+    note: 'No multi-timeframe alignment.'
+  }],
+  rotation: [{
+    s: 'Technology',
+    sym: 'XLK',
+    d1: +1.84,
+    d5: +3.2,
+    d20: +6.1,
+    rs: +2.4
+  }, {
+    s: 'Comm. Services',
+    sym: 'XLC',
+    d1: +1.12,
+    d5: +2.1,
+    d20: +4.4,
+    rs: +1.6
+  }, {
+    s: 'Financials',
+    sym: 'XLF',
+    d1: +0.64,
+    d5: +1.0,
+    d20: +2.2,
+    rs: +0.5
+  }, {
+    s: 'Energy',
+    sym: 'XLE',
+    d1: +0.41,
+    d5: -0.8,
+    d20: -1.9,
+    rs: -1.1
+  }, {
+    s: 'Industrials',
+    sym: 'XLI',
+    d1: +0.18,
+    d5: +0.6,
+    d20: +1.1,
+    rs: +0.2
+  }, {
+    s: 'Health Care',
+    sym: 'XLV',
+    d1: -0.22,
+    d5: -0.4,
+    d20: +0.3,
+    rs: -0.4
+  }, {
+    s: 'Cons. Staples',
+    sym: 'XLP',
+    d1: -0.38,
+    d5: -0.9,
+    d20: -1.2,
+    rs: -0.9
+  }, {
+    s: 'Utilities',
+    sym: 'XLU',
+    d1: -0.51,
+    d5: -1.3,
+    d20: -2.0,
+    rs: -1.3
+  }, {
+    s: 'Real Estate',
+    sym: 'XLRE',
+    d1: -0.74,
+    d5: -1.6,
+    d20: -2.8,
+    rs: -1.7
+  }, {
+    s: 'Materials',
+    sym: 'XLB',
+    d1: -0.88,
+    d5: -1.1,
+    d20: -1.5,
+    rs: -0.8
+  }, {
+    s: 'Cons. Disc.',
+    sym: 'XLY',
+    d1: -1.06,
+    d5: -2.0,
+    d20: -3.4,
+    rs: -2.1
+  }],
+  reports: ['NVDA · 2026-06-12', 'TSLA · 2026-06-11', 'MSFT · 2026-06-10', 'AMD · 2026-06-09']
+};
+})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/chan-compass/data.js", error: String((e && e.message) || e) }); }
+// ui_kits/chan-compass/views.jsx
+try { (() => {
+/* Chan Compass UI kit — view components. Each consumes the design-system
+   primitives from the bundle namespace + Lucide line icons. Exported to window
+   for app.jsx to compose. */
+const DS = window.ChanCompassSpectrum2DesignSystem_b52b37;
+const {
+  Button,
+  Field,
+  Checkbox,
+  Switch,
+  Card,
+  InlineAlert,
+  Badge,
+  StatusLight,
+  SignalBadge,
+  Tabs
+} = DS;
+const {
+  useState,
+  useEffect
+} = React;
+function Icon({
+  name,
+  size = 18,
+  color,
+  style
+}) {
+  // Lucide renders by replacing <i data-lucide>. Re-run after mount.
+  useEffect(() => {
+    if (window.lucide) window.lucide.createIcons();
+  });
+  return /*#__PURE__*/React.createElement("i", {
+    "data-lucide": name,
+    style: {
+      width: size,
+      height: size,
+      color,
+      display: 'inline-flex',
+      ...style
+    }
+  });
+}
+const fmtPct = v => typeof v === 'number' ? (v > 0 ? '+' : '') + v.toFixed(2) + '%' : v;
+const dirColor = v => v > 0 ? 'var(--up)' : v < 0 ? 'var(--down)' : 'var(--flat)';
+/* ─────────────────────────── KPI strip ─────────────────────────── */
+function Kpi({
+  label,
+  value,
+  tone
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      flex: 1,
+      padding: '14px 18px',
+      background: 'var(--surface-card)',
+      border: '1px solid var(--border-hairline)',
+      borderRadius: 'var(--radius-lg)',
+      boxShadow: 'var(--shadow-raised)'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      font: 'var(--font-weight-bold) 28px/1 var(--font-sans)',
+      color: tone || 'var(--text-heading)'
+    }
+  }, value), /*#__PURE__*/React.createElement("div", {
+    style: {
+      font: 'var(--type-detail)',
+      color: 'var(--text-muted)',
+      marginTop: 4
+    }
+  }, label));
+}
+/* ─────────────────────────── Signals ─────────────────────────── */
+function SignalsView() {
+  const D = window.CC_DATA;
+  const [pool, setPool] = useState('AAPL, MSFT, NVDA, TSLA, AMZN, GOOGL, META, AMD');
+  const [force, setForce] = useState(false);
+  const [running, setRunning] = useState(false);
+  const [ran, setRan] = useState(true);
+  const [sel, setSel] = useState('NVDA');
+  const [explained, setExplained] = useState(false);
+  const rows = D.signals;
+  const counts = rows.reduce((a, r) => {
+    a[r.action] = (a[r.action] || 0) + 1;
+    return a;
+  }, {});
+  const cur = rows.find(r => r.t === sel) || rows[0];
+  const run = () => {
+    setRunning(true);
+    setRan(false);
+    setExplained(false);
+    setTimeout(() => {
+      setRunning(false);
+      setRan(true);
+    }, 1100);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 'var(--space-300)'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: 'var(--space-200)'
+    }
+  }, /*#__PURE__*/React.createElement(Kpi, {
+    label: "BUY signals",
+    value: counts.BUY || 0,
+    tone: "var(--up)"
+  }), /*#__PURE__*/React.createElement(Kpi, {
+    label: "SELL signals",
+    value: counts.SELL || 0,
+    tone: "var(--down)"
+  }), /*#__PURE__*/React.createElement(Kpi, {
+    label: "Holding",
+    value: counts.HOLD || 0,
+    tone: "var(--accent)"
+  }), /*#__PURE__*/React.createElement(Kpi, {
+    label: "Watch / wait",
+    value: (counts.WATCH || 0) + (counts.WAIT || 0)
+  })), /*#__PURE__*/React.createElement(Card, {
+    title: "Tomorrow's plan",
+    subtitle: "Long-hold mode \xB7 sorted BUY \u2192 SELL \u2192 HOLD \u2192 WAIT",
+    action: /*#__PURE__*/React.createElement(Badge, {
+      variant: "neutral"
+    }, D.asof)
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: 'var(--space-200)',
+      alignItems: 'flex-end',
+      marginBottom: 'var(--space-250)'
+    }
+  }, /*#__PURE__*/React.createElement(Field, {
+    label: "Ticker pool",
+    mono: true,
+    value: pool,
+    onChange: e => setPool(e.target.value),
+    className: "grow",
+    help: "Comma separated \xB7 the unchanged Chan engine runs over each"
+  }), /*#__PURE__*/React.createElement(Checkbox, {
+    checked: force,
+    onChange: e => setForce(e.target.checked)
+  }, "Force fresh download"), /*#__PURE__*/React.createElement(Button, {
+    variant: "accent",
+    onClick: run,
+    disabled: running
+  }, running ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
+    name: "loader",
+    size: 15
+  }), " Running\u2026") : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
+    name: "play",
+    size: 15
+  }), " Run analysis"))), /*#__PURE__*/React.createElement("div", {
+    className: "cc-table"
+  }, /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", null, "Ticker"), /*#__PURE__*/React.createElement("th", null, "Signal"), /*#__PURE__*/React.createElement("th", {
+    className: "num"
+  }, "Price"), /*#__PURE__*/React.createElement("th", {
+    className: "num"
+  }, "\u0394 Day"), /*#__PURE__*/React.createElement("th", null, "Buy/sell zone"), /*#__PURE__*/React.createElement("th", {
+    className: "num"
+  }, "Conf."), /*#__PURE__*/React.createElement("th", {
+    className: "num"
+  }, "Stop"), /*#__PURE__*/React.createElement("th", {
+    className: "num"
+  }, "Wt %"))), /*#__PURE__*/React.createElement("tbody", null, rows.map(r => /*#__PURE__*/React.createElement("tr", {
+    key: r.t,
+    className: r.t === sel ? 'sel' : '',
+    onClick: () => {
+      setSel(r.t);
+      setExplained(false);
+    }
+  }, /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("span", {
+    className: "mono bold"
+  }, r.t)), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement(SignalBadge, {
+    action: r.action
+  })), /*#__PURE__*/React.createElement("td", {
+    className: "num mono"
+  }, r.price.toFixed(2)), /*#__PURE__*/React.createElement("td", {
+    className: "num mono",
+    style: {
+      color: dirColor(r.chg)
+    }
+  }, fmtPct(r.chg)), /*#__PURE__*/React.createElement("td", {
+    className: "mono dim"
+  }, r.zone), /*#__PURE__*/React.createElement("td", {
+    className: "num"
+  }, /*#__PURE__*/React.createElement(ConfBar, {
+    v: r.conf
+  })), /*#__PURE__*/React.createElement("td", {
+    className: "num mono dim"
+  }, r.stop === '—' ? '—' : typeof r.stop === 'number' ? r.stop.toFixed(2) : r.stop), /*#__PURE__*/React.createElement("td", {
+    className: "num mono"
+  }, r.weight ? r.weight : '—'))))))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'grid',
+      gridTemplateColumns: '1fr 1fr',
+      gap: 'var(--space-300)',
+      alignItems: 'start'
+    }
+  }, /*#__PURE__*/React.createElement(Card, {
+    title: `Decision log · ${cur.t}`,
+    subtitle: "The engine's full multi-timeframe ruling chain"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cc-log"
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+    className: "mono dim"
+  }, "\u6708\u7EBF monthly"), " \u4E0A\u6DA8\u8D8B\u52BF \xB7 \u4E2D\u67A2\u4E0A\u79FB \u2713"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+    className: "mono dim"
+  }, "\u5468\u7EBF weekly"), " \u7B2C\u4E09\u7C7B\u4E70\u70B9 B3 \xB7 \u64CD\u4F5C\u7EA7\u522B \u2713"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+    className: "mono dim"
+  }, "\u65E5\u7EBF daily"), " ", cur.action === 'SELL' ? 'S3 中枢破位 · 确认顶背驰' : 'B1 背驰 · 已武装 (armed)', " "), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+    className: "mono dim"
+  }, "60m / 30m"), " \u533A\u95F4\u5957\u786E\u8BA4 nested-interval \u2713"), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
+    className: "mono dim"
+  }, "15m / 5m"), " \u6B21\u7EA7\u522B", cur.action === 'SELL' ? '卖点确认' : '买点未确认 → 持有'), /*#__PURE__*/React.createElement("div", {
+    className: "cc-log-note"
+  }, cur.note)), /*#__PURE__*/React.createElement("div", {
+    style: {
+      marginTop: 'var(--space-200)'
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "secondary",
+    size: "sm",
+    onClick: () => setExplained(true)
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "languages",
+    size: 14
+  }), " Explain in English (local LLM)"))), explained ? /*#__PURE__*/React.createElement(InlineAlert, {
+    variant: "ai",
+    title: "Translator sub-agent \xB7 Qwen3-1.7B \xB7 llama.cpp"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 6,
+      marginTop: 4
+    }
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("b", null, "Action:"), " ", cur.action, cur.action === 'BUY' ? ' — add on weekly pivot uplift' : cur.action === 'SELL' ? ' — exit, top confirmed' : ' — hold the position', "."), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("b", null, "Why:"), " Monthly & weekly gates passed; daily ", cur.action === 'SELL' ? 'broke the pivot (S3)' : 'B1 armed off the divergence low', "; intraday ", cur.action === 'SELL' ? 'confirmed the top' : 'has not confirmed a sell', "."), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("b", null, "Invalidation:"), " ", cur.stop === '—' ? 'no active stop' : `flips below ${typeof cur.stop === 'number' ? cur.stop.toFixed(2) : cur.stop}`, "."))) : /*#__PURE__*/React.createElement("div", {
+    className: "cc-empty"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "sparkles",
+    size: 22,
+    color: "var(--text-disabled)"
+  }), /*#__PURE__*/React.createElement("div", null, "AI explanation appears here.", /*#__PURE__*/React.createElement("br", null), "Select a ticker, then \u201CExplain in English\u201D."))));
+}
+function ConfBar({
+  v
+}) {
+  return /*#__PURE__*/React.createElement("span", {
+    style: {
+      display: 'inline-flex',
+      alignItems: 'center',
+      gap: 6,
+      justifyContent: 'flex-end'
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      width: 46,
+      height: 6,
+      borderRadius: 'var(--radius-full)',
+      background: 'var(--surface-subtle)',
+      overflow: 'hidden'
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      display: 'block',
+      height: '100%',
+      width: `${v * 100}%`,
+      background: v > 0.7 ? 'var(--positive)' : v > 0.5 ? 'var(--accent)' : 'var(--s2-gray-400)'
+    }
+  })), /*#__PURE__*/React.createElement("span", {
+    className: "mono dim",
+    style: {
+      fontSize: 11
+    }
+  }, Math.round(v * 100)));
+}
+/* ─────────────────────────── Rotation ─────────────────────────── */
+function RotationView() {
+  const D = window.CC_DATA;
+  const [ai, setAi] = useState(false);
+  const max = Math.max(...D.rotation.map(r => Math.abs(r.d1)));
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 'var(--space-300)'
+    }
+  }, /*#__PURE__*/React.createElement(InlineAlert, {
+    variant: "informative",
+    title: "Where capital is flowing"
+  }, "11 SPDR sector ETFs (full S&P 500). Flow proxy = change % \xD7 dollar volume; RS = return minus SPY."), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'grid',
+      gridTemplateColumns: '1.4fr 1fr',
+      gap: 'var(--space-300)',
+      alignItems: 'start'
+    }
+  }, /*#__PURE__*/React.createElement(Card, {
+    title: "Sector rotation",
+    subtitle: "1-day flow \xB7 today",
+    action: /*#__PURE__*/React.createElement(Button, {
+      variant: "secondary",
+      size: "sm"
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: "refresh-cw",
+      size: 14
+    }), " Refresh")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cc-flow"
+  }, D.rotation.map(r => /*#__PURE__*/React.createElement("div", {
+    key: r.sym,
+    className: "cc-flow-row"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "cc-flow-name"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "mono bold"
+  }, r.sym), " ", /*#__PURE__*/React.createElement("span", {
+    className: "dim"
+  }, r.s)), /*#__PURE__*/React.createElement("span", {
+    className: "cc-flow-track"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "cc-flow-bar",
+    style: {
+      width: `${Math.abs(r.d1) / max * 50}%`,
+      marginLeft: r.d1 < 0 ? `${50 - Math.abs(r.d1) / max * 50}%` : '50%',
+      background: dirColor(r.d1)
+    }
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "cc-flow-mid"
+  })), /*#__PURE__*/React.createElement("span", {
+    className: "num mono",
+    style: {
+      color: dirColor(r.d1),
+      width: 54
+    }
+  }, fmtPct(r.d1)))))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 'var(--space-200)'
+    }
+  }, /*#__PURE__*/React.createElement(Card, {
+    title: "Multi-window trend",
+    elevation: "raised"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cc-table compact"
+  }, /*#__PURE__*/React.createElement("table", null, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", null, "ETF"), /*#__PURE__*/React.createElement("th", {
+    className: "num"
+  }, "5-day"), /*#__PURE__*/React.createElement("th", {
+    className: "num"
+  }, "20-day"), /*#__PURE__*/React.createElement("th", {
+    className: "num"
+  }, "RS vs SPY"))), /*#__PURE__*/React.createElement("tbody", null, D.rotation.slice(0, 6).map(r => /*#__PURE__*/React.createElement("tr", {
+    key: r.sym
+  }, /*#__PURE__*/React.createElement("td", {
+    className: "mono bold"
+  }, r.sym), /*#__PURE__*/React.createElement("td", {
+    className: "num mono",
+    style: {
+      color: dirColor(r.d5)
+    }
+  }, fmtPct(r.d5)), /*#__PURE__*/React.createElement("td", {
+    className: "num mono",
+    style: {
+      color: dirColor(r.d20)
+    }
+  }, fmtPct(r.d20)), /*#__PURE__*/React.createElement("td", {
+    className: "num mono",
+    style: {
+      color: dirColor(r.rs)
+    }
+  }, fmtPct(r.rs)))))))), /*#__PURE__*/React.createElement(Button, {
+    variant: "accent",
+    onClick: () => setAi(true)
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "bot",
+    size: 15
+  }), " AI narrative (local LLM)"), ai && /*#__PURE__*/React.createElement(InlineAlert, {
+    variant: "ai",
+    title: "Narrator sub-agent \xB7 Qwen3-1.7B"
+  }, "Capital is rotating ", /*#__PURE__*/React.createElement("b", null, "into Technology & Comm. Services"), " (XLK +1.84%, leading on both 5- and 20-day) and", /*#__PURE__*/React.createElement("b", null, " out of Consumer Discretionary & Real Estate"), ". Today's moves agree with the monthly trend \u2014 risk-on persists. ", /*#__PURE__*/React.createElement("b", null, "Watch:"), " Energy's 1-day pop diverges from its negative 20-day; likely a bounce, not a turn."))));
+}
+/* ─────────────────────────── Research ─────────────────────────── */
+function ResearchView() {
+  const D = window.CC_DATA;
+  const [tic, setTic] = useState('');
+  const [step, setStep] = useState(0); // 0 idle, 1..5 running, 6 done
+  const steps = ['PLAN', 'Fundamentals', 'Quarterly financials', 'Price action + Chan engine', 'News', 'Report'];
+  const run = () => {
+    setStep(1);
+    let i = 1;
+    const tick = () => {
+      i++;
+      setStep(i);
+      if (i < 6) setTimeout(tick, 650);
+    };
+    setTimeout(tick, 650);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'grid',
+      gridTemplateColumns: '1fr 300px',
+      gap: 'var(--space-300)',
+      alignItems: 'start'
+    }
+  }, /*#__PURE__*/React.createElement(Card, {
+    title: "Auto research agent",
+    subtitle: "Fully local \xB7 PLAN \u2192 5 evidence tools \u2192 sectioned report"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: 'var(--space-150)',
+      alignItems: 'flex-end',
+      marginBottom: 'var(--space-250)'
+    }
+  }, /*#__PURE__*/React.createElement(Field, {
+    label: "Ticker",
+    placeholder: "e.g. NVDA",
+    value: tic,
+    onChange: e => setTic(e.target.value),
+    className: "grow"
+  }), /*#__PURE__*/React.createElement(Button, {
+    variant: "accent",
+    onClick: run,
+    disabled: step > 0 && step < 6
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "bot",
+    size: 15
+  }), " Run research agent")), step === 0 ? /*#__PURE__*/React.createElement("div", {
+    className: "cc-empty tall"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "file-search",
+    size: 24,
+    color: "var(--text-disabled)"
+  }), /*#__PURE__*/React.createElement("div", null, "Agent trace + sectioned report appear here.")) : /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 10
+    }
+  }, steps.map((s, idx) => /*#__PURE__*/React.createElement("div", {
+    key: s,
+    className: "cc-step"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: `cc-step-dot ${step > idx ? 'done' : step === idx + 1 ? 'active' : ''}`
+  }, step > idx + 1 ? /*#__PURE__*/React.createElement(Icon, {
+    name: "check",
+    size: 12,
+    color: "#fff"
+  }) : idx + 1), /*#__PURE__*/React.createElement("span", {
+    style: {
+      color: step > idx ? 'var(--text-body)' : 'var(--text-muted)'
+    }
+  }, s))), step >= 6 && /*#__PURE__*/React.createElement(InlineAlert, {
+    variant: "ai",
+    title: `Analyst · ${tic || 'NVDA'} · Qwen3-4B`
+  }, /*#__PURE__*/React.createElement("b", null, "Valuation:"), " rich vs 5-yr median but justified by datacenter demand.", /*#__PURE__*/React.createElement("b", null, " Moat:"), " CUDA lock-in + supply-chain priority. ", /*#__PURE__*/React.createElement("b", null, "Chan timing:"), " weekly B3 active, daily B1 armed \u2014 accumulation favorable. ", /*#__PURE__*/React.createElement("b", null, "Risks:"), " export controls, hyperscaler capex digestion."))), /*#__PURE__*/React.createElement(Card, {
+    title: "Report library",
+    subtitle: "Auto + manual \xB7 /data",
+    elevation: "raised"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cc-list"
+  }, D.reports.map((r, i) => /*#__PURE__*/React.createElement("button", {
+    key: r,
+    className: `cc-list-item ${i === 0 ? 'sel' : ''}`
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "file-text",
+    size: 15,
+    color: "var(--text-muted)"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "mono"
+  }, r))))));
+}
+/* ─────────────────────────── News ─────────────────────────── */
+function NewsView() {
+  const [hold, setHold] = useState('NVDA, TSLA, AAPL');
+  const [checked, setChecked] = useState(false);
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 'var(--space-300)',
+      maxWidth: 760
+    }
+  }, /*#__PURE__*/React.createElement(Card, {
+    title: "Watchlist news",
+    subtitle: "For each holding, only today's news is checked"
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: 'var(--space-150)',
+      alignItems: 'flex-end',
+      marginBottom: 'var(--space-200)'
+    }
+  }, /*#__PURE__*/React.createElement(Field, {
+    label: "My holdings",
+    mono: true,
+    value: hold,
+    onChange: e => setHold(e.target.value),
+    className: "grow"
+  }), /*#__PURE__*/React.createElement(Button, {
+    variant: "secondary"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "save",
+    size: 14
+  }), " Save"), /*#__PURE__*/React.createElement(Button, {
+    variant: "accent",
+    onClick: () => setChecked(true)
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "search",
+    size: 15
+  }), " Check today's news")), !checked ? /*#__PURE__*/React.createElement("div", {
+    className: "cc-empty"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "newspaper",
+    size: 22,
+    color: "var(--text-disabled)"
+  }), /*#__PURE__*/React.createElement("div", null, "News briefs appear here.")) : /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 'var(--space-150)'
+    }
+  }, /*#__PURE__*/React.createElement(InlineAlert, {
+    variant: "ai",
+    title: "NVDA \xB7 AI brief"
+  }, "New datacenter GPU order from a hyperscaler reported pre-market; reinforces the active weekly B3 buy structure."), /*#__PURE__*/React.createElement(InlineAlert, {
+    variant: "ai",
+    title: "TSLA \xB7 AI brief"
+  }, "Delivery-miss headline; aligns with today's daily S3 breakdown \u2014 confirms the SELL."), /*#__PURE__*/React.createElement("div", {
+    className: "cc-quiet"
+  }, /*#__PURE__*/React.createElement(StatusLight, {
+    variant: "neutral"
+  }, "Quiet today \xB7 AAPL")))));
+}
+/* ─────────────────────────── Model ─────────────────────────── */
+function ModelView() {
+  const models = ['Qwen3-1.7B', 'Qwen3-4B', 'Qwen3-8B', 'Qwen3-14B'];
+  const [pick, setPick] = useState('Qwen3-4B');
+  const [loaded, setLoaded] = useState('Qwen3-4B');
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 'var(--space-300)',
+      maxWidth: 680
+    }
+  }, /*#__PURE__*/React.createElement(InlineAlert, {
+    variant: "informative",
+    title: "Everything runs locally through llama.cpp"
+  }, "Qwen3 GGUF weights, all below the 32B cap. Nothing leaves the machine. Signals, rotation & news never depend on it."), /*#__PURE__*/React.createElement(Card, {
+    title: "Analyst (deep) model",
+    subtitle: "Sub-agent pool \xB7 fast 1.7B fixed + this deep model"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "cc-radios"
+  }, models.map(m => /*#__PURE__*/React.createElement("label", {
+    key: m,
+    className: `cc-radio ${pick === m ? 'sel' : ''}`,
+    onClick: () => setPick(m)
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "cc-radio-dot"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "mono"
+  }, m), loaded === m && /*#__PURE__*/React.createElement(Badge, {
+    variant: "positive"
+  }, "loaded")))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      gap: 'var(--space-150)',
+      marginTop: 'var(--space-250)',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "accent",
+    onClick: () => setLoaded(pick)
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "download",
+    size: 15
+  }), " Load model"), /*#__PURE__*/React.createElement(Button, {
+    variant: "quiet"
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "refresh-cw",
+    size: 14
+  }), " Refresh status"), /*#__PURE__*/React.createElement("span", {
+    style: {
+      marginLeft: 'auto'
+    }
+  }, /*#__PURE__*/React.createElement(StatusLight, {
+    variant: "positive",
+    live: true
+  }, loaded, " ready")))));
+}
+Object.assign(window, {
+  SignalsView,
+  RotationView,
+  ResearchView,
+  NewsView,
+  ModelView
+});
+})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/chan-compass/views.jsx", error: String((e && e.message) || e) }); }
+__ds_ns.Button = __ds_scope.Button;
+__ds_ns.Card = __ds_scope.Card;
+__ds_ns.InlineAlert = __ds_scope.InlineAlert;
+__ds_ns.Checkbox = __ds_scope.Checkbox;
+__ds_ns.Field = __ds_scope.Field;
+__ds_ns.Switch = __ds_scope.Switch;
+__ds_ns.Tabs = __ds_scope.Tabs;
+__ds_ns.Badge = __ds_scope.Badge;
+__ds_ns.SignalBadge = __ds_scope.SignalBadge;
+__ds_ns.StatusLight = __ds_scope.StatusLight;
+})();

ui_kits/chan-compass/api.js ADDED Viewed

	@@ -0,0 +1,53 @@

+/* api.js - Chan Compass frontend -> Gradio Server backend.
+   JSON helpers + a Server-Sent-Events reader for streaming LLM output. */
+window.CCApi = (function () {
+  async function jget(url) {
+    const r = await fetch(url);
+    if (!r.ok) throw new Error(await r.text());
+    return r.json();
+  }
+  async function jpost(url, body) {
+    const r = await fetch(url, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(body || {}),
+    });
+    if (!r.ok) throw new Error(await r.text());
+    return r.json();
+  }
+  /* Stream an SSE endpoint. onChunk(obj) per message; resolves on `done`. */
+  function stream(url, onChunk) {
+    return new Promise((resolve, reject) => {
+      const es = new EventSource(url);
+      es.onmessage = (e) => {
+        try { onChunk(JSON.parse(e.data)); } catch (_) { onChunk({ text: e.data }); }
+      };
+      es.addEventListener("done", () => { es.close(); resolve(); });
+      es.onerror = () => { es.close(); resolve(); };
+    });
+  }
+  return {
+    runSignals: (pool, force) => jpost("/api/signals/run", { pool, force }),
+    signalSummary: (ticker, onChunk) =>
+      stream("/api/signals/summary?ticker=" + encodeURIComponent(ticker), onChunk),
+    rotation: () => jget("/api/rotation"),
+    rotationNarrative: (onChunk) => stream("/api/rotation/narrative", onChunk),
+    holdings: () => jget("/api/news/holdings"),
+    saveHoldings: (holdings) => jpost("/api/news/save", { holdings }),
+    checkNews: (onChunk) => stream("/api/news/check", onChunk),
+    runResearch: (ticker, onChunk) =>
+      stream("/api/research/run?ticker=" + encodeURIComponent(ticker), onChunk),
+    reports: () => jget("/api/research/reports"),
+    report: (name) => jget("/api/research/report?name=" + encodeURIComponent(name)),
+    autoRun: () => jpost("/api/automation/run", {}),
+    autoState: () => jget("/api/automation/state"),
+    publishTraces: (repo) => jpost("/api/automation/publish-traces", { repo }),
+    modelStatus: () => jget("/api/model/status"),
+    modelTest: () => jpost("/api/model/test", {}),
+    finetuneStatus: () => jget("/api/model/finetune-status"),
+    exportDataset: () => jpost("/api/model/export-dataset", {}),
+    email: (content, to, tag) => jpost("/api/email", { content, to, tag }),
+  };
+})();

ui_kits/chan-compass/app.css ADDED Viewed

	@@ -0,0 +1,151 @@

+/* ============================================================
+   Chan Compass UI kit — app-level styling.
+   Tokens come from styles.css; this is layout + the few patterns
+   (data table, flow bars, AI empty states) the kit needs.
+   ============================================================ */
+.cc-app {
+  max-width: var(--container-max);
+  margin: 0 auto;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background: var(--canvas);
+}
+/* ---- Header ---- */
+.cc-header {
+  display: flex; align-items: center; justify-content: space-between;
+  gap: var(--space-300);
+  padding: var(--space-300) var(--space-400) var(--space-250);
+}
+.cc-brand { display: flex; align-items: center; gap: var(--space-200); }
+.cc-mark {
+  width: 44px; height: 44px; flex: none; border-radius: var(--radius-lg);
+  display: grid; place-items: center;
+  background: linear-gradient(135deg, var(--s2-blue-900) 0%, var(--s2-indigo-700) 60%, var(--s2-purple-900) 100%);
+  box-shadow: var(--shadow-accent);
+}
+.cc-wordmark { font: var(--font-weight-bold) 22px/1.1 var(--font-sans); color: var(--text-heading); letter-spacing: -.01em; }
+.cc-wordmark span { font-weight: var(--font-weight-regular); color: var(--text-muted); }
+.cc-tagline { font: var(--type-detail); color: var(--text-muted); margin-top: 3px; }
+.cc-header-right { display: flex; align-items: center; gap: var(--space-200); }
+/* ---- Nav ---- */
+.cc-navbar { padding: 0 var(--space-400); }
+/* ---- Main ---- */
+.cc-main { flex: 1; padding: var(--space-400); }
+/* ---- Footer ---- */
+.cc-footer {
+  display: flex; align-items: center; gap: var(--space-100); flex-wrap: wrap;
+  padding: var(--space-300) var(--space-400) var(--space-400);
+  font: var(--type-detail); color: var(--text-muted);
+  border-top: 1px solid var(--border-hairline); margin: var(--space-200) var(--space-400) 0;
+}
+.cc-foot-sep { color: var(--border-strong); }
+/* ---- grow helper for Field ---- */
+.grow { flex: 1; min-width: 0; }
+/* ---- Data table ---- */
+.cc-table { border: 1px solid var(--border-hairline); border-radius: var(--radius-lg); overflow: hidden; }
+.cc-table table { width: 100%; border-collapse: collapse; font: var(--type-ui); }
+.cc-table thead th {
+  text-align: left; font: var(--font-weight-semibold) var(--font-size-75)/1 var(--font-sans);
+  color: var(--text-secondary); text-transform: uppercase; letter-spacing: .04em;
+  padding: 11px 14px; background: var(--surface-subtle); border-bottom: 1px solid var(--border-hairline);
+}
+.cc-table th.num, .cc-table td.num { text-align: right; }
+.cc-table tbody td { padding: 11px 14px; border-bottom: 1px solid var(--border-hairline); color: var(--text-body); }
+.cc-table tbody tr:last-child td { border-bottom: none; }
+.cc-table tbody tr { cursor: pointer; transition: background var(--duration-fast) var(--ease-default); }
+.cc-table tbody tr:hover { background: var(--surface-subtle); }
+.cc-table tbody tr.sel { background: var(--accent-subtle); }
+.cc-table tbody tr.sel td { box-shadow: inset 2px 0 0 var(--accent); }
+.cc-table.compact tbody td, .cc-table.compact thead th { padding: 8px 12px; }
+.mono { font-family: var(--font-code); }
+.bold { font-weight: var(--font-weight-bold); color: var(--text-heading); }
+.dim { color: var(--text-muted); }
+/* ---- Decision log ---- */
+.cc-log {
+  display: flex; flex-direction: column; gap: 8px;
+  padding: var(--space-200); background: var(--surface-subtle);
+  border-radius: var(--radius-default); font: var(--type-body); color: var(--text-body);
+}
+.cc-log .dim { display: inline-block; width: 116px; }
+.cc-log-note { margin-top: 6px; padding-top: 10px; border-top: 1px solid var(--border-hairline); color: var(--text-secondary); }
+/* ---- AI empty state ---- */
+.cc-empty {
+  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px;
+  min-height: 160px; text-align: center; color: var(--text-muted); font: var(--type-body);
+  border: 1.5px dashed var(--border-default); border-radius: var(--radius-lg); padding: var(--space-300);
+}
+.cc-empty.tall { min-height: 220px; }
+/* ---- Flow bars (rotation) ---- */
+.cc-flow { display: flex; flex-direction: column; gap: 9px; }
+.cc-flow-row { display: grid; grid-template-columns: 1fr 130px auto; align-items: center; gap: var(--space-200); }
+.cc-flow-name { font: var(--type-ui); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.cc-flow-track { position: relative; height: 16px; background: var(--surface-subtle); border-radius: var(--radius-sm); }
+.cc-flow-bar { position: absolute; top: 0; height: 100%; border-radius: var(--radius-sm); }
+.cc-flow-mid { position: absolute; left: 50%; top: -2px; bottom: -2px; width: 1px; background: var(--border-strong); }
+/* ---- Step tracker (research) ---- */
+.cc-step { display: flex; align-items: center; gap: var(--space-150); font: var(--type-body); }
+.cc-step-dot {
+  width: 22px; height: 22px; flex: none; border-radius: var(--radius-full);
+  display: grid; place-items: center; font: var(--font-weight-bold) 11px/1 var(--font-sans);
+  background: var(--surface-subtle); color: var(--text-muted); border: 1px solid var(--border-default);
+}
+.cc-step-dot.active { background: var(--accent); color: #fff; border-color: var(--accent); animation: cc-pulse 1.2s var(--ease-out) infinite; }
+.cc-step-dot.done { background: var(--positive); color: #fff; border-color: var(--positive); }
+@keyframes cc-pulse { 0%,100%{ opacity:1 } 50%{ opacity:.55 } }
+/* ---- Lists (reports) ---- */
+.cc-list { display: flex; flex-direction: column; gap: 4px; }
+.cc-list-item {
+  display: flex; align-items: center; gap: var(--space-100); text-align: left;
+  padding: 9px 11px; border: none; background: none; border-radius: var(--radius-default);
+  cursor: pointer; font: var(--type-ui); color: var(--text-body);
+  transition: background var(--duration-fast) var(--ease-default);
+}
+.cc-list-item:hover { background: var(--surface-subtle); }
+.cc-list-item.sel { background: var(--accent-subtle); color: var(--accent-text); }
+/* ---- Radios (model) ---- */
+.cc-radios { display: flex; flex-direction: column; gap: 8px; }
+.cc-radio {
+  display: flex; align-items: center; gap: var(--space-150);
+  padding: 12px 14px; border: 1.5px solid var(--border-default); border-radius: var(--radius-default);
+  cursor: pointer; transition: var(--transition-colors); font: var(--type-ui); color: var(--text-body);
+}
+.cc-radio:hover { border-color: var(--text-secondary); }
+.cc-radio.sel { border-color: var(--accent); background: var(--accent-subtle); }
+.cc-radio-dot {
+  width: 16px; height: 16px; flex: none; border-radius: var(--radius-full);
+  border: 2px solid var(--border-field); position: relative;
+}
+.cc-radio.sel .cc-radio-dot { border-color: var(--accent); }
+.cc-radio.sel .cc-radio-dot::after { content:''; position:absolute; inset:3px; border-radius:var(--radius-full); background:var(--accent); }
+.cc-radio .s2-badge { margin-left: auto; }
+.cc-quiet { padding: 9px 2px; }
+/* ── live AI output panel (framed, neutral, auto-grows) ── */
+.cc-llm-out { border:1px solid var(--border-hairline); border-radius: var(--radius-lg);
+  background: var(--surface-card); padding: 14px 16px; min-height: 120px;
+  font-size: 14px; line-height: 1.5; overflow:auto; }
+.cc-md h1,.cc-md h2,.cc-md h3,.cc-md h4 { color: var(--accent); margin: 12px 0 6px; }
+.cc-md h1 { font-size: 19px; } .cc-md h2 { font-size: 16px; } .cc-md h3 { font-size: 14px; }
+.cc-md p { margin: 4px 0; } .cc-md ul { margin: 6px 0 6px 18px; }
+.cc-md blockquote { border-left: 3px solid var(--accent); margin: 6px 0; padding: 2px 12px; color: var(--text-muted); }
+.cc-md code { background: var(--surface-subtle); padding: 1px 5px; border-radius: 5px; font-family: var(--font-mono); font-size: 12.5px; }
+.cc-md a { color: var(--accent); }
+.cc-md-table { border-collapse: collapse; margin: 8px 0; font-size: 13px; width: 100%; }
+.cc-md-table th { text-align: left; padding: 6px 10px; border-bottom: 2px solid var(--border-hairline); }
+.cc-md-table td { padding: 6px 10px; border-bottom: 1px solid var(--border-hairline); }

ui_kits/chan-compass/app.jsx ADDED Viewed

	@@ -0,0 +1,62 @@

+/* Chan Compass UI kit — app shell. Header + Tabs + routed content + footer. */
+const _DS = window.ChanCompassSpectrum2DesignSystem_b52b37;
+const { Tabs: CCTabs, StatusLight: CCStatus, Badge: CCBadge } = _DS;
+const { useState: useS, useEffect: useE } = React;
+function Glyph({ name, size = 18, color, style }) {
+  useE(() => { if (window.lucide) window.lucide.createIcons(); });
+  return <i data-lucide={name} style={{ width:size, height:size, color, display:'inline-flex', ...style }}></i>;
+}
+function App() {
+  const [tab, setTab] = useS('signals');
+  const items = [
+    { id:'signals',  label:'Signals',        icon:<Glyph name="trending-up" size={16}/> },
+    { id:'rotation', label:'Sector Rotation', icon:<Glyph name="refresh-cw" size={16}/> },
+    { id:'news',     label:'Watchlist News',  icon:<Glyph name="newspaper" size={16}/>, count:2 },
+    { id:'research', label:'Auto Research',    icon:<Glyph name="flask-conical" size={16}/> },
+    { id:'automation', label:'Automation',     icon:<Glyph name="clock" size={16}/> },
+    { id:'model',    label:'Model',            icon:<Glyph name="cpu" size={16}/> },
+  ];
+  const View = {
+    signals: window.SignalsView, rotation: window.RotationView,
+    news: window.NewsView, research: window.ResearchView,
+    automation: window.AutomationView, model: window.ModelView,
+  }[tab];
+  return (
+    <div className="cc-app">
+      <header className="cc-header">
+        <div className="cc-brand">
+          <div className="cc-mark"><Glyph name="compass" size={22} color="#fff"/></div>
+          <div className="cc-brand-text">
+            <div className="cc-wordmark">Chan Compass <span>· US Markets</span></div>
+            <div className="cc-tagline">Multi-timeframe 缠论 signal engine · fully local</div>
+          </div>
+        </div>
+        <div className="cc-header-right">
+          <CCBadge variant="accent"><Glyph name="cpu" size={12} style={{marginRight:4}}/> Local · llama.cpp</CCBadge>
+          <CCStatus variant="positive" live>Market open</CCStatus>
+        </div>
+      </header>
+      <div className="cc-navbar">
+        <CCTabs value={tab} onChange={setTab} items={items}/>
+      </div>
+      <main className="cc-main">
+        {View ? <View/> : null}
+      </main>
+      <footer className="cc-footer">
+        <span>Chan Compass · educational tool, not investment advice</span>
+        <span className="cc-foot-sep">·</span>
+        <span>data: Yahoo Finance</span>
+        <span className="cc-foot-sep">·</span>
+        <span>design language: Adobe Spectrum 2</span>
+      </footer>
+    </div>
+  );
+}
+ReactDOM.createRoot(document.getElementById('root')).render(<App/>);

ui_kits/chan-compass/index.html ADDED Viewed

	@@ -0,0 +1,28 @@

+<!-- @dsCard group="Chan Compass" viewport="1280x900" name="Chan Compass — full app" subtitle="Interactive Spectrum 2 recreation · 6-tab signal engine" -->
+<!-- @startingPoint section="Chan Compass" subtitle="Full interactive Spectrum 2 app — signals, rotation, research" viewport="1280x900" -->
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Chan Compass · US Markets</title>
+<link rel="stylesheet" href="/styles.css">
+<link rel="stylesheet" href="/app.css">
+</head>
+<body>
+<div id="root"></div>
+<script src="https://unpkg.com/react@18.3.1/umd/react.development.js" crossorigin="anonymous"></script>
+<script src="https://unpkg.com/react-dom@18.3.1/umd/react-dom.development.js" crossorigin="anonymous"></script>
+<script src="https://unpkg.com/@babel/standalone@7.29.0/babel.min.js"></script>
+<script src="https://unpkg.com/lucide@0.544.0/dist/umd/lucide.min.js"></script>
+<script src="/_ds_bundle.js"></script>
+<script src="/api.js"></script>
+<script src="/md.js"></script>
+<script type="text/babel" src="/views.jsx"></script>
+<script type="text/babel" src="/app.jsx"></script>
+<script>
+  // Re-render lucide icons after Babel mounts everything.
+  window.addEventListener('load', () => setTimeout(() => window.lucide && window.lucide.createIcons(), 400));
+</script>
+</body>
+</html>

ui_kits/chan-compass/md.js ADDED Viewed

	@@ -0,0 +1,40 @@

+/* md.js — minimal markdown -> HTML for AI output (headings, tables, lists,
+   bold, code, links). Mirrors the email renderer so chat and email match. */
+window.CCmd = function (text) {
+  if (!text) return "";
+  const esc = (s) => s.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;");
+  const inline = (s) => esc(s)
+    .replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>")
+    .replace(/`(.+?)`/g, "<code>$1</code>")
+    .replace(/\[(.+?)\]\((https?:\/\/[^\s)]+)\)/g, '<a href="$2" target="_blank">$1</a>');
+  const lines = text.split("\n");
+  let out = [], i = 0;
+  while (i < lines.length) {
+    let line = lines[i];
+    // table
+    if (line.includes("|") && i+1 < lines.length && /^\s*\|?[\s:\-|]+\|?\s*$/.test(lines[i+1])) {
+      const head = line.trim().replace(/^\||\|$/g,"").split("|").map(c=>c.trim());
+      i += 2; let rows = [];
+      while (i < lines.length && lines[i].includes("|")) {
+        rows.push(lines[i].trim().replace(/^\||\|$/g,"").split("|").map(c=>c.trim())); i++;
+      }
+      out.push('<table class="cc-md-table"><thead><tr>' +
+        head.map(h=>"<th>"+inline(h)+"</th>").join("") + "</tr></thead><tbody>" +
+        rows.map(r=>"<tr>"+r.map(c=>"<td>"+inline(c)+"</td>").join("")+"</tr>").join("") +
+        "</tbody></table>");
+      continue;
+    }
+    let m = line.match(/^(#{1,4})\s+(.*)$/);
+    if (m) { const lv=m[1].length; out.push(`<h${lv}>`+inline(m[2])+`</h${lv}>`); i++; continue; }
+    if (/^\s*[-*]\s+/.test(line)) {
+      let items=[];
+      while (i<lines.length && /^\s*[-*]\s+/.test(lines[i])) { items.push("<li>"+inline(lines[i].replace(/^\s*[-*]\s+/,""))+"</li>"); i++; }
+      out.push("<ul>"+items.join("")+"</ul>"); continue;
+    }
+    if (/^\s*>\s?/.test(line)) { out.push('<blockquote>'+inline(line.replace(/^\s*>\s?/,""))+"</blockquote>"); i++; continue; }
+    if (line.trim()==="---") { out.push("<hr/>"); i++; continue; }
+    if (line.trim()==="") { out.push("<div style='height:6px'></div>"); i++; continue; }
+    out.push("<p>"+inline(line)+"</p>"); i++;
+  }
+  return out.join("");
+};

ui_kits/chan-compass/styles.css ADDED Viewed

	@@ -0,0 +1,13 @@

+/* ============================================================
+   Chan Compass · Spectrum 2 Design System
+   Global entry point — consumers link THIS one file.
+   Import order: fonts → primitives → semantics. Keep this file
+   as @import lines only.
+   ============================================================ */
+@import url('tokens/fonts.css');
+@import url('tokens/colors.css');
+@import url('tokens/typography.css');
+@import url('tokens/spacing.css');
+@import url('tokens/elevation.css');
+@import url('tokens/base.css');

ui_kits/chan-compass/views.jsx ADDED Viewed

	@@ -0,0 +1,350 @@

+/* Chan Compass UI kit - view components, wired to the live Gradio Server backend
+   (window.CCApi). Spectrum 2 primitives from the design-system bundle. */
+const DS = window.ChanCompassSpectrum2DesignSystem_b52b37;
+const { Button, Field, Checkbox, Switch, Card, InlineAlert, Badge, StatusLight, SignalBadge, Tabs } = DS;
+const { useState, useEffect, useRef } = React;
+const API = window.CCApi;
+function Icon({ name, size = 18, color, style }) {
+  useEffect(() => { if (window.lucide) window.lucide.createIcons(); });
+  return <i data-lucide={name} style={{ width:size, height:size, color, display:'inline-flex', ...style }}></i>;
+}
+const num = (v) => (typeof v === "number" ? v : parseFloat(v));
+const dirColor = (v) => num(v) > 0 ? "var(--up)" : num(v) < 0 ? "var(--down)" : "var(--flat)";
+function EmailRow({ getContent, tag, placeholder }) {
+  const [to, setTo] = useState("");
+  const [status, setStatus] = useState("");
+  const [busy, setBusy] = useState(false);
+  const send = async () => {
+    setBusy(true); setStatus("");
+    try { const r = await API.email(getContent(), to, tag); setStatus(r.status); }
+    catch (e) { setStatus("X " + e.message); }
+    setBusy(false);
+  };
+  return (
+    <div style={{marginTop:"var(--space-200)", display:"flex", flexDirection:"column", gap:6}}>
+      <div style={{display:"flex", gap:"var(--space-150)", alignItems:"flex-end"}}>
+        <Field label="Email this result to" value={to} onChange={e=>setTo(e.target.value)}
+          placeholder={placeholder || "name@example.com"} className="grow"/>
+        <Button variant="secondary" onClick={send} disabled={busy}>
+          <Icon name="mail" size={14}/> {busy ? "Sending..." : "Send Email"}
+        </Button>
+      </div>
+      {status && <div className="dim" style={{fontSize:13}}>{status}</div>}
+    </div>
+  );
+}
+function Kpi({ label, value, tone }) {
+  return (
+    <div style={{flex:1, padding:"14px 18px", background:"var(--surface-card)", border:"1px solid var(--border-hairline)",
+      borderRadius:"var(--radius-lg)", boxShadow:"var(--shadow-raised)"}}>
+      <div style={{font:"var(--font-weight-bold) 28px/1 var(--font-sans)", color:tone||"var(--text-heading)"}}>{value}</div>
+      <div style={{font:"var(--type-detail)", color:"var(--text-muted)", marginTop:4}}>{label}</div>
+    </div>
+  );
+}
+function Markdown({ text }) {
+  if (!text) return null;
+  const html = window.CCmd ? window.CCmd(text) : text.replace(/\n/g,"<br/>");
+  return <div className="cc-md" dangerouslySetInnerHTML={{__html: html}}/>;
+}
+/* ─────────── Signals ─────────── */
+function SignalsView() {
+  const [pool, setPool] = useState("AAPL, MSFT, NVDA, TSLA, AMZN, GOOGL, META, AMD");
+  const [force, setForce] = useState(false);
+  const [running, setRunning] = useState(false);
+  const [rows, setRows] = useState([]);
+  const [summary, setSummary] = useState("");
+  const [sel, setSel] = useState(null);
+  const [aiText, setAiText] = useState("");
+  const [aiBusy, setAiBusy] = useState(false);
+  const run = async () => {
+    setRunning(true); setAiText("");
+    try {
+      const r = await API.runSignals(pool, force);
+      setRows(r.rows || []); setSummary(r.summary || "");
+      setSel((r.rows && r.rows[0] && r.rows[0].Ticker) || null);
+    } catch (e) { setSummary("X " + e.message); }
+    setRunning(false);
+  };
+  const explain = async () => {
+    if (!sel) return;
+    setAiBusy(true); setAiText("");
+    await API.signalSummary(sel, (m) => setAiText(m.text || ""));
+    setAiBusy(false);
+  };
+  const counts = rows.reduce((a,r)=>{ const k=(r.Tomorrow||"").replace(/[^A-Z]/g,"");
+    a[k]=(a[k]||0)+1; return a; }, {});
+  return (
+    <div style={{display:"flex", flexDirection:"column", gap:"var(--space-300)"}}>
+      <div style={{display:"flex", gap:"var(--space-200)"}}>
+        <Kpi label="BUY" value={counts.BUY||0} tone="var(--up)"/>
+        <Kpi label="SELL" value={counts.SELL||0} tone="var(--down)"/>
+        <Kpi label="HOLD" value={counts.HOLD||0} tone="var(--accent)"/>
+        <Kpi label="WAIT" value={counts.WAIT||0}/>
+      </div>
+      <Card title="Tomorrow's plan" subtitle="Long-hold mode - the unchanged Chan engine runs over each ticker">
+        <div style={{display:"flex", gap:"var(--space-200)", alignItems:"flex-end", marginBottom:"var(--space-250)"}}>
+          <Field label="Ticker pool" mono value={pool} onChange={e=>setPool(e.target.value)} className="grow" help="Comma separated"/>
+          <Checkbox checked={force} onChange={e=>setForce(e.target.checked)}>Force fresh download</Checkbox>
+          <Button variant="accent" onClick={run} disabled={running}>
+            {running ? <><Icon name="loader" size={15}/> Running...</> : <><Icon name="play" size={15}/> Run analysis</>}
+          </Button>
+        </div>
+        {rows.length === 0 ? (
+          <div className="cc-empty"><Icon name="table" size={22} color="var(--text-disabled)"/>
+            <div>Run analysis to see tomorrow's plan.</div></div>
+        ) : (
+          <div className="cc-table">
+            <table>
+              <thead><tr>
+                <th>Ticker</th><th>Tomorrow</th><th>Buy point</th><th>Buy zone</th>
+                <th>Invalid below</th><th>Signal</th><th className="num">Conf.</th><th className="num">Close</th>
+              </tr></thead>
+              <tbody>
+                {rows.map(r=>(
+                  <tr key={r.Ticker} className={r.Ticker===sel?"sel":""} onClick={()=>{setSel(r.Ticker); setAiText("");}}>
+                    <td><span className="mono bold">{r.Ticker}</span></td>
+                    <td>{r.Tomorrow}</td>
+                    <td className="mono dim">{r["Buy point"]}</td>
+                    <td className="mono dim">{r["Buy zone"]}</td>
+                    <td className="mono dim">{r["Invalid below"]}</td>
+                    <td className="dim">{r.Signal}</td>
+                    <td className="num mono">{r.Confidence}</td>
+                    <td className="num mono">{r.Close}</td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </div>
+        )}
+        {summary && <div className="dim" style={{marginTop:8, fontSize:13}}>{summary}</div>}
+      </Card>
+      <Card title={"AI Summary" + (sel?" - "+sel:"")} subtitle="Summary sub-agent - Chan-Tuned Qwen3-1.7B - references the multi-timeframe ruling chain">
+        <div style={{display:"flex", gap:"var(--space-150)", marginBottom:"var(--space-200)"}}>
+          <Button variant="accent" size="sm" onClick={explain} disabled={!sel || aiBusy}>
+            <Icon name="sparkles" size={14}/> {aiBusy ? "Summarizing..." : "AI summary (local LLM)"}
+          </Button>
+        </div>
+        <div className="cc-llm-out">
+          {aiText ? <Markdown text={aiText}/> : <span className="dim">AI output appears here. Pick a ticker, then AI summary.</span>}
+        </div>
+        <EmailRow getContent={()=>aiText} tag="Signals summary"/>
+      </Card>
+    </div>
+  );
+}
+/* ─────────── Rotation ─────────── */
+function RotationView() {
+  const [d1, setD1] = useState([]);
+  const [asof, setAsof] = useState("");
+  const [ai, setAi] = useState(""); const [busy, setBusy] = useState(false);
+  const [loading, setLoading] = useState(false);
+  const refresh = async () => {
+    setLoading(true);
+    try { const r = await API.rotation(); setD1(r.d1||[]); setAsof(r.asof||""); }
+    catch(e){ setAsof("X "+e.message); }
+    setLoading(false);
+  };
+  const narrate = async () => { setBusy(true); setAi(""); await API.rotationNarrative(m=>setAi(m.text||"")); setBusy(false); };
+  return (
+    <div style={{display:"flex", flexDirection:"column", gap:"var(--space-300)"}}>
+      <InlineAlert variant="informative" title="Where capital is flowing">
+        11 SPDR sector ETFs (full S&amp;P 500). Flow proxy = change % x dollar volume; RS = return minus SPY.
+        True per-sector fund-flow feeds are paid data - this is the standard free proxy.
+      </InlineAlert>
+      <div style={{display:"flex", gap:"var(--space-150)"}}>
+        <Button variant="accent" onClick={refresh} disabled={loading}>
+          <Icon name="refresh-cw" size={15}/> {loading?"Refreshing...":"Refresh rotation (instant)"}
+        </Button>
+        <Button variant="secondary" onClick={narrate} disabled={busy || !d1.length}>
+          <Icon name="bot" size={15}/> {busy?"Writing...":"AI narrative (local LLM)"}
+        </Button>
+        {asof && <span style={{marginLeft:"auto"}}><StatusLight variant="neutral">{asof}</StatusLight></span>}
+      </div>
+      {d1.length>0 && (
+        <Card title="Sector rotation" subtitle="1-day flow proxy - sorted">
+          <div className="cc-table"><table>
+            <thead><tr>{Object.keys(d1[0]).map(k=><th key={k} className={(k!=="Sector"&&k!=="ETF")?"num":""}>{k}</th>)}</tr></thead>
+            <tbody>{d1.map((r,i)=>(
+              <tr key={i}>{Object.entries(r).map(([k,v])=>(
+                <td key={k} className={(k!=="Sector"&&k!=="ETF")?"num mono":""}
+                    style={{color: typeof v==="string"&&v.includes("%")?dirColor(parseFloat(v)):undefined}}>{v}</td>
+              ))}</tr>
+            ))}</tbody>
+          </table></div>
+        </Card>
+      )}
+      {ai && <InlineAlert variant="ai" title="Narrator sub-agent - Qwen3-1.7B">{ai}</InlineAlert>}
+      <Card title="Email" subtitle="Send the current rotation narrative">
+        <EmailRow getContent={()=>ai} tag="Sector rotation"/>
+      </Card>
+    </div>
+  );
+}
+/* ─────────── News ─────────── */
+function NewsView() {
+  const [hold, setHold] = useState("");
+  const [out, setOut] = useState("");
+  const [busy, setBusy] = useState(false);
+  useEffect(()=>{ API.holdings().then(r=>setHold((r.holdings||[]).join(", "))).catch(()=>{}); },[]);
+  const save = async () => { await API.saveHoldings(hold); };
+  const check = async () => { setBusy(true); setOut(""); await API.checkNews(m=>setOut(m.text||"")); setBusy(false); };
+  return (
+    <div style={{display:"flex", flexDirection:"column", gap:"var(--space-300)", maxWidth:820}}>
+      <Card title="Watchlist news" subtitle="For each holding, only today's news is checked - streamed as it arrives">
+        <div style={{display:"flex", gap:"var(--space-150)", alignItems:"flex-end", marginBottom:"var(--space-200)"}}>
+          <Field label="My holdings" mono value={hold} onChange={e=>setHold(e.target.value)} className="grow"/>
+          <Button variant="secondary" onClick={save}><Icon name="save" size={14}/> Save holdings</Button>
+          <Button variant="accent" onClick={check} disabled={busy}>
+            <Icon name="search" size={15}/> {busy?"Checking...":"Check today's news"}
+          </Button>
+        </div>
+        <div className="cc-llm-out" style={{minHeight:200}}>
+          {out ? <Markdown text={out}/> : <span className="dim">News briefs appear here.</span>}
+        </div>
+        <EmailRow getContent={()=>out} tag="Watchlist news"/>
+      </Card>
+    </div>
+  );
+}
+/* ─────────── Research ─────────── */
+function ResearchView() {
+  const [tic, setTic] = useState("");
+  const [progress, setProgress] = useState("");
+  const [report, setReport] = useState("");
+  const [reports, setReports] = useState([]);
+  const [busy, setBusy] = useState(false);
+  const [sel, setSel] = useState(null);
+  useEffect(()=>{ API.reports().then(r=>setReports(r.reports||[])).catch(()=>{}); },[]);
+  const run = async () => {
+    if (!tic) return;
+    setBusy(true); setProgress(""); setReport("");
+    await API.runResearch(tic, (m)=>{
+      if (m.progress === "__done__") { setReports(m.reports||[]); setReport(m.report||""); }
+      else { setProgress(m.progress||""); setReport(m.report||""); }
+    });
+    setBusy(false);
+  };
+  const open = async (name) => { setSel(name); const r = await API.report(name); setReport(r.markdown||""); };
+  return (
+    <div style={{display:"grid", gridTemplateColumns:"1fr 300px", gap:"var(--space-300)", alignItems:"start"}}>
+      <div style={{display:"flex", flexDirection:"column", gap:"var(--space-300)"}}>
+        <Card title="Auto research agent" subtitle="Multi-agent - PLAN, 6 parallel tools, Analyst + Reporter write in parallel">
+          <div style={{display:"flex", gap:"var(--space-150)", alignItems:"flex-end", marginBottom:"var(--space-250)"}}>
+            <Field label="Ticker" placeholder="e.g. NVDA" value={tic} onChange={e=>setTic(e.target.value)} className="grow"/>
+            <Button variant="accent" onClick={run} disabled={busy}>
+              <Icon name="bot" size={15}/> {busy?"Running...":"Run research agent"}
+            </Button>
+          </div>
+          {progress && <div className="cc-llm-out" style={{marginBottom:12}}><Markdown text={progress}/></div>}
+          <div className="cc-llm-out" style={{minHeight:200}}>
+            {report ? <Markdown text={report}/> : <span className="dim">Agent trace + sectioned report appear here.</span>}
+          </div>
+          <EmailRow getContent={()=>report} tag="Research report"/>
+        </Card>
+      </div>
+      <Card title="Report library" subtitle="Auto + manual - /data" elevation="raised">
+        <div className="cc-list">
+          {reports.length===0 && <div className="dim" style={{padding:8}}>No reports yet.</div>}
+          {reports.map((r)=>(
+            <button key={r} className={"cc-list-item " + (r===sel?"sel":"")} onClick={()=>open(r)}>
+              <Icon name="file-text" size={15} color="var(--text-muted)"/>
+              <span className="mono">{r}</span>
+            </button>
+          ))}
+        </div>
+      </Card>
+    </div>
+  );
+}
+/* ─────────── Automation ─────────── */
+function AutomationView() {
+  const [state, setState] = useState({log:[], schedule:"", traces:""});
+  const [repo, setRepo] = useState("ranranrunforit/chan-compass-agent-traces");
+  const [pubStatus, setPubStatus] = useState("");
+  const [running, setRunning] = useState(false);
+  useEffect(()=>{
+    const tick = ()=> API.autoState().then(setState).catch(()=>{});
+    tick(); const id=setInterval(tick, 2500); return ()=>clearInterval(id);
+  },[]);
+  const runNow = async () => { setRunning(true); await API.autoRun().catch(()=>{}); setRunning(false); };
+  const publish = async () => { setPubStatus("Publishing...");
+    try { const r = await API.publishTraces(repo); setPubStatus(r.status); }
+    catch(e){ setPubStatus("X "+e.message); } };
+  return (
+    <div style={{display:"flex", flexDirection:"column", gap:"var(--space-300)"}}>
+      <InlineAlert variant="informative" title="Daily pipeline">{state.schedule}</InlineAlert>
+      <Card title="Pipeline" subtitle="data, signals, rotation, news, auto-research"
+        action={<Button variant="accent" size="sm" onClick={runNow} disabled={running}>
+          <Icon name="zap" size={14}/> {running?"Running...":"Run now"}</Button>}>
+        <div className="cc-log" style={{maxHeight:300, overflow:"auto"}}>
+          {(state.log||[]).map((l,i)=><div key={i} className="mono" style={{fontSize:12}}>{l}</div>)}
+          {(!state.log || !state.log.length) && <span className="dim">(no log yet)</span>}
+        </div>
+      </Card>
+      <Card title="Share traces" subtitle="Publish every agent trace as a Hub dataset (uses your HF_TOKEN - no command line)">
+        <div style={{display:"flex", gap:"var(--space-150)", alignItems:"flex-end"}}>
+          <Field label="Dataset repo id" mono value={repo} onChange={e=>setRepo(e.target.value)} className="grow"/>
+          <Button variant="secondary" onClick={publish}><Icon name="upload-cloud" size={14}/> Publish traces as dataset</Button>
+        </div>
+        {pubStatus && <div className="dim" style={{marginTop:8, fontSize:13}}><Markdown text={pubStatus}/></div>}
+        <div className="cc-llm-out" style={{marginTop:12}}><Markdown text={state.traces||""}/></div>
+      </Card>
+    </div>
+  );
+}
+/* ─────────── Model ─────────── */
+function ModelView() {
+  const [status, setStatus] = useState("");
+  const [workers, setWorkers] = useState({});
+  const [test, setTest] = useState("");
+  const [ft, setFt] = useState(""); const [dl, setDl] = useState("");
+  useEffect(()=>{
+    const tick = ()=> API.modelStatus().then(r=>{setStatus(r.status); setWorkers(r.workers||{});}).catch(()=>{});
+    tick(); const id=setInterval(tick, 3000); return ()=>clearInterval(id);
+  },[]);
+  useEffect(()=>{ API.finetuneStatus().then(r=>setFt(r.status)).catch(()=>{}); },[]);
+  const runTest = async () => { setTest("Testing..."); const r=await API.modelTest(); setTest(r.result); };
+  const exportDs = async () => { const r = await API.exportDataset();
+    setDl(r.path ? "Exported "+r.count+" pairs -> "+r.path : "No pairs captured yet."); };
+  return (
+    <div style={{display:"flex", flexDirection:"column", gap:"var(--space-300)", maxWidth:760}}>
+      <InlineAlert variant="informative" title="Everything runs locally through llama.cpp">
+        Qwen3 GGUF weights, all below the 32B cap. The Summary sub-agent uses a published fine-tune (Chan-Tuned Qwen3-1.7B).
+      </InlineAlert>
+      <Card title="Sub-agent pool" subtitle="Each sub-agent has its own lock - they run in parallel"
+        action={<Button variant="secondary" size="sm" onClick={runTest}><Icon name="zap" size={14}/> Test sub-agents now</Button>}>
+        <div className="cc-radios">
+          {Object.entries(workers).map(([k,w])=>(
+            <div key={k} className="cc-radio" style={{cursor:"default"}}>
+              <StatusLight variant={w.ready?"positive":"notice"} live={w.ready}>{k}</StatusLight>
+              <span className="mono dim" style={{marginLeft:8}}>{w.model}</span>
+              <span style={{marginLeft:"auto"}} className="dim">{w.ready?"ready":w.stage}</span>
+            </div>
+          ))}
+        </div>
+        {test && <div className="cc-llm-out" style={{marginTop:12}}><Markdown text={test}/></div>}
+      </Card>
+      <Card title="Fine-tuning dataset" subtitle="Every Signals AI summary is captured as a training pair on /data">
+        <div className="dim" style={{marginBottom:10}}><Markdown text={ft}/></div>
+        <Button variant="accent" onClick={exportDs}><Icon name="download" size={15}/> Export dataset (JSONL)</Button>
+        {dl && <div className="dim" style={{marginTop:8, fontSize:13}}>{dl}</div>}
+      </Card>
+    </div>
+  );
+}
+Object.assign(window, { SignalsView, RotationView, ResearchView, NewsView, AutomationView, ModelView });