/* @ds-bundle: {"format":4,"namespace":"CommiTeaDesignSystem_20e63b","components":[{"name":"Badge","sourcePath":"components/core/Badge.jsx"},{"name":"Button","sourcePath":"components/core/Button.jsx"},{"name":"Card","sourcePath":"components/core/Card.jsx"},{"name":"Icon","sourcePath":"components/core/Icon.jsx"},{"name":"ICON_NAMES","sourcePath":"components/core/Icon.jsx"},{"name":"IconButton","sourcePath":"components/core/IconButton.jsx"},{"name":"Tabs","sourcePath":"components/core/Tabs.jsx"},{"name":"Tag","sourcePath":"components/core/Tag.jsx"},{"name":"Dialog","sourcePath":"components/feedback/Dialog.jsx"},{"name":"Toast","sourcePath":"components/feedback/Toast.jsx"},{"name":"Tooltip","sourcePath":"components/feedback/Tooltip.jsx"},{"name":"Checkbox","sourcePath":"components/forms/Checkbox.jsx"},{"name":"Input","sourcePath":"components/forms/Input.jsx"},{"name":"Radio","sourcePath":"components/forms/Radio.jsx"},{"name":"Select","sourcePath":"components/forms/Select.jsx"},{"name":"Switch","sourcePath":"components/forms/Switch.jsx"}],"sourceHashes":{"components/core/Badge.jsx":"13c23a483d6d","components/core/Button.jsx":"ffc4f2a60c23","components/core/Card.jsx":"e4f4f0a376af","components/core/Icon.jsx":"1787a3656dc6","components/core/IconButton.jsx":"170d08e66f39","components/core/Tabs.jsx":"0f8158ee544f","components/core/Tag.jsx":"302fa43de0bd","components/feedback/Dialog.jsx":"73351848bd2e","components/feedback/Toast.jsx":"f9a033ad288d","components/feedback/Tooltip.jsx":"56a0f8711a27","components/forms/Checkbox.jsx":"4cb2969560f3","components/forms/Input.jsx":"094796149aa2","components/forms/Radio.jsx":"91f9c6b050f9","components/forms/Select.jsx":"9ff161748dde","components/forms/Switch.jsx":"f06333a8ce87","ui_kits/app/BoardScreen.jsx":"dbc1bd0a53b7","ui_kits/app/CalibrationScreen.jsx":"c91b96dc9bf5","ui_kits/app/CaptureScreen.jsx":"73340a249734","ui_kits/app/Chart.jsx":"15c1e3215058","ui_kits/app/ChatPanel.jsx":"339468410bb2","ui_kits/app/DepsGraph.jsx":"939049a86dda","ui_kits/app/DirectivesScreen.jsx":"e2b00e10749b","ui_kits/app/FocusScreen.jsx":"299cda1464ad","ui_kits/app/GanttView.jsx":"1f80d0b66429","ui_kits/app/InboxScreen.jsx":"e6cb39fc8ffe","ui_kits/app/IssueScreen.jsx":"4a796332482d","ui_kits/app/MilestoneScreen.jsx":"c2079e4d6380","ui_kits/app/OnboardingScreen.jsx":"640268f5031f","ui_kits/app/RunwayScreen.jsx":"038c4bfad5fe","ui_kits/app/SettingsScreen.jsx":"310bf0c6283b","ui_kits/app/Shell.jsx":"9135061e542a","ui_kits/app/StandupScreen.jsx":"70abb71f7c43","ui_kits/app/StatesGallery.jsx":"324b05e164e9","ui_kits/app/data.js":"df66d90a9521"},"inlinedExternals":[],"unexposedExports":[]} */

