@autocode-cli/autocode 0.1.33 → 0.1.34

package/dist/server/dashboard/pages/index.d.ts

@@ -6,6 +6,9 @@
 export { generateDashboard } from './main-dashboard.js';
 export { generateColumnEditPage } from './column-edit.js';
 export { generateIssueViewPage } from './issue-view.js';
+export { generateIssueCommentsPage } from './issue-comments.js';
+export { generateIssueHistoryPage } from './issue-history.js';
+export { generateIssueTerminalPage } from './issue-terminal.js';
 export { generateColumnTerminalPage } from './column-terminal.js';
 export { generateColumnPromptPage } from './column-prompt.js';
 export { generatePipelineConfiguratorPage } from './pipeline-configurator.js';

package/dist/server/dashboard/pages/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/server/dashboard/pages/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,gCAAgC,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/server/dashboard/pages/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,gCAAgC,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC"}

package/dist/server/dashboard/pages/index.js

@@ -6,6 +6,9 @@
 export { generateDashboard } from './main-dashboard.js';
 export { generateColumnEditPage } from './column-edit.js';
 export { generateIssueViewPage } from './issue-view.js';
+export { generateIssueCommentsPage } from './issue-comments.js';
+export { generateIssueHistoryPage } from './issue-history.js';
+export { generateIssueTerminalPage } from './issue-terminal.js';
 export { generateColumnTerminalPage } from './column-terminal.js';
 export { generateColumnPromptPage } from './column-prompt.js';
 export { generatePipelineConfiguratorPage } from './pipeline-configurator.js';

package/dist/server/dashboard/pages/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/server/dashboard/pages/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,gCAAgC,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/server/dashboard/pages/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,0BAA0B,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,gCAAgC,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,sBAAsB,EAAE,MAAM,kBAAkB,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC"}

package/dist/server/dashboard/pages/issue-comments.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Issue comments page generator
+ */
+/**
+ * Generate the issue comments page
+ */
+export declare function generateIssueCommentsPage(issueKey: string, lang: string): string;
+//# sourceMappingURL=issue-comments.d.ts.map

package/dist/server/dashboard/pages/issue-comments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"issue-comments.d.ts","sourceRoot":"","sources":["../../../../src/server/dashboard/pages/issue-comments.ts"],"names":[],"mappings":"AAAA;;GAEG;AAcH;;GAEG;AACH,wBAAgB,yBAAyB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CAkRhF"}

package/dist/server/dashboard/pages/issue-comments.js

