@triedotdev/mcp 1.0.136 → 1.0.138

package/dist/ui/goals.html

@@ -644,12 +644,255 @@ h4 { font-size: 14px; }
   flex: 1;
 }
 
+/* Chat App Styles */
+.chat-container {
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 120px);
+  max-height: 800px;
+  margin-top: 16px;
+}
+
+.messages-container {
+  flex: 1;
+  overflow-y: auto;
+  padding: 16px;
+  border: 1px solid var(--trie-border);
+  border-radius: var(--radius) var(--radius) 0 0;
+  background: var(--trie-surface);
+  min-height: 400px;
+}
+
+.message {
+  margin-bottom: 16px;
+  padding: 12px 16px;
+  border-radius: var(--radius);
+  background: var(--trie-bg);
+  border: 1px solid var(--trie-border);
+}
+
+.message.user-message {
+  margin-left: 20%;
+  background: rgba(88, 166, 255, 0.1);
+  border-color: rgba(88, 166, 255, 0.3);
+}
+
+.message.assistant-message {
+  margin-right: 20%;
+}
+
+.message-header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 8px;
+  font-size: 12px;
+  color: var(--trie-text-muted);
+}
+
+.message-author {
+  font-weight: 600;
+}
+
+.message-content {
+  line-height: 1.6;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
+.message-content pre {
+  background: var(--trie-surface);
+  border: 1px solid var(--trie-border);
+  border-radius: var(--radius);
+  padding: 12px;
+  margin: 8px 0;
+  overflow-x: auto;
+  font-family: var(--font-mono);
+  font-size: 12px;
+}
+
+.message-content code {
+  font-family: var(--font-mono);
+  font-size: 12px;
+  background: rgba(110, 118, 129, 0.2);
+  padding: 2px 6px;
+  border-radius: 4px;
+}
+
+.message-content pre code {
+  background: none;
+  padding: 0;
+}
+
+.typing-indicator {
+  display: flex;
+  gap: 4px;
+  align-items: center;
+}
+
+.typing-indicator span {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--trie-text-muted);
+  animation: typing 1.4s infinite ease-in-out;
+}
+
+.typing-indicator span:nth-child(1) { animation-delay: 0s; }
+.typing-indicator span:nth-child(2) { animation-delay: 0.2s; }
+.typing-indicator span:nth-child(3) { animation-delay: 0.4s; }
+
+@keyframes typing {
+  0%, 80%, 100% {
+    opacity: 0.3;
+    transform: scale(0.8);
+  }
+  40% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+.tool-calls {
+  margin-bottom: 12px;
+  padding: 12px;
+  background: var(--trie-surface);
+  border: 1px solid var(--trie-border);
+  border-radius: var(--radius);
+  font-family: var(--font-mono);
+  font-size: 12px;
+}
+
+.tool-call {
+  display: flex;
+  gap: 8px;
+  margin-bottom: 4px;
+}
+
+.tool-call:last-child {
+  margin-bottom: 0;
+}
+
+.tool-name {
+  color: var(--trie-primary);
+  font-weight: 600;
+}
+
+.tool-input {
+  color: var(--trie-text-muted);
+}
+
+.pending-fix {
+  margin-top: 12px;
+  padding: 16px;
+  background: rgba(210, 153, 34, 0.1);
+  border: 1px solid rgba(210, 153, 34, 0.3);
+  border-radius: var(--radius);
+}
+
+.fix-header {
+  margin-bottom: 12px;
+  color: var(--trie-warning);
+}
+
+.fix-details p {
+  margin-bottom: 8px;
+  font-size: 14px;
+}
+
+.fix-actions {
+  display: flex;
+  gap: 8px;
+  margin-top: 12px;
+}
+
+.chat-input-container {
+  background: var(--trie-surface);
+  border: 1px solid var(--trie-border);
+  border-top: none;
+  border-radius: 0 0 var(--radius) var(--radius);
+  padding: 16px;
+  flex-shrink: 0;
+}
+
+.input-wrapper {
+  display: flex;
+  gap: 12px;
+  align-items: flex-end;
+}
+
+.chat-input {
+  flex: 1;
+  min-height: 60px;
+  max-height: 120px;
+  padding: 12px;
+  font-size: 14px;
+  line-height: 1.5;
+  border: 1px solid var(--trie-border);
+  border-radius: var(--radius);
+  background: var(--trie-bg);
+  color: var(--trie-text);
+  resize: none;
+  font-family: var(--font-sans);
+}
+
+.chat-input:focus {
+  outline: none;
+  border-color: var(--trie-primary);
+}
+
+.chat-input::placeholder {
+  color: var(--trie-text-muted);
+}
+
+.send-button {
+  padding: 12px 24px;
+  font-size: 14px;
+  font-weight: 600;
+  border: none;
+  border-radius: var(--radius);
+  background: var(--trie-primary);
+  color: #fff;
+  cursor: pointer;
+  transition: all 0.15s ease;
+  flex-shrink: 0;
+  height: fit-content;
+}
+
+.send-button:hover:not(:disabled) {
+  background: rgba(88, 166, 255, 0.9);
+}
+
+.send-button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.input-help {
+  margin-top: 8px;
+  font-size: 12px;
+  color: var(--trie-text-muted);
+  text-align: center;
+}
+
+.app-header {
+  margin-bottom: 0;
+}
+
+.app-header h1 {
+  margin-bottom: 4px;
+}
+
+.app-header p {
+  color: var(--trie-text-muted);
+  margin-bottom: 0;
+}
+
   </style>
 </head>
 <body>
   <div id="app" class="container"></div>
   <script type="module">
-var g=Object.defineProperty;var m=(n,e,t)=>e in n?g(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var l=(n,e,t)=>m(n,typeof e!="symbol"?e+"":e,t);function v(n,e,t){let a=document.createElement(n);if(e)for(let[s,i]of Object.entries(e))s==="className"?a.className=String(i):typeof i=="boolean"?i&&a.setAttribute(s,""):a.setAttribute(s,String(i));if(t)for(let s of t)typeof s=="string"?a.appendChild(document.createTextNode(s)):a.appendChild(s);return a}var r=v;function h(n){return r("div",{className:"loading"},[r("div",{className:"spinner"}),n?r("span",{className:"ml-2"},[n]):document.createTextNode("")])}function p(n,e="Loading..."){n.innerHTML="",n.appendChild(h(e))}function c(n,e){n.innerHTML="",n.appendChild(r("div",{className:"error-state"},[r("div",{className:"error-icon"},["\u26A0\uFE0F"]),r("p",{className:"error-message"},[e])]))}function u(n){document.addEventListener("DOMContentLoaded",()=>{let e=document.getElementById("app");if(!e){console.error("App container not found");return}try{new n(e)}catch(t){c(e,`Failed to initialize app: ${t}`)}})}var d=class{constructor(e){l(this,"container");l(this,"goals",[]);l(this,"selectedGoal",null);this.container=e,this.init()}async init(){await this.loadData(),this.render(),this.setupEventListeners()}async loadData(){try{p(this.container,"Loading goals..."),this.goals=[{id:"goal-1",description:"Eliminate all emoji usage from codebase",type:"reduction",status:"active",currentValue:2,target:0,startValue:15,category:"quality",autoGenerated:!1,createdAt:new Date(Date.now()-864e5*3).toISOString(),updatedAt:new Date().toISOString()},{id:"goal-2",description:"Increase test coverage to 85%",type:"increase",status:"active",currentValue:72,target:85,startValue:65,category:"coverage",autoGenerated:!0,createdAt:new Date(Date.now()-864e5).toISOString(),updatedAt:new Date().toISOString()},{id:"goal-3",description:"Remove all TODO comments",type:"reduction",status:"achieved",currentValue:0,target:0,startValue:8,category:"quality",autoGenerated:!1,createdAt:new Date(Date.now()-864e5*7).toISOString(),updatedAt:new Date(Date.now()-864e5*2).toISOString(),achievedAt:new Date(Date.now()-864e5*2).toISOString()}]}catch(e){c(this.container,`Failed to load goals: ${e}`)}}render(){let e=this.goals.filter(i=>i.status==="active"),t=this.goals.filter(i=>i.status==="achieved"),a=this.goals.filter(i=>i.status==="rejected"),s=`
+var g=Object.defineProperty;var m=(n,e,t)=>e in n?g(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var l=(n,e,t)=>m(n,typeof e!="symbol"?e+"":e,t);function v(n,e,t){let a=document.createElement(n);if(e)for(let[s,i]of Object.entries(e))s==="className"?a.className=String(i):typeof i=="boolean"?i&&a.setAttribute(s,""):a.setAttribute(s,String(i));if(t)for(let s of t)typeof s=="string"?a.appendChild(document.createTextNode(s)):a.appendChild(s);return a}var r=v;function h(n){return r("div",{className:"loading"},[r("div",{className:"spinner"}),n?r("span",{className:"ml-2"},[n]):document.createTextNode("")])}function p(n,e="Loading..."){n.innerHTML="",n.appendChild(h(e))}function c(n,e){n.innerHTML="",n.appendChild(r("div",{className:"error-state"},[r("div",{className:"error-icon"},["\u26A0\uFE0F"]),r("p",{className:"error-message"},[e])]))}function u(n){document.addEventListener("DOMContentLoaded",()=>{let e=document.getElementById("app");if(!e){console.error("App container not found");return}try{new n(e)}catch(t){c(e,`Failed to initialize app: ${t}`)}})}var d=class{constructor(e){l(this,"container");l(this,"goals",[]);this.container=e,this.init()}async init(){await this.loadData(),this.render(),this.setupEventListeners()}async loadData(){try{p(this.container,"Loading goals..."),this.goals=[{id:"goal-1",description:"Eliminate all emoji usage from codebase",type:"reduction",status:"active",currentValue:2,target:0,startValue:15,category:"quality",autoGenerated:!1,createdAt:new Date(Date.now()-864e5*3).toISOString(),updatedAt:new Date().toISOString()},{id:"goal-2",description:"Increase test coverage to 85%",type:"increase",status:"active",currentValue:72,target:85,startValue:65,category:"coverage",autoGenerated:!0,createdAt:new Date(Date.now()-864e5).toISOString(),updatedAt:new Date().toISOString()},{id:"goal-3",description:"Remove all TODO comments",type:"reduction",status:"achieved",currentValue:0,target:0,startValue:8,category:"quality",autoGenerated:!1,createdAt:new Date(Date.now()-864e5*7).toISOString(),updatedAt:new Date(Date.now()-864e5*2).toISOString(),achievedAt:new Date(Date.now()-864e5*2).toISOString()}]}catch(e){c(this.container,`Failed to load goals: ${e}`)}}render(){let e=this.goals.filter(i=>i.status==="active"),t=this.goals.filter(i=>i.status==="achieved"),a=this.goals.filter(i=>i.status==="rejected"),s=`
       <div class="app-header">
         <h1>Goals & Progress</h1>
         <p>Track your code quality and improvement goals</p>
@@ -713,11 +956,11 @@ var g=Object.defineProperty;var m=(n,e,t)=>e in n?g(n,e,{enumerable:!0,configura
           `:""}
         </div>
       </div>
-    `}calculateGoalProgress(e){if(e.target<=0)return 0;let t=e.startValue??e.currentValue;if(t>e.target){let a=t-e.target,s=t-e.currentValue;return Math.min(100,Math.max(0,Math.round(s/a*100)))}return Math.min(100,Math.max(0,Math.round(e.currentValue/e.target*100)))}calculateOverallProgress(){let e=this.goals.filter(a=>a.status==="active");return e.length===0?100:e.reduce((a,s)=>a+this.calculateGoalProgress(s),0)/e.length}createProgressBar(e){let a=10-Math.round(e/10);return`
+    `}calculateGoalProgress(e){if(e.target<=0)return 0;let t=e.startValue??e.currentValue;if(t>e.target){let a=t-e.target,s=t-e.currentValue;return Math.min(100,Math.max(0,Math.round(s/a*100)))}return Math.min(100,Math.max(0,Math.round(e.currentValue/e.target*100)))}calculateOverallProgress(){let e=this.goals.filter(a=>a.status==="active");return e.length===0?100:e.reduce((a,s)=>a+this.calculateGoalProgress(s),0)/e.length}createProgressBar(e){return`
       <div class="progress-bar">
         <div class="progress-fill" style="width: ${e}%"></div>
       </div>
-    `}formatTimeAgo(e){let t=Date.now(),a=new Date(e).getTime(),s=t-a,i=Math.floor(s/(1e3*60));if(i<60)return`${i}m ago`;let o=Math.floor(i/60);return o<24?`${o}h ago`:`${Math.floor(o/24)}d ago`}setupEventListeners(){this.container.addEventListener("click",e=>{let a=e.target.closest(".goal-card");if(a){let s=a.getAttribute("data-goal-id"),i=this.goals.find(o=>o.id===s);i&&(this.selectedGoal=i)}}),window.checkGoal=e=>{console.log("Checking goal:",e)},window.completeGoal=e=>{console.log("Completing goal:",e)}}};u(d);
+    `}formatTimeAgo(e){let t=Date.now(),a=new Date(e).getTime(),s=t-a,i=Math.floor(s/(1e3*60));if(i<60)return`${i}m ago`;let o=Math.floor(i/60);return o<24?`${o}h ago`:`${Math.floor(o/24)}d ago`}setupEventListeners(){this.container.addEventListener("click",e=>{let a=e.target.closest(".goal-card");if(a){let s=a.getAttribute("data-goal-id"),i=this.goals.find(o=>o.id===s)}}),window.checkGoal=e=>{console.log("Checking goal:",e)},window.completeGoal=e=>{console.log("Completing goal:",e)}}};u(d);
 
   </script>
 </body>

package/dist/ui/hypotheses.html

@@ -644,12 +644,255 @@ h4 { font-size: 14px; }
   flex: 1;
 }
 
+/* Chat App Styles */
+.chat-container {
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 120px);
+  max-height: 800px;
+  margin-top: 16px;
+}
+
+.messages-container {
+  flex: 1;
+  overflow-y: auto;
+  padding: 16px;
+  border: 1px solid var(--trie-border);
+  border-radius: var(--radius) var(--radius) 0 0;
+  background: var(--trie-surface);
+  min-height: 400px;
+}
+
+.message {
+  margin-bottom: 16px;
+  padding: 12px 16px;
+  border-radius: var(--radius);
+  background: var(--trie-bg);
+  border: 1px solid var(--trie-border);
+}
+
+.message.user-message {
+  margin-left: 20%;
+  background: rgba(88, 166, 255, 0.1);
+  border-color: rgba(88, 166, 255, 0.3);
+}
+
+.message.assistant-message {
+  margin-right: 20%;
+}
+
+.message-header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 8px;
+  font-size: 12px;
+  color: var(--trie-text-muted);
+}
+
+.message-author {
+  font-weight: 600;
+}
+
+.message-content {
+  line-height: 1.6;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
+.message-content pre {
+  background: var(--trie-surface);
+  border: 1px solid var(--trie-border);
+  border-radius: var(--radius);
+  padding: 12px;
+  margin: 8px 0;
+  overflow-x: auto;
+  font-family: var(--font-mono);
+  font-size: 12px;
+}
+
+.message-content code {
+  font-family: var(--font-mono);
+  font-size: 12px;
+  background: rgba(110, 118, 129, 0.2);
+  padding: 2px 6px;
+  border-radius: 4px;
+}
+
+.message-content pre code {
+  background: none;
+  padding: 0;
+}
+
+.typing-indicator {
+  display: flex;
+  gap: 4px;
+  align-items: center;
+}
+
+.typing-indicator span {
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--trie-text-muted);
+  animation: typing 1.4s infinite ease-in-out;
+}
+
+.typing-indicator span:nth-child(1) { animation-delay: 0s; }
+.typing-indicator span:nth-child(2) { animation-delay: 0.2s; }
+.typing-indicator span:nth-child(3) { animation-delay: 0.4s; }
+
+@keyframes typing {
+  0%, 80%, 100% {
+    opacity: 0.3;
+    transform: scale(0.8);
+  }
+  40% {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+.tool-calls {
+  margin-bottom: 12px;
+  padding: 12px;
+  background: var(--trie-surface);
+  border: 1px solid var(--trie-border);
+  border-radius: var(--radius);
+  font-family: var(--font-mono);
+  font-size: 12px;
+}
+
+.tool-call {
+  display: flex;
+  gap: 8px;
+  margin-bottom: 4px;
+}
+
+.tool-call:last-child {
+  margin-bottom: 0;
+}
+
+.tool-name {
+  color: var(--trie-primary);
+  font-weight: 600;
+}
+
+.tool-input {
+  color: var(--trie-text-muted);
+}
+
+.pending-fix {
+  margin-top: 12px;
+  padding: 16px;
+  background: rgba(210, 153, 34, 0.1);
+  border: 1px solid rgba(210, 153, 34, 0.3);
+  border-radius: var(--radius);
+}
+
+.fix-header {
+  margin-bottom: 12px;
+  color: var(--trie-warning);
+}
+
+.fix-details p {
+  margin-bottom: 8px;
+  font-size: 14px;
+}
+
+.fix-actions {
+  display: flex;
+  gap: 8px;
+  margin-top: 12px;
+}
+
+.chat-input-container {
+  background: var(--trie-surface);
+  border: 1px solid var(--trie-border);
+  border-top: none;
+  border-radius: 0 0 var(--radius) var(--radius);
+  padding: 16px;
+  flex-shrink: 0;
+}
+
+.input-wrapper {
+  display: flex;
+  gap: 12px;
+  align-items: flex-end;
+}
+
+.chat-input {
+  flex: 1;
+  min-height: 60px;
+  max-height: 120px;
+  padding: 12px;
+  font-size: 14px;
+  line-height: 1.5;
+  border: 1px solid var(--trie-border);
+  border-radius: var(--radius);
+  background: var(--trie-bg);
+  color: var(--trie-text);
+  resize: none;
+  font-family: var(--font-sans);
+}
+
+.chat-input:focus {
+  outline: none;
+  border-color: var(--trie-primary);
+}
+
+.chat-input::placeholder {
+  color: var(--trie-text-muted);
+}
+
+.send-button {
+  padding: 12px 24px;
+  font-size: 14px;
+  font-weight: 600;
+  border: none;
+  border-radius: var(--radius);
+  background: var(--trie-primary);
+  color: #fff;
+  cursor: pointer;
+  transition: all 0.15s ease;
+  flex-shrink: 0;
+  height: fit-content;
+}
+
+.send-button:hover:not(:disabled) {
+  background: rgba(88, 166, 255, 0.9);
+}
+
+.send-button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.input-help {
+  margin-top: 8px;
+  font-size: 12px;
+  color: var(--trie-text-muted);
+  text-align: center;
+}
+
+.app-header {
+  margin-bottom: 0;
+}
+
+.app-header h1 {
+  margin-bottom: 4px;
+}
+
+.app-header p {
+  color: var(--trie-text-muted);
+  margin-bottom: 0;
+}
+
   </style>
 </head>
 <body>
   <div id="app" class="container"></div>
   <script type="module">
-var g=Object.defineProperty;var v=(s,e,t)=>e in s?g(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var c=(s,e,t)=>v(s,typeof e!="symbol"?e+"":e,t);function h(s,e,t){let i=document.createElement(s);if(e)for(let[a,n]of Object.entries(e))a==="className"?i.className=String(n):typeof n=="boolean"?n&&i.setAttribute(a,""):i.setAttribute(a,String(n));if(t)for(let a of t)typeof a=="string"?i.appendChild(document.createTextNode(a)):i.appendChild(a);return i}var o=h;function m(s){return o("div",{className:"loading"},[o("div",{className:"spinner"}),s?o("span",{className:"ml-2"},[s]):document.createTextNode("")])}function p(s,e="Loading..."){s.innerHTML="",s.appendChild(m(e))}function d(s,e){s.innerHTML="",s.appendChild(o("div",{className:"error-state"},[o("div",{className:"error-icon"},["\u26A0\uFE0F"]),o("p",{className:"error-message"},[e])]))}function u(s){document.addEventListener("DOMContentLoaded",()=>{let e=document.getElementById("app");if(!e){console.error("App container not found");return}try{new s(e)}catch(t){d(e,`Failed to initialize app: ${t}`)}})}var l=class{constructor(e){c(this,"container");c(this,"hypotheses",[]);c(this,"selectedHypothesis",null);c(this,"viewMode","list");this.container=e,this.init()}async init(){await this.loadData(),this.render(),this.setupEventListeners()}async loadData(){try{p(this.container,"Loading hypotheses..."),this.hypotheses=[{id:"hyp-1",statement:"Reducing code complexity in the auth module will decrease bug reports by 40%",confidence:.7,status:"testing",evidence:[{id:"ev-1",description:"Complexity metric dropped from 15 to 8 after refactoring",type:"supporting",timestamp:new Date(Date.now()-864e5).toISOString(),source:"static analysis",confidence:.8},{id:"ev-2",description:"No new auth-related bugs reported in last 2 weeks",type:"supporting",timestamp:new Date(Date.now()-864e5*3).toISOString(),source:"bug tracking",confidence:.6}],createdAt:new Date(Date.now()-864e5*14).toISOString(),updatedAt:new Date(Date.now()-864e5).toISOString(),testCriteria:"Track bug reports for 1 month after refactoring",category:"quality"},{id:"hyp-2",statement:"Adding TypeScript to legacy JavaScript modules will improve development velocity",confidence:.6,status:"proposed",evidence:[],createdAt:new Date(Date.now()-864e5*7).toISOString(),updatedAt:new Date(Date.now()-864e5*7).toISOString(),testCriteria:"Measure feature delivery time before and after TypeScript adoption",category:"productivity"},{id:"hyp-3",statement:"Daily code reviews reduce critical bugs more than automated testing alone",confidence:.9,status:"validated",evidence:[{id:"ev-3",description:"Critical bug count decreased 60% after implementing daily reviews",type:"supporting",timestamp:new Date(Date.now()-864e5*30).toISOString(),source:"bug tracking analysis",confidence:.9},{id:"ev-4",description:"Code review participation at 95% over 3 months",type:"supporting",timestamp:new Date(Date.now()-864e5*15).toISOString(),source:"git analytics",confidence:.8}],createdAt:new Date(Date.now()-864e5*90).toISOString(),updatedAt:new Date(Date.now()-864e5*5).toISOString(),testCriteria:"Compare bug rates with and without mandatory code reviews",category:"process"}]}catch(e){d(this.container,`Failed to load hypotheses: ${e}`)}}render(){this.viewMode==="detail"&&this.selectedHypothesis?this.renderDetailView():this.renderListView()}renderListView(){let e=this.groupByStatus(),t=this.hypotheses.reduce((n,r)=>n+r.evidence.length,0),i=this.hypotheses.length>0?this.hypotheses.reduce((n,r)=>n+r.confidence,0)/this.hypotheses.length:0,a=`
+var g=Object.defineProperty;var v=(a,e,t)=>e in a?g(a,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[e]=t;var c=(a,e,t)=>v(a,typeof e!="symbol"?e+"":e,t);function h(a,e,t){let i=document.createElement(a);if(e)for(let[s,n]of Object.entries(e))s==="className"?i.className=String(n):typeof n=="boolean"?n&&i.setAttribute(s,""):i.setAttribute(s,String(n));if(t)for(let s of t)typeof s=="string"?i.appendChild(document.createTextNode(s)):i.appendChild(s);return i}var o=h;function m(a){return o("div",{className:"loading"},[o("div",{className:"spinner"}),a?o("span",{className:"ml-2"},[a]):document.createTextNode("")])}function p(a,e="Loading..."){a.innerHTML="",a.appendChild(m(e))}function d(a,e){a.innerHTML="",a.appendChild(o("div",{className:"error-state"},[o("div",{className:"error-icon"},["\u26A0\uFE0F"]),o("p",{className:"error-message"},[e])]))}function u(a){document.addEventListener("DOMContentLoaded",()=>{let e=document.getElementById("app");if(!e){console.error("App container not found");return}try{new a(e)}catch(t){d(e,`Failed to initialize app: ${t}`)}})}var l=class{constructor(e){c(this,"container");c(this,"hypotheses",[]);c(this,"selectedHypothesis",null);c(this,"viewMode","list");this.container=e,this.init()}async init(){await this.loadData(),this.render(),this.setupEventListeners()}async loadData(){try{p(this.container,"Loading hypotheses..."),this.hypotheses=[{id:"hyp-1",statement:"Reducing code complexity in the auth module will decrease bug reports by 40%",confidence:.7,status:"testing",evidence:[{id:"ev-1",description:"Complexity metric dropped from 15 to 8 after refactoring",type:"supporting",timestamp:new Date(Date.now()-864e5).toISOString(),source:"static analysis",confidence:.8},{id:"ev-2",description:"No new auth-related bugs reported in last 2 weeks",type:"supporting",timestamp:new Date(Date.now()-864e5*3).toISOString(),source:"bug tracking",confidence:.6}],createdAt:new Date(Date.now()-864e5*14).toISOString(),updatedAt:new Date(Date.now()-864e5).toISOString(),testCriteria:"Track bug reports for 1 month after refactoring",category:"quality"},{id:"hyp-2",statement:"Adding TypeScript to legacy JavaScript modules will improve development velocity",confidence:.6,status:"proposed",evidence:[],createdAt:new Date(Date.now()-864e5*7).toISOString(),updatedAt:new Date(Date.now()-864e5*7).toISOString(),testCriteria:"Measure feature delivery time before and after TypeScript adoption",category:"productivity"},{id:"hyp-3",statement:"Daily code reviews reduce critical bugs more than automated testing alone",confidence:.9,status:"validated",evidence:[{id:"ev-3",description:"Critical bug count decreased 60% after implementing daily reviews",type:"supporting",timestamp:new Date(Date.now()-864e5*30).toISOString(),source:"bug tracking analysis",confidence:.9},{id:"ev-4",description:"Code review participation at 95% over 3 months",type:"supporting",timestamp:new Date(Date.now()-864e5*15).toISOString(),source:"git analytics",confidence:.8}],createdAt:new Date(Date.now()-864e5*90).toISOString(),updatedAt:new Date(Date.now()-864e5*5).toISOString(),testCriteria:"Compare bug rates with and without mandatory code reviews",category:"process"}]}catch(e){d(this.container,`Failed to load hypotheses: ${e}`)}}render(){this.viewMode==="detail"&&this.selectedHypothesis?this.renderDetailView():this.renderListView()}renderListView(){let e=this.groupByStatus(),t=this.hypotheses.reduce((n,r)=>n+r.evidence.length,0),i=this.hypotheses.length>0?this.hypotheses.reduce((n,r)=>n+r.confidence,0)/this.hypotheses.length:0,s=`
       <div class="app-header">
         <h1>Hypotheses</h1>
         <p>Track and validate development theories with evidence-based reasoning</p>
@@ -671,7 +914,7 @@ var g=Object.defineProperty;var v=(s,e,t)=>e in s?g(s,e,{enumerable:!0,configura
       </div>
 
       ${Object.entries(e).map(([n,r])=>this.renderStatusSection(n,r)).join("")}
-    `;this.container.innerHTML=a}renderDetailView(){if(!this.selectedHypothesis)return;let e=this.selectedHypothesis,t=e.evidence.filter(n=>n.type==="supporting"),i=e.evidence.filter(n=>n.type==="contradicting"),a=`
+    `;this.container.innerHTML=s}renderDetailView(){if(!this.selectedHypothesis)return;let e=this.selectedHypothesis,t=e.evidence.filter(n=>n.type==="supporting"),i=e.evidence.filter(n=>n.type==="contradicting"),s=`
       <div class="app-header">
         <button class="btn btn-back" onclick="goBackToList()">\u2190 Back to List</button>
         <h1>Hypothesis Detail</h1>
@@ -717,11 +960,11 @@ var g=Object.defineProperty;var v=(s,e,t)=>e in s?g(s,e,{enumerable:!0,configura
           <button class="btn" onclick="updateStatus('${e.id}')">Update Status</button>
         </div>
       </div>
-    `;this.container.innerHTML=a}renderStatusSection(e,t){return t.length===0?"":`
+    `;this.container.innerHTML=s}renderStatusSection(e,t){return t.length===0?"":`
       <div class="section">
         <h2 class="section-title">${{proposed:"Proposed",testing:"Under Testing",validated:"Validated",refuted:"Refuted",inconclusive:"Inconclusive"}[e]||e} (${t.length})</h2>
         <div class="hypotheses-list">
-          ${t.map(a=>this.renderHypothesisCard(a)).join("")}
+          ${t.map(s=>this.renderHypothesisCard(s)).join("")}
         </div>
       </div>
     `}renderHypothesisCard(e){let t=e.confidence>=.8?"high":e.confidence>=.6?"medium":"low";return`
@@ -761,7 +1004,7 @@ var g=Object.defineProperty;var v=(s,e,t)=>e in s?g(s,e,{enumerable:!0,configura
           <span>${this.formatTimeAgo(e.timestamp)}</span>
         </div>
       </div>
-    `}groupByStatus(){let e={};return["testing","proposed","validated","refuted","inconclusive"].forEach(i=>{e[i]=[]}),this.hypotheses.forEach(i=>{e[i.status]||(e[i.status]=[]),e[i.status].push(i)}),e}formatTimeAgo(e){let t=Date.now(),i=new Date(e).getTime(),a=t-i,n=Math.floor(a/(1e3*60*60*24));if(n>0)return`${n}d ago`;let r=Math.floor(a/(1e3*60*60));return r>0?`${r}h ago`:`${Math.floor(a/(1e3*60))}m ago`}formatDate(e){return new Date(e).toLocaleDateString()}setupEventListeners(){window.selectHypothesis=e=>{let t=this.hypotheses.find(i=>i.id===e);t&&(this.selectedHypothesis=t,this.viewMode="detail",this.render(),this.setupEventListeners())},window.goBackToList=()=>{this.viewMode="list",this.selectedHypothesis=null,this.render(),this.setupEventListeners()},window.addEvidence=e=>{console.log("Adding evidence for hypothesis:",e)},window.updateStatus=e=>{console.log("Updating status for hypothesis:",e)}}};u(l);
+    `}groupByStatus(){let e={};return["testing","proposed","validated","refuted","inconclusive"].forEach(i=>{e[i]=[]}),this.hypotheses.forEach(i=>{e[i.status]||(e[i.status]=[]);let s=e[i.status];s&&s.push(i)}),e}formatTimeAgo(e){let t=Date.now(),i=new Date(e).getTime(),s=t-i,n=Math.floor(s/(1e3*60*60*24));if(n>0)return`${n}d ago`;let r=Math.floor(s/(1e3*60*60));return r>0?`${r}h ago`:`${Math.floor(s/(1e3*60))}m ago`}formatDate(e){return new Date(e).toLocaleDateString()}setupEventListeners(){window.selectHypothesis=e=>{let t=this.hypotheses.find(i=>i.id===e);t&&(this.selectedHypothesis=t,this.viewMode="detail",this.render(),this.setupEventListeners())},window.goBackToList=()=>{this.viewMode="list",this.selectedHypothesis=null,this.render(),this.setupEventListeners()},window.addEvidence=e=>{console.log("Adding evidence for hypothesis:",e)},window.updateStatus=e=>{console.log("Updating status for hypothesis:",e)}}};u(l);
 
   </script>
 </body>