(() => {

const __ds_ns = (window.CommiTeaDesignSystem_20e63b = window.CommiTeaDesignSystem_20e63b || {});

const __ds_scope = {};

(__ds_ns.__errors = __ds_ns.__errors || []);

// components/core/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 = `
.ct-badge {
  display: inline-flex; align-items: center; gap: 6px;
  font: 500 12px/1 var(--font-sans);
  padding: 4px 9px;
  border-radius: var(--radius-round);
}
.ct-badge__dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.ct-badge--ok { background: var(--ok-tint); color: var(--ok); }
.ct-badge--warn { background: var(--warn-tint); color: var(--warn); }
.ct-badge--danger { background: var(--danger-tint); color: var(--danger); }
.ct-badge--info { background: var(--info-tint); color: var(--info); }
.ct-badge--neutral { background: var(--paper-2); color: var(--ink-2); }
.ct-badge--jade { background: var(--jade-tint); color: var(--jade-7); }
`;
(function inject() {
  if (typeof document !== 'undefined' && !document.getElementById('ct-badge-css')) {
    const s = document.createElement('style');
    s.id = 'ct-badge-css';
    s.textContent = CSS;
    document.head.appendChild(s);
  }
})();
function Badge({
  tone = 'neutral',
  dot = false,
  children,
  style,
  ...rest
}) {
  return /*#__PURE__*/React.createElement("span", _extends({
    className: `ct-badge ct-badge--${tone}`,
    style: style
  }, rest), dot ? /*#__PURE__*/React.createElement("span", {
    className: "ct-badge__dot"
  }) : null, children);
}
Object.assign(__ds_scope, { Badge });
})(); } catch (e) { __ds_ns.__errors.push({ path: "components/core/Badge.jsx", error: String((e && e.message) || e) }); }

// components/core/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 = `
.ct-card {
  background: var(--surface-card);
  border: 1px solid var(--border-hairline);
  border-radius: var(--radius-3);
  box-shadow: var(--shadow-1);
}
.ct-card--jade { box-shadow: var(--shadow-jade-line), var(--shadow-1); }
.ct-card__header {
  display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
  padding: 16px 20px 0;
}
.ct-card__title {
  font: var(--text-title);
  color: var(--ink-1);
  margin: 0;
}
.ct-card__overline {
  font: var(--text-overline);
  letter-spacing: var(--letter-spacing-wide);
  text-transform: uppercase;
  color: var(--ink-3);
  margin: 0 0 6px;
}
.ct-card__body { padding: 14px 20px 18px; }
.ct-card__body--flush { padding: 0; }
.ct-card__footer {
  display: flex; align-items: center; gap: 8px;
  padding: 12px 20px;
  border-top: 1px solid var(--border-hairline);
}
`;
(function inject() {
  if (typeof document !== 'undefined' && !document.getElementById('ct-card-css')) {
    const s = document.createElement('style');
    s.id = 'ct-card-css';
    s.textContent = CSS;
    document.head.appendChild(s);
  }
})();
function Card({
  title,
  overline,
  actions,
  footer,
  jade = false,
  flush = false,
  children,
  style,
  ...rest
}) {
  return /*#__PURE__*/React.createElement("section", _extends({
    className: `ct-card${jade ? ' ct-card--jade' : ''}`,
    style: style
  }, rest), title || overline || actions ? /*#__PURE__*/React.createElement("header", {
    className: "ct-card__header"
  }, /*#__PURE__*/React.createElement("div", null, overline ? /*#__PURE__*/React.createElement("p", {
    className: "ct-card__overline"
  }, overline) : null, title ? /*#__PURE__*/React.createElement("h2", {
    className: "ct-card__title"
  }, title) : null), actions ? /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      gap: '4px',
      flexShrink: 0
    }
  }, actions) : null) : null, /*#__PURE__*/React.createElement("div", {
    className: `ct-card__body${flush ? ' ct-card__body--flush' : ''}`
  }, children), footer ? /*#__PURE__*/React.createElement("footer", {
    className: "ct-card__footer"
  }, footer) : null);
}
Object.assign(__ds_scope, { Card });
})(); } catch (e) { __ds_ns.__errors.push({ path: "components/core/Card.jsx", error: String((e && e.message) || e) }); }

// components/core/Icon.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); }
/* Generated from assets/icons/*.svg (lucide-static v0.462.0, ISC). Do not edit paths by hand. */
const ICONS = {
  "activity": "<path d=\"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2\"></path>",
  "arrow-left": "<path d=\"m12 19-7-7 7-7\"></path>\n  <path d=\"M19 12H5\"></path>",
  "arrow-right": "<path d=\"M5 12h14\"></path>\n  <path d=\"m12 5 7 7-7 7\"></path>",
  "arrow-up-right": "<path d=\"M7 7h10v10\"></path>\n  <path d=\"M7 17 17 7\"></path>",
  "bell": "<path d=\"M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9\"></path>\n  <path d=\"M10.3 21a1.94 1.94 0 0 0 3.4 0\"></path>",
  "calendar": "<path d=\"M8 2v4\"></path>\n  <path d=\"M16 2v4\"></path>\n  <rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\"></rect>\n  <path d=\"M3 10h18\"></path>",
  "chart-line": "<path d=\"M3 3v16a2 2 0 0 0 2 2h16\"></path>\n  <path d=\"m19 9-5 5-4-4-3 3\"></path>",
  "chart-no-axes-gantt": "<path d=\"M8 6h10\"></path>\n  <path d=\"M6 12h9\"></path>\n  <path d=\"M11 18h7\"></path>",
  "check": "<path d=\"M20 6 9 17l-5-5\"></path>",
  "chevron-down": "<path d=\"m6 9 6 6 6-6\"></path>",
  "chevron-left": "<path d=\"m15 18-6-6 6-6\"></path>",
  "chevron-right": "<path d=\"m9 18 6-6-6-6\"></path>",
  "chevron-up": "<path d=\"m18 15-6-6-6 6\"></path>",
  "circle-alert": "<circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n  <line x1=\"12\" x2=\"12\" y1=\"8\" y2=\"12\"></line>\n  <line x1=\"12\" x2=\"12.01\" y1=\"16\" y2=\"16\"></line>",
  "circle-check": "<circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n  <path d=\"m9 12 2 2 4-4\"></path>",
  "circle-dashed": "<path d=\"M10.1 2.182a10 10 0 0 1 3.8 0\"></path>\n  <path d=\"M13.9 21.818a10 10 0 0 1-3.8 0\"></path>\n  <path d=\"M17.609 3.721a10 10 0 0 1 2.69 2.7\"></path>\n  <path d=\"M2.182 13.9a10 10 0 0 1 0-3.8\"></path>\n  <path d=\"M20.279 17.609a10 10 0 0 1-2.7 2.69\"></path>\n  <path d=\"M21.818 10.1a10 10 0 0 1 0 3.8\"></path>\n  <path d=\"M3.721 6.391a10 10 0 0 1 2.7-2.69\"></path>\n  <path d=\"M6.391 20.279a10 10 0 0 1-2.69-2.7\"></path>",
  "circle-dot": "<circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n  <circle cx=\"12\" cy=\"12\" r=\"1\"></circle>",
  "circle": "<circle cx=\"12\" cy=\"12\" r=\"10\"></circle>",
  "clock-3": "<circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n  <polyline points=\"12 6 12 12 16.5 12\"></polyline>",
  "clock": "<circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n  <polyline points=\"12 6 12 12 16 14\"></polyline>",
  "coffee": "<path d=\"M10 2v2\"></path>\n  <path d=\"M14 2v2\"></path>\n  <path d=\"M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1\"></path>\n  <path d=\"M6 2v2\"></path>",
  "copy": "<rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"></rect>\n  <path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2\"></path>",
  "ellipsis": "<circle cx=\"12\" cy=\"12\" r=\"1\"></circle>\n  <circle cx=\"19\" cy=\"12\" r=\"1\"></circle>\n  <circle cx=\"5\" cy=\"12\" r=\"1\"></circle>",
  "external-link": "<path d=\"M15 3h6v6\"></path>\n  <path d=\"M10 14 21 3\"></path>\n  <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"></path>",
  "eye": "<path d=\"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0\"></path>\n  <circle cx=\"12\" cy=\"12\" r=\"3\"></circle>",
  "filter": "<polygon points=\"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3\"></polygon>",
  "flag": "<path d=\"M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z\"></path>\n  <line x1=\"4\" x2=\"4\" y1=\"22\" y2=\"15\"></line>",
  "gauge": "<path d=\"m12 14 4-4\"></path>\n  <path d=\"M3.34 19a10 10 0 1 1 17.32 0\"></path>",
  "git-branch": "<line x1=\"6\" x2=\"6\" y1=\"3\" y2=\"15\"></line>\n  <circle cx=\"18\" cy=\"6\" r=\"3\"></circle>\n  <circle cx=\"6\" cy=\"18\" r=\"3\"></circle>\n  <path d=\"M18 9a9 9 0 0 1-9 9\"></path>",
  "git-commit-horizontal": "<circle cx=\"12\" cy=\"12\" r=\"3\"></circle>\n  <line x1=\"3\" x2=\"9\" y1=\"12\" y2=\"12\"></line>\n  <line x1=\"15\" x2=\"21\" y1=\"12\" y2=\"12\"></line>",
  "git-merge": "<circle cx=\"18\" cy=\"18\" r=\"3\"></circle>\n  <circle cx=\"6\" cy=\"6\" r=\"3\"></circle>\n  <path d=\"M6 21V9a9 9 0 0 0 9 9\"></path>",
  "git-pull-request": "<circle cx=\"18\" cy=\"18\" r=\"3\"></circle>\n  <circle cx=\"6\" cy=\"6\" r=\"3\"></circle>\n  <path d=\"M13 6h3a2 2 0 0 1 2 2v7\"></path>\n  <line x1=\"6\" x2=\"6\" y1=\"9\" y2=\"21\"></line>",
  "history": "<path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\"></path>\n  <path d=\"M3 3v5h5\"></path>\n  <path d=\"M12 7v5l4 2\"></path>",
  "inbox": "<polyline points=\"22 12 16 12 14 15 10 15 8 12 2 12\"></polyline>\n  <path d=\"M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z\"></path>",
  "info": "<circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n  <path d=\"M12 16v-4\"></path>\n  <path d=\"M12 8h.01\"></path>",
  "keyboard": "<path d=\"M10 8h.01\"></path>\n  <path d=\"M12 12h.01\"></path>\n  <path d=\"M14 8h.01\"></path>\n  <path d=\"M16 12h.01\"></path>\n  <path d=\"M18 8h.01\"></path>\n  <path d=\"M6 8h.01\"></path>\n  <path d=\"M7 16h10\"></path>\n  <path d=\"M8 12h.01\"></path>\n  <rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"></rect>",
  "layers": "<path d=\"m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z\"></path>\n  <path d=\"m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65\"></path>\n  <path d=\"m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65\"></path>",
  "leaf": "<path d=\"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z\"></path>\n  <path d=\"M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12\"></path>",
  "link": "<path d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"></path>\n  <path d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"></path>",
  "list-filter": "<path d=\"M3 6h18\"></path>\n  <path d=\"M7 12h10\"></path>\n  <path d=\"M10 18h4\"></path>",
  "list": "<path d=\"M3 12h.01\"></path>\n  <path d=\"M3 18h.01\"></path>\n  <path d=\"M3 6h.01\"></path>\n  <path d=\"M8 12h13\"></path>\n  <path d=\"M8 18h13\"></path>\n  <path d=\"M8 6h13\"></path>",
  "loader-circle": "<path d=\"M21 12a9 9 0 1 1-6.219-8.56\"></path>",
  "message-square": "<path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"></path>",
  "milestone": "<path d=\"M12 13v8\"></path>\n  <path d=\"M12 3v3\"></path>\n  <path d=\"M4 6a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h13a2 2 0 0 0 1.152-.365l3.424-2.317a1 1 0 0 0 0-1.635l-3.424-2.318A2 2 0 0 0 17 6z\"></path>",
  "minus": "<path d=\"M5 12h14\"></path>",
  "moon": "<path d=\"M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z\"></path>",
  "network": "<rect x=\"16\" y=\"16\" width=\"6\" height=\"6\" rx=\"1\"></rect>\n  <rect x=\"2\" y=\"16\" width=\"6\" height=\"6\" rx=\"1\"></rect>\n  <rect x=\"9\" y=\"2\" width=\"6\" height=\"6\" rx=\"1\"></rect>\n  <path d=\"M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3\"></path>\n  <path d=\"M12 12V8\"></path>",
  "panel-left": "<rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"></rect>\n  <path d=\"M9 3v18\"></path>",
  "pause": "<rect x=\"14\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\"></rect>\n  <rect x=\"6\" y=\"4\" width=\"4\" height=\"16\" rx=\"1\"></rect>",
  "pencil": "<path d=\"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z\"></path>\n  <path d=\"m15 5 4 4\"></path>",
  "play": "<polygon points=\"6 3 20 12 6 21 6 3\"></polygon>",
  "plus": "<path d=\"M5 12h14\"></path>\n  <path d=\"M12 5v14\"></path>",
  "refresh-cw": "<path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\"></path>\n  <path d=\"M21 3v5h-5\"></path>\n  <path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\"></path>\n  <path d=\"M8 16H3v5\"></path>",
  "search": "<circle cx=\"11\" cy=\"11\" r=\"8\"></circle>\n  <path d=\"m21 21-4.3-4.3\"></path>",
  "send": "<path d=\"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z\"></path>\n  <path d=\"m21.854 2.147-10.94 10.939\"></path>",
  "settings-2": "<path d=\"M20 7h-9\"></path>\n  <path d=\"M14 17H5\"></path>\n  <circle cx=\"17\" cy=\"17\" r=\"3\"></circle>\n  <circle cx=\"7\" cy=\"7\" r=\"3\"></circle>",
  "settings": "<path d=\"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z\"></path>\n  <circle cx=\"12\" cy=\"12\" r=\"3\"></circle>",
  "sparkles": "<path d=\"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z\"></path>\n  <path d=\"M20 3v4\"></path>\n  <path d=\"M22 5h-4\"></path>\n  <path d=\"M4 17v2\"></path>\n  <path d=\"M5 18H3\"></path>",
  "square-kanban": "<rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"></rect>\n  <path d=\"M8 7v7\"></path>\n  <path d=\"M12 7v4\"></path>\n  <path d=\"M16 7v9\"></path>",
  "sun": "<circle cx=\"12\" cy=\"12\" r=\"4\"></circle>\n  <path d=\"M12 2v2\"></path>\n  <path d=\"M12 20v2\"></path>\n  <path d=\"m4.93 4.93 1.41 1.41\"></path>\n  <path d=\"m17.66 17.66 1.41 1.41\"></path>\n  <path d=\"M2 12h2\"></path>\n  <path d=\"M20 12h2\"></path>\n  <path d=\"m6.34 17.66-1.41 1.41\"></path>\n  <path d=\"m19.07 4.93-1.41 1.41\"></path>",
  "tag": "<path d=\"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z\"></path>\n  <circle cx=\"7.5\" cy=\"7.5\" r=\".5\" fill=\"currentColor\"></circle>",
  "target": "<circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n  <circle cx=\"12\" cy=\"12\" r=\"6\"></circle>\n  <circle cx=\"12\" cy=\"12\" r=\"2\"></circle>",
  "trash-2": "<path d=\"M3 6h18\"></path>\n  <path d=\"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6\"></path>\n  <path d=\"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2\"></path>\n  <line x1=\"10\" x2=\"10\" y1=\"11\" y2=\"17\"></line>\n  <line x1=\"14\" x2=\"14\" y1=\"11\" y2=\"17\"></line>",
  "trending-up": "<polyline points=\"22 7 13.5 15.5 8.5 10.5 2 17\"></polyline>\n  <polyline points=\"16 7 22 7 22 13\"></polyline>",
  "triangle-alert": "<path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\"></path>\n  <path d=\"M12 9v4\"></path>\n  <path d=\"M12 17h.01\"></path>",
  "user": "<path d=\"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2\"></path>\n  <circle cx=\"12\" cy=\"7\" r=\"4\"></circle>",
  "users": "<path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"></path>\n  <circle cx=\"9\" cy=\"7\" r=\"4\"></circle>\n  <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"></path>\n  <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"></path>",
  "x": "<path d=\"M18 6 6 18\"></path>\n  <path d=\"m6 6 12 12\"></path>",
  "zap": "<path d=\"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\"></path>"
};
function Icon({
  name,
  size = 16,
  strokeWidth = 1.5,
  title,
  style,
  ...rest
}) {
  const inner = ICONS[name];
  if (!inner) {
    console.warn('[CommiTea Icon] unknown icon: ' + name);
    return null;
  }
  return /*#__PURE__*/React.createElement("svg", _extends({
    width: size,
    height: size,
    viewBox: "0 0 24 24",
    fill: "none",
    stroke: "currentColor",
    strokeWidth: strokeWidth,
    strokeLinecap: "round",
    strokeLinejoin: "round",
    "aria-hidden": title ? undefined : true,
    role: title ? 'img' : undefined,
    "aria-label": title,
    style: {
      flexShrink: 0,
      ...style
    },
    dangerouslySetInnerHTML: {
      __html: inner
    }
  }, rest));
}
const ICON_NAMES = Object.keys(ICONS);
Object.assign(__ds_scope, { Icon, ICON_NAMES });
})(); } catch (e) { __ds_ns.__errors.push({ path: "components/core/Icon.jsx", error: String((e && e.message) || e) }); }

// components/core/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); }
const CSS = `
.ct-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  font: 600 14px/1 var(--font-sans);
  border-radius: var(--radius-2);
  border: 1px solid transparent;
  cursor: pointer;
  white-space: nowrap;
  transition: background var(--duration-fast) var(--ease-out),
              border-color var(--duration-fast) var(--ease-out),
              color var(--duration-fast) var(--ease-out);
}
.ct-btn:disabled { opacity: 0.45; cursor: not-allowed; }
.ct-btn--md { height: 34px; padding: 0 14px; }
.ct-btn--sm { height: 28px; padding: 0 10px; font-size: 13px; }
.ct-btn--primary { background: var(--accent); color: var(--text-on-accent); }
.ct-btn--primary:hover:not(:disabled) { background: var(--accent-hover); }
.ct-btn--primary:active:not(:disabled) { background: var(--accent-pressed); }
.ct-btn--secondary { background: var(--surface-card); border-color: var(--line-2); color: var(--ink-1); }
.ct-btn--secondary:hover:not(:disabled) { background: var(--paper-2); }
.ct-btn--secondary:active:not(:disabled) { background: var(--paper-3); }
.ct-btn--ghost { background: transparent; color: var(--ink-2); }
.ct-btn--ghost:hover:not(:disabled) { background: var(--paper-2); color: var(--ink-1); }
.ct-btn--ghost:active:not(:disabled) { background: var(--paper-3); }
.ct-btn--danger { background: var(--danger); color: var(--ink-inverse); }
.ct-btn--danger:hover:not(:disabled) { filter: brightness(0.92); }
`;
(function inject() {
  if (typeof document !== 'undefined' && !document.getElementById('ct-button-css')) {
    const s = document.createElement('style');
    s.id = 'ct-button-css';
    s.textContent = CSS;
    document.head.appendChild(s);
  }
})();
function Button({
  variant = 'primary',
  size = 'md',
  icon,
  iconRight,
  disabled = false,
  children,
  style,
  ...rest
}) {
  const iconSize = size === 'sm' ? 15 : 17;
  return /*#__PURE__*/React.createElement("button", _extends({
    type: "button",
    className: `ct-btn ct-btn--${size} ct-btn--${variant}`,
    disabled: disabled,
    style: style
  }, rest), icon ? /*#__PURE__*/React.createElement(__ds_scope.Icon, {
    name: icon,
    size: iconSize
  }) : null, children, iconRight ? /*#__PURE__*/React.createElement(__ds_scope.Icon, {
    name: iconRight,
    size: iconSize
  }) : null);
}
Object.assign(__ds_scope, { Button });
})(); } catch (e) { __ds_ns.__errors.push({ path: "components/core/Button.jsx", error: String((e && e.message) || e) }); }

// components/core/IconButton.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 = `
.ct-iconbtn {
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: var(--radius-2);
  border: 1px solid transparent;
  background: transparent;
  color: var(--ink-2);
  cursor: pointer;
  transition: background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);
}
.ct-iconbtn:hover:not(:disabled) { background: var(--paper-2); color: var(--ink-1); }
.ct-iconbtn:active:not(:disabled) { background: var(--paper-3); }
.ct-iconbtn:disabled { opacity: 0.45; cursor: not-allowed; }
.ct-iconbtn--md { width: 34px; height: 34px; }
.ct-iconbtn--sm { width: 28px; height: 28px; }
.ct-iconbtn--outline { border-color: var(--line-2); background: var(--surface-card); }
.ct-iconbtn--outline:hover:not(:disabled) { background: var(--paper-2); }
`;
(function inject() {
  if (typeof document !== 'undefined' && !document.getElementById('ct-iconbtn-css')) {
    const s = document.createElement('style');
    s.id = 'ct-iconbtn-css';
    s.textContent = CSS;
    document.head.appendChild(s);
  }
})();
function IconButton({
  icon,
  label,
  variant = 'ghost',
  size = 'md',
  disabled = false,
  style,
  ...rest
}) {
  return /*#__PURE__*/React.createElement("button", _extends({
    type: "button",
    className: `ct-iconbtn ct-iconbtn--${size}${variant === 'outline' ? ' ct-iconbtn--outline' : ''}`,
    "aria-label": label,
    title: label,
    disabled: disabled,
    style: style
  }, rest), /*#__PURE__*/React.createElement(__ds_scope.Icon, {
    name: icon,
    size: size === 'sm' ? 15 : 17
  }));
}
Object.assign(__ds_scope, { IconButton });
})(); } catch (e) { __ds_ns.__errors.push({ path: "components/core/IconButton.jsx", error: String((e && e.message) || e) }); }

// components/core/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); }
const CSS = `
.ct-tabs {
  display: flex; gap: 2px;
  border-bottom: 1px solid var(--border-hairline);
}
.ct-tab {
  display: inline-flex; align-items: center; gap: 7px;
  font: 500 13.5px/1 var(--font-sans);
  color: var(--ink-2);
  background: none; border: none;
  padding: 10px 12px;
  margin-bottom: -1px;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  transition: color var(--duration-fast) var(--ease-out);
}
.ct-tab:hover { color: var(--ink-1); }
.ct-tab--active {
  color: var(--ink-1);
  font-weight: 600;
  border-bottom-color: var(--accent);
}
.ct-tab__count { font: 400 11.5px/1 var(--font-mono); color: var(--ink-3); }
`;
(function inject() {
  if (typeof document !== 'undefined' && !document.getElementById('ct-tabs-css')) {
    const s = document.createElement('style');
    s.id = 'ct-tabs-css';
    s.textContent = CSS;
    document.head.appendChild(s);
  }
})();
function Tabs({
  items,
  active,
  onChange,
  style,
  ...rest
}) {
  return /*#__PURE__*/React.createElement("div", _extends({
    className: "ct-tabs",
    role: "tablist",
    style: style
  }, rest), items.map(item => /*#__PURE__*/React.createElement("button", {
    key: item.id,
    type: "button",
    role: "tab",
    "aria-selected": item.id === active,
    className: `ct-tab${item.id === active ? ' ct-tab--active' : ''}`,
    onClick: () => onChange && onChange(item.id)
  }, item.icon ? /*#__PURE__*/React.createElement(__ds_scope.Icon, {
    name: item.icon,
    size: 15
  }) : null, item.label, item.count != null ? /*#__PURE__*/React.createElement("span", {
    className: "ct-tab__count"
  }, item.count) : null)));
}
Object.assign(__ds_scope, { Tabs });
})(); } catch (e) { __ds_ns.__errors.push({ path: "components/core/Tabs.jsx", error: String((e && e.message) || e) }); }

// components/core/Tag.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 = `
.ct-tag {
  display: inline-flex; align-items: center; gap: 5px;
  font: 500 11.5px/1 var(--font-mono);
  letter-spacing: var(--letter-spacing-label);
  padding: 4px 9px;
  border-radius: var(--radius-round);
  white-space: nowrap;
}
.ct-tag--est { background: var(--label-est-bg); color: var(--label-est-text); }
.ct-tag--p1 { background: var(--danger-tint); color: var(--label-p1); }
.ct-tag--p2 { background: var(--warn-tint); color: var(--label-p2); }
.ct-tag--p3 { background: var(--info-tint); color: var(--label-p3); }
.ct-tag--p4 { background: var(--paper-2); color: var(--label-p4); }
.ct-tag--hard { background: var(--label-hard); color: var(--ink-inverse); }
.ct-tag--plain { background: var(--paper-2); color: var(--ink-2); }
.ct-tag__x {
  display: inline-flex; padding: 0; margin: 0 -3px 0 0;
  background: none; border: none; color: inherit; cursor: pointer; opacity: 0.6;
}
.ct-tag__x:hover { opacity: 1; }
`;
(function inject() {
  if (typeof document !== 'undefined' && !document.getElementById('ct-tag-css')) {
    const s = document.createElement('style');
    s.id = 'ct-tag-css';
    s.textContent = CSS;
    document.head.appendChild(s);
  }
})();
function toneFor(label) {
  if (label.startsWith('est/')) return 'est';
  if (label === 'p/1') return 'p1';
  if (label === 'p/2') return 'p2';
  if (label === 'p/3') return 'p3';
  if (label === 'p/4') return 'p4';
  if (label === 'deadline/hard') return 'hard';
  return 'plain';
}
function Tag({
  label,
  onRemove,
  style,
  ...rest
}) {
  return /*#__PURE__*/React.createElement("span", _extends({
    className: `ct-tag ct-tag--${toneFor(label)}`,
    style: style
  }, rest), label, onRemove ? /*#__PURE__*/React.createElement("button", {
    type: "button",
    className: "ct-tag__x",
    "aria-label": `Remove ${label}`,
    onClick: onRemove
  }, /*#__PURE__*/React.createElement(__ds_scope.Icon, {
    name: "x",
    size: 11,
    strokeWidth: 2
  })) : null);
}
Object.assign(__ds_scope, { Tag });
})(); } catch (e) { __ds_ns.__errors.push({ path: "components/core/Tag.jsx", error: String((e && e.message) || e) }); }

// components/feedback/Dialog.jsx
try { (() => {
const CSS = `
.ct-dialog-scrim {
  position: fixed; inset: 0;
  background: rgba(32, 38, 29, 0.4);
  display: flex; align-items: center; justify-content: center;
  z-index: 100;
  animation: ct-dialog-fade var(--duration-base) var(--ease-out);
}
.ct-dialog {
  background: var(--surface-card);
  border: 1px solid var(--border-hairline);
  border-radius: var(--radius-3);
  box-shadow: var(--shadow-3);
  width: min(480px, calc(100vw - 48px));
  max-height: calc(100vh - 96px);
  display: flex; flex-direction: column;
  animation: ct-dialog-rise var(--duration-base) var(--ease-out);
}
.ct-dialog__header {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 12px;
  padding: 20px 20px 12px;
  border-bottom: 3px double var(--border-strong);
  margin: 0 20px; padding-left: 0; padding-right: 0;
}
.ct-dialog__title { font: var(--text-title); color: var(--ink-1); margin: 0; }
.ct-dialog__body { padding: 16px 20px; overflow-y: auto; font: var(--text-body); color: var(--ink-1); }
.ct-dialog__footer {
  display: flex; justify-content: flex-end; gap: 8px;
  padding: 12px 20px 20px;
}
@keyframes ct-dialog-fade { from { opacity: 0; } }
@keyframes ct-dialog-rise { from { opacity: 0; transform: translateY(8px); } }
@media (prefers-reduced-motion: reduce) {
  .ct-dialog-scrim, .ct-dialog { animation: none; }
}
`;
(function inject() {
  if (typeof document !== 'undefined' && !document.getElementById('ct-dialog-css')) {
    const s = document.createElement('style');
    s.id = 'ct-dialog-css';
    s.textContent = CSS;
    document.head.appendChild(s);
  }
})();
function Dialog({
  open,
  onClose,
  title,
  footer,
  children,
  style
}) {
  React.useEffect(() => {
    if (!open) return;
    const onKey = e => {
      if (e.key === 'Escape' && onClose) onClose();
    };
    document.addEventListener('keydown', onKey);
    return () => document.removeEventListener('keydown', onKey);
  }, [open, onClose]);
  if (!open) return null;
  return /*#__PURE__*/React.createElement("div", {
    className: "ct-dialog-scrim",
    onClick: e => {
      if (e.target === e.currentTarget && onClose) onClose();
    }
  }, /*#__PURE__*/React.createElement("div", {
    className: "ct-dialog",
    role: "dialog",
    "aria-modal": "true",
    style: style
  }, /*#__PURE__*/React.createElement("header", {
    className: "ct-dialog__header"
  }, /*#__PURE__*/React.createElement("h2", {
    className: "ct-dialog__title"
  }, title), onClose ? /*#__PURE__*/React.createElement(__ds_scope.IconButton, {
    icon: "x",
    label: "Close",
    size: "sm",
    onClick: onClose
  }) : null), /*#__PURE__*/React.createElement("div", {
    className: "ct-dialog__body"
  }, children), footer ? /*#__PURE__*/React.createElement("footer", {
    className: "ct-dialog__footer"
  }, footer) : null));
}
Object.assign(__ds_scope, { Dialog });
})(); } catch (e) { __ds_ns.__errors.push({ path: "components/feedback/Dialog.jsx", error: String((e && e.message) || e) }); }

// components/feedback/Toast.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 = `
.ct-toast {
  display: flex; align-items: flex-start; gap: 10px;
  background: var(--surface-card);
  border: 1px solid var(--border-hairline);
  border-radius: var(--radius-2);
  box-shadow: var(--shadow-2);
  padding: 12px 14px;
  max-width: 420px;
  font: var(--text-body);
  color: var(--ink-1);
  animation: ct-toast-in var(--duration-slow) var(--ease-out);
}
.ct-toast__icon { display: flex; margin-top: 1px; }
.ct-toast--ok .ct-toast__icon { color: var(--ok); }
.ct-toast--warn .ct-toast__icon { color: var(--warn); }
.ct-toast--danger .ct-toast__icon { color: var(--danger); }
.ct-toast--info .ct-toast__icon { color: var(--info); }
.ct-toast__content { flex: 1; min-width: 0; }
.ct-toast__title { font: var(--text-body-strong); margin: 0 0 2px; }
@keyframes ct-toast-in { from { opacity: 0; transform: translateY(6px); } }
@media (prefers-reduced-motion: reduce) { .ct-toast { animation: none; } }
`;
(function inject() {
  if (typeof document !== 'undefined' && !document.getElementById('ct-toast-css')) {
    const s = document.createElement('style');
    s.id = 'ct-toast-css';
    s.textContent = CSS;
    document.head.appendChild(s);
  }
})();
const TOAST_ICONS = {
  ok: 'circle-check',
  warn: 'triangle-alert',
  danger: 'circle-alert',
  info: 'info'
};
function Toast({
  tone = 'info',
  title,
  onDismiss,
  children,
  style,
  ...rest
}) {
  return /*#__PURE__*/React.createElement("div", _extends({
    className: `ct-toast ct-toast--${tone}`,
    role: "status",
    style: style
  }, rest), /*#__PURE__*/React.createElement("span", {
    className: "ct-toast__icon"
  }, /*#__PURE__*/React.createElement(__ds_scope.Icon, {
    name: TOAST_ICONS[tone],
    size: 16
  })), /*#__PURE__*/React.createElement("div", {
    className: "ct-toast__content"
  }, title ? /*#__PURE__*/React.createElement("p", {
    className: "ct-toast__title"
  }, title) : null, children), onDismiss ? /*#__PURE__*/React.createElement(__ds_scope.IconButton, {
    icon: "x",
    label: "Dismiss",
    size: "sm",
    onClick: onDismiss
  }) : null);
}
Object.assign(__ds_scope, { Toast });
})(); } catch (e) { __ds_ns.__errors.push({ path: "components/feedback/Toast.jsx", error: String((e && e.message) || e) }); }

// components/feedback/Tooltip.jsx
try { (() => {
const CSS = `
.ct-tooltip-wrap { position: relative; display: inline-flex; }
.ct-tooltip {
  position: absolute; bottom: calc(100% + 7px); left: 50%;
  transform: translateX(-50%) translateY(2px);
  background: var(--ink-1);
  color: var(--ink-inverse);
  font: 500 12px/1.4 var(--font-sans);
  padding: 5px 9px;
  border-radius: var(--radius-1);
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);
  z-index: 50;
}
.ct-tooltip--bottom { bottom: auto; top: calc(100% + 7px); transform: translateX(-50%) translateY(-2px); }
.ct-tooltip-wrap:hover .ct-tooltip,
.ct-tooltip-wrap:focus-within .ct-tooltip {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}
.ct-tooltip code { font: 500 11px var(--font-mono); }
`;
(function inject() {
  if (typeof document !== 'undefined' && !document.getElementById('ct-tooltip-css')) {
    const s = document.createElement('style');
    s.id = 'ct-tooltip-css';
    s.textContent = CSS;
    document.head.appendChild(s);
  }
})();
function Tooltip({
  content,
  side = 'top',
  children,
  style
}) {
  return /*#__PURE__*/React.createElement("span", {
    className: "ct-tooltip-wrap",
    style: style
  }, children, /*#__PURE__*/React.createElement("span", {
    className: `ct-tooltip${side === 'bottom' ? ' ct-tooltip--bottom' : ''}`,
    role: "tooltip"
  }, content));
}
Object.assign(__ds_scope, { Tooltip });
})(); } catch (e) { __ds_ns.__errors.push({ path: "components/feedback/Tooltip.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 = `
.ct-check { display: inline-flex; align-items: center; gap: 9px; cursor: pointer; font: var(--text-body); color: var(--ink-1); }
.ct-check--disabled { opacity: 0.5; cursor: not-allowed; }
.ct-check__input { position: absolute; opacity: 0; width: 0; height: 0; }
.ct-check__box {
  width: 16px; height: 16px; flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--surface-card);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-1);
  color: transparent;
  transition: background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);
}
.ct-check:hover:not(.ct-check--disabled) .ct-check__box { border-color: var(--border-strong); }
.ct-check__input:checked + .ct-check__box { background: var(--accent); border-color: var(--accent); color: var(--ink-inverse); }
.ct-check__input:focus-visible + .ct-check__box { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
`;
(function inject() {
  if (typeof document !== 'undefined' && !document.getElementById('ct-check-css')) {
    const s = document.createElement('style');
    s.id = 'ct-check-css';
    s.textContent = CSS;
    document.head.appendChild(s);
  }
})();
function Checkbox({
  label,
  checked,
  onChange,
  disabled = false,
  style,
  ...rest
}) {
  return /*#__PURE__*/React.createElement("label", {
    className: `ct-check${disabled ? ' ct-check--disabled' : ''}`,
    style: style
  }, /*#__PURE__*/React.createElement("input", _extends({
    type: "checkbox",
    className: "ct-check__input",
    checked: checked,
    onChange: onChange,
    disabled: disabled
  }, rest)), /*#__PURE__*/React.createElement("span", {
    className: "ct-check__box"
  }, /*#__PURE__*/React.createElement(__ds_scope.Icon, {
    name: "check",
    size: 12,
    strokeWidth: 2.5
  })), label ? /*#__PURE__*/React.createElement("span", null, label) : null);
}
Object.assign(__ds_scope, { Checkbox });
})(); } catch (e) { __ds_ns.__errors.push({ path: "components/forms/Checkbox.jsx", error: String((e && e.message) || e) }); }

// components/forms/Input.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 = `
.ct-field { display: flex; flex-direction: column; gap: 6px; }
.ct-field__label { font: 600 13px/1.2 var(--font-sans); color: var(--ink-1); }
.ct-field__wrap { position: relative; display: flex; align-items: center; }
.ct-field__icon { position: absolute; left: 10px; color: var(--ink-3); pointer-events: none; display: flex; }
.ct-input {
  width: 100%; height: 34px;
  font: var(--text-body);
  color: var(--ink-1);
  background: var(--surface-card);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-2);
  padding: 0 12px;
  transition: border-color var(--duration-fast) var(--ease-out);
}
.ct-input::placeholder { color: var(--ink-3); }
.ct-input:hover:not(:disabled):not(:focus) { border-color: var(--border-strong); background: var(--paper-1); }
.ct-input:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); }
.ct-input:disabled { opacity: 0.5; background: var(--paper-2); cursor: not-allowed; }
.ct-input--icon { padding-left: 32px; }
.ct-input--error { border-color: var(--danger); }
.ct-input--error:focus { border-color: var(--danger); box-shadow: 0 0 0 1px var(--danger); }
.ct-input--mono { font: var(--text-data); }
.ct-field__hint { font: var(--text-caption); color: var(--ink-3); margin: 0; }
.ct-field__error { font: var(--text-caption); color: var(--danger); margin: 0; }
`;
(function inject() {
  if (typeof document !== 'undefined' && !document.getElementById('ct-input-css')) {
    const s = document.createElement('style');
    s.id = 'ct-input-css';
    s.textContent = CSS;
    document.head.appendChild(s);
  }
})();
function Input({
  label,
  hint,
  error,
  icon,
  mono = false,
  style,
  ...rest
}) {
  const cls = ['ct-input', icon ? 'ct-input--icon' : '', error ? 'ct-input--error' : '', mono ? 'ct-input--mono' : ''].filter(Boolean).join(' ');
  return /*#__PURE__*/React.createElement("div", {
    className: "ct-field",
    style: style
  }, label ? /*#__PURE__*/React.createElement("label", {
    className: "ct-field__label"
  }, label) : null, /*#__PURE__*/React.createElement("div", {
    className: "ct-field__wrap"
  }, icon ? /*#__PURE__*/React.createElement("span", {
    className: "ct-field__icon"
  }, /*#__PURE__*/React.createElement(__ds_scope.Icon, {
    name: icon,
    size: 15
  })) : null, /*#__PURE__*/React.createElement("input", _extends({
    className: cls
  }, rest))), error ? /*#__PURE__*/React.createElement("p", {
    className: "ct-field__error"
  }, error) : hint ? /*#__PURE__*/React.createElement("p", {
    className: "ct-field__hint"
  }, hint) : null);
}
Object.assign(__ds_scope, { Input });
})(); } catch (e) { __ds_ns.__errors.push({ path: "components/forms/Input.jsx", error: String((e && e.message) || e) }); }

// components/forms/Radio.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 = `
.ct-radio { display: inline-flex; align-items: center; gap: 9px; cursor: pointer; font: var(--text-body); color: var(--ink-1); }
.ct-radio--disabled { opacity: 0.5; cursor: not-allowed; }
.ct-radio__input { position: absolute; opacity: 0; width: 0; height: 0; }
.ct-radio__dot {
  width: 16px; height: 16px; flex-shrink: 0;
  border: 1px solid var(--line-2);
  border-radius: 50%;
  background: var(--surface-card);
  display: inline-flex; align-items: center; justify-content: center;
  transition: border-color var(--duration-fast) var(--ease-out);
}
.ct-radio__dot::after {
  content: '';
  width: 8px; height: 8px; border-radius: 50%;
  background: transparent;
  transition: background var(--duration-fast) var(--ease-out);
}
.ct-radio:hover:not(.ct-radio--disabled) .ct-radio__dot { border-color: var(--border-strong); }
.ct-radio__input:checked + .ct-radio__dot { border-color: var(--accent); }
.ct-radio__input:checked + .ct-radio__dot::after { background: var(--accent); }
.ct-radio__input:focus-visible + .ct-radio__dot { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
`;
(function inject() {
  if (typeof document !== 'undefined' && !document.getElementById('ct-radio-css')) {
    const s = document.createElement('style');
    s.id = 'ct-radio-css';
    s.textContent = CSS;
    document.head.appendChild(s);
  }
})();
function Radio({
  label,
  checked,
  onChange,
  name,
  value,
  disabled = false,
  style,
  ...rest
}) {
  return /*#__PURE__*/React.createElement("label", {
    className: `ct-radio${disabled ? ' ct-radio--disabled' : ''}`,
    style: style
  }, /*#__PURE__*/React.createElement("input", _extends({
    type: "radio",
    className: "ct-radio__input",
    checked: checked,
    onChange: onChange,
    name: name,
    value: value,
    disabled: disabled
  }, rest)), /*#__PURE__*/React.createElement("span", {
    className: "ct-radio__dot"
  }), label ? /*#__PURE__*/React.createElement("span", null, label) : null);
}
Object.assign(__ds_scope, { Radio });
})(); } catch (e) { __ds_ns.__errors.push({ path: "components/forms/Radio.jsx", error: String((e && e.message) || e) }); }

// components/forms/Select.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 = `
.ct-select-field { display: flex; flex-direction: column; gap: 6px; }
.ct-select-field__label { font: 600 13px/1.2 var(--font-sans); color: var(--ink-1); }
.ct-select__wrap { position: relative; display: flex; align-items: center; }
.ct-select {
  width: 100%; height: 34px;
  font: var(--text-body);
  color: var(--ink-1);
  background: var(--surface-card);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-2);
  padding: 0 30px 0 12px;
  appearance: none;
  cursor: pointer;
  transition: border-color var(--duration-fast) var(--ease-out);
}
.ct-select:hover:not(:disabled):not(:focus) { border-color: var(--border-strong); }
.ct-select:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); }
.ct-select:disabled { opacity: 0.5; cursor: not-allowed; }
.ct-select__chevron { position: absolute; right: 10px; color: var(--ink-3); pointer-events: none; display: flex; }
`;
(function inject() {
  if (typeof document !== 'undefined' && !document.getElementById('ct-select-css')) {
    const s = document.createElement('style');
    s.id = 'ct-select-css';
    s.textContent = CSS;
    document.head.appendChild(s);
  }
})();
function Select({
  label,
  options,
  style,
  ...rest
}) {
  return /*#__PURE__*/React.createElement("div", {
    className: "ct-select-field",
    style: style
  }, label ? /*#__PURE__*/React.createElement("label", {
    className: "ct-select-field__label"
  }, label) : null, /*#__PURE__*/React.createElement("div", {
    className: "ct-select__wrap"
  }, /*#__PURE__*/React.createElement("select", _extends({
    className: "ct-select"
  }, rest), options.map(o => /*#__PURE__*/React.createElement("option", {
    key: o.value,
    value: o.value
  }, o.label))), /*#__PURE__*/React.createElement("span", {
    className: "ct-select__chevron"
  }, /*#__PURE__*/React.createElement(__ds_scope.Icon, {
    name: "chevron-down",
    size: 15
  }))));
}
Object.assign(__ds_scope, { Select });
})(); } catch (e) { __ds_ns.__errors.push({ path: "components/forms/Select.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 = `
.ct-switch { display: inline-flex; align-items: center; gap: 9px; cursor: pointer; font: var(--text-body); color: var(--ink-1); }
.ct-switch--disabled { opacity: 0.5; cursor: not-allowed; }
.ct-switch__input { position: absolute; opacity: 0; width: 0; height: 0; }
.ct-switch__track {
  width: 34px; height: 20px; flex-shrink: 0;
  border-radius: var(--radius-round);
  background: var(--paper-3);
  border: 1px solid var(--line-2);
  position: relative;
  transition: background var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);
}
.ct-switch__track::after {
  content: '';
  position: absolute; top: 2px; left: 2px;
  width: 14px; height: 14px; border-radius: 50%;
  background: var(--surface-card);
  box-shadow: var(--shadow-1);
  transition: transform var(--duration-base) var(--ease-out);
}
.ct-switch__input:checked + .ct-switch__track { background: var(--accent); border-color: var(--accent); }
.ct-switch__input:checked + .ct-switch__track::after { transform: translateX(14px); }
.ct-switch__input:focus-visible + .ct-switch__track { outline: 2px solid var(--focus-ring); outline-offset: 2px; }
`;
(function inject() {
  if (typeof document !== 'undefined' && !document.getElementById('ct-switch-css')) {
    const s = document.createElement('style');
    s.id = 'ct-switch-css';
    s.textContent = CSS;
    document.head.appendChild(s);
  }
})();
function Switch({
  label,
  checked,
  onChange,
  disabled = false,
  style,
  ...rest
}) {
  return /*#__PURE__*/React.createElement("label", {
    className: `ct-switch${disabled ? ' ct-switch--disabled' : ''}`,
    style: style
  }, /*#__PURE__*/React.createElement("input", _extends({
    type: "checkbox",
    role: "switch",
    className: "ct-switch__input",
    checked: checked,
    onChange: onChange,
    disabled: disabled
  }, rest)), /*#__PURE__*/React.createElement("span", {
    className: "ct-switch__track"
  }), label ? /*#__PURE__*/React.createElement("span", null, label) : null);
}
Object.assign(__ds_scope, { Switch });
})(); } catch (e) { __ds_ns.__errors.push({ path: "components/forms/Switch.jsx", error: String((e && e.message) || e) }); }

// ui_kits/app/BoardScreen.jsx
try { (() => {
// Board — kanban over inferred lifecycle, with Gantt/Dependencies stubs
function BoardScreen({
  onOpenIssue
}) {
  const DS = window.CommiTeaDesignSystem_20e63b;
  const {
    Card,
    Tag,
    Badge,
    Tabs,
    IconButton,
    Input,
    Icon
  } = DS;
  const d = window.CT_DATA;
  const [tab, setTab] = React.useState('board');
  const [query, setQuery] = React.useState('');
  const q = query.trim().toLowerCase();
  const filtered = d.columns.map(c => ({
    ...c,
    issues: q ? c.issues.filter(i => (i.title + ' #' + i.id).toLowerCase().includes(q)) : c.issues
  }));
  const anyMatch = filtered.some(c => c.issues.length > 0);
  const openCount = d.columns.reduce((n, c) => n + (c.id === 'done' ? 0 : c.issues.length), 0);
  const IssueCard = ({
    issue
  }) => /*#__PURE__*/React.createElement("div", {
    onClick: () => onOpenIssue(issue),
    style: {
      background: 'var(--surface-card)',
      border: '1px solid var(--line-1)',
      borderRadius: 'var(--radius-2)',
      padding: '10px 12px',
      cursor: 'pointer',
      boxShadow: 'var(--shadow-1)',
      display: 'flex',
      flexDirection: 'column',
      gap: 8
    },
    onMouseEnter: e => {
      e.currentTarget.style.borderColor = 'var(--line-2)';
    },
    onMouseLeave: e => {
      e.currentTarget.style.borderColor = 'var(--line-1)';
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      font: 'var(--text-small)',
      fontWeight: 500,
      color: 'var(--ink-1)'
    }
  }, issue.title), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 6,
      flexWrap: 'wrap'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 11.5px var(--font-mono)',
      color: 'var(--ink-3)'
    }
  }, "#", issue.id), issue.labels.map(l => /*#__PURE__*/React.createElement(Tag, {
    key: l,
    label: l,
    style: {
      transform: 'scale(0.95)',
      transformOrigin: 'left center'
    }
  })), issue.days ? /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 11px var(--font-mono)',
      color: 'var(--warn)'
    }
  }, issue.days) : null, issue.pr ? /*#__PURE__*/React.createElement("span", {
    style: {
      display: 'inline-flex',
      alignItems: 'center',
      gap: 3,
      font: '400 11px var(--font-mono)',
      color: 'var(--info)'
    }
  }, /*#__PURE__*/React.createElement(Icon, {
    name: "git-pull-request",
    size: 12
  }), issue.pr) : null, /*#__PURE__*/React.createElement("span", {
    style: {
      marginLeft: 'auto',
      width: 20,
      height: 20,
      borderRadius: '50%',
      background: 'var(--spruce-2)',
      color: 'var(--accent-text)',
      font: '600 9px/20px var(--font-sans)',
      textAlign: 'center',
      flexShrink: 0
    }
  }, issue.who)));
  return /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 14,
      height: '100%',
      minHeight: 0
    }
  }, /*#__PURE__*/React.createElement("header", {
    style: {
      display: 'flex',
      alignItems: 'baseline',
      justifyContent: 'space-between',
      gap: 12
    }
  }, /*#__PURE__*/React.createElement("h1", {
    style: {
      font: 'var(--text-display)',
      color: 'var(--ink-1)',
      margin: 0,
      whiteSpace: 'nowrap'
    }
  }, "The pot"), /*#__PURE__*/React.createElement("div", {
    style: {
      width: 240
    }
  }, /*#__PURE__*/React.createElement(Input, {
    icon: "search",
    placeholder: "Search the pot\u2026",
    value: query,
    onChange: e => setQuery(e.target.value)
  }))), /*#__PURE__*/React.createElement(Tabs, {
    items: [{
      id: 'board',
      label: 'Board',
      icon: 'square-kanban',
      count: openCount
    }, {
      id: 'gantt',
      label: 'Gantt',
      icon: 'chart-no-axes-gantt'
    }, {
      id: 'deps',
      label: 'Dependencies',
      icon: 'network'
    }],
    active: tab,
    onChange: setTab
  }), tab === 'board' ? anyMatch ? /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'grid',
      gridTemplateColumns: 'repeat(5, 1fr)',
      gap: 12,
      alignItems: 'start',
      flex: 1,
      minHeight: 0,
      overflow: 'auto'
    }
  }, filtered.map(col => /*#__PURE__*/React.createElement("div", {
    key: col.id,
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 8
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 6,
      padding: '2px 2px 4px',
      borderBottom: '1px solid var(--line-1)',
      whiteSpace: 'nowrap'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      font: 'var(--text-overline)',
      letterSpacing: 'var(--letter-spacing-wide)',
      textTransform: 'uppercase',
      color: 'var(--ink-2)'
    }
  }, col.label), /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 11px var(--font-mono)',
      color: 'var(--ink-3)'
    }
  }, col.issues.length)), col.issues.map(i => /*#__PURE__*/React.createElement(IssueCard, {
    key: i.id,
    issue: i
  }))))) : /*#__PURE__*/React.createElement("div", {
    style: {
      flex: 1,
      border: '1px dashed var(--line-2)',
      borderRadius: 'var(--radius-3)'
    }
  }, /*#__PURE__*/React.createElement(window.EmptyState, {
    icon: "search",
    title: "Nothing by that name",
    line: `The pot holds ${d.columns.reduce((n, c) => n + c.issues.length, 0)} issues; none of them answer to “${query.trim()}”.`
  })) : tab === 'deps' ? /*#__PURE__*/React.createElement(window.DepsGraph, {
    onOpenIssue: onOpenIssue
  }) : /*#__PURE__*/React.createElement(window.GanttView, {
    onOpenIssue: onOpenIssue
  }));
}
Object.assign(window, {
  BoardScreen
});
})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/app/BoardScreen.jsx", error: String((e && e.message) || e) }); }

// ui_kits/app/CalibrationScreen.jsx
try { (() => {
// Calibration report — estimate-vs-actual evidence behind the cones
function CalibrationScreen({
  onBack
}) {
  const DS = window.CommiTeaDesignSystem_20e63b;
  const {
    Card,
    Badge,
    Icon
  } = DS;
  const c = window.CT_DATA.calibration;

  // scatter chart geometry
  const W = 420,
    H = 300,
    pad = {
      l: 36,
      r: 16,
      t: 14,
      b: 30
    };
  const maxD = 9;
  const X = d => pad.l + d / maxD * (W - pad.l - pad.r);
  const Y = d => H - pad.b - d / maxD * (H - pad.t - pad.b);
  const BiasBar = ({
    bias
  }) => {
    if (bias == null) return /*#__PURE__*/React.createElement("span", {
      style: {
        font: '400 11px var(--font-mono)',
        color: 'var(--ink-3)'
      }
    }, "n too small");
    return /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        alignItems: 'center',
        gap: 8,
        flex: 1
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        position: 'relative',
        flex: 1,
        height: 10,
        background: 'var(--paper-2)',
        borderRadius: 3
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        position: 'absolute',
        left: '30%',
        top: -2,
        bottom: -2,
        width: 1.5,
        background: 'var(--line-2)'
      }
    }), /*#__PURE__*/React.createElement("div", {
      style: {
        position: 'absolute',
        left: '30%',
        top: 1.5,
        height: 7,
        width: `${Math.min(bias * 1.6, 66)}%`,
        background: bias > 15 ? 'var(--warn)' : 'var(--ok)',
        borderRadius: '0 3px 3px 0',
        opacity: 0.75
      }
    })), /*#__PURE__*/React.createElement("span", {
      style: {
        font: '500 11.5px var(--font-mono)',
        color: bias > 15 ? 'var(--warn)' : 'var(--ok)',
        width: 42,
        textAlign: 'right'
      }
    }, "+", bias, "%"));
  };
  return /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 16
    }
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
    type: "button",
    onClick: onBack,
    style: {
      display: 'inline-flex',
      alignItems: 'center',
      gap: 6,
      background: 'none',
      border: 'none',
      font: '500 12.5px var(--font-sans)',
      color: 'var(--ink-2)',
      cursor: 'pointer',
      padding: '2px 0',
      marginBottom: 10
    }
  }, /*#__PURE__*/React.createElement(Icon, {
    name: "arrow-left",
    size: 14
  }), " Runway"), /*#__PURE__*/React.createElement("header", {
    style: {
      borderBottom: 'var(--rule-double)',
      paddingBottom: 14,
      display: 'flex',
      alignItems: 'baseline',
      justifyContent: 'space-between',
      gap: 12
    }
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h1", {
    style: {
      font: 'var(--text-display)',
      color: 'var(--ink-1)',
      margin: 0
    }
  }, "Calibration"), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-data)',
      color: 'var(--ink-3)',
      margin: '6px 0 0',
      whiteSpace: 'nowrap'
    }
  }, c.n, " closed issues with estimates \xB7 evidence, not opinion")), /*#__PURE__*/React.createElement(Badge, {
    tone: "ok",
    dot: true
  }, "curve active \xB7 n \u2265 20"))), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'grid',
      gridTemplateColumns: '1fr 1fr',
      gap: 14,
      alignItems: 'start'
    }
  }, /*#__PURE__*/React.createElement(Card, {
    overline: "Estimate vs actual",
    title: "The shape of hope",
    jade: true
  }, /*#__PURE__*/React.createElement("svg", {
    width: "100%",
    viewBox: `0 0 ${W} ${H}`,
    style: {
      display: 'block'
    }
  }, [1, 3, 5, 8].map(d => /*#__PURE__*/React.createElement(React.Fragment, {
    key: d
  }, /*#__PURE__*/React.createElement("line", {
    x1: X(d),
    x2: X(d),
    y1: pad.t,
    y2: H - pad.b,
    stroke: "var(--line-1)",
    strokeWidth: "1"
  }), /*#__PURE__*/React.createElement("text", {
    x: X(d),
    y: H - 12,
    textAnchor: "middle",
    style: {
      font: '400 10px var(--font-mono)',
      fill: 'var(--ink-3)'
    }
  }, d, "d"), /*#__PURE__*/React.createElement("line", {
    x1: pad.l,
    x2: W - pad.r,
    y1: Y(d),
    y2: Y(d),
    stroke: "var(--line-1)",
    strokeWidth: "1"
  }), /*#__PURE__*/React.createElement("text", {
    x: pad.l - 6,
    y: Y(d) + 3,
    textAnchor: "end",
    style: {
      font: '400 10px var(--font-mono)',
      fill: 'var(--ink-3)'
    }
  }, d, "d"))), /*#__PURE__*/React.createElement("line", {
    x1: X(0),
    y1: Y(0),
    x2: X(maxD),
    y2: Y(maxD),
    stroke: "var(--line-2)",
    strokeWidth: "1.2",
    strokeDasharray: "4 4"
  }), /*#__PURE__*/React.createElement("text", {
    x: X(7.6),
    y: Y(7.6) + 14,
    style: {
      font: '400 10px var(--font-mono)',
      fill: 'var(--ink-3)'
    }
  }, "honest"), /*#__PURE__*/React.createElement("line", {
    x1: X(0),
    y1: Y(0),
    x2: X(maxD / c.fit),
    y2: Y(maxD),
    stroke: "var(--cone-line)",
    strokeWidth: "1.6"
  }), /*#__PURE__*/React.createElement("text", {
    x: X(4.1),
    y: Y(4.1 * c.fit) - 8,
    style: {
      font: '500 10px var(--font-mono)',
      fill: 'var(--cone-line)'
    }
  }, "you \xB7 \xD7", c.fit), c.scatter.map(([e, a], i) => /*#__PURE__*/React.createElement("circle", {
    key: i,
    cx: X(e) + (i % 5 - 2) * 3,
    cy: Y(a),
    r: "3",
    fill: "var(--accent)",
    opacity: "0.55"
  }))), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-caption)',
      color: 'var(--ink-3)',
      margin: '8px 0 0'
    }
  }, "estimated (x) vs actual days (y) \xB7 actuals inferred from git events, never tracked")), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 14
    }
  }, /*#__PURE__*/React.createElement(Card, {
    overline: "Bias by estimate label",
    flush: true
  }, /*#__PURE__*/React.createElement("div", null, c.labels.map((r, i) => /*#__PURE__*/React.createElement("div", {
    key: r.label,
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 14,
      padding: '10px 20px',
      borderTop: i === 0 ? 'none' : '1px solid var(--line-1)'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      font: '500 11.5px var(--font-mono)',
      color: 'var(--ink-1)',
      width: 52
    }
  }, r.label), /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 11px var(--font-mono)',
      color: 'var(--ink-3)',
      width: 66
    }
  }, "n=", r.n, " \xB7 ", r.median), /*#__PURE__*/React.createElement(BiasBar, {
    bias: r.bias
  }))))), /*#__PURE__*/React.createElement(Card, {
    overline: "By person",
    flush: true
  }, /*#__PURE__*/React.createElement("div", null, c.people.map((p, i) => /*#__PURE__*/React.createElement("div", {
    key: p.who,
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 12,
      padding: '11px 20px',
      borderTop: i === 0 ? 'none' : '1px solid var(--line-1)'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      width: 24,
      height: 24,
      borderRadius: '50%',
      background: 'var(--spruce-2)',
      color: 'var(--accent-text)',
      font: '600 9px/24px var(--font-sans)',
      textAlign: 'center',
      flexShrink: 0
    }
  }, p.who.split(' ').map(w => w[0]).join('')), /*#__PURE__*/React.createElement("div", {
    style: {
      flex: 1,
      minWidth: 0
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      font: 'var(--text-body-strong)',
      color: 'var(--ink-1)'
    }
  }, p.who), /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 11px var(--font-mono)',
      color: 'var(--ink-3)'
    }
  }, " \xB7 n=", p.n, " \xB7 ", p.note)), /*#__PURE__*/React.createElement("span", {
    style: {
      font: '500 12px var(--font-mono)',
      color: p.bias > 15 ? 'var(--warn)' : 'var(--ok)'
    }
  }, "+", p.bias, "%"))))), /*#__PURE__*/React.createElement(Card, {
    overline: "What this does to your forecasts"
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 10,
      flexWrap: 'wrap'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 12.5px var(--font-mono)',
      color: 'var(--ink-2)',
      whiteSpace: 'nowrap'
    }
  }, c.effect.raw), /*#__PURE__*/React.createElement(Icon, {
    name: "arrow-right",
    size: 14,
    style: {
      color: 'var(--ink-3)'
    }
  }), /*#__PURE__*/React.createElement("span", {
    style: {
      font: '500 12.5px var(--font-mono)',
      color: 'var(--ink-1)',
      whiteSpace: 'nowrap'
    }
  }, c.effect.banded)), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-agent)',
      color: 'var(--ink-2)',
      margin: '10px 0 0'
    }
  }, "You are not bad at estimating; you are optimistic in a very stable way. Stable, I can work with.")))));
}
Object.assign(window, {
  CalibrationScreen
});
})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/app/CalibrationScreen.jsx", error: String((e && e.message) || e) }); }

// ui_kits/app/CaptureScreen.jsx
try { (() => {
// Capture interview — braindump → interview → approved ticket set (< 2 min)
function CaptureScreen({
  onDone
}) {
  const DS = window.CommiTeaDesignSystem_20e63b;
  const {
    Button,
    Card,
    Tag,
    Badge,
    Select,
    Icon
  } = DS;
  const [stage, setStage] = React.useState('dump'); // dump | interview | review | filed
  const [dump, setDump] = React.useState('auth is flaky \u2014 token refresh dies silently, sometimes session storage goes stale. ' + 'also the webhook debounce thing keeps double-firing. and we owe docs for auth setup');
  const [qi, setQi] = React.useState(0);
  const [log, setLog] = React.useState([]);
  const [split, setSplit] = React.useState(null);
  const [webEst, setWebEst] = React.useState(null);
  const [secs, setSecs] = React.useState(0);
  const running = stage === 'interview' || stage === 'review';
  React.useEffect(() => {
    if (!running) return;
    const t = setInterval(() => setSecs(s => s + 1), 1000);
    return () => clearInterval(t);
  }, [running]);
  const clock = `${Math.floor(secs / 60)}:${String(secs % 60).padStart(2, '0')}`;
  const QUESTIONS = [{
    q: 'The auth work \u2014 one ticket, or shall I split token refresh from session storage? They fail differently.',
    chips: ['One ticket', 'Split them'],
    set: a => setSplit(a === 'Split them')
  }, {
    q: 'The webhook double-fire \u2014 how long? I should mention your "quick" has averaged two days.',
    chips: ['est/1d', 'est/2d', 'est/3d'],
    set: a => setWebEst(a)
  }, {
    q: 'Milestone Beta, I presume? It has room, provided the auth work stays under four days.',
    chips: ['Beta', 'New milestone'],
    set: () => {}
  }];
  const answer = a => {
    QUESTIONS[qi].set(a);
    setLog(l => [...l, {
      q: QUESTIONS[qi].q,
      a
    }]);
    if (qi + 1 < QUESTIONS.length) setQi(qi + 1);else setStage('review');
  };

  // draft tickets build as the interview progresses
  const tickets = [];
  if (split === true) {
    tickets.push({
      title: 'Token refresh: retry with backoff',
      est: 'est/2d',
      p: 'p/2'
    });
    tickets.push({
      title: 'Session storage: stale reads on wake',
      est: 'est/1d',
      p: 'p/3'
    });
  } else if (split === false) {
    tickets.push({
      title: 'Auth: token refresh + session storage',
      est: 'est/3d',
      p: 'p/2'
    });
  }
  if (webEst) tickets.push({
    title: 'Webhook debounce: double-fire guard',
    est: webEst,
    p: 'p/1',
    dep: 'blocked by auth work'
  });
  if (stage === 'review' || stage === 'filed') {
    tickets.push({
      title: 'Docs: auth setup guide',
      est: 'est/1d',
      p: 'p/4',
      byReginald: true
    });
  }
  const totalDays = tickets.reduce((n, t) => n + parseInt(t.est.replace('est/', '')), 0);
  const estOptions = ['est/1d', 'est/2d', 'est/3d', 'est/5d', 'est/8d'].map(v => ({
    value: v,
    label: v
  }));
  const pOptions = ['p/1', 'p/2', 'p/3', 'p/4'].map(v => ({
    value: v,
    label: v
  }));
  const Tray = ({
    editable
  }) => /*#__PURE__*/React.createElement(Card, {
    overline: "The tray",
    title: tickets.length ? `${tickets.length} draft${tickets.length > 1 ? 's' : ''}` : 'Empty, for now',
    flush: true
  }, /*#__PURE__*/React.createElement("div", null, tickets.length === 0 ? /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-agent)',
      color: 'var(--ink-3)',
      margin: 0,
      padding: '14px 20px 18px'
    }
  }, "Tickets appear here as we talk.") : tickets.map((t, i) => /*#__PURE__*/React.createElement("div", {
    key: t.title,
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 8,
      padding: '12px 20px',
      borderTop: i === 0 ? 'none' : '1px solid var(--line-1)'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      font: 'var(--text-body-strong)',
      color: 'var(--ink-1)'
    }
  }, t.title), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 8,
      flexWrap: 'wrap'
    }
  }, editable ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Select, {
    options: estOptions,
    defaultValue: t.est,
    style: {
      width: 96
    }
  }), /*#__PURE__*/React.createElement(Select, {
    options: pOptions,
    defaultValue: t.p,
    style: {
      width: 76
    }
  })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tag, {
    label: t.est
  }), /*#__PURE__*/React.createElement(Tag, {
    label: t.p
  })), t.dep ? /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 11px var(--font-mono)',
      color: 'var(--ink-3)',
      display: 'inline-flex',
      alignItems: 'center',
      gap: 4
    }
  }, /*#__PURE__*/React.createElement(Icon, {
    name: "network",
    size: 11
  }), t.dep) : null, t.byReginald ? /*#__PURE__*/React.createElement(Badge, {
    tone: "jade"
  }, "added by Reginald") : null)))));
  return /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 16
    }
  }, /*#__PURE__*/React.createElement("header", {
    style: {
      borderBottom: 'var(--rule-double)',
      paddingBottom: 14,
      display: 'flex',
      alignItems: 'baseline',
      justifyContent: 'space-between',
      gap: 12
    }
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h1", {
    style: {
      font: 'var(--text-display)',
      color: 'var(--ink-1)',
      margin: 0
    }
  }, "Capture"), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-data)',
      color: 'var(--ink-3)',
      margin: '6px 0 0',
      whiteSpace: 'nowrap'
    }
  }, "braindump \u2192 approved tickets")), stage !== 'dump' ? /*#__PURE__*/React.createElement("div", {
    style: {
      textAlign: 'right'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      font: '400 24px/1 var(--font-serif-display)',
      color: secs > 120 ? 'var(--warn)' : 'var(--ink-1)'
    }
  }, clock), /*#__PURE__*/React.createElement("div", {
    style: {
      font: '400 11px var(--font-mono)',
      color: 'var(--ink-3)',
      marginTop: 4
    }
  }, "budget 2:00")) : null), stage === 'dump' ? /*#__PURE__*/React.createElement(Card, {
    overline: "Braindump",
    title: "Tell me what you're planning",
    jade: true
  }, /*#__PURE__*/React.createElement("textarea", {
    value: dump,
    onChange: e => setDump(e.target.value),
    rows: 5,
    style: {
      width: '100%',
      resize: 'vertical',
      font: 'var(--text-body)',
      color: 'var(--ink-1)',
      background: 'var(--paper-0)',
      border: '1px solid var(--line-2)',
      borderRadius: 'var(--radius-2)',
      padding: '10px 12px',
      outline: 'none',
      lineHeight: 1.55
    }
  }), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-agent)',
      color: 'var(--ink-2)',
      margin: '10px 0 14px'
    }
  }, "Sentences, fragments, grievances \u2014 all welcome. I'll sort it into tickets and only ask what I can't infer."), /*#__PURE__*/React.createElement(Button, {
    icon: "sparkles",
    onClick: () => setStage('interview')
  }, "Brew tickets")) : null, stage === 'interview' ? /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'grid',
      gridTemplateColumns: '1.3fr 1fr',
      gap: 14,
      alignItems: 'start'
    }
  }, /*#__PURE__*/React.createElement(Card, {
    overline: `Interview \u00b7 ${qi + 1} of ${QUESTIONS.length}`,
    jade: true
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 14
    }
  }, log.map((e, i) => /*#__PURE__*/React.createElement("div", {
    key: i,
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 6,
      opacity: 0.66
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      font: 'var(--text-agent)',
      color: 'var(--ink-2)'
    }
  }, e.q), /*#__PURE__*/React.createElement("span", {
    style: {
      alignSelf: 'flex-start',
      font: 'var(--text-small)',
      background: 'var(--paper-2)',
      borderRadius: 'var(--radius-round)',
      padding: '4px 11px'
    }
  }, e.a))), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-agent-lg)',
      color: 'var(--ink-1)',
      margin: 0
    }
  }, QUESTIONS[qi].q), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      gap: 8,
      flexWrap: 'wrap'
    }
  }, QUESTIONS[qi].chips.map(c => /*#__PURE__*/React.createElement(Button, {
    key: c,
    variant: "secondary",
    size: "sm",
    onClick: () => answer(c)
  }, c))))), /*#__PURE__*/React.createElement(Tray, null)) : null, stage === 'review' ? /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'grid',
      gridTemplateColumns: '1fr 1.1fr',
      gap: 14,
      alignItems: 'start'
    }
  }, /*#__PURE__*/React.createElement(Card, {
    overline: "Consequence",
    title: `${tickets.length} tickets \u00b7 ~${totalDays}d of work`,
    jade: true,
    footer: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
      onClick: () => setStage('filed')
    }, "Approve all"), /*#__PURE__*/React.createElement(Button, {
      variant: "ghost",
      onClick: () => {
        setStage('dump');
        setQi(0);
        setLog([]);
        setSplit(null);
        setWebEst(null);
        setSecs(0);
      }
    }, "Discard"))
  }, /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-body)',
      margin: '0 0 8px'
    }
  }, "Beta's 80% window moves ", /*#__PURE__*/React.createElement("span", {
    style: {
      font: 'var(--text-data)'
    }
  }, "Mar 3\u201312 \u2192 Mar 5\u201314"), ". Capacity absorbs the rest."), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-agent)',
      color: 'var(--ink-2)',
      margin: 0
    }
  }, "I added the docs ticket you mentioned and wired the dependency. Shall I make it so?")), /*#__PURE__*/React.createElement(Tray, {
    editable: true
  })) : null, stage === 'filed' ? /*#__PURE__*/React.createElement(Card, {
    jade: true,
    style: {
      maxWidth: 560
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 10,
      alignItems: 'flex-start'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      color: 'var(--ok)',
      display: 'inline-flex',
      alignItems: 'center',
      gap: 8,
      font: 'var(--text-title)'
    }
  }, /*#__PURE__*/React.createElement(Icon, {
    name: "circle-check",
    size: 22
  }), " Filed"), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-body)',
      margin: 0
    }
  }, tickets.length, " issues opened in gitea with ", /*#__PURE__*/React.createElement("span", {
    style: {
      font: 'var(--text-data)'
    }
  }, "est/*"), " and ", /*#__PURE__*/React.createElement("span", {
    style: {
      font: 'var(--text-data)'
    }
  }, "p/*"), " labels \u2014 nothing else touched."), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-agent)',
      color: 'var(--ink-2)',
      margin: 0
    }
  }, "Elapsed ", clock, " \u2014 under budget. No bot comments, no synthetic issues; your repo remains yours."), /*#__PURE__*/React.createElement(Button, {
    iconRight: "arrow-right",
    onClick: onDone
  }, "To morning service"))) : null);
}
Object.assign(window, {
  CaptureScreen
});
})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/app/CaptureScreen.jsx", error: String((e && e.message) || e) }); }

// ui_kits/app/Chart.jsx
try { (() => {
// Burn-up chart with Monte Carlo forecast cone — geometry, not decoration.
function BurnUpCone({
  width = 640,
  height = 220
}) {
  const pad = {
    l: 34,
    r: 96,
    t: 16,
    b: 26
  };
  const W = width - pad.l - pad.r;
  const H = height - pad.t - pad.b;
  const x = f => pad.l + f * W;
  const y = f => pad.t + (1 - f) * H;

  // scope line (total work), actual completed, cone from today
  const today = 0.58;
  const actual = [[0, 0], [0.08, 0.05], [0.18, 0.13], [0.26, 0.16], [0.36, 0.27], [0.46, 0.38], [0.58, 0.47]];
  const coneHi = [[0.58, 0.47], [0.72, 0.66], [0.86, 0.88], [0.95, 1.0]];
  const coneLo = [[0.58, 0.47], [0.74, 0.58], [0.9, 0.74], [1.0, 0.86]];
  const mid = [[0.58, 0.47], [0.76, 0.63], [0.92, 0.83], [1.0, 0.93]];
  const pts = arr => arr.map(([a, b]) => `${x(a)},${y(b)}`).join(' ');
  const cone = [...coneHi, ...[...coneLo].reverse()];
  return /*#__PURE__*/React.createElement("svg", {
    width: "100%",
    viewBox: `0 0 ${width} ${height}`,
    style: {
      display: 'block'
    }
  }, [0, 0.25, 0.5, 0.75, 1].map(f => /*#__PURE__*/React.createElement("line", {
    key: f,
    x1: pad.l,
    x2: width - pad.r,
    y1: y(f),
    y2: y(f),
    stroke: "var(--line-1)",
    strokeWidth: "1"
  })), /*#__PURE__*/React.createElement("line", {
    x1: pad.l,
    x2: width - pad.r,
    y1: y(1),
    y2: y(1),
    stroke: "var(--line-2)",
    strokeWidth: "1.5"
  }), /*#__PURE__*/React.createElement("text", {
    x: pad.l,
    y: y(1) - 6,
    style: {
      font: '400 10.5px var(--font-mono)',
      fill: 'var(--ink-3)'
    }
  }, "scope \xB7 42 issues"), /*#__PURE__*/React.createElement("polygon", {
    points: pts(cone),
    fill: "var(--cone-fill)"
  }), /*#__PURE__*/React.createElement("polyline", {
    points: pts(coneHi),
    fill: "none",
    stroke: "var(--cone-line)",
    strokeWidth: "1.2",
    strokeDasharray: "3 3"
  }), /*#__PURE__*/React.createElement("polyline", {
    points: pts(coneLo),
    fill: "none",
    stroke: "var(--cone-line)",
    strokeWidth: "1.2",
    strokeDasharray: "3 3"
  }), /*#__PURE__*/React.createElement("polyline", {
    points: pts(mid),
    fill: "none",
    stroke: "var(--cone-line)",
    strokeWidth: "1.4"
  }), /*#__PURE__*/React.createElement("polyline", {
    points: pts(actual),
    fill: "none",
    stroke: "var(--cone-actual)",
    strokeWidth: "2"
  }), /*#__PURE__*/React.createElement("circle", {
    cx: x(0.58),
    cy: y(0.47),
    r: "3.5",
    fill: "var(--cone-actual)"
  }), /*#__PURE__*/React.createElement("line", {
    x1: x(today),
    x2: x(today),
    y1: pad.t,
    y2: height - pad.b,
    stroke: "var(--jade)",
    strokeWidth: "1"
  }), /*#__PURE__*/React.createElement("text", {
    x: x(today) + 5,
    y: pad.t + 10,
    style: {
      font: '400 10.5px var(--font-mono)',
      fill: 'var(--jade-7)'
    }
  }, "today"), /*#__PURE__*/React.createElement("line", {
    x1: x(0.95) + 4,
    x2: x(0.95) + 4,
    y1: y(1.0),
    y2: y(0.86) + H * 0.14 * 0 + (y(0.86) - y(0.86)),
    stroke: "none"
  }), /*#__PURE__*/React.createElement("text", {
    x: width - pad.r + 10,
    y: y(0.95),
    style: {
      font: '500 11.5px var(--font-mono)',
      fill: 'var(--ink-1)'
    }
  }, "80%"), /*#__PURE__*/React.createElement("text", {
    x: width - pad.r + 10,
    y: y(0.95) + 14,
    style: {
      font: '400 11px var(--font-mono)',
      fill: 'var(--ink-2)'
    }
  }, "Mar 3\u201312"), /*#__PURE__*/React.createElement("text", {
    x: pad.l,
    y: height - 8,
    style: {
      font: '400 10.5px var(--font-mono)',
      fill: 'var(--ink-3)'
    }
  }, "Jan 6"), /*#__PURE__*/React.createElement("text", {
    x: width - pad.r - 34,
    y: height - 8,
    style: {
      font: '400 10.5px var(--font-mono)',
      fill: 'var(--ink-3)'
    }
  }, "Mar 15"));
}

// Runway bar: milestone due date vs forecast range position
function RunwayBar({
  m
}) {
  const toneColor = m.tone === 'warn' ? 'var(--warn)' : 'var(--ok)';
  const left = Math.max(0, (m.pos - m.spread / 2) * 100);
  const w = Math.min(100 - left, m.spread * 100);
  return /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'relative',
      height: 22,
      background: 'var(--paper-2)',
      borderRadius: 4,
      overflow: 'hidden'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'absolute',
      left: `${left}%`,
      width: `${w}%`,
      top: 0,
      bottom: 0,
      background: 'var(--cone-fill)',
      borderLeft: `1.5px solid ${toneColor}`,
      borderRight: `1.5px solid ${toneColor}`
    }
  }), /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'absolute',
      left: `${m.pos * 100}%`,
      top: 0,
      bottom: 0,
      width: 2,
      background: toneColor
    }
  }), /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'absolute',
      left: 'calc(88% - 1px)',
      top: 0,
      bottom: 0,
      width: 2,
      background: 'var(--ink-1)'
    }
  }));
}
Object.assign(window, {
  BurnUpCone,
  RunwayBar
});
})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/app/Chart.jsx", error: String((e && e.message) || e) }); }

// ui_kits/app/ChatPanel.jsx
try { (() => {
// Agent panel — chat is the write-path
function ChatPanel({
  onOpenDirectives,
  offline
}) {
  const DS = window.CommiTeaDesignSystem_20e63b;
  const {
    Icon,
    IconButton
  } = DS;
  const d = window.CT_DATA;
  const [msgs, setMsgs] = React.useState(d.chat);
  const [text, setText] = React.useState('');
  const [thinking, setThinking] = React.useState(false);
  const scrollRef = React.useRef(null);
  React.useEffect(() => {
    const el = scrollRef.current;
    if (el) el.scrollTop = el.scrollHeight;
  }, [msgs, thinking]);
  const send = () => {
    const t = text.trim();
    if (!t) return;
    setMsgs(m => [...m, {
      from: 'user',
      text: t
    }]);
    setText('');
    setThinking(true);
    setTimeout(() => {
      setThinking(false);
      setMsgs(m => [...m, {
        from: 'agent',
        text: d.cannedReply
      }]);
    }, 900);
  };
  return /*#__PURE__*/React.createElement("aside", {
    style: {
      width: 330,
      flexShrink: 0,
      display: 'flex',
      flexDirection: 'column',
      background: 'var(--surface-card)',
      borderLeft: '1px solid var(--line-1)',
      minHeight: 0
    }
  }, /*#__PURE__*/React.createElement("header", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 8,
      padding: '14px 16px',
      borderBottom: '1px solid var(--line-1)',
      flexShrink: 0
    }
  }, /*#__PURE__*/React.createElement(Icon, {
    name: "sparkles",
    size: 16,
    style: {
      color: offline ? 'var(--ink-3)' : 'var(--jade)'
    }
  }), /*#__PURE__*/React.createElement("span", {
    style: {
      font: 'var(--text-body-strong)',
      color: 'var(--ink-1)'
    }
  }, "Reginald"), /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 11px var(--font-mono)',
      color: 'var(--ink-3)',
      marginLeft: 'auto'
    }
  }, offline ? 'offline · queueing' : 'gemma-4b · local'), /*#__PURE__*/React.createElement(IconButton, {
    icon: "history",
    label: "Directive log",
    size: "sm",
    onClick: onOpenDirectives
  })), /*#__PURE__*/React.createElement("div", {
    ref: scrollRef,
    style: {
      flex: 1,
      overflowY: 'auto',
      padding: 16,
      display: 'flex',
      flexDirection: 'column',
      gap: 12,
      minHeight: 0
    }
  }, msgs.map((m, i) => m.from === 'agent' ? /*#__PURE__*/React.createElement("div", {
    key: i,
    style: {
      font: 'var(--text-agent)',
      color: 'var(--ink-1)',
      lineHeight: 1.55
    }
  }, m.text) : /*#__PURE__*/React.createElement("div", {
    key: i,
    style: {
      alignSelf: 'flex-end',
      maxWidth: '85%',
      background: 'var(--paper-2)',
      borderRadius: '10px 10px 2px 10px',
      padding: '8px 12px',
      font: 'var(--text-small)',
      color: 'var(--ink-1)'
    }
  }, m.text)), offline ? /*#__PURE__*/React.createElement("div", {
    style: {
      font: 'var(--text-agent)',
      color: 'var(--ink-3)'
    }
  }, "The model is away from its desk. Reads still work; writes will wait their turn.") : null, thinking ? /*#__PURE__*/React.createElement("div", {
    style: {
      font: 'var(--text-agent)',
      color: 'var(--ink-3)'
    }
  }, "considering\u2026") : null), /*#__PURE__*/React.createElement("div", {
    style: {
      padding: 14,
      borderTop: '1px solid var(--line-1)',
      flexShrink: 0
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'flex-end',
      gap: 8,
      background: 'var(--paper-0)',
      border: '1px solid var(--line-2)',
      borderRadius: 'var(--radius-2)',
      padding: '8px 8px 8px 12px'
    }
  }, /*#__PURE__*/React.createElement("textarea", {
    value: text,
    onChange: e => setText(e.target.value),
    onKeyDown: e => {
      if (e.key === 'Enter' && !e.shiftKey) {
        e.preventDefault();
        send();
      }
    },
    placeholder: offline ? 'Writes wait for the connection…' : 'Tell me what to do…',
    disabled: offline,
    rows: 1,
    style: {
      flex: 1,
      resize: 'none',
      border: 'none',
      outline: 'none',
      background: 'transparent',
      font: 'var(--text-body)',
      color: 'var(--ink-1)',
      lineHeight: 1.45,
      maxHeight: 96
    }
  }), /*#__PURE__*/React.createElement("button", {
    type: "button",
    onClick: send,
    "aria-label": "Send",
    disabled: offline,
    style: {
      width: 30,
      height: 30,
      borderRadius: 'var(--radius-2)',
      border: 'none',
      cursor: offline ? 'not-allowed' : 'pointer',
      background: offline ? 'var(--paper-3)' : 'var(--accent)',
      color: offline ? 'var(--ink-3)' : 'var(--ink-inverse)',
      display: 'inline-flex',
      alignItems: 'center',
      justifyContent: 'center',
      flexShrink: 0
    }
  }, /*#__PURE__*/React.createElement(Icon, {
    name: "send",
    size: 14
  }))), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-caption)',
      color: 'var(--ink-3)',
      margin: '8px 2px 0'
    }
  }, "Chat is the write-path. Destructive changes are proposed, never assumed.")));
}
Object.assign(window, {
  ChatPanel
});
})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/app/ChatPanel.jsx", error: String((e && e.message) || e) }); }

// ui_kits/app/DepsGraph.jsx
try { (() => {
// Dependency graph drill-in — layered DAG, critical path in spruce
function DepsGraph({
  onOpenIssue
}) {
  const DS = window.CommiTeaDesignSystem_20e63b;
  const {
    Tag,
    Icon
  } = DS;
  const g = window.CT_DATA.deps;
  const PAD = 14,
    COLW = 206,
    ROWH = 106,
    NW = 176,
    NH = 84;
  const X = c => PAD + c * COLW;
  const Y = r => PAD + r * ROWH;
  const maxCol = g.milestone.col;
  const maxRow = Math.max(...g.nodes.map(n => n.row), g.milestone.row);
  const W = PAD * 2 + maxCol * COLW + NW;
  const H = PAD * 2 + maxRow * ROWH + NH;
  const MSW = 158,
    MSH = 44;
  const pos = {};
  g.nodes.forEach(n => {
    pos[n.id] = {
      x: X(n.col),
      y: Y(n.row),
      w: NW,
      h: NH
    };
  });
  pos['ms'] = {
    x: X(g.milestone.col),
    y: Y(g.milestone.row) + (NH - MSH) / 2,
    w: MSW,
    h: MSH
  };
  const edgePath = e => {
    const a = pos[e.from],
      b = pos[e.to];
    const x1 = a.x + a.w,
      y1 = a.y + a.h / 2;
    const x2 = b.x,
      y2 = b.y + b.h / 2;
    const dx = Math.max(28, (x2 - x1) / 2);
    return `M ${x1} ${y1} C ${x1 + dx} ${y1}, ${x2 - dx} ${y2}, ${x2 - 5} ${y2}`;
  };
  const STATES = {
    done: {
      icon: 'circle-check',
      color: 'var(--ok)',
      label: 'done'
    },
    steeping: {
      icon: 'clock',
      color: 'var(--warn)',
      label: 'steeping'
    },
    review: {
      icon: 'git-pull-request',
      color: 'var(--info)',
      label: 'in review'
    },
    triage: {
      icon: 'circle-dot',
      color: 'var(--ink-3)',
      label: 'triage'
    },
    diagnosis: {
      icon: 'circle-dashed',
      color: 'var(--ink-3)',
      label: 'diagnosis'
    }
  };
  const Node = ({
    n
  }) => {
    const st = STATES[n.state];
    const crit = g.critical.includes(n.id);
    return /*#__PURE__*/React.createElement("div", {
      onClick: () => onOpenIssue({
        id: n.id,
        title: n.title,
        labels: n.tags,
        rationale: n.rationale,
        days: n.state === 'steeping' ? n.days : undefined
      }),
      style: {
        position: 'absolute',
        left: pos[n.id].x,
        top: pos[n.id].y,
        width: NW,
        height: NH,
        background: n.state === 'done' ? 'var(--paper-2)' : 'var(--surface-card)',
        border: `1px solid ${crit ? 'var(--spruce-5)' : 'var(--line-1)'}`,
        boxShadow: crit ? 'var(--shadow-1), inset 2px 0 0 var(--accent)' : 'var(--shadow-1)',
        borderRadius: 'var(--radius-2)',
        padding: '9px 11px',
        cursor: 'pointer',
        display: 'flex',
        flexDirection: 'column',
        gap: 6,
        opacity: n.state === 'done' ? 0.72 : 1,
        transition: 'border-color var(--duration-fast) var(--ease-out)'
      },
      onMouseEnter: e => {
        e.currentTarget.style.borderColor = crit ? 'var(--accent)' : 'var(--line-2)';
      },
      onMouseLeave: e => {
        e.currentTarget.style.borderColor = crit ? 'var(--spruce-5)' : 'var(--line-1)';
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        font: '500 12px/1.3 var(--font-sans)',
        color: 'var(--ink-1)',
        display: '-webkit-box',
        WebkitLineClamp: 2,
        WebkitBoxOrient: 'vertical',
        overflow: 'hidden'
      }
    }, n.title), /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        alignItems: 'center',
        gap: 6,
        marginTop: 'auto'
      }
    }, /*#__PURE__*/React.createElement("span", {
      style: {
        font: '400 11px var(--font-mono)',
        color: 'var(--ink-3)'
      }
    }, "#", n.id), /*#__PURE__*/React.createElement("span", {
      style: {
        display: 'inline-flex',
        alignItems: 'center',
        gap: 4,
        font: '400 10.5px var(--font-mono)',
        color: st.color,
        whiteSpace: 'nowrap'
      }
    }, /*#__PURE__*/React.createElement(Icon, {
      name: st.icon,
      size: 11
    }), st.label, n.state === 'steeping' && n.days ? ` ${n.days}` : ''), n.tags.filter(t => t.startsWith('p/')).map(t => /*#__PURE__*/React.createElement("span", {
      key: t,
      style: {
        font: '500 10.5px var(--font-mono)',
        color: 'var(--ink-3)',
        marginLeft: 'auto'
      }
    }, t))));
  };
  return /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 12,
      flex: 1,
      minHeight: 0
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 18,
      font: '400 11.5px var(--font-mono)',
      color: 'var(--ink-2)',
      whiteSpace: 'nowrap'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      display: 'inline-flex',
      alignItems: 'center',
      gap: 7
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      width: 22,
      height: 2,
      background: 'var(--accent)',
      display: 'inline-block'
    }
  }), "critical path"), /*#__PURE__*/React.createElement("span", {
    style: {
      display: 'inline-flex',
      alignItems: 'center',
      gap: 7
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      width: 22,
      height: 0,
      borderTop: '1.5px solid var(--line-2)',
      display: 'inline-block'
    }
  }), "blocks"), /*#__PURE__*/React.createElement("span", {
    style: {
      marginLeft: 'auto',
      color: 'var(--ink-3)'
    }
  }, "unattached: ", g.unattached.map(i => `#${i}`).join(' · '))), /*#__PURE__*/React.createElement("div", {
    style: {
      overflow: 'auto',
      flex: 1,
      minHeight: 0,
      border: '1px solid var(--line-1)',
      borderRadius: 'var(--radius-3)',
      background: 'var(--surface-app)'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'relative',
      width: W,
      height: H
    }
  }, /*#__PURE__*/React.createElement("svg", {
    width: W,
    height: H,
    style: {
      position: 'absolute',
      inset: 0,
      pointerEvents: 'none'
    }
  }, /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("marker", {
    id: "dg-arrow",
    viewBox: "0 0 8 8",
    refX: "7",
    refY: "4",
    markerWidth: "7",
    markerHeight: "7",
    orient: "auto-start-reverse"
  }, /*#__PURE__*/React.createElement("path", {
    d: "M 0 0.5 L 7.5 4 L 0 7.5 z",
    fill: "var(--line-2)"
  })), /*#__PURE__*/React.createElement("marker", {
    id: "dg-arrow-crit",
    viewBox: "0 0 8 8",
    refX: "7",
    refY: "4",
    markerWidth: "7",
    markerHeight: "7",
    orient: "auto-start-reverse"
  }, /*#__PURE__*/React.createElement("path", {
    d: "M 0 0.5 L 7.5 4 L 0 7.5 z",
    fill: "var(--accent)"
  }))), g.edges.map((e, i) => /*#__PURE__*/React.createElement("path", {
    key: i,
    d: edgePath(e),
    fill: "none",
    stroke: e.crit ? 'var(--accent)' : 'var(--line-2)',
    strokeWidth: e.crit ? 2 : 1.5,
    markerEnd: `url(#${e.crit ? 'dg-arrow-crit' : 'dg-arrow'})`
  }))), g.nodes.map(n => /*#__PURE__*/React.createElement(Node, {
    key: n.id,
    n: n
  })), /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'absolute',
      left: pos['ms'].x,
      top: pos['ms'].y,
      width: MSW,
      height: MSH,
      display: 'flex',
      alignItems: 'center',
      gap: 8,
      padding: '0 14px',
      background: 'var(--accent)',
      color: 'var(--ink-inverse)',
      borderRadius: 'var(--radius-round)',
      boxShadow: 'var(--shadow-2)'
    }
  }, /*#__PURE__*/React.createElement(Icon, {
    name: "milestone",
    size: 15
  }), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      font: '600 12.5px/1.2 var(--font-sans)'
    }
  }, g.milestone.name), /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 10.5px/1.2 var(--font-mono)',
      opacity: 0.8
    }
  }, "due ", g.milestone.due))))), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-agent)',
      color: 'var(--ink-2)',
      margin: 0
    }
  }, "Four issues sit on the critical path, and #87 is the cork in the bottle. Remove it and everything pours."));
}
Object.assign(window, {
  DepsGraph
});
})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/app/DepsGraph.jsx", error: String((e && e.message) || e) }); }

