@autocode-cli/autocode 0.2.1 → 0.3.0

package/dist/server/dashboard/shared/header.d.ts

@@ -0,0 +1,88 @@
+/**
+ * Centralized header component generator
+ *
+ * This module generates the header HTML for all dashboard pages.
+ * It includes the language switcher and preserves all dashboard functionality.
+ */
+/**
+ * Configuration for the header component
+ */
+export interface HeaderConfig {
+    /**
+     * Page type determines the header layout
+     */
+    pageType: 'dashboard' | 'issue' | 'settings' | 'stats' | 'changelog' | 'graph' | 'terminal' | 'new-issue' | 'column';
+    /**
+     * Static title text
+     */
+    title?: string;
+    /**
+     * i18n key for the title (uses data-i18n attribute)
+     */
+    titleKey?: string;
+    /**
+     * Back link configuration
+     */
+    backLink?: {
+        href: string;
+        label?: string;
+        labelKey?: string;
+    };
+    /**
+     * Issue-specific header info (for issue pages)
+     */
+    issueInfo?: {
+        issueKey: string;
+        title: string;
+    };
+    /**
+     * Column-specific header info (for column pages)
+     */
+    columnInfo?: {
+        issueKey: string;
+        columnSlug: string;
+        pageTitle: string;
+    };
+    /**
+     * Show the logo and title section (dashboard only)
+     */
+    showLogo?: boolean;
+    /**
+     * Show navigation icons (Graph, Configurator) (dashboard only)
+     */
+    showNavIcons?: boolean;
+    /**
+     * Show the stats bar (dashboard only)
+     */
+    showStats?: boolean;
+    /**
+     * Show filters (priority select, search) (dashboard only)
+     */
+    showFilters?: boolean;
+    /**
+     * Show the "New issue" button (dashboard only)
+     */
+    showNewIssueButton?: boolean;
+    /**
+     * Custom content to add at the right side of the header
+     */
+    customRight?: string;
+}
+/**
+ * Generate the language switcher HTML
+ * This is included in ALL headers
+ */
+export declare function generateLangSwitcher(): string;
+/**
+ * Generate the header HTML based on configuration
+ */
+export declare function generateHeader(config: HeaderConfig): string;
+/**
+ * Generate the stats page header
+ */
+export declare function generateStatsHeader(): string;
+/**
+ * Generate the changelog page header
+ */
+export declare function generateChangelogHeader(lang: 'en' | 'fr'): string;
+//# sourceMappingURL=header.d.ts.map

package/dist/server/dashboard/shared/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../src/server/dashboard/shared/header.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAeH;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,QAAQ,EACJ,WAAW,GACX,OAAO,GACP,UAAU,GACV,OAAO,GACP,WAAW,GACX,OAAO,GACP,UAAU,GACV,WAAW,GACX,QAAQ,CAAC;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE;QACT,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IAEF;;OAEG;IACH,SAAS,CAAC,EAAE;QACV,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IAEF;;OAEG;IACH,UAAU,CAAC,EAAE;QACX,QAAQ,EAAE,MAAM,CAAC;QACjB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IAMF;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,IAAI,MAAM,CAO7C;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,YAAY,GAAG,MAAM,CAuB3D;AAiJD;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,MAAM,CAU5C;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,CAWjE"}

package/dist/server/dashboard/shared/header.js