@@ -0,0 +1,283 @@
+/**
+ * Issue comments page generator
+ */
+import { getConfig } from '../../../utils/config.js';
+import { getIssue } from '../../../core/issue.js';
+import { escapeHtml } from '../utils.js';
+import { generate404Page } from './shared.js';
+import { generateIssueBaseStyles, generateIssueHeader, generateTabsNav, generateIssueBaseScript, } from './issue-shared.js';
+/**
+ * Generate the issue comments page
+ */
+export function generateIssueCommentsPage(issueKey, lang) {
+    const config = getConfig();
+    const issue = getIssue(config.root, issueKey);
+    if (!issue) {
+        return generate404Page(issueKey, lang);
+    }
+    const pageData = {
+        issueKey,
+        title: issue.title,
+        commentsCount: issue.comments?.length || 0,
+        historyCount: issue.history?.length || 0,
+        lang,
+    };
+    const commentsData = JSON.stringify(issue.comments || []);
+    return `<!DOCTYPE html>
+<html lang="${lang}">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Comments - ${escapeHtml(issue.title)} - ${issueKey} - AutoCode</title>
+  <style>
+    ${generateIssueBaseStyles()}
+
+    .comments-list {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+      margin-bottom: 16px;
+    }
+    .comment {
+      padding: 16px;
+      background: var(--bg-tertiary);
+      border-radius: 8px;
+      border-left: 3px solid var(--border);
+      transition: all 0.2s ease;
+    }
+    .comment:hover {
+      border-left-color: var(--blue);
+    }
+    .comment-meta {
+      display: flex;
+      align-items: center;
+      flex-wrap: wrap;
+      gap: 8px;
+      cursor: pointer;
+      user-select: none;
+    }
+    .comment-meta::before {
+      content: '▶';
+      font-size: 10px;
+      color: var(--muted);
+      transition: transform 0.2s ease;
+    }
+    .comment.expanded .comment-meta::before {
+      transform: rotate(90deg);
+    }
+    .comment-source {
+      font-size: 10px;
+      padding: 3px 8px;
+      border-radius: 4px;
+      text-transform: uppercase;
+      font-weight: 600;
+      letter-spacing: 0.5px;
+    }
+    .comment-source.user { background: #3b82f6; color: white; }
+    .comment-source.claude { background: #8b5cf6; color: white; }
+    .comment-column {
+      font-size: 10px;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      color: var(--blue);
+      padding: 3px 8px;
+      background: rgba(77,171,247,0.15);
+      border-radius: 4px;
+    }
+    .comment-date {
+      font-size: 11px;
+      color: var(--muted);
+    }
+    .comment-text {
+      font-size: 14px;
+      line-height: 1.6;
+      color: var(--text);
+      max-height: 0;
+      overflow: hidden;
+      transition: max-height 0.3s ease, margin-top 0.3s ease, padding-top 0.3s ease;
+      margin-top: 0;
+      padding-top: 0;
+    }
+    .comment.expanded .comment-text {
+      max-height: none;
+      overflow: visible;
+      margin-top: 12px;
+      padding-top: 12px;
+      border-top: 1px solid var(--border);
+    }
+    .comment-text code {
+      background: var(--bg);
+      padding: 2px 6px;
+      border-radius: 4px;
+      font-family: 'SF Mono', Monaco, monospace;
+      font-size: 12px;
+    }
+    .add-comment {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+      margin-top: 20px;
+      padding-top: 20px;
+      border-top: 1px solid var(--border);
+    }
+    .add-comment textarea {
+      width: 100%;
+      min-height: 120px;
+      padding: 12px;
+      background: var(--bg-tertiary);
+      border: 1px solid var(--border);
+      border-radius: 8px;
+      color: var(--text);
+      font-family: inherit;
+      font-size: 14px;
+      resize: vertical;
+    }
+    .add-comment textarea:focus {
+      outline: none;
+      border-color: var(--accent);
+    }
+    .btn-comment {
+      align-self: flex-end;
+      padding: 10px 20px;
+      background: var(--accent);
+      color: white;
+      border: none;
+      border-radius: 6px;
+      cursor: pointer;
+      font-size: 14px;
+      font-weight: 500;
+    }
+    .btn-comment:hover { opacity: 0.9; }
+    .btn-comment:disabled { opacity: 0.5; cursor: not-allowed; }
+    .no-comments {
+      text-align: center;
+      color: var(--muted);
+      padding: 40px;
+      font-size: 14px;
+    }
+  </style>
+</head>
+<body>
+  ${generateIssueHeader(issueKey, issue.title)}
+  ${generateTabsNav(issueKey, 'comments', pageData)}
+
+  <main class="main-content">
+    <div class="section">
+      <div class="section-title">
+        <span data-i18n="issueView.comments">Comments</span>
+        <span id="comments-count">(${issue.comments?.length || 0})</span>
+      </div>
+      <div class="comments-list" id="comments-list"></div>
+      <div class="add-comment">
+        <textarea id="new-comment" placeholder="Add a comment..." data-i18n-placeholder="issueView.addComment"></textarea>
+        <button class="btn-comment" onclick="addComment()" data-i18n="btn.add">Add</button>
+      </div>
+    </div>
+  </main>
+
+  <div class="notification" id="notification"></div>
+
+  <script>
+    ${generateIssueBaseScript(issueKey)}
+
+    let currentComments = ${commentsData};
+
+    function renderComments() {
+      const list = document.getElementById('comments-list');
+      const count = document.getElementById('comments-count');
+      count.textContent = '(' + currentComments.length + ')';
+
+      if (currentComments.length === 0) {
+        list.innerHTML = '<div class="no-comments">' + t('issueView.noComments') + '</div>';
+        return;
+      }
+
+      const sorted = [...currentComments].sort((a, b) => new Date(b.created_at) - new Date(a.created_at));
+      list.innerHTML = sorted.map((comment, index) => {
+        const date = new Date(comment.created_at);
+        const dateStr = date.toLocaleDateString('en-US', { day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit' });
+        const source = comment.source || 'user';
+        const sourceBadge = source === 'claude'
+          ? '<span class="comment-source claude">Claude</span>'
+          : '<span class="comment-source user">User</span>';
+        return '<div class="comment expanded" id="comment-' + index + '">' +
+          '<div class="comment-meta" onclick="toggleComment(' + index + ')">' + sourceBadge + '<span class="comment-column">' + (comment.column || 'N/A') + '</span>' +
+          '<span class="comment-date">' + dateStr + '</span></div>' +
+          '<div class="comment-text">' + renderMarkdown(comment.text) + '</div></div>';
+      }).join('');
+    }
+
+    function toggleComment(index) {
+      const comments = document.querySelectorAll('.comment');
+      comments.forEach((comment, i) => {
+        if (i === index) {
+          comment.classList.toggle('expanded');
+        }
+      });
+    }
+
+    async function addComment() {
+      const textarea = document.getElementById('new-comment');
+      const text = textarea.value.trim();
+      if (!text) return;
+
+      const btn = document.querySelector('.btn-comment');
+      btn.disabled = true;
+      btn.textContent = t('btn.sending');
+
+      try {
+        const res = await fetch('/api/issues/' + ISSUE_KEY + '/comments', {
+          method: 'POST',
+          headers: { 'Content-Type': 'application/json' },
+          body: JSON.stringify({ text, source: 'user' })
+        });
+        const result = await res.json();
+        textarea.value = '';
+        if (result.success && result.data && result.data.comments) {
+          currentComments = result.data.comments;
+          renderComments();
+        }
+        showNotification(t('notify.commentAdded'));
+      } catch (e) {
+        showNotification(t('notify.error') + ': ' + e.message, true);
+      } finally {
+        btn.disabled = false;
+        btn.textContent = t('btn.add');
+      }
+    }
+
+    function onLangChange() {
+      renderComments();
+    }
+
+    // WebSocket for real-time updates
+    let ws;
+    function connectWebSocket() {
+      const protocol = location.protocol === 'https:' ? 'wss:' : 'ws:';
+      ws = new WebSocket(protocol + '//' + location.host + '/ws');
+
+      ws.onmessage = (event) => {
+        try {
+          const data = JSON.parse(event.data);
+          if (data.type === 'issue_updated' && data.key === ISSUE_KEY) {
+            location.reload();
+          }
+        } catch (e) {
+          console.error('WebSocket message error:', e);
+        }
+      };
+
+      ws.onclose = () => {
+        setTimeout(connectWebSocket, 3000);
+      };
+    }
+
+    // Init
+    renderComments();
+    connectWebSocket();
+  </script>
+</body>
+</html>`;
+}
+//# sourceMappingURL=issue-comments.js.map