// ui_kits/app/DirectivesScreen.jsx
try { (() => {
// Directive log — append-only ledger + the consequence diff (propose-approve)
function DirectivesScreen() {
  const DS = window.CommiTeaDesignSystem_20e63b;
  const {
    Card,
    Button,
    Badge,
    Icon
  } = DS;
  const d = window.CT_DATA.directives;
  const [pending, setPending] = React.useState(d.pending);
  const [entries, setEntries] = React.useState(d.entries);
  const resolve = status => {
    setEntries(e => [{
      seq: pending.seq,
      who: pending.who,
      when: pending.when,
      what: pending.what,
      why: 'pilot demo on the 14th',
      status,
      consequence: status === 'applied' ? '#78 +5d · Beta 80% Mar 5–14' : 'withdrawn before apply'
    }, ...e]);
    setPending(null);
  };
  const toneColor = {
    ok: 'var(--ok)',
    warn: 'var(--warn)',
    info: 'var(--info)',
    danger: 'var(--danger)'
  };
  const statusBadge = {
    applied: {
      tone: 'ok',
      label: 'applied'
    },
    withdrawn: {
      tone: 'neutral',
      label: 'withdrawn'
    },
    superseded: {
      tone: 'info',
      label: 'superseded'
    }
  };
  return /*#__PURE__*/React.createElement("div", {
    style: {
      maxWidth: 760,
      margin: '0 auto',
      display: 'flex',
      flexDirection: 'column',
      gap: 16
    }
  }, /*#__PURE__*/React.createElement("header", {
    style: {
      borderBottom: 'var(--rule-double)',
      paddingBottom: 14
    }
  }, /*#__PURE__*/React.createElement("h1", {
    style: {
      font: 'var(--text-display)',
      color: 'var(--ink-1)',
      margin: 0
    }
  }, "Directives"), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-data)',
      color: 'var(--ink-3)',
      margin: '6px 0 0'
    }
  }, "append-only \xB7 JSONL in pm-state \xB7 who, when, what, why")), pending ? /*#__PURE__*/React.createElement(Card, {
    overline: `Awaiting your word · directive #00${pending.seq}`,
    title: "Consequence diff",
    jade: true,
    footer: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
      onClick: () => resolve('applied')
    }, "Make it so"), /*#__PURE__*/React.createElement(Button, {
      variant: "secondary",
      onClick: () => {}
    }, "Amend"), /*#__PURE__*/React.createElement(Button, {
      variant: "ghost",
      onClick: () => resolve('withdrawn')
    }, "Withdraw"))
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 12
    }
  }, /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-body)',
      margin: 0,
      color: 'var(--ink-2)'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      font: 'var(--text-body-strong)',
      color: 'var(--ink-1)'
    }
  }, pending.who), /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 11.5px var(--font-mono)',
      color: 'var(--ink-3)'
    }
  }, " \xB7 ", pending.when), /*#__PURE__*/React.createElement("br", null), "\u201C", pending.what, "\u201D"), /*#__PURE__*/React.createElement("div", {
    style: {
      borderTop: '1px solid var(--line-1)'
    }
  }, pending.diff.map(r => /*#__PURE__*/React.createElement("div", {
    key: r.change,
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 10,
      padding: '9px 0',
      borderBottom: '1px solid var(--line-1)'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      width: 7,
      height: 7,
      borderRadius: '50%',
      background: toneColor[r.tone],
      flexShrink: 0
    }
  }), /*#__PURE__*/React.createElement("span", {
    style: {
      font: 'var(--text-small)',
      color: 'var(--ink-1)',
      flex: 1
    }
  }, r.change), /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 12px var(--font-mono)',
      color: 'var(--ink-3)',
      whiteSpace: 'nowrap'
    }
  }, r.from, " ", /*#__PURE__*/React.createElement("span", {
    style: {
      color: 'var(--ink-2)'
    }
  }, "\u2192"), " ", /*#__PURE__*/React.createElement("span", {
    style: {
      color: r.tone === 'warn' ? 'var(--warn)' : 'var(--ink-1)'
    }
  }, r.to))))), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-agent)',
      color: 'var(--ink-2)',
      margin: 0
    }
  }, "Cheap, as consequences go. Shall I make it so?"))) : /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 8,
      font: 'var(--text-small)',
      color: 'var(--ink-3)',
      padding: '2px 2px'
    }
  }, /*#__PURE__*/React.createElement(Icon, {
    name: "circle-check",
    size: 14,
    style: {
      color: 'var(--ok)'
    }
  }), "Nothing awaits your word. Directives are given in chat; consequences appear here first."), /*#__PURE__*/React.createElement(Card, {
    overline: "The ledger",
    flush: true
  }, /*#__PURE__*/React.createElement("div", null, entries.map((e, i) => {
    const sb = statusBadge[e.status];
    return /*#__PURE__*/React.createElement("div", {
      key: e.seq,
      style: {
        display: 'flex',
        gap: 14,
        padding: '14px 20px',
        borderTop: i === 0 ? 'none' : '1px solid var(--line-1)'
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center',
        gap: 6,
        flexShrink: 0
      }
    }, /*#__PURE__*/React.createElement("span", {
      style: {
        font: '500 11px var(--font-mono)',
        color: 'var(--ink-3)'
      }
    }, "#00", e.seq), /*#__PURE__*/React.createElement("span", {
      style: {
        width: 1,
        flex: 1,
        background: 'var(--line-1)'
      }
    })), /*#__PURE__*/React.createElement("div", {
      style: {
        flex: 1,
        minWidth: 0,
        display: 'flex',
        flexDirection: 'column',
        gap: 5
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        display: 'flex',
        alignItems: 'center',
        gap: 8,
        flexWrap: 'wrap'
      }
    }, /*#__PURE__*/React.createElement("span", {
      style: {
        width: 20,
        height: 20,
        borderRadius: '50%',
        background: 'var(--spruce-2)',
        color: 'var(--accent-text)',
        font: '600 8.5px/20px var(--font-sans)',
        textAlign: 'center',
        flexShrink: 0
      }
    }, e.who.split(' ').map(w => w[0]).join('')), /*#__PURE__*/React.createElement("span", {
      style: {
        font: 'var(--text-body-strong)',
        color: 'var(--ink-1)',
        whiteSpace: 'nowrap'
      }
    }, e.who), /*#__PURE__*/React.createElement("span", {
      style: {
        font: '400 11px var(--font-mono)',
        color: 'var(--ink-3)',
        whiteSpace: 'nowrap'
      }
    }, e.when), e.why ? /*#__PURE__*/React.createElement("span", {
      style: {
        font: '400 11px var(--font-mono)',
        color: 'var(--ink-3)',
        whiteSpace: 'nowrap'
      }
    }, "\xB7 why: ", e.why) : null, /*#__PURE__*/React.createElement("span", {
      style: {
        marginLeft: 'auto'
      }
    }, /*#__PURE__*/React.createElement(Badge, {
      tone: sb.tone
    }, sb.label))), /*#__PURE__*/React.createElement("p", {
      style: {
        font: 'var(--text-body)',
        color: 'var(--ink-1)',
        margin: 0
      }
    }, "\u201C", e.what, "\u201D"), /*#__PURE__*/React.createElement("p", {
      style: {
        font: '400 11.5px var(--font-mono)',
        color: 'var(--ink-2)',
        margin: 0
      }
    }, e.consequence)));
  }))), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-caption)',
      color: 'var(--ink-3)',
      margin: 0
    }
  }, "Entries are never edited. Corrections are new entries \u2014 the ledger remembers everything, politely."));
}
Object.assign(window, {
  DirectivesScreen
});
})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/app/DirectivesScreen.jsx", error: String((e && e.message) || e) }); }