@@ -0,0 +1,209 @@
+/**
+ * Centralized header component generator
+ *
+ * This module generates the header HTML for all dashboard pages.
+ * It includes the language switcher and preserves all dashboard functionality.
+ */
+/**
+ * Escape HTML special characters
+ */
+function escapeHtml(text) {
+    if (!text)
+        return '';
+    return text
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#39;');
+}
+/**
+ * Generate the language switcher HTML
+ * This is included in ALL headers
+ */
+export function generateLangSwitcher() {
+    return `
+    <div class="lang-switcher" id="lang-switcher">
+      <button class="lang-btn" data-lang="en">EN</button>
+      <button class="lang-btn" data-lang="fr">FR</button>
+    </div>
+  `;
+}
+/**
+ * Generate the header HTML based on configuration
+ */
+export function generateHeader(config) {
+    switch (config.pageType) {
+        case 'dashboard':
+            return generateDashboardHeader(config);
+        case 'issue':
+            return generateIssueHeader(config);
+        case 'stats':
+            return generateSimpleHeader(config);
+        case 'changelog':
+            return generateSimpleHeader(config);
+        case 'graph':
+            return generateGraphHeader(config);
+        case 'new-issue':
+            return generateSimpleHeader(config);
+        case 'settings':
+            return generateSimpleHeader(config);
+        case 'terminal':
+            return generateSimpleHeader(config);
+        case 'column':
+            return generateColumnHeader(config);
+        default:
+            return generateSimpleHeader(config);
+    }
+}
+/**
+ * Generate the main dashboard header with all features
+ */
+function generateDashboardHeader(config) {
+    const logoSection = `
+    <div class="header-logo">
+      <a href="/" class="logo-link"><span>&#9889;</span> AutoCode</a>
+      <span class="header-title">Dashboard</span>
+      <a href="/issues/graph" class="header-icon-link" title="Issues Graph">&#128256;</a>
+      <a href="/settings/pipeline/configurator" class="header-icon-link" title="Pipeline Configurator">&#9881;&#65039;</a>
+    </div>
+  `;
+    const statsSection = config.showStats !== false ? '<div class="stats" id="stats"></div>' : '';
+    const filtersSection = config.showFilters !== false
+        ? `
+    <div class="filters">
+      <select id="filter-priority">
+        <option value="" data-i18n="filter.allPriorities">All priorities</option>
+        <option value="P0">P0</option>
+        <option value="P1">P1</option>
+        <option value="P2">P2</option>
+        <option value="P3">P3</option>
+      </select>
+      <input type="text" id="filter-search" placeholder="Search..." data-i18n-placeholder="filter.search">
+      ${generateLangSwitcher()}
+      <a href="/issue/new" class="btn btn-primary" data-i18n="btn.newIssue">+ New issue</a>
+    </div>
+  `
+        : generateLangSwitcher();
+    return `
+  <header>
+    ${logoSection}
+    ${statsSection}
+    ${filtersSection}
+  </header>
+  `;
+}
+/**
+ * Generate the issue page header
+ */
+function generateIssueHeader(config) {
+    const backLink = config.backLink || { href: '/', label: 'Dashboard' };
+    const backLinkHtml = `<a href="${backLink.href}" class="back-btn">← ${escapeHtml(backLink.label || 'Dashboard')}</a>`;
+    const issueInfoHtml = config.issueInfo
+        ? `
+    <div class="issue-header-info">
+      <span class="issue-key">${escapeHtml(config.issueInfo.issueKey)}</span>
+      <span class="issue-title">${escapeHtml(config.issueInfo.title)}</span>
+    </div>
+  `
+        : '';
+    return `
+  <header class="header">
+    ${backLinkHtml}
+    ${issueInfoHtml}
+    ${generateLangSwitcher()}
+  </header>
+  `;
+}
+/**
+ * Generate a simple header with back link, title, and lang switcher
+ */
+function generateSimpleHeader(config) {
+    const backLinkHtml = config.backLink
+        ? `<a href="${config.backLink.href}" class="back-btn"${config.backLink.labelKey ? ` data-i18n="${config.backLink.labelKey}"` : ''}>← ${escapeHtml(config.backLink.label || 'Back')}</a>`
+        : '';
+    const titleHtml = config.title
+        ? `<h1 class="title"${config.titleKey ? ` data-i18n="${config.titleKey}"` : ''}>${escapeHtml(config.title)}</h1>`
+        : '';
+    const customRightHtml = config.customRight || '';
+    return `
+  <header class="header">
+    ${backLinkHtml}
+    ${titleHtml}
+    ${generateLangSwitcher()}
+    ${customRightHtml}
+  </header>
+  `;
+}
+/**
+ * Generate the issue graph header
+ */
+function generateGraphHeader(config) {
+    const backLink = config.backLink || { href: '/', label: 'Back to Dashboard' };
+    return `
+  <header class="graph-header">
+    <div class="header-left">
+      <a href="${backLink.href}" class="back-link"${config.backLink?.labelKey ? ` data-i18n="${config.backLink.labelKey}"` : ''}>← ${escapeHtml(backLink.label || 'Back to Dashboard')}</a>
+      <h1${config.titleKey ? ` data-i18n="${config.titleKey}"` : ''}>${escapeHtml(config.title || 'Issue Hierarchy')}</h1>
+    </div>
+    <div class="header-stats">
+      <span class="stat"><span class="stat-label" data-i18n="graph.rootIssues">Root issues</span>: <span id="root-count">-</span></span>
+      <span class="stat"><span class="stat-label" data-i18n="graph.totalIssues">Total issues</span>: <span id="total-count">-</span></span>
+      <span class="stat"><span class="stat-label" data-i18n="graph.maxDepth">Max depth</span>: <span id="max-depth">-</span></span>
+    </div>
+    ${generateLangSwitcher()}
+    <div class="zoom-controls">
+      <button onclick="zoomIn()" title="Zoom in" data-i18n-title="graph.zoomIn">+</button>
+      <button onclick="resetZoom()" title="Reset" data-i18n-title="graph.resetZoom">100%</button>
+      <button onclick="zoomOut()" title="Zoom out" data-i18n-title="graph.zoomOut">-</button>
+    </div>
+  </header>
+  `;
+}
+/**
+ * Generate the column page header (terminal, prompt, edit)
+ */
+function generateColumnHeader(config) {
+    if (!config.columnInfo) {
+        return generateSimpleHeader(config);
+    }
+    const { issueKey, columnSlug, pageTitle } = config.columnInfo;
+    return `
+  <header class="header">
+    <a href="/issue/${escapeHtml(issueKey)}" class="back-btn">← Back to issue</a>
+    <span class="issue-key">${escapeHtml(issueKey)}</span>
+    <span class="column-slug">${escapeHtml(columnSlug)}</span>
+    <div class="page-title">${escapeHtml(pageTitle)}</div>
+    ${generateLangSwitcher()}
+  </header>
+  `;
+}
+/**
+ * Generate the stats page header
+ */
+export function generateStatsHeader() {
+    return `
+  <div class="stats-header">
+    <h1><span data-i18n="stats.pageTitle">Claude Statistics</span> <span id="refresh-indicator" class="refresh-indicator"></span></h1>
+    <div class="header-actions">
+      ${generateLangSwitcher()}
+      <a href="/" class="btn-back" data-i18n="btn.backToDashboard">Back to dashboard</a>
+    </div>
+  </div>
+  `;
+}
+/**
+ * Generate the changelog page header
+ */
+export function generateChangelogHeader(lang) {
+    const title = lang === 'fr' ? 'Journal des modifications' : 'Changelog';
+    const backText = lang === 'fr' ? 'Retour au dashboard' : 'Back to dashboard';
+    return `
+  <header class="changelog-page-header">
+    <a href="/" class="back-link">← ${backText}</a>
+    <h1>${title}</h1>
+    ${generateLangSwitcher()}
+  </header>
+  `;
+}
+//# sourceMappingURL=header.js.map