package/dist/server/dashboard/pages/issue-comments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"issue-comments.js","sourceRoot":"","sources":["../../../../src/server/dashboard/pages/issue-comments.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EACL,uBAAuB,EACvB,mBAAmB,EACnB,eAAe,EACf,uBAAuB,GAExB,MAAM,mBAAmB,CAAC;AAE3B;;GAEG;AACH,MAAM,UAAU,yBAAyB,CAAC,QAAgB,EAAE,IAAY;IACtE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAE9C,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,eAAe,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IACzC,CAAC;IAED,MAAM,QAAQ,GAAkB;QAC9B,QAAQ;QACR,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,aAAa,EAAE,KAAK,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;QAC1C,YAAY,EAAE,KAAK,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC;QACxC,IAAI;KACL,CAAC;IAEF,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;IAE1D,OAAO;cACK,IAAI;;;;sBAII,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,QAAQ;;MAErD,uBAAuB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiI3B,mBAAmB,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC;IAC1C,eAAe,CAAC,QAAQ,EAAE,UAAU,EAAE,QAAQ,CAAC;;;;;;qCAMd,KAAK,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;;;;;;;;;;;;;MAa1D,uBAAuB,CAAC,QAAQ,CAAC;;4BAEX,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAiGhC,CAAC;AACT,CAAC"}