// ui_kits/app/FocusScreen.jsx
try { (() => {
// Morning service — focus screen
function FocusScreen({
  onOpenIssue
}) {
  const DS = window.CommiTeaDesignSystem_20e63b;
  const {
    Card,
    Tag,
    Badge,
    Button,
    IconButton
  } = DS;
  const d = window.CT_DATA;
  const FocusRow = ({
    slot,
    issue,
    jade
  }) => /*#__PURE__*/React.createElement(Card, {
    overline: slot,
    jade: jade,
    title: /*#__PURE__*/React.createElement("a", {
      href: "#",
      onClick: e => {
        e.preventDefault();
        onOpenIssue(issue);
      },
      style: {
        color: 'inherit',
        border: 'none'
      }
    }, issue.title),
    actions: /*#__PURE__*/React.createElement(IconButton, {
      icon: "ellipsis",
      label: "More",
      size: "sm"
    }),
    footer: jade ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
      size: "sm"
    }, "Start"), /*#__PURE__*/React.createElement(Button, {
      size: "sm",
      variant: "ghost"
    }, "Defer"), /*#__PURE__*/React.createElement("span", {
      style: {
        marginLeft: 'auto',
        font: 'var(--text-caption)',
        color: 'var(--ink-3)'
      }
    }, "scheduler pick \xB7 critical path")) : null
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 8,
      marginBottom: 10,
      flexWrap: 'wrap'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      font: 'var(--text-data)',
      color: 'var(--ink-3)'
    }
  }, "#", issue.id), issue.labels.map(l => /*#__PURE__*/React.createElement(Tag, {
    key: l,
    label: l
  })), issue.steeping ? /*#__PURE__*/React.createElement(Badge, {
    tone: "warn",
    dot: true
  }, "steeping ", issue.steeping) : null), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-agent)',
      color: 'var(--ink-2)',
      margin: 0
    }
  }, issue.rationale));
  return /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 16
    }
  }, /*#__PURE__*/React.createElement("header", {
    style: {
      borderBottom: 'var(--rule-double)',
      paddingBottom: 14,
      display: 'flex',
      alignItems: 'baseline',
      justifyContent: 'space-between',
      gap: 12
    }
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h1", {
    style: {
      font: 'var(--text-display)',
      color: 'var(--ink-1)',
      margin: 0
    }
  }, "Morning service"), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-data)',
      color: 'var(--ink-3)',
      margin: '6px 0 0',
      whiteSpace: 'nowrap'
    }
  }, d.today, " \xB7 reconcile 3.2s")), /*#__PURE__*/React.createElement(Badge, {
    tone: "ok",
    dot: true
  }, "ahead of forecast")), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'grid',
      gridTemplateColumns: '1.4fr 1fr 1fr',
      gap: 14,
      alignItems: 'start'
    }
  }, /*#__PURE__*/React.createElement(FocusRow, {
    slot: "Now",
    issue: d.focus.now,
    jade: true
  }), /*#__PURE__*/React.createElement(FocusRow, {
    slot: "Next",
    issue: d.focus.next
  }), /*#__PURE__*/React.createElement(FocusRow, {
    slot: "Later",
    issue: d.focus.later
  })), /*#__PURE__*/React.createElement(Card, {
    overline: "Milestone \xB7 Beta",
    title: /*#__PURE__*/React.createElement(React.Fragment, null, "80% this lands ", /*#__PURE__*/React.createElement("span", {
      style: {
        whiteSpace: 'nowrap'
      }
    }, "Mar 3\u201312")),
    actions: /*#__PURE__*/React.createElement(IconButton, {
      icon: "chart-line",
      label: "Open runway",
      size: "sm"
    })
  }, /*#__PURE__*/React.createElement(window.BurnUpCone, null), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-agent)',
      color: 'var(--ink-2)',
      margin: '10px 0 0'
    }
  }, "The cone has narrowed since Friday. I'm quietly pleased.")));
}
Object.assign(window, {
  FocusScreen
});
})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/app/FocusScreen.jsx", error: String((e && e.message) || e) }); }