package/dist/server/dashboard/shared/header.js.map

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

package/dist/server/dashboard/shared/i18n-script.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Centralized i18n JavaScript generator
+ *
+ * This module generates the client-side JavaScript for language switching.
+ * All pages should use this instead of defining their own switchLanguage function.
+ */
+import { type TranslationKey } from './translations.js';
+export interface I18nScriptConfig {
+    /**
+     * If specified, only include these translation keys (smaller bundle).
+     * If not specified, includes all translations.
+     */
+    keys?: TranslationKey[];
+    /**
+     * Optional callback function name to call after language change.
+     * The function must be defined in the page's script.
+     * Example: 'onLanguageChange' will call onLanguageChange() after switching.
+     */
+    onLangChangeCallback?: string;
+    /**
+     * If true, also set a global variable for ACTION.md editor language.
+     * Used by the main dashboard.
+     */
+    includeActionLang?: boolean;
+}
+/**
+ * Generate the i18n JavaScript for a page.
+ *
+ * This returns a JavaScript string that can be embedded in a <script> tag.
+ * It provides:
+ * - STORAGE_KEY constant
+ * - currentLang variable (from localStorage, defaults to 'fr')
+ * - translations object (all or filtered)
+ * - t(key) function for getting translations
+ * - switchLanguage(lang) function (NO page reload)
+ * - updateLangUI() function for updating DOM
+ * - Auto-initialization on page load
+ */
+export declare function generateI18nScript(config?: I18nScriptConfig): string;
+/**
+ * Generate a minimal i18n script for pages that only need language switching
+ * without the full translations object (translations are embedded in HTML).
+ */
+export declare function generateMinimalI18nScript(): string;
+//# sourceMappingURL=i18n-script.d.ts.map