package/dist/server/dashboard/pages/issue-history.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Issue history page generator
+ */
+/**
+ * Generate the issue history page
+ */
+export declare function generateIssueHistoryPage(issueKey: string, lang: string): string;
+//# sourceMappingURL=issue-history.d.ts.map

package/dist/server/dashboard/pages/issue-history.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"issue-history.d.ts","sourceRoot":"","sources":["../../../../src/server/dashboard/pages/issue-history.ts"],"names":[],"mappings":"AAAA;;GAEG;AAcH;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,CA4I/E"}

package/dist/server/dashboard/pages/issue-history.js

@@ -0,0 +1,149 @@
+/**
+ * Issue history page generator
+ */
+import { getConfig } from '../../../utils/config.js';
+import { getIssue } from '../../../core/issue.js';
+import { escapeHtml } from '../utils.js';
+import { generate404Page } from './shared.js';
+import { generateIssueBaseStyles, generateIssueHeader, generateTabsNav, generateIssueBaseScript, } from './issue-shared.js';
+/**
+ * Generate the issue history page
+ */
+export function generateIssueHistoryPage(issueKey, lang) {
+    const config = getConfig();
+    const issue = getIssue(config.root, issueKey);
+    if (!issue) {
+        return generate404Page(issueKey, lang);
+    }
+    const pageData = {
+        issueKey,
+        title: issue.title,
+        commentsCount: issue.comments?.length || 0,
+        historyCount: issue.history?.length || 0,
+        lang,
+    };
+    const historyHtml = issue.history && issue.history.length > 0
+        ? issue.history.map((h) => {
+            const date = new Date(h.at);
+            const dateStr = date.toLocaleDateString('en-US', { day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit' });
+            const showPromptBtn = h.to && h.action !== 'created' ? `<a href="/issue/${issueKey}/${escapeHtml(h.to)}/prompt" class="btn-action" title="View prompt">View Prompt</a>` : '';
+            const showLogBtn = h.to && h.action !== 'created' ? `<a href="/issue/${issueKey}/${escapeHtml(h.to)}/terminal" class="btn-action" title="View terminal log">View Terminal</a>` : '';
+            return `<li class="history-item">
+          <div class="history-main">
+            <span class="history-action history-action-${h.action}">${h.action}</span>
+            ${h.from ? `<span class="history-from">${escapeHtml(h.from)}</span> <span class="history-arrow">→</span>` : ''}
+            <span class="history-to">${escapeHtml(h.to)}</span>
+          </div>
+          <div class="history-actions">
+            ${showPromptBtn}
+            ${showLogBtn}
+          </div>
+          <span class="history-date">${dateStr}</span>
+        </li>`;
+        }).join('')
+        : '<li class="no-history">No history yet</li>';
+    return `<!DOCTYPE html>
+<html lang="${lang}">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>History - ${escapeHtml(issue.title)} - ${issueKey} - AutoCode</title>
+  <style>
+    ${generateIssueBaseStyles()}
+
+    .history-list {
+      list-style: none;
+    }
+    .history-item {
+      padding: 16px;
+      background: var(--bg-tertiary);
+      border-radius: 8px;
+      margin-bottom: 12px;
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      flex-wrap: wrap;
+    }
+    .history-main {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      flex: 1;
+    }
+    .history-action {
+      font-weight: 600;
+      text-transform: capitalize;
+      font-size: 13px;
+      padding: 4px 10px;
+      border-radius: 4px;
+    }
+    .history-action-created { background: rgba(74, 222, 128, 0.2); color: var(--green); }
+    .history-action-moved { background: rgba(77, 171, 247, 0.2); color: var(--blue); }
+    .history-action-started { background: rgba(250, 204, 21, 0.2); color: var(--yellow); }
+    .history-action-forced { background: rgba(251, 146, 60, 0.2); color: var(--orange); }
+    .history-from, .history-to {
+      padding: 4px 10px;
+      background: var(--bg-secondary);
+      border-radius: 4px;
+      font-size: 12px;
+      font-family: 'SF Mono', Monaco, monospace;
+    }
+    .history-arrow {
+      color: var(--muted);
+    }
+    .history-actions {
+      display: flex;
+      gap: 8px;
+    }
+    .btn-action {
+      font-size: 12px;
+      padding: 6px 12px;
+      background: var(--bg-secondary);
+      color: var(--accent);
+      border: 1px solid var(--border);
+      border-radius: 4px;
+      text-decoration: none;
+      transition: all 0.2s;
+    }
+    .btn-action:hover {
+      border-color: var(--accent);
+      background: rgba(99, 102, 241, 0.1);
+    }
+    .history-date {
+      color: var(--muted);
+      font-size: 12px;
+      white-space: nowrap;
+    }
+    .no-history {
+      text-align: center;
+      color: var(--muted);
+      padding: 40px;
+      font-size: 14px;
+    }
+  </style>
+</head>
+<body>
+  ${generateIssueHeader(issueKey, issue.title)}
+  ${generateTabsNav(issueKey, 'history', pageData)}
+
+  <main class="main-content">
+    <div class="section">
+      <div class="section-title">
+        <span data-i18n="issueView.history">History</span>
+        <span>(${issue.history?.length || 0})</span>
+      </div>
+      <ul class="history-list">
+        ${historyHtml}
+      </ul>
+    </div>
+  </main>
+
+  <div class="notification" id="notification"></div>
+
+  <script>
+    ${generateIssueBaseScript(issueKey)}
+  </script>
+</body>
+</html>`;
+}
+//# sourceMappingURL=issue-history.js.map

package/dist/server/dashboard/pages/issue-history.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"issue-history.js","sourceRoot":"","sources":["../../../../src/server/dashboard/pages/issue-history.ts"],"names":[],"mappings":"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"}

package/dist/server/dashboard/pages/issue-shared.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Shared components for issue pages
+ */
+export interface IssuePageData {
+    issueKey: string;
+    title: string;
+    commentsCount: number;
+    historyCount: number;
+    lang: string;
+}
+/**
+ * Generate the base CSS styles shared across all issue pages
+ */
+export declare function generateIssueBaseStyles(): string;
+/**
+ * Generate the tabs navigation HTML
+ */
+export declare function generateTabsNav(issueKey: string, activeTab: 'details' | 'comments' | 'history' | 'terminal', data: IssuePageData): string;
+/**
+ * Generate the header HTML
+ */
+export declare function generateIssueHeader(issueKey: string, title: string): string;
+/**
+ * Generate the shared JavaScript for i18n and notifications
+ */
+export declare function generateIssueBaseScript(issueKey: string): string;
+//# sourceMappingURL=issue-shared.d.ts.map

package/dist/server/dashboard/pages/issue-shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"issue-shared.d.ts","sourceRoot":"","sources":["../../../../src/server/dashboard/pages/issue-shared.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,MAAM,CAiKhD;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,EAAE,IAAI,EAAE,aAAa,GAAG,MAAM,CAiBzI;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAc3E;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAyJhE"}