// ui_kits/app/GanttView.jsx
try { (() => {
// Gantt drill-in — scheduler-derived bars, critical chain, 80% forecast tails
function GanttView({
  onOpenIssue
}) {
  const DS = window.CommiTeaDesignSystem_20e63b;
  const {
    Icon
  } = DS;
  const g = window.CT_DATA.gantt;
  const LABELW = 232,
    DAYW = 21,
    ROWH = 36,
    HEADH = 30;
  const chartW = g.days * DAYW;
  const W = LABELW + chartW;
  const H = HEADH + g.rows.length * ROWH;
  const X = d => LABELW + d * DAYW;
  const BAR = {
    done: {
      bg: 'var(--paper-3)',
      border: 'transparent',
      text: 'var(--ink-3)'
    },
    steeping: {
      bg: 'var(--accent)',
      border: 'transparent',
      text: 'var(--ink-inverse)'
    },
    review: {
      bg: 'var(--info-tint)',
      border: 'var(--info)',
      text: 'var(--info)'
    },
    scheduled: {
      bg: 'var(--spruce-2)',
      border: 'var(--spruce-3)',
      text: 'var(--accent-text)'
    }
  };
  return /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 12,
      flex: 1,
      minHeight: 0
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 16,
      font: '400 11.5px var(--font-mono)',
      color: 'var(--ink-2)',
      whiteSpace: 'nowrap',
      flexWrap: 'wrap'
    }
  }, [['steeping', 'in work'], ['review', 'in review'], ['scheduled', 'scheduled'], ['done', 'done']].map(([k, label]) => /*#__PURE__*/React.createElement("span", {
    key: k,
    style: {
      display: 'inline-flex',
      alignItems: 'center',
      gap: 6
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      width: 16,
      height: 9,
      borderRadius: 3,
      background: BAR[k].bg,
      border: `1px solid ${BAR[k].border}`,
      display: 'inline-block'
    }
  }), label)), /*#__PURE__*/React.createElement("span", {
    style: {
      display: 'inline-flex',
      alignItems: 'center',
      gap: 6
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      width: 18,
      height: 0,
      borderTop: '2px dotted var(--cone-line)',
      display: 'inline-block'
    }
  }), "80% tail"), /*#__PURE__*/React.createElement("span", {
    style: {
      display: 'inline-flex',
      alignItems: 'center',
      gap: 6
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      width: 2,
      height: 12,
      background: 'var(--jade)',
      display: 'inline-block'
    }
  }), "today")), /*#__PURE__*/React.createElement("div", {
    style: {
      overflow: 'auto',
      flex: 1,
      minHeight: 0,
      border: '1px solid var(--line-1)',
      borderRadius: 'var(--radius-3)',
      background: 'var(--surface-card)'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'relative',
      width: W,
      height: H
    }
  }, g.weeks.map(w => /*#__PURE__*/React.createElement(React.Fragment, {
    key: w.at
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'absolute',
      left: X(w.at),
      top: HEADH,
      bottom: 0,
      width: 1,
      background: 'var(--line-1)'
    }
  }), /*#__PURE__*/React.createElement("span", {
    style: {
      position: 'absolute',
      left: X(w.at) + 5,
      top: 8,
      font: '400 10.5px var(--font-mono)',
      color: 'var(--ink-3)',
      whiteSpace: 'nowrap'
    }
  }, w.label))), /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'absolute',
      left: X(g.band.from),
      width: (g.band.to - g.band.from) * DAYW,
      top: HEADH,
      bottom: 0,
      background: 'var(--cone-fill)'
    }
  }), /*#__PURE__*/React.createElement("span", {
    style: {
      position: 'absolute',
      left: X(g.band.from) + 5,
      bottom: 6,
      font: '500 10.5px var(--font-mono)',
      color: 'var(--cone-line)',
      whiteSpace: 'nowrap'
    }
  }, g.band.label), /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'absolute',
      left: X(g.due.at) - 1,
      top: HEADH,
      bottom: 0,
      width: 2,
      background: 'var(--ink-1)'
    }
  }), /*#__PURE__*/React.createElement("span", {
    style: {
      position: 'absolute',
      left: X(g.due.at) - 4,
      top: HEADH - 12,
      width: 8,
      height: 8,
      background: 'var(--ink-1)',
      transform: 'rotate(45deg)'
    }
  }), /*#__PURE__*/React.createElement("div", {
    style: {
      position: 'absolute',
      left: X(g.today),
      top: HEADH,
      bottom: 0,
      width: 2,
      background: 'var(--jade)'
    }
  }), g.rows.map((r, i) => {
    const top = HEADH + i * ROWH;
    const st = BAR[r.state];
    return /*#__PURE__*/React.createElement(React.Fragment, {
      key: r.id
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        position: 'absolute',
        left: 0,
        right: 0,
        top: top,
        height: 1,
        background: 'var(--line-1)',
        opacity: 0.6
      }
    }), /*#__PURE__*/React.createElement("div", {
      onClick: () => onOpenIssue({
        id: r.id,
        title: r.title,
        labels: [],
        days: r.state === 'steeping' ? '4d' : undefined
      }),
      style: {
        position: 'absolute',
        left: 0,
        width: LABELW,
        height: ROWH,
        top: top,
        zIndex: 2,
        cursor: 'pointer',
        display: 'flex',
        alignItems: 'center',
        gap: 8,
        padding: '0 12px 0 14px',
        background: 'var(--surface-card)',
        borderRight: '1px solid var(--line-1)',
        boxShadow: r.crit ? 'inset 2px 0 0 var(--accent)' : 'none'
      }
    }, /*#__PURE__*/React.createElement("span", {
      style: {
        font: '400 11px var(--font-mono)',
        color: 'var(--ink-3)',
        flexShrink: 0
      }
    }, "#", r.id), /*#__PURE__*/React.createElement("span", {
      style: {
        font: '500 12px/1.3 var(--font-sans)',
        color: 'var(--ink-1)',
        overflow: 'hidden',
        textOverflow: 'ellipsis',
        whiteSpace: 'nowrap'
      }
    }, r.title), /*#__PURE__*/React.createElement("span", {
      style: {
        font: '600 8.5px/16px var(--font-sans)',
        color: 'var(--accent-text)',
        background: 'var(--spruce-2)',
        width: 16,
        height: 16,
        borderRadius: '50%',
        textAlign: 'center',
        flexShrink: 0,
        marginLeft: 'auto'
      }
    }, r.who)), /*#__PURE__*/React.createElement("div", {
      style: {
        position: 'absolute',
        left: X(r.start),
        width: (r.end - r.start) * DAYW,
        top: top + 9,
        height: 18,
        background: st.bg,
        border: `1px solid ${st.border}`,
        borderRadius: 4,
        boxShadow: r.crit && r.state !== 'steeping' ? 'inset 0 -2px 0 var(--accent)' : 'none'
      }
    }), r.p80 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
      style: {
        position: 'absolute',
        left: X(r.end),
        width: (r.p80 - r.end) * DAYW,
        top: top + 17,
        height: 0,
        borderTop: '2px dotted var(--cone-line)'
      }
    }), /*#__PURE__*/React.createElement("div", {
      style: {
        position: 'absolute',
        left: X(r.p80) - 1,
        top: top + 13,
        width: 2,
        height: 10,
        background: 'var(--cone-line)'
      }
    })) : null);
  }))), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-agent)',
      color: 'var(--ink-2)',
      margin: 0
    }
  }, "The path holds if #87 lands by Wednesday. The dotted tails are your own history, wagging."));
}
Object.assign(window, {
  GanttView
});
})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/app/GanttView.jsx", error: String((e && e.message) || e) }); }

// ui_kits/app/InboxScreen.jsx
try { (() => {
// Inbox — Reginald only rings the bell when it matters
function InboxScreen({
  onOpenIssue,
  onOpenDirectives,
  readIds,
  setReadIds
}) {
  const DS = window.CommiTeaDesignSystem_20e63b;
  const {
    Card,
    Tabs,
    Button,
    Icon
  } = DS;
  const all = window.CT_DATA.inbox;
  const [tab, setTab] = React.useState('all');
  const isRead = n => !n.unread || readIds.includes(n.id);
  const unreadCount = all.filter(n => !isRead(n)).length;
  const FILTERS = {
    all: () => true,
    mentions: n => n.type === 'mention' || n.type === 'assignment',
    drift: n => n.type === 'drift' || n.type === 'nag' || n.type === 'milestone',
    system: n => n.type === 'system' || n.type === 'review'
  };
  const items = all.filter(FILTERS[tab]);
  const days = [...new Set(items.map(n => n.day))];
  const toneColor = {
    ok: 'var(--ok)',
    warn: 'var(--warn)',
    info: 'var(--info)',
    neutral: 'var(--ink-3)'
  };
  const open = n => {
    setReadIds(r => r.includes(n.id) ? r : [...r, n.id]);
    if (n.issue) onOpenIssue(n.issue);else if (n.to === 'directives') onOpenDirectives();
  };
  return /*#__PURE__*/React.createElement("div", {
    style: {
      maxWidth: 760,
      margin: '0 auto',
      display: 'flex',
      flexDirection: 'column',
      gap: 14
    }
  }, /*#__PURE__*/React.createElement("header", {
    style: {
      borderBottom: 'var(--rule-double)',
      paddingBottom: 14,
      display: 'flex',
      alignItems: 'baseline',
      justifyContent: 'space-between',
      gap: 12
    }
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h1", {
    style: {
      font: 'var(--text-display)',
      color: 'var(--ink-1)',
      margin: 0
    }
  }, "Inbox"), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-data)',
      color: 'var(--ink-3)',
      margin: '6px 0 0',
      whiteSpace: 'nowrap'
    }
  }, unreadCount ? `${unreadCount} unread` : 'all read', " \xB7 nothing here rings twice")), unreadCount ? /*#__PURE__*/React.createElement(Button, {
    variant: "ghost",
    size: "sm",
    onClick: () => setReadIds(all.map(n => n.id))
  }, "Mark all read") : null), /*#__PURE__*/React.createElement(Tabs, {
    items: [{
      id: 'all',
      label: 'All',
      count: all.length
    }, {
      id: 'mentions',
      label: 'Mentions',
      icon: 'message-square'
    }, {
      id: 'drift',
      label: 'Drift',
      icon: 'chart-line'
    }, {
      id: 'system',
      label: 'System',
      icon: 'refresh-cw'
    }],
    active: tab,
    onChange: setTab
  }), /*#__PURE__*/React.createElement(Card, {
    flush: true
  }, /*#__PURE__*/React.createElement("div", null, days.map(day => /*#__PURE__*/React.createElement("div", {
    key: day
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      font: 'var(--text-overline)',
      letterSpacing: 'var(--letter-spacing-wide)',
      textTransform: 'uppercase',
      color: 'var(--ink-3)',
      padding: '12px 20px 4px'
    }
  }, day), items.filter(n => n.day === day).map(n => {
    const read = isRead(n);
    return /*#__PURE__*/React.createElement("div", {
      key: n.id,
      onClick: () => open(n),
      style: {
        display: 'flex',
        alignItems: 'flex-start',
        gap: 12,
        padding: '11px 20px',
        cursor: n.issue || n.to ? 'pointer' : 'default',
        opacity: read ? 0.72 : 1
      },
      onMouseEnter: e => {
        e.currentTarget.style.background = 'var(--paper-2)';
      },
      onMouseLeave: e => {
        e.currentTarget.style.background = 'transparent';
      }
    }, /*#__PURE__*/React.createElement("span", {
      style: {
        width: 6,
        height: 6,
        borderRadius: '50%',
        background: read ? 'transparent' : 'var(--accent)',
        flexShrink: 0,
        marginTop: 7
      }
    }), /*#__PURE__*/React.createElement("span", {
      style: {
        color: toneColor[n.tone],
        display: 'inline-flex',
        marginTop: 1,
        flexShrink: 0
      }
    }, /*#__PURE__*/React.createElement(Icon, {
      name: n.icon,
      size: 15
    })), /*#__PURE__*/React.createElement("div", {
      style: {
        flex: 1,
        minWidth: 0
      }
    }, /*#__PURE__*/React.createElement("div", {
      style: {
        font: read ? 'var(--text-body)' : 'var(--text-body-strong)',
        color: 'var(--ink-1)'
      }
    }, n.who ? /*#__PURE__*/React.createElement("span", {
      style: {
        fontWeight: 600
      }
    }, n.who, " ") : null, n.text), /*#__PURE__*/React.createElement("div", {
      style: {
        font: '400 11.5px var(--font-mono)',
        color: 'var(--ink-2)',
        marginTop: 2
      }
    }, n.detail)), /*#__PURE__*/React.createElement("span", {
      style: {
        font: '400 11px var(--font-mono)',
        color: 'var(--ink-3)',
        whiteSpace: 'nowrap',
        marginTop: 2
      }
    }, n.time));
  }))))), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-agent)',
      color: 'var(--ink-2)',
      margin: 0
    }
  }, "I only ring the bell when it matters. The rest can wait for morning service."));
}
Object.assign(window, {
  InboxScreen
});
})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/app/InboxScreen.jsx", error: String((e && e.message) || e) }); }

// ui_kits/app/IssueScreen.jsx
try { (() => {
// Issue detail — human intent (gitea) on the left, machine-derived (pm-state) on the right
function IssueScreen({
  issue,
  onBack,
  onOpenIssue
}) {
  const DS = window.CommiTeaDesignSystem_20e63b;
  const {
    Card,
    Tag,
    Badge,
    Button,
    Icon
  } = DS;
  const det = window.CT_DATA.issueDetail[issue.id] || {
    state: 'triage',
    assignee: 'Stephen',
    milestone: 'Beta',
    body: '',
    comments: [],
    lifecycle: [{
      stage: 'Diagnosis',
      event: 'issue opened',
      when: 'Feb 4 · 10:20',
      icon: 'circle-dot',
      done: true
    }, {
      stage: 'Triage',
      event: 'labeled · milestoned Beta',
      when: 'Feb 5 · 09:12',
      icon: 'tag',
      done: true
    }, {
      stage: 'Work start',
      event: 'first branch or commit ref',
      when: 'pending',
      icon: 'git-commit-horizontal',
      done: false
    }, {
      stage: 'Deploy',
      event: 'PR merged',
      when: 'pending',
      icon: 'git-merge',
      done: false
    }, {
      stage: 'Complete',
      event: 'issue closed',
      when: 'pending',
      icon: 'circle-check',
      done: false
    }],
    forecast: {
      p80: 'starts wk of Feb 16',
      note: 'queue position from scheduler'
    },
    blocks: [],
    blockedBy: [],
    note: null
  };
  const stateBadge = {
    steeping: {
      tone: 'warn',
      label: `steeping${issue.days || issue.steeping ? ' ' + (issue.days || issue.steeping) : ''}`
    },
    triage: {
      tone: 'neutral',
      label: 'triage'
    },
    review: {
      tone: 'info',
      label: 'in review'
    },
    done: {
      tone: 'ok',
      label: 'done'
    }
  }[det.state] || {
    tone: 'neutral',
    label: det.state
  };
  return /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 16
    }
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
    type: "button",
    onClick: onBack,
    style: {
      display: 'inline-flex',
      alignItems: 'center',
      gap: 6,
      background: 'none',
      border: 'none',
      font: '500 12.5px var(--font-sans)',
      color: 'var(--ink-2)',
      cursor: 'pointer',
      padding: '2px 0',
      marginBottom: 10
    }
  }, /*#__PURE__*/React.createElement(Icon, {
    name: "arrow-left",
    size: 14
  }), " Back"), /*#__PURE__*/React.createElement("header", {
    style: {
      borderBottom: 'var(--rule-double)',
      paddingBottom: 14,
      display: 'flex',
      alignItems: 'flex-start',
      gap: 16
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      flex: 1,
      minWidth: 0
    }
  }, /*#__PURE__*/React.createElement("p", {
    style: {
      font: '400 13px var(--font-mono)',
      color: 'var(--ink-3)',
      margin: '0 0 6px'
    }
  }, "#", issue.id, " \xB7 stephen/commitea"), /*#__PURE__*/React.createElement("h1", {
    style: {
      font: 'var(--text-title)',
      color: 'var(--ink-1)',
      margin: 0
    }
  }, issue.title), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 8,
      marginTop: 10,
      flexWrap: 'wrap'
    }
  }, /*#__PURE__*/React.createElement(Badge, {
    tone: stateBadge.tone,
    dot: true
  }, stateBadge.label), (issue.labels || []).map(l => /*#__PURE__*/React.createElement(Tag, {
    key: l,
    label: l
  })), /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 11.5px var(--font-mono)',
      color: 'var(--ink-3)',
      display: 'inline-flex',
      alignItems: 'center',
      gap: 5
    }
  }, /*#__PURE__*/React.createElement(Icon, {
    name: "milestone",
    size: 12
  }), det.milestone), /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 11.5px var(--font-mono)',
      color: 'var(--ink-3)',
      display: 'inline-flex',
      alignItems: 'center',
      gap: 5
    }
  }, /*#__PURE__*/React.createElement(Icon, {
    name: "user",
    size: 12
  }), det.assignee))), /*#__PURE__*/React.createElement(Button, {
    variant: "secondary",
    icon: "arrow-up-right"
  }, "Open in Gitea"))), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'grid',
      gridTemplateColumns: '1fr 300px',
      gap: 16,
      alignItems: 'start'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 16
    }
  }, /*#__PURE__*/React.createElement(Card, {
    overline: "Description"
  }, det.body ? /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-body)',
      color: 'var(--ink-1)',
      margin: 0,
      lineHeight: 1.6
    }
  }, det.body) : /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-agent)',
      color: 'var(--ink-3)',
      margin: 0
    }
  }, "No description was written. I have opinions about that, but I'll keep them warm.")), /*#__PURE__*/React.createElement(Card, {
    overline: `Comments · ${det.comments.length}`,
    flush: true
  }, /*#__PURE__*/React.createElement("div", null, det.comments.map((c, i) => /*#__PURE__*/React.createElement("div", {
    key: i,
    style: {
      display: 'flex',
      gap: 12,
      padding: '14px 20px',
      borderBottom: '1px solid var(--line-1)'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      width: 24,
      height: 24,
      borderRadius: '50%',
      background: 'var(--spruce-2)',
      color: 'var(--accent-text)',
      font: '600 9px/24px var(--font-sans)',
      textAlign: 'center',
      flexShrink: 0
    }
  }, c.who.split(' ').map(w => w[0]).join('')), /*#__PURE__*/React.createElement("div", {
    style: {
      flex: 1,
      minWidth: 0
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'baseline',
      gap: 8
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      font: 'var(--text-body-strong)',
      color: 'var(--ink-1)',
      whiteSpace: 'nowrap'
    }
  }, c.who), /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 11px var(--font-mono)',
      color: 'var(--ink-3)',
      whiteSpace: 'nowrap'
    }
  }, c.when)), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-body)',
      color: 'var(--ink-1)',
      margin: '4px 0 0'
    }
  }, c.text)))), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      gap: 8,
      padding: '14px 20px',
      alignItems: 'flex-end'
    }
  }, /*#__PURE__*/React.createElement("textarea", {
    placeholder: "Comment \u2014 this writes to gitea, as you",
    rows: 2,
    style: {
      flex: 1,
      resize: 'none',
      font: 'var(--text-body)',
      color: 'var(--ink-1)',
      lineHeight: 1.5,
      background: 'var(--paper-0)',
      border: '1px solid var(--line-2)',
      borderRadius: 'var(--radius-2)',
      padding: '8px 11px',
      outline: 'none'
    }
  }), /*#__PURE__*/React.createElement(Button, {
    size: "sm",
    variant: "secondary"
  }, "Comment")))), det.note ? /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-agent)',
      color: 'var(--ink-2)',
      margin: 0,
      padding: '0 2px'
    }
  }, det.note) : null), /*#__PURE__*/React.createElement(Card, {
    overline: "Machine-derived",
    flush: true
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      padding: '14px 20px',
      display: 'flex',
      flexDirection: 'column',
      gap: 0
    }
  }, det.lifecycle.map((s, i) => /*#__PURE__*/React.createElement("div", {
    key: s.stage,
    style: {
      display: 'flex',
      gap: 10
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      alignItems: 'center'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      display: 'inline-flex',
      color: s.done ? 'var(--ok)' : 'var(--ink-3)',
      padding: '2px 0'
    }
  }, /*#__PURE__*/React.createElement(Icon, {
    name: s.icon,
    size: 14
  })), i < det.lifecycle.length - 1 ? /*#__PURE__*/React.createElement("span", {
    style: {
      width: 1,
      flex: 1,
      minHeight: 14,
      background: s.done ? 'var(--spruce-3)' : 'var(--line-1)'
    }
  }) : null), /*#__PURE__*/React.createElement("div", {
    style: {
      paddingBottom: i < det.lifecycle.length - 1 ? 12 : 0
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      font: `500 12px var(--font-sans)`,
      color: s.done ? 'var(--ink-1)' : 'var(--ink-3)'
    }
  }, s.stage), /*#__PURE__*/React.createElement("div", {
    style: {
      font: '400 10.5px var(--font-mono)',
      color: 'var(--ink-3)',
      marginTop: 2,
      whiteSpace: 'nowrap'
    }
  }, s.event), /*#__PURE__*/React.createElement("div", {
    style: {
      font: '400 10.5px var(--font-mono)',
      color: s.done ? 'var(--ink-2)' : 'var(--ink-3)',
      whiteSpace: 'nowrap'
    }
  }, s.when))))), /*#__PURE__*/React.createElement("div", {
    style: {
      padding: '12px 20px',
      borderTop: '1px solid var(--line-1)'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      font: 'var(--text-overline)',
      letterSpacing: 'var(--letter-spacing-wide)',
      textTransform: 'uppercase',
      color: 'var(--ink-3)',
      marginBottom: 6
    }
  }, "Forecast"), /*#__PURE__*/React.createElement("div", {
    style: {
      font: '500 13px var(--font-mono)',
      color: 'var(--ink-1)'
    }
  }, "80% ", det.forecast.p80), /*#__PURE__*/React.createElement("div", {
    style: {
      font: '400 10.5px var(--font-mono)',
      color: 'var(--ink-3)',
      marginTop: 3
    }
  }, det.forecast.note)), /*#__PURE__*/React.createElement("div", {
    style: {
      padding: '12px 20px',
      borderTop: '1px solid var(--line-1)'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      font: 'var(--text-overline)',
      letterSpacing: 'var(--letter-spacing-wide)',
      textTransform: 'uppercase',
      color: 'var(--ink-3)',
      marginBottom: 6
    }
  }, "Dependencies"), det.blocks.length === 0 && det.blockedBy.length === 0 ? /*#__PURE__*/React.createElement("div", {
    style: {
      font: '400 11.5px var(--font-mono)',
      color: 'var(--ink-3)'
    }
  }, "none") : /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 6
    }
  }, det.blocks.length ? /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 6,
      flexWrap: 'wrap'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 11px var(--font-mono)',
      color: 'var(--ink-3)'
    }
  }, "blocks"), det.blocks.map(b => /*#__PURE__*/React.createElement("button", {
    key: b,
    type: "button",
    onClick: () => onOpenIssue({
      id: b,
      title: b === 91 ? 'Webhook listener: reconcile on reconnect' : 'Monte Carlo engine: percentile bands',
      labels: b === 91 ? ['est/3d', 'p/2'] : ['est/5d', 'p/1']
    }),
    style: {
      font: '500 11px var(--font-mono)',
      color: 'var(--accent-text)',
      background: 'var(--spruce-1)',
      border: '1px solid var(--spruce-2)',
      borderRadius: 'var(--radius-1)',
      padding: '2px 7px',
      cursor: 'pointer'
    }
  }, "#", b))) : null, det.blockedBy.length ? /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 6
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 11px var(--font-mono)',
      color: 'var(--ink-3)'
    }
  }, "blocked by"), det.blockedBy.map(b => /*#__PURE__*/React.createElement("span", {
    key: b,
    style: {
      font: '500 11px var(--font-mono)',
      color: 'var(--ink-2)'
    }
  }, "#", b))) : null)), /*#__PURE__*/React.createElement("div", {
    style: {
      padding: '10px 20px 14px',
      borderTop: '1px solid var(--line-1)'
    }
  }, /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-caption)',
      color: 'var(--ink-3)',
      margin: 0
    }
  }, "Lives in pm-state. Your repo never sees any of it."))))));
}
Object.assign(window, {
  IssueScreen
});
})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/app/IssueScreen.jsx", error: String((e && e.message) || e) }); }