package/dist/server/dashboard/shared/i18n-script.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n-script.d.ts","sourceRoot":"","sources":["../../../../src/server/dashboard/shared/i18n-script.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAgB,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEtE,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,EAAE,CAAC;IAExB;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAE9B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,GAAE,gBAAqB,GAAG,MAAM,CAoIxE;AA0BD;;;GAGG;AACH,wBAAgB,yBAAyB,IAAI,MAAM,CA6BlD"}

package/dist/server/dashboard/shared/i18n-script.js

@@ -0,0 +1,204 @@
+/**
+ * Centralized i18n JavaScript generator
+ *
+ * This module generates the client-side JavaScript for language switching.
+ * All pages should use this instead of defining their own switchLanguage function.
+ */
+import { translations } from './translations.js';
+/**
+ * Generate the i18n JavaScript for a page.
+ *
+ * This returns a JavaScript string that can be embedded in a <script> tag.
+ * It provides:
+ * - STORAGE_KEY constant
+ * - currentLang variable (from localStorage, defaults to 'fr')
+ * - translations object (all or filtered)
+ * - t(key) function for getting translations
+ * - switchLanguage(lang) function (NO page reload)
+ * - updateLangUI() function for updating DOM
+ * - Auto-initialization on page load
+ */
+export function generateI18nScript(config = {}) {
+    // Filter translations if keys specified
+    const translationsToInclude = config.keys
+        ? filterTranslations(config.keys)
+        : translations;
+    const actionLangCode = config.includeActionLang
+        ? 'let currentActionLang = currentLang;'
+        : '';
+    const actionLangUpdate = config.includeActionLang
+        ? 'currentActionLang = lang;'
+        : '';
+    const callbackCode = config.onLangChangeCallback
+        ? `if (typeof ${config.onLangChangeCallback} === 'function') { ${config.onLangChangeCallback}(); }`
+        : '';
+    return `
+    // ========================================
+    // CENTRALIZED i18n SYSTEM
+    // ========================================
+    const STORAGE_KEY = 'autocode-lang';
+    let currentLang = localStorage.getItem(STORAGE_KEY) || 'fr';
+    ${actionLangCode}
+
+    const translations = ${JSON.stringify(translationsToInclude, null, 2)};
+
+    /**
+     * Get translation for a key
+     */
+    function t(key) {
+      return translations[currentLang]?.[key] || translations['en']?.[key] || key;
+    }
+
+    /**
+     * Switch language and update all UI elements
+     * NO page reload - updates DOM directly
+     */
+    function switchLanguage(lang) {
+      if (lang === currentLang) return;
+
+      currentLang = lang;
+      ${actionLangUpdate}
+      localStorage.setItem(STORAGE_KEY, lang);
+      document.documentElement.lang = lang;
+
+      updateLangUI();
+      ${callbackCode}
+    }
+
+    /**
+     * Update all UI elements with translations
+     */
+    function updateLangUI() {
+      // Update lang switcher buttons
+      document.querySelectorAll('.lang-switcher .lang-btn').forEach(btn => {
+        btn.classList.toggle('active', btn.dataset.lang === currentLang);
+      });
+
+      // Update all elements with data-i18n (text content)
+      document.querySelectorAll('[data-i18n]').forEach(el => {
+        const key = el.getAttribute('data-i18n');
+        const translated = t(key);
+        if (translated && translated !== key) {
+          // Preserve child elements (like badges, icons)
+          const preservedChildren = [];
+          el.querySelectorAll('.tab-badge, .count-badge, .badge, .icon').forEach(child => {
+            preservedChildren.push(child.cloneNode(true));
+          });
+
+          el.textContent = translated;
+
+          // Re-append preserved children
+          preservedChildren.forEach(child => {
+            el.appendChild(document.createTextNode(' '));
+            el.appendChild(child);
+          });
+        }
+      });
+
+      // Update placeholders
+      document.querySelectorAll('[data-i18n-placeholder]').forEach(el => {
+        const key = el.getAttribute('data-i18n-placeholder');
+        const translated = t(key);
+        if (translated && translated !== key) {
+          el.placeholder = translated;
+        }
+      });
+
+      // Update select options
+      document.querySelectorAll('select option[data-i18n]').forEach(el => {
+        const key = el.getAttribute('data-i18n');
+        const translated = t(key);
+        if (translated && translated !== key) {
+          el.textContent = translated;
+        }
+      });
+
+      // Update title attributes
+      document.querySelectorAll('[data-i18n-title]').forEach(el => {
+        const key = el.getAttribute('data-i18n-title');
+        const translated = t(key);
+        if (translated && translated !== key) {
+          el.title = translated;
+        }
+      });
+
+      // Update page title if data-i18n-page-title exists
+      const pageTitleKey = document.body.getAttribute('data-i18n-page-title');
+      if (pageTitleKey) {
+        const translated = t(pageTitleKey);
+        if (translated && translated !== pageTitleKey) {
+          document.title = translated + ' - AutoCode';
+        }
+      }
+    }
+
+    // Initialize language switcher
+    (function initLangSwitcher() {
+      // Set initial language state
+      document.documentElement.lang = currentLang;
+
+      // Attach event listeners to lang buttons
+      document.querySelectorAll('.lang-switcher .lang-btn').forEach(btn => {
+        btn.addEventListener('click', () => switchLanguage(btn.dataset.lang));
+      });
+
+      // Update UI with current language
+      updateLangUI();
+    })();
+  `;
+}
+/**
+ * Filter translations to include only specified keys
+ */
+function filterTranslations(keys) {
+    const keySet = new Set(keys);
+    const filteredEn = {};
+    const filteredFr = {};
+    for (const key of keys) {
+        if (key in translations.en) {
+            filteredEn[key] = translations.en[key];
+        }
+        if (key in translations.fr) {
+            filteredFr[key] = translations.fr[key];
+        }
+    }
+    return {
+        en: filteredEn,
+        fr: filteredFr,
+    };
+}
+/**
+ * Generate a minimal i18n script for pages that only need language switching
+ * without the full translations object (translations are embedded in HTML).
+ */
+export function generateMinimalI18nScript() {
+    return `
+    // Minimal i18n - just language switching
+    const STORAGE_KEY = 'autocode-lang';
+    let currentLang = localStorage.getItem(STORAGE_KEY) || 'fr';
+
+    function switchLanguage(lang) {
+      if (lang === currentLang) return;
+      currentLang = lang;
+      localStorage.setItem(STORAGE_KEY, lang);
+      document.documentElement.lang = lang;
+      updateLangUI();
+    }
+
+    function updateLangUI() {
+      document.querySelectorAll('.lang-switcher .lang-btn').forEach(btn => {
+        btn.classList.toggle('active', btn.dataset.lang === currentLang);
+      });
+    }
+
+    // Initialize
+    (function() {
+      document.documentElement.lang = currentLang;
+      document.querySelectorAll('.lang-switcher .lang-btn').forEach(btn => {
+        btn.addEventListener('click', () => switchLanguage(btn.dataset.lang));
+      });
+      updateLangUI();
+    })();
+  `;
+}
+//# sourceMappingURL=i18n-script.js.map