// ui_kits/app/MilestoneScreen.jsx
try { (() => {
// Milestone detail — scope, cone, issues; forecasts stay ranges
function MilestoneScreen({
  onBack,
  onOpenIssue
}) {
  const DS = window.CommiTeaDesignSystem_20e63b;
  const {
    Card,
    Tag,
    Badge,
    Button,
    Icon
  } = DS;
  const cols = window.CT_DATA.columns;
  const byState = ids => cols.flatMap(c => c.issues.map(i => ({
    ...i,
    col: c.label
  }))).filter(i => ids.includes(i.id));
  const groups = [{
    label: 'Steeping',
    issues: byState([87, 84])
  }, {
    label: 'In review',
    issues: byState([92])
  }, {
    label: 'Queued',
    issues: byState([102, 103, 99, 96, 78])
  }, {
    label: 'Done',
    issues: byState([71, 69, 65]),
    muted: true
  }];
  const Stat = ({
    label,
    value,
    tone
  }) => /*#__PURE__*/React.createElement("div", {
    style: {
      flex: 1,
      padding: '12px 18px',
      borderRight: '1px solid var(--line-1)'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      font: 'var(--text-overline)',
      letterSpacing: 'var(--letter-spacing-wide)',
      textTransform: 'uppercase',
      color: 'var(--ink-3)',
      marginBottom: 5
    }
  }, label), /*#__PURE__*/React.createElement("div", {
    style: {
      font: `500 14px var(--font-mono)`,
      color: tone || 'var(--ink-1)',
      whiteSpace: 'nowrap'
    }
  }, value));
  return /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 16
    }
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
    type: "button",
    onClick: onBack,
    style: {
      display: 'inline-flex',
      alignItems: 'center',
      gap: 6,
      background: 'none',
      border: 'none',
      font: '500 12.5px var(--font-sans)',
      color: 'var(--ink-2)',
      cursor: 'pointer',
      padding: '2px 0',
      marginBottom: 10
    }
  }, /*#__PURE__*/React.createElement(Icon, {
    name: "arrow-left",
    size: 14
  }), " Runway"), /*#__PURE__*/React.createElement("header", {
    style: {
      borderBottom: 'var(--rule-double)',
      paddingBottom: 14,
      display: 'flex',
      alignItems: 'flex-start',
      gap: 16
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      flex: 1,
      minWidth: 0
    }
  }, /*#__PURE__*/React.createElement("p", {
    style: {
      font: '400 12px var(--font-mono)',
      color: 'var(--ink-3)',
      margin: '0 0 6px',
      display: 'inline-flex',
      alignItems: 'center',
      gap: 6
    }
  }, /*#__PURE__*/React.createElement(Icon, {
    name: "milestone",
    size: 13
  }), " milestone \xB7 due Mar 15 \xB7 soft \u2014 scope may flex"), /*#__PURE__*/React.createElement("h1", {
    style: {
      font: 'var(--text-display)',
      color: 'var(--ink-1)',
      margin: 0
    }
  }, "Beta"), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 8,
      marginTop: 10
    }
  }, /*#__PURE__*/React.createElement(Badge, {
    tone: "ok",
    dot: true
  }, "ahead of forecast"), /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 12px var(--font-mono)',
      color: 'var(--ink-2)',
      whiteSpace: 'nowrap'
    }
  }, "80% Mar 3\u201312"))), /*#__PURE__*/React.createElement(Button, {
    variant: "secondary",
    icon: "arrow-up-right"
  }, "Open in Gitea"))), /*#__PURE__*/React.createElement(Card, {
    flush: true
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex'
    }
  }, /*#__PURE__*/React.createElement(Stat, {
    label: "Scope",
    value: "42 issues \xB7 est 61d"
  }), /*#__PURE__*/React.createElement(Stat, {
    label: "Done",
    value: "24 \xB7 57%"
  }), /*#__PURE__*/React.createElement(Stat, {
    label: "Forecast",
    value: "80% Mar 3\u201312"
  }), /*#__PURE__*/React.createElement("div", {
    style: {
      flex: 1,
      padding: '12px 18px'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      font: 'var(--text-overline)',
      letterSpacing: 'var(--letter-spacing-wide)',
      textTransform: 'uppercase',
      color: 'var(--ink-3)',
      marginBottom: 5
    }
  }, "Drift \xB7 7d"), /*#__PURE__*/React.createElement("div", {
    style: {
      font: '500 14px var(--font-mono)',
      color: 'var(--ok)',
      whiteSpace: 'nowrap'
    }
  }, "\u22122d \xB7 cone narrowed")))), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'grid',
      gridTemplateColumns: '1.2fr 1fr',
      gap: 14,
      alignItems: 'start'
    }
  }, /*#__PURE__*/React.createElement(Card, {
    overline: "Burn-up",
    title: /*#__PURE__*/React.createElement(React.Fragment, null, "80% this lands ", /*#__PURE__*/React.createElement("span", {
      style: {
        whiteSpace: 'nowrap'
      }
    }, "Mar 3\u201312")),
    jade: true
  }, /*#__PURE__*/React.createElement(window.BurnUpCone, null), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-agent)',
      color: 'var(--ink-2)',
      margin: '10px 0 0'
    }
  }, "Comfortably ahead. Beta needs #87 more than it needs my commentary.")), /*#__PURE__*/React.createElement(Card, {
    overline: "Issues",
    flush: true
  }, /*#__PURE__*/React.createElement("div", null, groups.map(g => /*#__PURE__*/React.createElement("div", {
    key: g.label
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 7,
      padding: '10px 20px 6px'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      font: 'var(--text-overline)',
      letterSpacing: 'var(--letter-spacing-wide)',
      textTransform: 'uppercase',
      color: 'var(--ink-3)'
    }
  }, g.label), /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 11px var(--font-mono)',
      color: 'var(--ink-3)'
    }
  }, g.issues.length)), g.issues.map(i => /*#__PURE__*/React.createElement("div", {
    key: i.id,
    onClick: () => onOpenIssue({
      id: i.id,
      title: i.title,
      labels: i.labels,
      days: i.days
    }),
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 8,
      padding: '7px 20px',
      cursor: 'pointer',
      opacity: g.muted ? 0.6 : 1
    },
    onMouseEnter: e => {
      e.currentTarget.style.background = 'var(--paper-2)';
    },
    onMouseLeave: e => {
      e.currentTarget.style.background = 'transparent';
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 11px var(--font-mono)',
      color: 'var(--ink-3)',
      width: 34,
      flexShrink: 0
    }
  }, "#", i.id), /*#__PURE__*/React.createElement("span", {
    style: {
      font: 'var(--text-small)',
      color: 'var(--ink-1)',
      overflow: 'hidden',
      textOverflow: 'ellipsis',
      whiteSpace: 'nowrap',
      flex: 1
    }
  }, i.title), (i.labels || []).filter(l => l.startsWith('est/')).map(l => /*#__PURE__*/React.createElement(Tag, {
    key: l,
    label: l
  }))))))))));
}
Object.assign(window, {
  MilestoneScreen
});
})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/app/MilestoneScreen.jsx", error: String((e && e.message) || e) }); }

// ui_kits/app/OnboardingScreen.jsx
try { (() => {
// Onboarding / first connect — welcome → connect gitea → choose repo → bootstrap
function OnboardingScreen({
  onDone
}) {
  const DS = window.CommiTeaDesignSystem_20e63b;
  const {
    Button,
    Input,
    Radio,
    Tag,
    Badge,
    Icon
  } = DS;
  const [step, setStep] = React.useState(0);
  const [conn, setConn] = React.useState('idle'); // idle | testing | ok
  const [repo, setRepo] = React.useState('stephen/commitea');
  const [boot, setBoot] = React.useState(-1); // -1 idle, 0..2 running, 3 done

  React.useEffect(() => {
    if (conn !== 'testing') return;
    const t = setTimeout(() => setConn('ok'), 1100);
    return () => clearTimeout(t);
  }, [conn]);
  React.useEffect(() => {
    if (boot < 0 || boot >= 3) return;
    const t = setTimeout(() => setBoot(boot + 1), 700);
    return () => clearTimeout(t);
  }, [boot]);
  const STEPS = ['Welcome', 'Connect', 'Repo', 'Bootstrap'];
  const BOOT_TASKS = ['Create stephen/pm-state (the sidecar)', 'Apply the label schema to stephen/commitea', 'Install a webhook · endpoint :48731'];
  const Frame = ({
    children,
    footer
  }) => /*#__PURE__*/React.createElement("div", {
    style: {
      background: 'var(--surface-card)',
      border: '1px solid var(--line-1)',
      borderRadius: 'var(--radius-3)',
      boxShadow: 'var(--shadow-jade-line), var(--shadow-2)',
      padding: '30px 36px',
      display: 'flex',
      flexDirection: 'column',
      gap: 16,
      width: '100%'
    }
  }, children, footer ? /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      gap: 8,
      justifyContent: 'flex-end',
      borderTop: '1px solid var(--line-1)',
      paddingTop: 16
    }
  }, footer) : null);
  return /*#__PURE__*/React.createElement("div", {
    style: {
      minHeight: '100vh',
      background: 'var(--surface-app)',
      display: 'flex',
      flexDirection: 'column',
      alignItems: 'center',
      justifyContent: 'center',
      padding: 32,
      gap: 22
    },
    "data-screen-label": "onboarding"
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 12
    }
  }, /*#__PURE__*/React.createElement("img", {
    src: "../../assets/logo-icon.png",
    width: "34",
    height: "34",
    alt: "",
    style: {
      borderRadius: 8,
      display: 'block'
    }
  }), /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 27px/1 var(--font-serif-display)',
      color: 'var(--ink-1)'
    }
  }, "Commi", /*#__PURE__*/React.createElement("span", {
    style: {
      color: 'var(--accent-text)'
    }
  }, "Tea"))), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 14
    }
  }, STEPS.map((s, i) => /*#__PURE__*/React.createElement("div", {
    key: s,
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 14
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      display: 'inline-flex',
      alignItems: 'center',
      gap: 7
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      width: 20,
      height: 20,
      borderRadius: '50%',
      textAlign: 'center',
      font: '500 10.5px/20px var(--font-mono)',
      background: i < step ? 'var(--accent)' : i === step ? 'var(--spruce-2)' : 'var(--paper-2)',
      color: i < step ? 'var(--ink-inverse)' : i === step ? 'var(--accent-text)' : 'var(--ink-3)'
    }
  }, i < step ? '\u2713' : i + 1), /*#__PURE__*/React.createElement("span", {
    style: {
      font: `${i === step ? 600 : 400} 12px/1 var(--font-sans)`,
      color: i === step ? 'var(--ink-1)' : 'var(--ink-3)'
    }
  }, s)), i < STEPS.length - 1 ? /*#__PURE__*/React.createElement("span", {
    style: {
      width: 24,
      height: 1,
      background: 'var(--line-2)'
    }
  }) : null))), /*#__PURE__*/React.createElement("div", {
    style: {
      width: 'min(540px, 100%)'
    }
  }, step === 0 ? /*#__PURE__*/React.createElement(Frame, {
    footer: /*#__PURE__*/React.createElement(Button, {
      iconRight: "arrow-right",
      onClick: () => setStep(1)
    }, "Begin")
  }, /*#__PURE__*/React.createElement("h1", {
    style: {
      font: 'var(--text-title)',
      color: 'var(--ink-1)',
      margin: 0
    }
  }, "Good morning."), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-agent-lg)',
      color: 'var(--ink-2)',
      margin: 0
    }
  }, "I'm Reginald, your project manager. I interview you instead of making you fill in forms, I forecast in honest ranges, and I never do the arithmetic myself \u2014 there's a scheduler for that."), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-body)',
      color: 'var(--ink-2)',
      margin: 0
    }
  }, "Your plans live in your own Gitea as ordinary issues and labels. Delete me and nothing human is lost.")) : null, step === 1 ? /*#__PURE__*/React.createElement(Frame, {
    footer: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
      variant: "ghost",
      onClick: () => setStep(0)
    }, "Back"), /*#__PURE__*/React.createElement(Button, {
      iconRight: "arrow-right",
      disabled: conn !== 'ok',
      onClick: () => setStep(2)
    }, "Continue"))
  }, /*#__PURE__*/React.createElement("h1", {
    style: {
      font: 'var(--text-title)',
      color: 'var(--ink-1)',
      margin: 0
    }
  }, "Your Gitea"), /*#__PURE__*/React.createElement(Input, {
    label: "Base URL",
    icon: "link",
    mono: true,
    defaultValue: "https://gitea.stephenmann.io"
  }), /*#__PURE__*/React.createElement(Input, {
    label: "Access token",
    icon: "keyboard",
    mono: true,
    type: "password",
    defaultValue: "ct_9f2e81c4a7d6",
    hint: "Scopes: repo, issue. Nothing more."
  }), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 12
    }
  }, /*#__PURE__*/React.createElement(Button, {
    variant: "secondary",
    icon: conn === 'testing' ? 'loader-circle' : 'zap',
    disabled: conn === 'testing',
    onClick: () => setConn('testing')
  }, conn === 'testing' ? 'Ringing the bell…' : 'Test connection'), conn === 'ok' ? /*#__PURE__*/React.createElement(Badge, {
    tone: "ok",
    dot: true
  }, "connected \xB7 3 repos visible") : null)) : null, step === 2 ? /*#__PURE__*/React.createElement(Frame, {
    footer: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
      variant: "ghost",
      onClick: () => setStep(1)
    }, "Back"), /*#__PURE__*/React.createElement(Button, {
      iconRight: "arrow-right",
      onClick: () => setStep(3)
    }, "Continue"))
  }, /*#__PURE__*/React.createElement("h1", {
    style: {
      font: 'var(--text-title)',
      color: 'var(--ink-1)',
      margin: 0
    }
  }, "Which repo shall I manage?"), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 8
    }
  }, ['stephen/commitea', 'stephen/novelpad', 'stephen/infra'].map(r => /*#__PURE__*/React.createElement("label", {
    key: r,
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 10,
      padding: '10px 14px',
      cursor: 'pointer',
      background: repo === r ? 'var(--spruce-1)' : 'var(--paper-0)',
      border: `1px solid ${repo === r ? 'var(--spruce-3)' : 'var(--line-1)'}`,
      borderRadius: 'var(--radius-2)'
    }
  }, /*#__PURE__*/React.createElement(Radio, {
    name: "repo",
    checked: repo === r,
    onChange: () => setRepo(r)
  }), /*#__PURE__*/React.createElement(Icon, {
    name: "git-branch",
    size: 14,
    style: {
      color: 'var(--ink-3)'
    }
  }), /*#__PURE__*/React.createElement("span", {
    style: {
      font: 'var(--text-data)',
      color: 'var(--ink-1)'
    }
  }, r)))), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-caption)',
      color: 'var(--ink-3)',
      margin: 0
    }
  }, "One to start. You can add more later in Settings.")) : null, step === 3 ? /*#__PURE__*/React.createElement(Frame, {
    footer: boot === 3 ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
      variant: "ghost",
      onClick: () => onDone('focus')
    }, "Just look around"), /*#__PURE__*/React.createElement(Button, {
      icon: "sparkles",
      onClick: () => onDone('capture')
    }, "Start a capture")) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
      variant: "ghost",
      onClick: () => setStep(2),
      disabled: boot >= 0
    }, "Back"), /*#__PURE__*/React.createElement(Button, {
      disabled: boot >= 0,
      onClick: () => setBoot(0)
    }, "Make it so"))
  }, /*#__PURE__*/React.createElement("h1", {
    style: {
      font: 'var(--text-title)',
      color: 'var(--ink-1)',
      margin: 0
    }
  }, boot === 3 ? 'All set.' : 'With your approval'), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 10
    }
  }, BOOT_TASKS.map((t, i) => /*#__PURE__*/React.createElement("div", {
    key: t,
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 10
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      display: 'inline-flex',
      color: boot > i ? 'var(--ok)' : boot === i ? 'var(--warn)' : 'var(--ink-3)'
    }
  }, /*#__PURE__*/React.createElement(Icon, {
    name: boot > i ? 'circle-check' : boot === i ? 'loader-circle' : 'circle-dashed',
    size: 15
  })), /*#__PURE__*/React.createElement("span", {
    style: {
      font: 'var(--text-body)',
      color: boot > i ? 'var(--ink-1)' : 'var(--ink-2)',
      whiteSpace: 'nowrap'
    }
  }, t))), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexWrap: 'wrap',
      gap: 5,
      paddingLeft: 25
    }
  }, ['est/1d', 'est/2d', 'est/3d', 'est/5d', 'est/8d', 'p/1', 'p/2', 'p/3', 'p/4', 'deadline/hard'].map(l => /*#__PURE__*/React.createElement(Tag, {
    key: l,
    label: l
  })))), boot === 3 ? /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-agent)',
      color: 'var(--ink-2)',
      margin: 0
    }
  }, "The pot is empty. Tell me what you're planning and I'll draw up the tickets.") : /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-caption)',
      color: 'var(--ink-3)',
      margin: 0
    }
  }, "No bot comments, no body frontmatter, no synthetic issues \u2014 ever. Labels are the only footprint.")) : null), /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 11px var(--font-mono)',
      color: 'var(--ink-3)'
    }
  }, "first run \xB7 everything reversible"));
}
Object.assign(window, {
  OnboardingScreen
});
})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/app/OnboardingScreen.jsx", error: String((e && e.message) || e) }); }

// ui_kits/app/RunwayScreen.jsx
try { (() => {
// Runway — capacity vs milestone dates; ranges, never points
function RunwayScreen({
  onOpenCalibration,
  onOpenMilestone
}) {
  const DS = window.CommiTeaDesignSystem_20e63b;
  const {
    Card,
    Badge,
    Tag,
    Icon
  } = DS;
  const d = window.CT_DATA;
  return /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 16
    }
  }, /*#__PURE__*/React.createElement("header", {
    style: {
      borderBottom: 'var(--rule-double)',
      paddingBottom: 14
    }
  }, /*#__PURE__*/React.createElement("h1", {
    style: {
      font: 'var(--text-display)',
      color: 'var(--ink-1)',
      margin: 0
    }
  }, "Runway"), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-data)',
      color: 'var(--ink-3)',
      margin: '6px 0 0'
    }
  }, "capacity vs milestone dates \xB7 calibrated on 27 closed issues")), /*#__PURE__*/React.createElement(Card, {
    overline: "Milestones",
    flush: true
  }, /*#__PURE__*/React.createElement("div", null, d.runway.map((m, i) => /*#__PURE__*/React.createElement("div", {
    key: m.name,
    onClick: onOpenMilestone,
    style: {
      display: 'grid',
      gridTemplateColumns: '160px 1fr 150px 90px',
      gap: 16,
      alignItems: 'center',
      cursor: 'pointer',
      padding: '14px 20px',
      borderTop: i === 0 ? 'none' : '1px solid var(--line-1)'
    },
    onMouseEnter: e => {
      e.currentTarget.style.background = 'var(--paper-2)';
    },
    onMouseLeave: e => {
      e.currentTarget.style.background = 'transparent';
    }
  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
    style: {
      font: 'var(--text-body-strong)',
      color: 'var(--ink-1)',
      display: 'flex',
      alignItems: 'center',
      gap: 7
    }
  }, /*#__PURE__*/React.createElement(Icon, {
    name: "milestone",
    size: 14,
    style: {
      color: 'var(--ink-3)'
    }
  }), m.name), /*#__PURE__*/React.createElement("div", {
    style: {
      font: '400 11.5px var(--font-mono)',
      color: 'var(--ink-3)',
      marginTop: 3
    }
  }, "due ", m.due, m.hard ? ' ' : ''), m.hard ? /*#__PURE__*/React.createElement(Tag, {
    label: "deadline/hard",
    style: {
      marginTop: 5
    }
  }) : null), /*#__PURE__*/React.createElement(window.RunwayBar, {
    m: m
  }), /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 12px var(--font-mono)',
      color: 'var(--ink-2)'
    }
  }, "80% ", m.p80), /*#__PURE__*/React.createElement(Badge, {
    tone: m.tone,
    dot: true
  }, m.note))))), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'grid',
      gridTemplateColumns: '1fr 1fr',
      gap: 14,
      alignItems: 'start'
    }
  }, /*#__PURE__*/React.createElement(Card, {
    overline: "Capacity",
    flush: true
  }, /*#__PURE__*/React.createElement("div", null, d.capacity.map((p, i) => /*#__PURE__*/React.createElement("div", {
    key: p.who,
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 12,
      padding: '12px 20px',
      borderTop: i === 0 ? 'none' : '1px solid var(--line-1)'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      width: 26,
      height: 26,
      borderRadius: '50%',
      background: 'var(--spruce-2)',
      color: 'var(--accent-text)',
      font: '600 10px/26px var(--font-sans)',
      textAlign: 'center',
      flexShrink: 0
    }
  }, p.who.split(' ').map(w => w[0]).join('')), /*#__PURE__*/React.createElement("div", {
    style: {
      flex: 1,
      minWidth: 0
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      font: 'var(--text-body-strong)'
    }
  }, p.who), /*#__PURE__*/React.createElement("div", {
    style: {
      font: '400 11.5px var(--font-mono)',
      color: 'var(--ink-3)',
      marginTop: 2
    }
  }, p.slices)), /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 12px var(--font-mono)',
      color: 'var(--ink-2)'
    }
  }, p.hours))))), /*#__PURE__*/React.createElement(Card, {
    overline: "Calibration",
    actions: /*#__PURE__*/React.createElement(DS.IconButton, {
      icon: "arrow-up-right",
      label: "Full report",
      size: "sm",
      onClick: onOpenCalibration
    })
  }, /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-body)',
      margin: '0 0 8px'
    }
  }, "Your estimates run ", /*#__PURE__*/React.createElement("strong", null, "18% optimistic"), " on ", /*#__PURE__*/React.createElement("code", null, "est/3d"), " and above. Smaller tickets are honest."), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-agent)',
      color: 'var(--ink-2)',
      margin: 0
    }
  }, "I widen the cone accordingly. No judgement \u2014 it's the most common shape of hope."))));
}
Object.assign(window, {
  RunwayScreen
});
})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/app/RunwayScreen.jsx", error: String((e && e.message) || e) }); }

// ui_kits/app/SettingsScreen.jsx
try { (() => {
// Settings — gitea connection, sync, model roles, labels, rituals, appearance
function SettingsScreen({
  dark,
  setDark
}) {
  const DS = window.CommiTeaDesignSystem_20e63b;
  const {
    Card,
    Input,
    Select,
    Switch,
    Radio,
    Button,
    IconButton,
    Tag,
    Badge,
    Icon
  } = DS;
  const [webhooks, setWebhooks] = React.useState(true);
  const [reconcile, setReconcile] = React.useState(true);
  const [poll, setPoll] = React.useState(true);
  const [nag, setNag] = React.useState(true);
  const Row = ({
    children,
    style
  }) => /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 12,
      ...style
    }
  }, children);
  const Note = ({
    children
  }) => /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-caption)',
      color: 'var(--ink-3)',
      margin: 0
    }
  }, children);
  return /*#__PURE__*/React.createElement("div", {
    style: {
      maxWidth: 720,
      margin: '0 auto',
      display: 'flex',
      flexDirection: 'column',
      gap: 16
    }
  }, /*#__PURE__*/React.createElement("header", {
    style: {
      borderBottom: 'var(--rule-double)',
      paddingBottom: 14
    }
  }, /*#__PURE__*/React.createElement("h1", {
    style: {
      font: 'var(--text-display)',
      color: 'var(--ink-1)',
      margin: 0
    }
  }, "Settings"), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-data)',
      color: 'var(--ink-3)',
      margin: '6px 0 0'
    }
  }, "config lives in pm-state \xB7 versioned, portable")), /*#__PURE__*/React.createElement(Card, {
    overline: "Gitea",
    title: "Connection"
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 14
    }
  }, /*#__PURE__*/React.createElement(Input, {
    label: "Base URL",
    icon: "link",
    mono: true,
    defaultValue: "https://gitea.stephenmann.io"
  }), /*#__PURE__*/React.createElement(Input, {
    label: "Access token",
    icon: "keyboard",
    mono: true,
    type: "password",
    defaultValue: "ct_9f2e81c4a7d6",
    hint: "Scopes: repo, issue. Nothing more."
  }), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 8
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      font: '600 13px/1.2 var(--font-sans)',
      color: 'var(--ink-1)'
    }
  }, "Managed repos"), /*#__PURE__*/React.createElement(Row, {
    style: {
      padding: '8px 12px',
      background: 'var(--paper-0)',
      border: '1px solid var(--line-1)',
      borderRadius: 'var(--radius-2)'
    }
  }, /*#__PURE__*/React.createElement(Icon, {
    name: "git-branch",
    size: 14,
    style: {
      color: 'var(--ink-3)'
    }
  }), /*#__PURE__*/React.createElement("span", {
    style: {
      font: 'var(--text-data)',
      color: 'var(--ink-1)',
      flex: 1
    }
  }, "stephen/commitea"), /*#__PURE__*/React.createElement(Badge, {
    tone: "ok",
    dot: true
  }, "syncing"), /*#__PURE__*/React.createElement(IconButton, {
    icon: "x",
    label: "Stop managing",
    size: "sm"
  })), /*#__PURE__*/React.createElement(Row, {
    style: {
      padding: '8px 12px',
      background: 'var(--paper-0)',
      border: '1px solid var(--line-1)',
      borderRadius: 'var(--radius-2)'
    }
  }, /*#__PURE__*/React.createElement(Icon, {
    name: "layers",
    size: 14,
    style: {
      color: 'var(--ink-3)'
    }
  }), /*#__PURE__*/React.createElement("span", {
    style: {
      font: 'var(--text-data)',
      color: 'var(--ink-1)',
      flex: 1
    }
  }, "stephen/pm-state"), /*#__PURE__*/React.createElement(Badge, null, "sidecar")), /*#__PURE__*/React.createElement(Note, null, "The sidecar holds machine-derived state only. Delete it and resync \u2014 no truth is lost."), /*#__PURE__*/React.createElement(Button, {
    variant: "secondary",
    size: "sm",
    icon: "plus",
    style: {
      alignSelf: 'flex-start'
    }
  }, "Add repo")))), /*#__PURE__*/React.createElement(Card, {
    overline: "Sync",
    title: "Staying current"
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 12
    }
  }, /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Switch, {
    label: "Webhooks while running",
    checked: webhooks,
    onChange: e => setWebhooks(e.target.checked)
  }), /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 11.5px var(--font-mono)',
      color: 'var(--ink-3)',
      marginLeft: 'auto'
    }
  }, "endpoint :48731 \xB7 healthy")), /*#__PURE__*/React.createElement(Switch, {
    label: "Full reconcile on launch",
    checked: reconcile,
    onChange: e => setReconcile(e.target.checked)
  }), /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Switch, {
    label: "Poll fallback",
    checked: poll,
    onChange: e => setPoll(e.target.checked)
  }), /*#__PURE__*/React.createElement("div", {
    style: {
      marginLeft: 'auto',
      width: 140
    }
  }, /*#__PURE__*/React.createElement(Select, {
    options: [{
      value: '2',
      label: 'every 2 min'
    }, {
      value: '5',
      label: 'every 5 min'
    }, {
      value: '15',
      label: 'every 15 min'
    }],
    defaultValue: "5"
  }))), /*#__PURE__*/React.createElement(Note, null, "last reconcile 3.2s \xB7 500 issues \xB7 nothing lost"))), /*#__PURE__*/React.createElement(Card, {
    overline: "Models",
    title: "The router"
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 14
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'grid',
      gridTemplateColumns: '1fr 1fr',
      gap: '12px 14px'
    }
  }, /*#__PURE__*/React.createElement(Select, {
    label: "Prose & rituals",
    options: [{
      value: 'gemma-4b',
      label: 'gemma-4b · local'
    }, {
      value: 'qwen-7b',
      label: 'qwen-7b · local'
    }],
    defaultValue: "gemma-4b"
  }), /*#__PURE__*/React.createElement(Input, {
    label: "Base URL",
    mono: true,
    defaultValue: "http://localhost:1234/v1"
  }), /*#__PURE__*/React.createElement(Select, {
    label: "Decomposition & negotiation",
    options: [{
      value: 'qwen-72b',
      label: 'qwen-72b · lm-studio box'
    }, {
      value: 'gpt-4o',
      label: 'gpt-4o · OpenAI API'
    }],
    defaultValue: "qwen-72b"
  }), /*#__PURE__*/React.createElement(Input, {
    label: "Base URL",
    mono: true,
    defaultValue: "http://10.0.0.42:1234/v1"
  })), /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 11.5px var(--font-mono)',
      color: 'var(--ink-3)'
    }
  }, "hot memory \u2264 2k tokens \xB7 math is never delegated to either")), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-agent)',
      color: 'var(--ink-2)',
      margin: 0
    }
  }, "The small one writes my standup; the large one argues with your estimates. Neither is allowed near the arithmetic."))), /*#__PURE__*/React.createElement(Card, {
    overline: "Labels",
    title: "Schema"
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 10
    }
  }, /*#__PURE__*/React.createElement(Row, {
    style: {
      flexWrap: 'wrap',
      gap: 6
    }
  }, ['est/1d', 'est/2d', 'est/3d', 'est/5d', 'est/8d'].map(l => /*#__PURE__*/React.createElement(Tag, {
    key: l,
    label: l
  }))), /*#__PURE__*/React.createElement(Row, {
    style: {
      flexWrap: 'wrap',
      gap: 6
    }
  }, ['p/1', 'p/2', 'p/3', 'p/4'].map(l => /*#__PURE__*/React.createElement(Tag, {
    key: l,
    label: l
  })), /*#__PURE__*/React.createElement(Tag, {
    label: "deadline/hard"
  })), /*#__PURE__*/React.createElement(Note, null, "Fixed sets, human-meaningful, visible in gitea. Not configurable \u2014 that is rather the point."))), /*#__PURE__*/React.createElement(Card, {
    overline: "Rituals",
    title: "Reginald's calendar"
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 12
    }
  }, /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement("span", {
    style: {
      font: 'var(--text-body)',
      color: 'var(--ink-1)'
    }
  }, "Morning standup"), /*#__PURE__*/React.createElement("div", {
    style: {
      marginLeft: 'auto',
      width: 120
    }
  }, /*#__PURE__*/React.createElement(Select, {
    options: [{
      value: '0630',
      label: '06:30'
    }, {
      value: '0700',
      label: '07:00'
    }, {
      value: '0800',
      label: '08:00'
    }],
    defaultValue: "0700"
  }))), /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement(Switch, {
    label: "Stale-blocker nagging",
    checked: nag,
    onChange: e => setNag(e.target.checked)
  }), /*#__PURE__*/React.createElement("div", {
    style: {
      marginLeft: 'auto',
      width: 140
    }
  }, /*#__PURE__*/React.createElement(Select, {
    options: [{
      value: '2',
      label: 'after 2 days'
    }, {
      value: '3',
      label: 'after 3 days'
    }, {
      value: '5',
      label: 'after 5 days'
    }],
    defaultValue: "3"
  }))))), /*#__PURE__*/React.createElement(Card, {
    overline: "Appearance",
    title: "Service"
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      gap: 20
    }
  }, /*#__PURE__*/React.createElement(Radio, {
    name: "theme",
    label: "Morning (light)",
    checked: !dark,
    onChange: () => setDark(false)
  }), /*#__PURE__*/React.createElement(Radio, {
    name: "theme",
    label: "Evening (dark)",
    checked: dark,
    onChange: () => setDark(true)
  }))), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(Row, null, /*#__PURE__*/React.createElement("div", {
    style: {
      flex: 1
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      font: 'var(--text-body-strong)',
      color: 'var(--ink-1)'
    }
  }, "Forget this gitea"), /*#__PURE__*/React.createElement(Note, null, "Removes the connection and the local cache. Gitea itself is untouched.")), /*#__PURE__*/React.createElement(Button, {
    variant: "danger"
  }, "Forget"))));
}
Object.assign(window, {
  SettingsScreen
});
})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/app/SettingsScreen.jsx", error: String((e && e.message) || e) }); }

// ui_kits/app/Shell.jsx
try { (() => {
// App shell — left rail + content + agent panel, issue page, theme toggle
function Shell() {
  const DS = window.CommiTeaDesignSystem_20e63b;
  const {
    Icon,
    Switch
  } = DS;
  const [view, setView] = React.useState('focus');
  const [prevView, setPrevView] = React.useState('focus');
  const [dark, setDark] = React.useState(false);
  const [issue, setIssue] = React.useState(null);
  const [offline, setOffline] = React.useState(false);
  const [readIds, setReadIds] = React.useState([]);
  const inboxUnread = window.CT_DATA.inbox.filter(n => n.unread && !readIds.includes(n.id)).length;
  const openIssue = i => {
    setIssue(i);
    if (view !== 'issue') setPrevView(view);
    setView('issue');
  };
  React.useEffect(() => {
    document.documentElement.setAttribute('data-theme', dark ? 'dark' : 'light');
  }, [dark]);
  if (view === 'firstrun') {
    return /*#__PURE__*/React.createElement(window.OnboardingScreen, {
      onDone: dest => setView(dest)
    });
  }
  const NAV = [{
    id: 'standup',
    label: 'Standup',
    icon: 'sun'
  }, {
    id: 'focus',
    label: 'Morning service',
    icon: 'coffee'
  }, {
    id: 'inbox',
    label: 'Inbox',
    icon: 'bell',
    count: inboxUnread || null
  }, {
    id: 'capture',
    label: 'Capture',
    icon: 'plus'
  }, {
    id: 'board',
    label: 'The pot',
    icon: 'square-kanban'
  }, {
    id: 'runway',
    label: 'Runway',
    icon: 'chart-line'
  }, {
    id: 'directives',
    label: 'Directives',
    icon: 'flag'
  }];
  const NavItem = ({
    item
  }) => {
    const active = view === item.id || view === 'issue' && prevView === item.id || (view === 'calibration' || view === 'milestone') && item.id === 'runway';
    return /*#__PURE__*/React.createElement("button", {
      type: "button",
      onClick: () => setView(item.id),
      style: {
        display: 'flex',
        alignItems: 'center',
        gap: 10,
        width: '100%',
        font: `${active ? 600 : 500} 13.5px/1 var(--font-sans)`,
        color: active ? 'var(--ink-1)' : 'var(--ink-2)',
        background: active ? 'var(--paper-2)' : 'transparent',
        border: 'none',
        borderRadius: 'var(--radius-2)',
        padding: '9px 12px',
        cursor: 'pointer',
        textAlign: 'left',
        transition: 'background var(--duration-fast) var(--ease-out)'
      }
    }, /*#__PURE__*/React.createElement(Icon, {
      name: item.icon,
      size: 16,
      style: {
        color: active ? 'var(--accent-text)' : 'var(--ink-3)'
      }
    }), item.label, item.count ? /*#__PURE__*/React.createElement("span", {
      style: {
        marginLeft: 'auto',
        font: '500 10.5px/16px var(--font-mono)',
        color: 'var(--accent-text)',
        background: 'var(--spruce-2)',
        borderRadius: 'var(--radius-round)',
        padding: '0 6px'
      }
    }, item.count) : null);
  };
  return /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      height: '100vh',
      minWidth: 1280,
      background: 'var(--surface-app)',
      overflow: 'hidden'
    },
    "data-screen-label": `app-${view}`
  }, /*#__PURE__*/React.createElement("nav", {
    style: {
      width: 208,
      flexShrink: 0,
      display: 'flex',
      flexDirection: 'column',
      gap: 4,
      padding: '18px 12px 14px',
      borderRight: '1px solid var(--line-1)'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 9,
      padding: '0 12px 16px'
    }
  }, /*#__PURE__*/React.createElement("img", {
    src: "../../assets/logo-icon.png",
    width: "24",
    height: "24",
    alt: "",
    style: {
      borderRadius: 6,
      display: 'block'
    }
  }), /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 21px/1 var(--font-serif-display)',
      color: 'var(--ink-1)'
    }
  }, "Commi", /*#__PURE__*/React.createElement("span", {
    style: {
      color: 'var(--accent-text)'
    }
  }, "Tea"))), NAV.map(n => /*#__PURE__*/React.createElement(NavItem, {
    key: n.id,
    item: n
  })), /*#__PURE__*/React.createElement("div", {
    style: {
      borderTop: '1px solid var(--line-1)',
      margin: '10px 8px'
    }
  }), /*#__PURE__*/React.createElement(NavItem, {
    item: {
      id: 'settings',
      label: 'Settings',
      icon: 'settings-2'
    }
  }), /*#__PURE__*/React.createElement(NavItem, {
    item: {
      id: 'firstrun',
      label: 'First run',
      icon: 'play'
    }
  }), /*#__PURE__*/React.createElement(NavItem, {
    item: {
      id: 'states',
      label: 'States',
      icon: 'circle-dashed'
    }
  }), /*#__PURE__*/React.createElement("div", {
    style: {
      marginTop: 'auto',
      padding: '0 12px',
      display: 'flex',
      flexDirection: 'column',
      gap: 12
    }
  }, /*#__PURE__*/React.createElement("button", {
    type: "button",
    onClick: () => setOffline(!offline),
    title: "Toggle the connection (demo)",
    style: {
      font: '400 11px var(--font-mono)',
      color: 'var(--ink-3)',
      display: 'flex',
      alignItems: 'center',
      gap: 6,
      background: 'none',
      border: 'none',
      padding: 0,
      cursor: 'pointer',
      textAlign: 'left'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      width: 6,
      height: 6,
      borderRadius: '50%',
      background: offline ? 'var(--danger)' : 'var(--ok)',
      display: 'inline-block'
    }
  }), "gitea.stephenmann.io"), /*#__PURE__*/React.createElement(Switch, {
    label: /*#__PURE__*/React.createElement("span", {
      style: {
        font: 'var(--text-caption)'
      }
    }, "Evening service"),
    checked: dark,
    onChange: e => setDark(e.target.checked)
  }))), /*#__PURE__*/React.createElement("main", {
    style: {
      flex: 1,
      minWidth: 0,
      overflowY: 'auto',
      padding: '24px 28px'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      maxWidth: 1120,
      margin: '0 auto',
      height: view === 'board' ? '100%' : 'auto',
      display: 'flex',
      flexDirection: 'column',
      gap: 14
    }
  }, offline ? /*#__PURE__*/React.createElement(window.OfflineBanner, null) : null, view === 'focus' ? /*#__PURE__*/React.createElement(window.FocusScreen, {
    onOpenIssue: openIssue
  }) : null, view === 'board' ? /*#__PURE__*/React.createElement(window.BoardScreen, {
    onOpenIssue: openIssue
  }) : null, view === 'runway' ? /*#__PURE__*/React.createElement(window.RunwayScreen, {
    onOpenCalibration: () => setView('calibration'),
    onOpenMilestone: () => setView('milestone')
  }) : null, view === 'capture' ? /*#__PURE__*/React.createElement(window.CaptureScreen, {
    onDone: () => setView('focus')
  }) : null, view === 'standup' ? /*#__PURE__*/React.createElement(window.StandupScreen, {
    onBegin: () => setView('focus'),
    onOpenIssue: openIssue
  }) : null, view === 'settings' ? /*#__PURE__*/React.createElement(window.SettingsScreen, {
    dark: dark,
    setDark: setDark
  }) : null, view === 'directives' ? /*#__PURE__*/React.createElement(window.DirectivesScreen, null) : null, view === 'issue' && issue ? /*#__PURE__*/React.createElement(window.IssueScreen, {
    issue: issue,
    onBack: () => setView(prevView),
    onOpenIssue: openIssue
  }) : null, view === 'calibration' ? /*#__PURE__*/React.createElement(window.CalibrationScreen, {
    onBack: () => setView('runway')
  }) : null, view === 'milestone' ? /*#__PURE__*/React.createElement(window.MilestoneScreen, {
    onBack: () => setView('runway'),
    onOpenIssue: openIssue
  }) : null, view === 'states' ? /*#__PURE__*/React.createElement(window.StatesScreen, {
    onCapture: () => setView('capture')
  }) : null, view === 'inbox' ? /*#__PURE__*/React.createElement(window.InboxScreen, {
    onOpenIssue: openIssue,
    onOpenDirectives: () => setView('directives'),
    readIds: readIds,
    setReadIds: setReadIds
  }) : null)), /*#__PURE__*/React.createElement(window.ChatPanel, {
    onOpenDirectives: () => setView('directives'),
    offline: offline
  }));
}
Object.assign(window, {
  Shell
});
})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/app/Shell.jsx", error: String((e && e.message) || e) }); }

// ui_kits/app/StandupScreen.jsx
try { (() => {
// Morning standup ritual — a typeset letter from Reginald: drift, plan, nag
const standupCSS = `
@keyframes ct-standup-settle {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: none; }
}
.ct-standup-section { opacity: 1; }
@media (prefers-reduced-motion: no-preference) {
  .ct-standup-section { animation: ct-standup-settle 320ms var(--ease-out) both; }
}
`;
(function inject() {
  if (typeof document !== 'undefined' && !document.getElementById('ct-standup-css')) {
    const s = document.createElement('style');
    s.id = 'ct-standup-css';
    s.textContent = standupCSS;
    document.head.appendChild(s);
  }
})();
function StandupScreen({
  onBegin,
  onOpenIssue
}) {
  const DS = window.CommiTeaDesignSystem_20e63b;
  const {
    Button,
    Tag,
    Badge,
    Icon
  } = DS;
  const s = window.CT_DATA.standup;
  const Section = ({
    overline,
    children,
    order
  }) => /*#__PURE__*/React.createElement("section", {
    className: "ct-standup-section",
    style: {
      animationDelay: `${order * 90}ms`,
      display: 'flex',
      flexDirection: 'column',
      gap: 12
    }
  }, /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-overline)',
      letterSpacing: 'var(--letter-spacing-wide)',
      textTransform: 'uppercase',
      color: 'var(--ink-3)',
      margin: 0,
      borderTop: '1px solid var(--line-1)',
      paddingTop: 14
    }
  }, overline), children);
  const toneColor = {
    ok: 'var(--ok)',
    warn: 'var(--warn)',
    danger: 'var(--danger)'
  };
  return /*#__PURE__*/React.createElement("div", {
    style: {
      maxWidth: 660,
      margin: '0 auto'
    }
  }, /*#__PURE__*/React.createElement("article", {
    style: {
      background: 'var(--surface-card)',
      border: '1px solid var(--line-1)',
      borderRadius: 'var(--radius-3)',
      boxShadow: 'var(--shadow-jade-line), var(--shadow-1)',
      padding: '36px 44px 32px',
      display: 'flex',
      flexDirection: 'column',
      gap: 20
    }
  }, /*#__PURE__*/React.createElement("header", {
    className: "ct-standup-section",
    style: {
      borderBottom: 'var(--rule-double)',
      paddingBottom: 16
    }
  }, /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-data)',
      color: 'var(--ink-3)',
      margin: '0 0 8px'
    }
  }, s.date, " \xB7 prepared 07:00"), /*#__PURE__*/React.createElement("h1", {
    style: {
      font: 'var(--text-display)',
      color: 'var(--ink-1)',
      margin: 0
    }
  }, "Morning standup")), /*#__PURE__*/React.createElement(Section, {
    overline: "Overnight drift",
    order: 1
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 10
    }
  }, s.drift.map(d => /*#__PURE__*/React.createElement("div", {
    key: d.text,
    style: {
      display: 'flex',
      alignItems: 'baseline',
      gap: 10
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      width: 7,
      height: 7,
      borderRadius: '50%',
      background: toneColor[d.tone],
      flexShrink: 0,
      position: 'relative',
      top: -1
    }
  }), /*#__PURE__*/React.createElement("span", {
    style: {
      font: 'var(--text-body)',
      color: 'var(--ink-1)',
      flex: 1
    }
  }, d.text), /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 11.5px var(--font-mono)',
      color: 'var(--ink-3)',
      whiteSpace: 'nowrap'
    }
  }, d.delta))))), /*#__PURE__*/React.createElement(Section, {
    overline: "Today's plan",
    order: 2
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 12
    }
  }, s.plan.map(p => /*#__PURE__*/React.createElement("div", {
    key: p.who,
    style: {
      display: 'flex',
      gap: 12,
      alignItems: 'flex-start'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      width: 26,
      height: 26,
      borderRadius: '50%',
      background: 'var(--spruce-2)',
      color: 'var(--accent-text)',
      font: '600 10px/26px var(--font-sans)',
      textAlign: 'center',
      flexShrink: 0
    }
  }, p.who.split(' ').map(w => w[0]).join('')), /*#__PURE__*/React.createElement("div", {
    style: {
      flex: 1,
      minWidth: 0
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 8,
      flexWrap: 'wrap'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      font: 'var(--text-body-strong)',
      color: 'var(--ink-1)',
      whiteSpace: 'nowrap'
    }
  }, p.who), /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 12px var(--font-mono)',
      color: 'var(--ink-2)'
    }
  }, p.pick), /*#__PURE__*/React.createElement("span", {
    style: {
      font: 'var(--text-small)',
      color: 'var(--ink-2)'
    }
  }, p.title)), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-agent)',
      color: 'var(--ink-2)',
      margin: '4px 0 0'
    }
  }, p.why)))))), /*#__PURE__*/React.createElement(Section, {
    overline: "Stale blockers",
    order: 3
  }, /*#__PURE__*/React.createElement("div", {
    onClick: () => onOpenIssue({
      id: s.nag.id,
      title: 'Fix lifecycle inference on merge events',
      labels: ['est/2d', 'p/1'],
      days: s.nag.days
    }),
    style: {
      display: 'flex',
      gap: 10,
      alignItems: 'flex-start',
      cursor: 'pointer',
      background: 'var(--warn-tint)',
      borderRadius: 'var(--radius-2)',
      padding: '12px 14px'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      color: 'var(--warn)',
      display: 'inline-flex',
      marginTop: 2
    }
  }, /*#__PURE__*/React.createElement(Icon, {
    name: "clock",
    size: 15
  })), /*#__PURE__*/React.createElement("div", {
    style: {
      flex: 1
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 8,
      flexWrap: 'wrap'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      font: '500 12.5px var(--font-mono)',
      color: 'var(--ink-1)'
    }
  }, "#", s.nag.id), /*#__PURE__*/React.createElement(Badge, {
    tone: "warn",
    dot: true
  }, "steeping ", s.nag.days), /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 11.5px var(--font-mono)',
      color: 'var(--ink-3)'
    }
  }, "blocks ", s.nag.blocks.join(', '))), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-agent)',
      color: 'var(--ink-2)',
      margin: '5px 0 0'
    }
  }, s.nag.text)))), /*#__PURE__*/React.createElement("footer", {
    className: "ct-standup-section",
    style: {
      animationDelay: '360ms',
      borderTop: '1px solid var(--line-1)',
      paddingTop: 16,
      display: 'flex',
      alignItems: 'center',
      gap: 10
    }
  }, /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-agent-lg)',
      color: 'var(--ink-1)',
      margin: 0,
      flex: 1
    }
  }, "The kettle's on. \u2014 R."), /*#__PURE__*/React.createElement(Button, {
    variant: "ghost",
    onClick: onBegin
  }, "Ask about the drift"), /*#__PURE__*/React.createElement(Button, {
    iconRight: "arrow-right",
    onClick: onBegin
  }, "Begin the day"))));
}
Object.assign(window, {
  StandupScreen
});
})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/app/StandupScreen.jsx", error: String((e && e.message) || e) }); }