package/dist/server/dashboard/shared/i18n-script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n-script.js","sourceRoot":"","sources":["../../../../src/server/dashboard/shared/i18n-script.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,YAAY,EAAuB,MAAM,mBAAmB,CAAC;AAuBtE;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,kBAAkB,CAAC,SAA2B,EAAE;IAC9D,wCAAwC;IACxC,MAAM,qBAAqB,GAAG,MAAM,CAAC,IAAI;QACvC,CAAC,CAAC,kBAAkB,CAAC,MAAM,CAAC,IAAI,CAAC;QACjC,CAAC,CAAC,YAAY,CAAC;IAEjB,MAAM,cAAc,GAAG,MAAM,CAAC,iBAAiB;QAC7C,CAAC,CAAC,sCAAsC;QACxC,CAAC,CAAC,EAAE,CAAC;IAEP,MAAM,gBAAgB,GAAG,MAAM,CAAC,iBAAiB;QAC/C,CAAC,CAAC,2BAA2B;QAC7B,CAAC,CAAC,EAAE,CAAC;IAEP,MAAM,YAAY,GAAG,MAAM,CAAC,oBAAoB;QAC9C,CAAC,CAAC,cAAc,MAAM,CAAC,oBAAoB,sBAAsB,MAAM,CAAC,oBAAoB,OAAO;QACnG,CAAC,CAAC,EAAE,CAAC;IAEP,OAAO;;;;;;MAMH,cAAc;;2BAEO,IAAI,CAAC,SAAS,CAAC,qBAAqB,EAAE,IAAI,EAAE,CAAC,CAAC;;;;;;;;;;;;;;;;;QAiBjE,gBAAgB;;;;;QAKhB,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmFjB,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,SAAS,kBAAkB,CAAC,IAAsB;IAChD,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;IAE7B,MAAM,UAAU,GAA2B,EAAE,CAAC;IAC9C,MAAM,UAAU,GAA2B,EAAE,CAAC;IAE9C,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,IAAI,GAAG,IAAI,YAAY,CAAC,EAAE,EAAE,CAAC;YAC3B,UAAU,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QACzC,CAAC;QACD,IAAI,GAAG,IAAI,YAAY,CAAC,EAAE,EAAE,CAAC;YAC3B,UAAU,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;QACzC,CAAC;IACH,CAAC;IAED,OAAO;QACL,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,UAAU;KACQ,CAAC;AAC3B,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,yBAAyB;IACvC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BN,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,19 @@
+/**
+ * Shared components for the AutoCode dashboard
+ *
+ * This module re-exports all shared components for easy importing.
+ *
+ * Usage:
+ * ```typescript
+ * import {
+ *   translations,
+ *   generateI18nScript,
+ *   generateHeader,
+ *   generateLangSwitcher,
+ * } from '../shared/index.js';
+ * ```
+ */
+export { translations, getTranslator, type Language, type TranslationKey, } from './translations.js';
+export { generateI18nScript, generateMinimalI18nScript, type I18nScriptConfig, } from './i18n-script.js';
+export { generateHeader, generateLangSwitcher, generateStatsHeader, generateChangelogHeader, type HeaderConfig, } from './header.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/server/dashboard/shared/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAGH,OAAO,EACL,YAAY,EACZ,aAAa,EACb,KAAK,QAAQ,EACb,KAAK,cAAc,GACpB,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EACL,kBAAkB,EAClB,yBAAyB,EACzB,KAAK,gBAAgB,GACtB,MAAM,kBAAkB,CAAC;AAG1B,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,uBAAuB,EACvB,KAAK,YAAY,GAClB,MAAM,aAAa,CAAC"}

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

@@ -0,0 +1,22 @@
+/**
+ * Shared components for the AutoCode dashboard
+ *
+ * This module re-exports all shared components for easy importing.
+ *
+ * Usage:
+ * ```typescript
+ * import {
+ *   translations,
+ *   generateI18nScript,
+ *   generateHeader,
+ *   generateLangSwitcher,
+ * } from '../shared/index.js';
+ * ```
+ */
+// Translations
+export { translations, getTranslator, } from './translations.js';
+// i18n Script Generator
+export { generateI18nScript, generateMinimalI18nScript, } from './i18n-script.js';
+// Header Component
+export { generateHeader, generateLangSwitcher, generateStatsHeader, generateChangelogHeader, } from './header.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/server/dashboard/shared/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,eAAe;AACf,OAAO,EACL,YAAY,EACZ,aAAa,GAGd,MAAM,mBAAmB,CAAC;AAE3B,wBAAwB;AACxB,OAAO,EACL,kBAAkB,EAClB,yBAAyB,GAE1B,MAAM,kBAAkB,CAAC;AAE1B,mBAAmB;AACnB,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,mBAAmB,EACnB,uBAAuB,GAExB,MAAM,aAAa,CAAC"}