// ui_kits/app/StatesGallery.jsx
try { (() => {
// Shared empty/trouble states + the States gallery screen
function EmptyState({
  icon,
  title,
  line,
  action,
  onAction,
  compact
}) {
  const DS = window.CommiTeaDesignSystem_20e63b;
  const {
    Button,
    Icon
  } = DS;
  return /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      alignItems: 'center',
      textAlign: 'center',
      gap: 10,
      padding: compact ? '28px 20px' : '52px 24px'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      width: 44,
      height: 44,
      borderRadius: '50%',
      background: 'var(--paper-2)',
      color: 'var(--ink-3)',
      display: 'inline-flex',
      alignItems: 'center',
      justifyContent: 'center'
    }
  }, /*#__PURE__*/React.createElement(Icon, {
    name: icon,
    size: 19
  })), /*#__PURE__*/React.createElement("div", {
    style: {
      font: '400 20px/1.25 var(--font-serif-display)',
      color: 'var(--ink-1)'
    }
  }, title), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-agent)',
      color: 'var(--ink-2)',
      margin: 0,
      maxWidth: 380
    }
  }, line), action ? /*#__PURE__*/React.createElement(Button, {
    style: {
      marginTop: 6
    },
    onClick: onAction
  }, action) : null);
}
function OfflineBanner({
  retryIn
}) {
  const DS = window.CommiTeaDesignSystem_20e63b;
  const {
    Icon
  } = DS;
  return /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 10,
      background: 'var(--warn-tint)',
      border: '1px solid var(--warn)',
      borderRadius: 'var(--radius-2)',
      padding: '9px 14px'
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      color: 'var(--warn)',
      display: 'inline-flex'
    }
  }, /*#__PURE__*/React.createElement(Icon, {
    name: "triangle-alert",
    size: 15
  })), /*#__PURE__*/React.createElement("span", {
    style: {
      font: 'var(--text-small)',
      color: 'var(--ink-1)',
      flex: 1
    }
  }, "Gitea isn't answering. I'll keep trying and say nothing more about it."), /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 11.5px var(--font-mono)',
      color: 'var(--ink-2)',
      whiteSpace: 'nowrap'
    }
  }, "retry in ", retryIn || '0:12', " \xB7 reads from cache"));
}
function ModelAwayState() {
  const DS = window.CommiTeaDesignSystem_20e63b;
  const {
    Icon,
    Badge
  } = DS;
  return /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 8,
      padding: '14px 16px'
    }
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 8
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      color: 'var(--ink-3)',
      display: 'inline-flex'
    }
  }, /*#__PURE__*/React.createElement(Icon, {
    name: "sparkles",
    size: 15
  })), /*#__PURE__*/React.createElement("span", {
    style: {
      font: 'var(--text-body-strong)',
      color: 'var(--ink-2)'
    }
  }, "Reginald"), /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 11px var(--font-mono)',
      color: 'var(--ink-3)'
    }
  }, "model offline"), /*#__PURE__*/React.createElement("span", {
    style: {
      marginLeft: 'auto'
    }
  }, /*#__PURE__*/React.createElement(Badge, null, "queued: 1 directive"))), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-agent)',
      color: 'var(--ink-2)',
      margin: 0
    }
  }, "The model is away from its desk. Reads still work; writes will wait their turn."));
}
function StatesScreen({
  onCapture
}) {
  const DS = window.CommiTeaDesignSystem_20e63b;
  const {
    Button,
    Badge,
    Icon
  } = DS;
  const Specimen = ({
    label,
    children
  }) => /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 8
    }
  }, /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 11px var(--font-mono)',
      color: 'var(--ink-3)'
    }
  }, label), /*#__PURE__*/React.createElement("div", {
    style: {
      border: '1px dashed var(--line-2)',
      borderRadius: 'var(--radius-3)',
      background: 'var(--surface-card)',
      overflow: 'hidden'
    }
  }, children));
  return /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 16
    }
  }, /*#__PURE__*/React.createElement("header", {
    style: {
      borderBottom: 'var(--rule-double)',
      paddingBottom: 14
    }
  }, /*#__PURE__*/React.createElement("h1", {
    style: {
      font: 'var(--text-display)',
      color: 'var(--ink-1)',
      margin: 0
    }
  }, "States"), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-data)',
      color: 'var(--ink-3)',
      margin: '6px 0 0'
    }
  }, "empty & trouble \xB7 specimens as wired in the app")), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-overline)',
      letterSpacing: 'var(--letter-spacing-wide)',
      textTransform: 'uppercase',
      color: 'var(--ink-3)',
      margin: '4px 0 0'
    }
  }, "Empty"), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'grid',
      gridTemplateColumns: '1fr 1fr',
      gap: 14
    }
  }, /*#__PURE__*/React.createElement(Specimen, {
    label: "the pot \xB7 no issues"
  }, /*#__PURE__*/React.createElement(EmptyState, {
    compact: true,
    icon: "inbox",
    title: "The pot is empty",
    line: "Tell me what you're planning and I'll draw up the tickets.",
    action: "Start a capture",
    onAction: onCapture
  })), /*#__PURE__*/React.createElement(Specimen, {
    label: "morning service \xB7 nothing scheduled"
  }, /*#__PURE__*/React.createElement(EmptyState, {
    compact: true,
    icon: "coffee",
    title: "Nothing to pour",
    line: "Capture some work, or enjoy the silence \u2014 it never lasts."
  })), /*#__PURE__*/React.createElement(Specimen, {
    label: "directives \xB7 no entries"
  }, /*#__PURE__*/React.createElement(EmptyState, {
    compact: true,
    icon: "flag",
    title: "No directives yet",
    line: "When you overrule the scheduler, it goes on the record here \u2014 who, when, what, why."
  })), /*#__PURE__*/React.createElement(Specimen, {
    label: "board search \xB7 no match"
  }, /*#__PURE__*/React.createElement(EmptyState, {
    compact: true,
    icon: "search",
    title: "Nothing by that name",
    line: "The pot holds 24 issues; none of them answer to that."
  }))), /*#__PURE__*/React.createElement("p", {
    style: {
      font: 'var(--text-overline)',
      letterSpacing: 'var(--letter-spacing-wide)',
      textTransform: 'uppercase',
      color: 'var(--ink-3)',
      margin: '8px 0 0'
    }
  }, "Trouble"), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      gap: 14
    }
  }, /*#__PURE__*/React.createElement(Specimen, {
    label: "gitea unreachable \xB7 banner above main content (toggle the rail's connection dot to see it live)"
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      padding: 12
    }
  }, /*#__PURE__*/React.createElement(OfflineBanner, null))), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'grid',
      gridTemplateColumns: '1fr 1fr',
      gap: 14
    }
  }, /*#__PURE__*/React.createElement(Specimen, {
    label: "reginald's panel \xB7 model offline"
  }, /*#__PURE__*/React.createElement(ModelAwayState, null)), /*#__PURE__*/React.createElement(Specimen, {
    label: "webhooks down \xB7 poll fallback"
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      alignItems: 'center',
      gap: 10,
      padding: '14px 16px'
    }
  }, /*#__PURE__*/React.createElement(Badge, {
    tone: "warn",
    dot: true
  }, "webhooks down"), /*#__PURE__*/React.createElement("span", {
    style: {
      font: '400 11.5px var(--font-mono)',
      color: 'var(--ink-2)'
    }
  }, "polling every 2 min \xB7 updates may lag")))), /*#__PURE__*/React.createElement(Specimen, {
    label: "first reconcile failed \xB7 full-screen"
  }, /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      flexDirection: 'column',
      alignItems: 'center',
      padding: '8px 0 20px'
    }
  }, /*#__PURE__*/React.createElement(EmptyState, {
    compact: true,
    icon: "refresh-cw",
    title: "The reconcile failed",
    line: "Gitea answered, then hung up mid-sentence. Your cache is intact; nothing human is lost."
  }), /*#__PURE__*/React.createElement("div", {
    style: {
      display: 'flex',
      gap: 8,
      marginTop: -6
    }
  }, /*#__PURE__*/React.createElement(Button, null, "Try again"), /*#__PURE__*/React.createElement(Button, {
    variant: "ghost"
  }, "Work from cache"))))));
}
Object.assign(window, {
  EmptyState,
  OfflineBanner,
  ModelAwayState,
  StatesScreen
});
})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/app/StatesGallery.jsx", error: String((e && e.message) || e) }); }

// ui_kits/app/data.js
try { (() => {
// CommiTea fixture data — human-authored intent (gitea) + machine-derived state (sidecar)
window.CT_DATA = {
  today: 'Tuesday 7 July 2026',
  milestone: {
    name: 'Beta',
    due: '2026-03-15',
    hard: false,
    forecast: {
      p80: 'Mar 3–12',
      p50: 'Mar 5–8',
      drift: '+0d'
    }
  },
  focus: {
    now: {
      id: 87,
      title: 'Fix lifecycle inference on merge events',
      labels: ['est/2d', 'p/1'],
      steeping: '4d',
      rationale: 'It blocks #91 and #92. I\u2019d take it first \u2014 the critical path agrees with me.'
    },
    next: {
      id: 91,
      title: 'Webhook listener: reconcile on reconnect',
      labels: ['est/3d', 'p/2'],
      rationale: 'Ready the moment #87 lands. The estimate is yours; history says add a day.'
    },
    later: {
      id: 78,
      title: 'Calibration store cold-start distributions',
      labels: ['est/5d', 'p/3'],
      rationale: 'Nothing depends on it yet. It can steep.'
    }
  },
  columns: [{
    id: 'diagnosis',
    label: 'Diagnosis',
    issues: [{
      id: 102,
      title: 'Scheduler ignores standing allocation slices',
      labels: ['p/2'],
      who: 'SM'
    }, {
      id: 103,
      title: 'Dark theme: cone fill too faint',
      labels: ['p/4'],
      who: 'SM'
    }]
  }, {
    id: 'triage',
    label: 'Triage',
    issues: [{
      id: 99,
      title: 'Directive log: conflict-free merge test',
      labels: ['est/1d', 'p/2'],
      who: 'SM'
    }, {
      id: 96,
      title: 'Label schema bootstrap for new repos',
      labels: ['est/2d', 'p/3'],
      who: 'AK'
    }, {
      id: 78,
      title: 'Calibration store cold-start distributions',
      labels: ['est/5d', 'p/3'],
      who: 'SM'
    }]
  }, {
    id: 'steeping',
    label: 'Steeping',
    issues: [{
      id: 87,
      title: 'Fix lifecycle inference on merge events',
      labels: ['est/2d', 'p/1'],
      who: 'SM',
      blocked: false,
      days: '4d'
    }, {
      id: 84,
      title: 'Capacity model: focus factor per person',
      labels: ['est/3d', 'p/2'],
      who: 'AK',
      days: '1d'
    }]
  }, {
    id: 'review',
    label: 'In review',
    issues: [{
      id: 92,
      title: 'Monte Carlo engine: percentile bands',
      labels: ['est/5d', 'p/1'],
      who: 'SM',
      pr: '#141'
    }]
  }, {
    id: 'done',
    label: 'Done',
    issues: [{
      id: 71,
      title: 'Gitea client: token auth + retries',
      labels: ['est/2d', 'p/2'],
      who: 'SM'
    }, {
      id: 69,
      title: 'pm-state repo bootstrap',
      labels: ['est/1d', 'p/1'],
      who: 'SM'
    }, {
      id: 65,
      title: 'Electron shell + window state',
      labels: ['est/3d', 'p/2'],
      who: 'AK'
    }]
  }],
  runway: [{
    name: 'Beta',
    due: 'Mar 15',
    hard: false,
    p80: 'Mar 3–12',
    pos: 0.62,
    spread: 0.18,
    tone: 'ok',
    note: 'ahead'
  }, {
    name: 'Pilot-ready',
    due: 'Apr 30',
    hard: true,
    p80: 'Apr 21 – May 9',
    pos: 0.94,
    spread: 0.26,
    tone: 'warn',
    note: 'drifting'
  }, {
    name: 'v1.0',
    due: 'Jun 12',
    hard: false,
    p80: 'May 30 – Jun 20',
    pos: 0.88,
    spread: 0.3,
    tone: 'ok',
    note: 'on watch'
  }],
  capacity: [{
    who: 'Stephen',
    hours: '5.2h/day',
    focus: 0.65,
    slices: 'dev 70% · pilots 20% · compliance 10%'
  }, {
    who: 'Ana K.',
    hours: '3.8h/day',
    focus: 0.8,
    slices: 'dev 100%'
  }],
  chat: [{
    from: 'agent',
    text: 'Morning service. Two things drifted overnight; one needs your opinion.'
  }, {
    from: 'agent',
    text: '#84 grew a dependency on #92 \u2014 I\u2019ve reordered. And #87 has been steeping for four days; it blocks two others. Worth a look.'
  }, {
    from: 'user',
    text: 'Push the calibration work to next week, pilots come first'
  }, {
    from: 'agent',
    text: 'Done \u2014 #78 moves to next week. Milestone Beta is unmoved; the cone doesn\u2019t care for calibration either. Logged as a directive.'
  }],
  cannedReply: 'Noted and logged as a directive. The scheduler is re-running \u2014 I\u2019ll show you the consequence diff in a moment.',
  standup: {
    date: 'Tuesday 7 July 2026',
    drift: [{
      tone: 'warn',
      text: '#84 grew a dependency on #92 overnight.',
      delta: 'reordered \u00b7 no date impact'
    }, {
      tone: 'warn',
      text: '#92 has sat in review for two days.',
      delta: 'Beta 80% +1d if idle past Thu'
    }, {
      tone: 'ok',
      text: 'Webhook outage 02:14\u201302:31; full reconcile ran.',
      delta: 'nothing lost'
    }],
    plan: [{
      who: 'Stephen',
      pick: '#87',
      title: 'Fix lifecycle inference on merge events',
      why: 'It blocks two others and the critical path runs straight through it.'
    }, {
      who: 'Ana K.',
      pick: '#84',
      title: 'Capacity model: focus factor per person',
      why: 'Already steeping \u2014 finish it before anything new is poured.'
    }],
    nag: {
      id: 87,
      days: '4d',
      blocks: ['#91', '#92'],
      text: 'Four days is a long steep. It blocks #91 and #92 \u2014 worth a look before it stains.'
    }
  },
  calibration: {
    n: 27,
    active: true,
    labels: [{
      label: 'est/1d',
      n: 8,
      median: '1.1d',
      bias: 8
    }, {
      label: 'est/2d',
      n: 9,
      median: '2.4d',
      bias: 18
    }, {
      label: 'est/3d',
      n: 6,
      median: '3.7d',
      bias: 22
    }, {
      label: 'est/5d',
      n: 3,
      median: '6.5d',
      bias: 30
    }, {
      label: 'est/8d',
      n: 1,
      median: '8.5d',
      bias: null
    }],
    people: [{
      who: 'Stephen',
      n: 19,
      bias: 21,
      note: 'optimism grows with ticket size'
    }, {
      who: 'Ana K.',
      n: 8,
      bias: 9,
      note: 'close to honest \u2014 suspicious'
    }],
    scatter: [[1, 1], [1, 1.2], [1, 0.9], [1, 1.5], [1, 1.1], [1, 0.8], [1, 1.3], [1, 1.2], [2, 2], [2, 2.5], [2, 3.1], [2, 2.2], [2, 2.6], [2, 1.8], [2, 2.4], [2, 2.9], [2, 2.3], [3, 3.5], [3, 4.1], [3, 3.1], [3, 4.6], [3, 3.6], [3, 3.9], [5, 6.1], [5, 7.2], [5, 6.4], [8, 8.5]],
    fit: 1.18,
    effect: {
      raw: '42d of estimates',
      banded: '80% band 46\u201353d',
      p50: '48d'
    }
  },
  inbox: [{
    id: 1,
    day: 'Today',
    type: 'drift',
    icon: 'chart-line',
    tone: 'warn',
    text: 'Beta\u2019s 80% window moved',
    detail: 'Mar 3\u201312 \u2192 Mar 5\u201314 \u00b7 directive #007',
    time: '09:14',
    unread: true,
    to: 'directives'
  }, {
    id: 2,
    day: 'Today',
    type: 'mention',
    icon: 'message-square',
    tone: 'info',
    who: 'Ana K.',
    text: 'mentioned you on #92',
    detail: '\u201cpercentile bands ready for a second pair of eyes\u201d',
    time: '08:52',
    unread: true,
    issue: {
      id: 92,
      title: 'Monte Carlo engine: percentile bands',
      labels: ['est/5d', 'p/1']
    }
  }, {
    id: 3,
    day: 'Today',
    type: 'nag',
    icon: 'clock',
    tone: 'warn',
    text: '#87 is steeping \u00b7 4d',
    detail: 'blocks #91 and #92 \u2014 worth a look before it stains',
    time: '07:00',
    unread: true,
    issue: {
      id: 87,
      title: 'Fix lifecycle inference on merge events',
      labels: ['est/2d', 'p/1'],
      days: '4d'
    }
  }, {
    id: 4,
    day: 'Yesterday',
    type: 'review',
    icon: 'git-pull-request',
    tone: 'info',
    text: 'PR #141 awaits review',
    detail: '#92 \u00b7 idle two days',
    time: '16:20',
    unread: false,
    issue: {
      id: 92,
      title: 'Monte Carlo engine: percentile bands',
      labels: ['est/5d', 'p/1']
    }
  }, {
    id: 5,
    day: 'Yesterday',
    type: 'assignment',
    icon: 'user',
    tone: 'neutral',
    who: 'Ana K.',
    text: 'took #96 from the pot',
    detail: 'Label schema bootstrap for new repos',
    time: '11:03',
    unread: false,
    issue: {
      id: 96,
      title: 'Label schema bootstrap for new repos',
      labels: ['est/2d', 'p/3']
    }
  }, {
    id: 6,
    day: 'Yesterday',
    type: 'system',
    icon: 'refresh-cw',
    tone: 'ok',
    text: 'Webhook outage 02:14\u201302:31',
    detail: 'full reconcile ran \u00b7 nothing lost',
    time: '02:31',
    unread: false
  }, {
    id: 7,
    day: 'Yesterday',
    type: 'milestone',
    icon: 'milestone',
    tone: 'ok',
    text: 'P2 \u2014 Scheduler closed two days early',
    detail: 'the calibration noticed. So did I.',
    time: '09:40',
    unread: false
  }],
  issueDetail: {
    87: {
      state: 'steeping',
      assignee: 'Stephen',
      milestone: 'Beta',
      body: 'Squash-merges emit events out of order when CI runs long: the PR-closed webhook lands before the merge event, so lifecycle inference marks deploy before work-end and the actuals go negative. Regular merges infer correctly.',
      comments: [{
        who: 'Ana K.',
        when: 'Feb 8 \u00b7 14:12',
        text: 'Repro: squash-merge only. Regular merges infer fine.'
      }, {
        who: 'Stephen',
        when: 'Feb 9 \u00b7 09:30',
        text: 'Confirmed \u2014 the event order flips whenever CI takes more than ~5 minutes.'
      }],
      lifecycle: [{
        stage: 'Diagnosis',
        event: 'issue opened',
        when: 'Feb 2 \u00b7 09:14',
        icon: 'circle-dot',
        done: true
      }, {
        stage: 'Triage',
        event: 'labeled est/2d \u00b7 milestoned Beta',
        when: 'Feb 3 \u00b7 10:02',
        icon: 'tag',
        done: true
      }, {
        stage: 'Work start',
        event: 'first commit ref a41f09',
        when: 'Feb 6 \u00b7 11:47',
        icon: 'git-commit-horizontal',
        done: true
      }, {
        stage: 'Deploy',
        event: 'PR merged',
        when: 'pending',
        icon: 'git-merge',
        done: false
      }, {
        stage: 'Complete',
        event: 'issue closed',
        when: 'pending',
        icon: 'circle-check',
        done: false
      }],
      forecast: {
        p80: 'done Feb 11\u201313',
        note: 'from your est/2d history \u00b7 n=14'
      },
      blocks: [91, 92],
      blockedBy: [],
      note: 'It blocks #91 and #92. I\u2019d take it first \u2014 the critical path agrees with me.'
    }
  },
  directives: {
    pending: {
      seq: 7,
      who: 'Stephen',
      when: 'today 09:12',
      what: 'Pilots before calibration \u2014 push #78 to next week.',
      diff: [{
        tone: 'info',
        change: '#78 Calibration store',
        from: 'this week',
        to: 'wk of Feb 23'
      }, {
        tone: 'warn',
        change: 'Beta \u00b7 80% window',
        from: 'Mar 3\u201312',
        to: 'Mar 5\u201314'
      }, {
        tone: 'ok',
        change: "Today's plan",
        from: '#87',
        to: '#87 \u00b7 unchanged'
      }]
    },
    entries: [{
      seq: 6,
      who: 'Stephen',
      when: 'Feb 8 \u00b7 16:40',
      what: 'Ana takes nothing new until #84 lands.',
      why: 'context thrash',
      status: 'applied',
      consequence: 'WIP capped \u00b7 v1.0 unmoved'
    }, {
      seq: 5,
      who: 'Stephen',
      when: 'Feb 6 \u00b7 09:03',
      what: 'Ship Beta a week early.',
      why: 'board meeting',
      status: 'withdrawn',
      consequence: '80% would need scope \u22129d \u2014 withdrawn after diff'
    }, {
      seq: 4,
      who: 'Stephen',
      when: 'Feb 3 \u00b7 11:21',
      what: 'deadline/hard on Pilot-ready.',
      why: 'contract date',
      status: 'applied',
      consequence: 'label applied \u00b7 runway flag raised'
    }, {
      seq: 3,
      who: 'Stephen',
      when: 'Jan 28 \u00b7 08:47',
      what: 'Webhook work ahead of UI polish.',
      why: '',
      status: 'applied',
      consequence: '#91 +2 ranks \u00b7 Beta unmoved'
    }, {
      seq: 2,
      who: 'Stephen',
      when: 'Jan 20 \u00b7 14:02',
      what: 'Estimates in days, never hours.',
      why: 'sanity',
      status: 'applied',
      consequence: 'label schema est/* confirmed'
    }, {
      seq: 1,
      who: 'Stephen',
      when: 'Jan 19 \u00b7 09:00',
      what: 'CommiTea manages its own backlog.',
      why: 'dogfood',
      status: 'applied',
      consequence: 'stephen/commitea under management'
    }]
  },
  gantt: {
    // day offsets from Feb 2; chart spans 42 days (Feb 2 – Mar 16)
    days: 42,
    weeks: [{
      at: 0,
      label: 'Feb 2'
    }, {
      at: 7,
      label: 'Feb 9'
    }, {
      at: 14,
      label: 'Feb 16'
    }, {
      at: 21,
      label: 'Feb 23'
    }, {
      at: 28,
      label: 'Mar 2'
    }, {
      at: 35,
      label: 'Mar 9'
    }, {
      at: 41,
      label: 'Mar 15'
    }],
    today: 8,
    band: {
      from: 29,
      to: 38,
      label: '80% · Mar 3–12'
    },
    due: {
      at: 41,
      label: 'Beta due'
    },
    rows: [{
      id: 71,
      title: 'Gitea client: token auth + retries',
      who: 'SM',
      state: 'done',
      start: 0,
      end: 4
    }, {
      id: 69,
      title: 'pm-state repo bootstrap',
      who: 'SM',
      state: 'done',
      start: 0,
      end: 1
    }, {
      id: 87,
      title: 'Fix lifecycle inference on merge events',
      who: 'SM',
      state: 'steeping',
      start: 4,
      end: 9,
      p80: 11,
      crit: true
    }, {
      id: 92,
      title: 'Monte Carlo engine: percentile bands',
      who: 'SM',
      state: 'review',
      start: 9,
      end: 18,
      p80: 21,
      crit: true
    }, {
      id: 91,
      title: 'Webhook listener: reconcile on reconnect',
      who: 'AK',
      state: 'scheduled',
      start: 9,
      end: 14,
      p80: 16
    }, {
      id: 99,
      title: 'Directive log: conflict-free merge test',
      who: 'SM',
      state: 'scheduled',
      start: 10,
      end: 11
    }, {
      id: 96,
      title: 'Label schema bootstrap for new repos',
      who: 'AK',
      state: 'scheduled',
      start: 14,
      end: 16
    }, {
      id: 84,
      title: 'Capacity model: focus factor per person',
      who: 'AK',
      state: 'scheduled',
      start: 18,
      end: 23,
      p80: 26,
      crit: true
    }, {
      id: 102,
      title: 'Scheduler ignores standing allocation slices',
      who: 'SM',
      state: 'scheduled',
      start: 23,
      end: 25,
      p80: 28,
      crit: true
    }, {
      id: 78,
      title: 'Calibration store cold-start distributions',
      who: 'SM',
      state: 'scheduled',
      start: 25,
      end: 30
    }]
  },
  deps: {
    nodes: [{
      id: 71,
      title: 'Gitea client: token auth + retries',
      tags: ['est/2d'],
      state: 'done',
      col: 0,
      row: 0.2
    }, {
      id: 69,
      title: 'pm-state repo bootstrap',
      tags: ['est/1d'],
      state: 'done',
      col: 0,
      row: 1.9
    }, {
      id: 87,
      title: 'Fix lifecycle inference on merge events',
      tags: ['est/2d', 'p/1'],
      state: 'steeping',
      days: '4d',
      col: 1,
      row: 0.7,
      rationale: 'It blocks #91 and #92. I\u2019d take it first \u2014 the critical path agrees with me.'
    }, {
      id: 99,
      title: 'Directive log: conflict-free merge test',
      tags: ['est/1d', 'p/2'],
      state: 'triage',
      col: 1,
      row: 1.9
    }, {
      id: 91,
      title: 'Webhook listener: reconcile on reconnect',
      tags: ['est/3d', 'p/2'],
      state: 'triage',
      col: 2,
      row: 0
    }, {
      id: 92,
      title: 'Monte Carlo engine: percentile bands',
      tags: ['est/5d', 'p/1'],
      state: 'review',
      col: 2,
      row: 1.4
    }, {
      id: 84,
      title: 'Capacity model: focus factor per person',
      tags: ['est/3d', 'p/2'],
      state: 'steeping',
      days: '1d',
      col: 3,
      row: 1.4
    }, {
      id: 102,
      title: 'Scheduler ignores standing allocation slices',
      tags: ['p/2'],
      state: 'diagnosis',
      col: 4,
      row: 1.4
    }],
    milestone: {
      name: 'Beta',
      due: 'Mar 15',
      col: 5,
      row: 1.4
    },
    edges: [{
      from: 71,
      to: 87
    }, {
      from: 69,
      to: 99
    }, {
      from: 87,
      to: 91
    }, {
      from: 87,
      to: 92,
      crit: true
    }, {
      from: 92,
      to: 84,
      crit: true
    }, {
      from: 84,
      to: 102,
      crit: true
    }, {
      from: 102,
      to: 'ms',
      crit: true
    }],
    critical: [87, 92, 84, 102],
    unattached: [78, 96, 103, 65]
  }
};
})(); } catch (e) { __ds_ns.__errors.push({ path: "ui_kits/app/data.js", error: String((e && e.message) || e) }); }

__ds_ns.Badge = __ds_scope.Badge;

__ds_ns.Button = __ds_scope.Button;

__ds_ns.Card = __ds_scope.Card;

__ds_ns.Icon = __ds_scope.Icon;

__ds_ns.ICON_NAMES = __ds_scope.ICON_NAMES;

__ds_ns.IconButton = __ds_scope.IconButton;

__ds_ns.Tabs = __ds_scope.Tabs;

__ds_ns.Tag = __ds_scope.Tag;

__ds_ns.Dialog = __ds_scope.Dialog;

__ds_ns.Toast = __ds_scope.Toast;

__ds_ns.Tooltip = __ds_scope.Tooltip;

__ds_ns.Checkbox = __ds_scope.Checkbox;

__ds_ns.Input = __ds_scope.Input;

__ds_ns.Radio = __ds_scope.Radio;

__ds_ns.Select = __ds_scope.Select;

__ds_ns.Switch = __ds_scope.Switch;

})();