@flight-framework/devtools 1.0.0 → 1.0.2

package/dist/bundle-panel.js.map

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

package/dist/cache-panel.d.ts

@@ -0,0 +1,104 @@
+/**
+ * @flight-framework/devtools - Cache Panel (Enhanced)
+ *
+ * Enhanced cache inspection with real-time updates,
+ * tag management, and invalidation controls.
+ */
+/**
+ * Enhanced cache entry information
+ */
+export interface CacheEntry {
+    /** Cache key */
+    key: string;
+    /** Size in bytes */
+    size: number;
+    /** Number of cache hits */
+    hits: number;
+    /** Number of cache misses */
+    misses: number;
+    /** When entry was created */
+    createdAt: number;
+    /** When entry was last accessed */
+    lastAccessedAt: number;
+    /** Time-to-live in seconds (if set) */
+    ttl?: number;
+    /** When entry expires */
+    expiresAt?: number;
+    /** Tags associated with this entry */
+    tags: string[];
+    /** Entry status */
+    status: 'fresh' | 'stale' | 'revalidating' | 'expired';
+    /** Data type hint */
+    dataType: 'json' | 'html' | 'text' | 'binary' | 'unknown';
+    /** Source of the cached data */
+    source?: string;
+}
+/**
+ * Cache metrics
+ */
+export interface CacheMetrics {
+    /** Total entries */
+    totalEntries: number;
+    /** Total size in bytes */
+    totalSize: number;
+    /** Total hits across all entries */
+    totalHits: number;
+    /** Total misses */
+    totalMisses: number;
+    /** Hit rate percentage */
+    hitRate: number;
+    /** Number of stale entries */
+    staleEntries: number;
+    /** Number of expired entries */
+    expiredEntries: number;
+    /** Unique tags */
+    uniqueTags: string[];
+}
+/**
+ * Register or update a cache entry
+ */
+export declare function updateCacheEntry(entry: CacheEntry): void;
+/**
+ * Remove a cache entry
+ */
+export declare function removeCacheEntry(key: string): void;
+/**
+ * Record a cache hit
+ */
+export declare function recordCacheHit(key: string): void;
+/**
+ * Record a cache miss
+ */
+export declare function recordCacheMiss(key: string): void;
+/**
+ * Invalidate entries by tag
+ */
+export declare function invalidateByTag(tag: string): number;
+/**
+ * Invalidate entry by key
+ */
+export declare function invalidateByKey(key: string): boolean;
+/**
+ * Clear all cache entries
+ */
+export declare function clearAllCache(): void;
+/**
+ * Subscribe to cache updates
+ */
+export declare function subscribeToCache(callback: (entries: CacheEntry[], metrics: CacheMetrics) => void): () => void;
+/**
+ * Get current cache state
+ */
+export declare function getCacheState(): {
+    entries: CacheEntry[];
+    metrics: CacheMetrics;
+};
+/**
+ * Generate HTML for the cache panel
+ */
+export declare function renderCachePanel(entriesList: CacheEntry[], metrics: CacheMetrics): string;
+/**
+ * CSS styles for the cache panel
+ */
+export declare const cachePanelStyles = "\n.flight-dt-cache-panel {\n    padding: 8px;\n}\n\n.flight-dt-cache-summary {\n    display: flex;\n    gap: 16px;\n    padding: 8px;\n    background: rgba(255, 255, 255, 0.05);\n    border-radius: 6px;\n    margin-bottom: 12px;\n}\n\n.flight-dt-metric--good .flight-dt-metric-value {\n    color: #22c55e;\n}\n\n.flight-dt-cache-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n    margin-bottom: 12px;\n}\n\n.flight-dt-tag {\n    background: rgba(139, 92, 246, 0.2);\n    border: 1px solid rgba(139, 92, 246, 0.3);\n    color: #a78bfa;\n    padding: 2px 8px;\n    border-radius: 12px;\n    font-size: 10px;\n    cursor: pointer;\n}\n\n.flight-dt-tag:hover {\n    background: rgba(139, 92, 246, 0.3);\n}\n\n.flight-dt-tag-more {\n    font-size: 10px;\n    color: #666;\n    padding: 2px 8px;\n}\n\n.flight-dt-cache-list {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.flight-dt-cache-entry {\n    padding: 6px 8px;\n    background: rgba(255, 255, 255, 0.03);\n    border-radius: 4px;\n}\n\n.flight-dt-cache-entry-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.flight-dt-cache-status {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n}\n\n.flight-dt-cache-key {\n    flex: 1;\n    font-family: monospace;\n    font-size: 11px;\n    color: #e0e0e0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.flight-dt-cache-size {\n    font-family: monospace;\n    font-size: 11px;\n    color: #888;\n}\n\n.flight-dt-cache-entry-meta {\n    display: flex;\n    gap: 12px;\n    margin-top: 4px;\n    font-size: 10px;\n    color: #666;\n}\n\n.flight-dt-cache-more {\n    text-align: center;\n    font-size: 11px;\n    color: #666;\n    padding: 8px;\n}\n\n.flight-dt-cache-actions {\n    margin-top: 12px;\n    display: flex;\n    justify-content: flex-end;\n}\n\n.flight-dt-btn {\n    padding: 4px 12px;\n    border: 1px solid #444;\n    border-radius: 4px;\n    background: transparent;\n    color: #888;\n    font-size: 11px;\n    cursor: pointer;\n}\n\n.flight-dt-btn:hover {\n    color: #e0e0e0;\n    border-color: #666;\n}\n\n.flight-dt-btn--danger {\n    border-color: rgba(239, 68, 68, 0.3);\n    color: #ef4444;\n}\n\n.flight-dt-btn--danger:hover {\n    background: rgba(239, 68, 68, 0.1);\n}\n";
+//# sourceMappingURL=cache-panel.d.ts.map

package/dist/cache-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cache-panel.d.ts","sourceRoot":"","sources":["../src/cache-panel.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH;;GAEG;AACH,MAAM,WAAW,UAAU;IACvB,gBAAgB;IAChB,GAAG,EAAE,MAAM,CAAC;IAEZ,oBAAoB;IACpB,IAAI,EAAE,MAAM,CAAC;IAEb,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAC;IAEb,6BAA6B;IAC7B,MAAM,EAAE,MAAM,CAAC;IAEf,6BAA6B;IAC7B,SAAS,EAAE,MAAM,CAAC;IAElB,mCAAmC;IACnC,cAAc,EAAE,MAAM,CAAC;IAEvB,uCAAuC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,sCAAsC;IACtC,IAAI,EAAE,MAAM,EAAE,CAAC;IAEf,mBAAmB;IACnB,MAAM,EAAE,OAAO,GAAG,OAAO,GAAG,cAAc,GAAG,SAAS,CAAC;IAEvD,qBAAqB;IACrB,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;IAE1D,gCAAgC;IAChC,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IACzB,oBAAoB;IACpB,YAAY,EAAE,MAAM,CAAC;IAErB,0BAA0B;IAC1B,SAAS,EAAE,MAAM,CAAC;IAElB,oCAAoC;IACpC,SAAS,EAAE,MAAM,CAAC;IAElB,mBAAmB;IACnB,WAAW,EAAE,MAAM,CAAC;IAEpB,0BAA0B;IAC1B,OAAO,EAAE,MAAM,CAAC;IAEhB,8BAA8B;IAC9B,YAAY,EAAE,MAAM,CAAC;IAErB,gCAAgC;IAChC,cAAc,EAAE,MAAM,CAAC;IAEvB,kBAAkB;IAClB,UAAU,EAAE,MAAM,EAAE,CAAC;CACxB;AA8CD;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAGxD;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAGlD;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAQhD;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAOjD;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAanD;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAQpD;AAED;;GAEG;AACH,wBAAgB,aAAa,IAAI,IAAI,CAGpC;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC5B,QAAQ,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,YAAY,KAAK,IAAI,GACjE,MAAM,IAAI,CAOZ;AAED;;GAEG;AACH,wBAAgB,aAAa,IAAI;IAC7B,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,OAAO,EAAE,YAAY,CAAC;CACzB,CAMA;AAsBD;;GAEG;AACH,wBAAgB,gBAAgB,CAC5B,WAAW,EAAE,UAAU,EAAE,EACzB,OAAO,EAAE,YAAY,GACtB,MAAM,CAqER;AAeD;;GAEG;AACH,eAAO,MAAM,gBAAgB,0zEAmI5B,CAAC"}

package/dist/cache-panel.js

@@ -0,0 +1,372 @@
+/**
+ * @flight-framework/devtools - Cache Panel (Enhanced)
+ *
+ * Enhanced cache inspection with real-time updates,
+ * tag management, and invalidation controls.
+ */
+// ============================================================================
+// State Management
+// ============================================================================
+const entries = new Map();
+const subscribers = new Set();
+function notify() {
+    const entriesList = Array.from(entries.values());
+    const metrics = calculateMetrics(entriesList);
+    for (const callback of subscribers) {
+        callback(entriesList, metrics);
+    }
+}
+function calculateMetrics(entriesList) {
+    const totalHits = entriesList.reduce((sum, e) => sum + e.hits, 0);
+    const totalMisses = entriesList.reduce((sum, e) => sum + e.misses, 0);
+    const total = totalHits + totalMisses;
+    const allTags = new Set();
+    for (const entry of entriesList) {
+        for (const tag of entry.tags) {
+            allTags.add(tag);
+        }
+    }
+    return {
+        totalEntries: entriesList.length,
+        totalSize: entriesList.reduce((sum, e) => sum + e.size, 0),
+        totalHits,
+        totalMisses,
+        hitRate: total > 0 ? (totalHits / total) * 100 : 0,
+        staleEntries: entriesList.filter(e => e.status === 'stale').length,
+        expiredEntries: entriesList.filter(e => e.status === 'expired').length,
+        uniqueTags: Array.from(allTags).sort(),
+    };
+}
+// ============================================================================
+// Public API
+// ============================================================================
+/**
+ * Register or update a cache entry
+ */
+export function updateCacheEntry(entry) {
+    entries.set(entry.key, entry);
+    notify();
+}
+/**
+ * Remove a cache entry
+ */
+export function removeCacheEntry(key) {
+    entries.delete(key);
+    notify();
+}
+/**
+ * Record a cache hit
+ */
+export function recordCacheHit(key) {
+    const entry = entries.get(key);
+    if (!entry)
+        return;
+    entry.hits++;
+    entry.lastAccessedAt = Date.now();
+    entries.set(key, entry);
+    notify();
+}
+/**
+ * Record a cache miss
+ */
+export function recordCacheMiss(key) {
+    const entry = entries.get(key);
+    if (!entry)
+        return;
+    entry.misses++;
+    entries.set(key, entry);
+    notify();
+}
+/**
+ * Invalidate entries by tag
+ */
+export function invalidateByTag(tag) {
+    let count = 0;
+    for (const [key, entry] of entries) {
+        if (entry.tags.includes(tag)) {
+            entry.status = 'stale';
+            entries.set(key, entry);
+            count++;
+        }
+    }
+    notify();
+    return count;
+}
+/**
+ * Invalidate entry by key
+ */
+export function invalidateByKey(key) {
+    const entry = entries.get(key);
+    if (!entry)
+        return false;
+    entry.status = 'stale';
+    entries.set(key, entry);
+    notify();
+    return true;
+}
+/**
+ * Clear all cache entries
+ */
+export function clearAllCache() {
+    entries.clear();
+    notify();
+}
+/**
+ * Subscribe to cache updates
+ */
+export function subscribeToCache(callback) {
+    subscribers.add(callback);
+    const entriesList = Array.from(entries.values());
+    callback(entriesList, calculateMetrics(entriesList));
+    return () => subscribers.delete(callback);
+}
+/**
+ * Get current cache state
+ */
+export function getCacheState() {
+    const entriesList = Array.from(entries.values());
+    return {
+        entries: entriesList,
+        metrics: calculateMetrics(entriesList),
+    };
+}
+// ============================================================================
+// Panel Rendering
+// ============================================================================
+function formatBytes(bytes) {
+    if (bytes < 1024)
+        return `${bytes} B`;
+    if (bytes < 1024 * 1024)
+        return `${(bytes / 1024).toFixed(1)} KB`;
+    return `${(bytes / (1024 * 1024)).toFixed(2)} MB`;
+}
+function formatRelativeTime(timestamp) {
+    const now = Date.now();
+    const diff = now - timestamp;
+    if (diff < 1000)
+        return 'now';
+    if (diff < 60000)
+        return `${Math.floor(diff / 1000)}s ago`;
+    if (diff < 3600000)
+        return `${Math.floor(diff / 60000)}m ago`;
+    return `${Math.floor(diff / 3600000)}h ago`;
+}
+/**
+ * Generate HTML for the cache panel
+ */
+export function renderCachePanel(entriesList, metrics) {
+    const statusColors = {
+        fresh: '#22c55e',
+        stale: '#fbbf24',
+        revalidating: '#3b82f6',
+        expired: '#ef4444',
+    };
+    const sortedEntries = [...entriesList].sort((a, b) => b.lastAccessedAt - a.lastAccessedAt);
+    return `
+        <div class="flight-dt-cache-panel">
+            <div class="flight-dt-cache-summary">
+                <div class="flight-dt-metric">
+                    <span class="flight-dt-metric-value">${metrics.totalEntries}</span>
+                    <span class="flight-dt-metric-label">Entries</span>
+                </div>
+                <div class="flight-dt-metric">
+                    <span class="flight-dt-metric-value">${formatBytes(metrics.totalSize)}</span>
+                    <span class="flight-dt-metric-label">Size</span>
+                </div>
+                <div class="flight-dt-metric ${metrics.hitRate >= 80 ? 'flight-dt-metric--good' : metrics.hitRate >= 50 ? '' : 'flight-dt-metric--warning'}">
+                    <span class="flight-dt-metric-value">${metrics.hitRate.toFixed(1)}%</span>
+                    <span class="flight-dt-metric-label">Hit Rate</span>
+                </div>
+                <div class="flight-dt-metric">
+                    <span class="flight-dt-metric-value">${metrics.totalHits}</span>
+                    <span class="flight-dt-metric-label">Hits</span>
+                </div>
+            </div>
+
+            ${metrics.uniqueTags.length > 0 ? `
+                <div class="flight-dt-cache-tags">
+                    ${metrics.uniqueTags.slice(0, 8).map(tag => `
+                        <button class="flight-dt-tag" data-tag="${escapeHtml(tag)}" title="Click to invalidate">
+                            ${escapeHtml(tag)}
+                        </button>
+                    `).join('')}
+                    ${metrics.uniqueTags.length > 8 ? `<span class="flight-dt-tag-more">+${metrics.uniqueTags.length - 8}</span>` : ''}
+                </div>
+            ` : ''}
+
+            <div class="flight-dt-cache-list">
+                ${sortedEntries.slice(0, 15).map(entry => `
+                    <div class="flight-dt-cache-entry" data-key="${escapeHtml(entry.key)}">
+                        <div class="flight-dt-cache-entry-header">
+                            <span class="flight-dt-cache-status" style="background: ${statusColors[entry.status]}" title="${entry.status}"></span>
+                            <span class="flight-dt-cache-key" title="${escapeHtml(entry.key)}">${escapeHtml(truncateKey(entry.key))}</span>
+                            <span class="flight-dt-cache-size">${formatBytes(entry.size)}</span>
+                        </div>
+                        <div class="flight-dt-cache-entry-meta">
+                            <span class="flight-dt-cache-hits">${entry.hits} hits</span>
+                            <span class="flight-dt-cache-time">${formatRelativeTime(entry.lastAccessedAt)}</span>
+                            ${entry.ttl ? `<span class="flight-dt-cache-ttl">TTL: ${entry.ttl}s</span>` : ''}
+                        </div>
+                    </div>
+                `).join('')}
+                ${sortedEntries.length > 15 ? `<div class="flight-dt-cache-more">+ ${sortedEntries.length - 15} more entries</div>` : ''}
+            </div>
+
+            ${sortedEntries.length === 0 ? '<div class="flight-dt-empty">No cache entries</div>' : ''}
+
+            <div class="flight-dt-cache-actions">
+                <button class="flight-dt-btn flight-dt-btn--danger" data-action="clear-cache">
+                    Clear All
+                </button>
+            </div>
+        </div>
+    `;
+}
+function truncateKey(key) {
+    if (key.length <= 40)
+        return key;
+    return key.slice(0, 20) + '...' + key.slice(-15);
+}
+function escapeHtml(str) {
+    return str
+        .replace(/&/g, '&amp;')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;');
+}
+/**
+ * CSS styles for the cache panel
+ */
+export const cachePanelStyles = `
+.flight-dt-cache-panel {
+    padding: 8px;
+}
+
+.flight-dt-cache-summary {
+    display: flex;
+    gap: 16px;
+    padding: 8px;
+    background: rgba(255, 255, 255, 0.05);
+    border-radius: 6px;
+    margin-bottom: 12px;
+}
+
+.flight-dt-metric--good .flight-dt-metric-value {
+    color: #22c55e;
+}
+
+.flight-dt-cache-tags {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
+    margin-bottom: 12px;
+}
+
+.flight-dt-tag {
+    background: rgba(139, 92, 246, 0.2);
+    border: 1px solid rgba(139, 92, 246, 0.3);
+    color: #a78bfa;
+    padding: 2px 8px;
+    border-radius: 12px;
+    font-size: 10px;
+    cursor: pointer;
+}
+
+.flight-dt-tag:hover {
+    background: rgba(139, 92, 246, 0.3);
+}
+
+.flight-dt-tag-more {
+    font-size: 10px;
+    color: #666;
+    padding: 2px 8px;
+}
+
+.flight-dt-cache-list {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    max-height: 200px;
+    overflow-y: auto;
+}
+
+.flight-dt-cache-entry {
+    padding: 6px 8px;
+    background: rgba(255, 255, 255, 0.03);
+    border-radius: 4px;
+}
+
+.flight-dt-cache-entry-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.flight-dt-cache-status {
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+}
+
+.flight-dt-cache-key {
+    flex: 1;
+    font-family: monospace;
+    font-size: 11px;
+    color: #e0e0e0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.flight-dt-cache-size {
+    font-family: monospace;
+    font-size: 11px;
+    color: #888;
+}
+
+.flight-dt-cache-entry-meta {
+    display: flex;
+    gap: 12px;
+    margin-top: 4px;
+    font-size: 10px;
+    color: #666;
+}
+
+.flight-dt-cache-more {
+    text-align: center;
+    font-size: 11px;
+    color: #666;
+    padding: 8px;
+}
+
+.flight-dt-cache-actions {
+    margin-top: 12px;
+    display: flex;
+    justify-content: flex-end;
+}
+
+.flight-dt-btn {
+    padding: 4px 12px;
+    border: 1px solid #444;
+    border-radius: 4px;
+    background: transparent;
+    color: #888;
+    font-size: 11px;
+    cursor: pointer;
+}
+
+.flight-dt-btn:hover {
+    color: #e0e0e0;
+    border-color: #666;
+}
+
+.flight-dt-btn--danger {
+    border-color: rgba(239, 68, 68, 0.3);
+    color: #ef4444;
+}
+
+.flight-dt-btn--danger:hover {
+    background: rgba(239, 68, 68, 0.1);
+}
+`;
+//# sourceMappingURL=cache-panel.js.map

package/dist/cache-panel.js.map

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

package/dist/hydration-panel.d.ts

@@ -0,0 +1,100 @@
+/**
+ * @flight-framework/devtools - Hydration Panel
+ *
+ * Visualizes island hydration timing and status.
+ * Shows which islands have hydrated, their triggers, and timing.
+ */
+/**
+ * Information about a single hydrated island
+ */
+export interface IslandHydrationInfo {
+    /** Unique identifier for this island instance */
+    id: string;
+    /** Island component name */
+    name: string;
+    /** Hydration trigger type */
+    trigger: 'load' | 'idle' | 'visible' | 'interaction' | 'media' | 'never';
+    /** Current status */
+    status: 'pending' | 'hydrating' | 'hydrated' | 'error';
+    /** Time when hydration was scheduled */
+    scheduledAt: number;
+    /** Time when hydration started */
+    startedAt?: number;
+    /** Time when hydration completed */
+    completedAt?: number;
+    /** Duration of hydration in ms */
+    duration?: number;
+    /** Error message if hydration failed */
+    error?: string;
+    /** Component file path */
+    filePath?: string;
+    /** Props size in bytes (serialized) */
+    propsSize?: number;
+}
+/**
+ * Aggregated hydration metrics
+ */
+export interface HydrationMetrics {
+    /** Total islands on page */
+    totalIslands: number;
+    /** Number of hydrated islands */
+    hydratedCount: number;
+    /** Number of pending islands */
+    pendingCount: number;
+    /** Number of failed islands */
+    errorCount: number;
+    /** Total hydration time (sum of all durations) */
+    totalHydrationTime: number;
+    /** Average hydration time per island */
+    averageHydrationTime: number;
+    /** Longest single hydration */
+    longestHydration?: IslandHydrationInfo;
+    /** First Hydration Time (first island) */
+    firstHydrationTime?: number;
+    /** Last Hydration Time (all islands done) */
+    lastHydrationTime?: number;
+}
+/**
+ * Register an island for tracking
+ */
+export declare function registerIsland(info: Omit<IslandHydrationInfo, 'scheduledAt' | 'status'>): void;
+/**
+ * Mark island as started hydrating
+ */
+export declare function startHydration(id: string): void;
+/**
+ * Mark island as hydrated
+ */
+export declare function completeHydration(id: string): void;
+/**
+ * Mark island hydration as failed
+ */
+export declare function failHydration(id: string, error: string): void;
+/**
+ * Subscribe to hydration updates
+ */
+export declare function subscribeToHydration(callback: (islands: IslandHydrationInfo[], metrics: HydrationMetrics) => void): () => void;
+/**
+ * Get current hydration state
+ */
+export declare function getHydrationState(): {
+    islands: IslandHydrationInfo[];
+    metrics: HydrationMetrics;
+};
+/**
+ * Clear all tracked islands (for testing or page navigation)
+ */
+export declare function clearHydrationState(): void;
+/**
+ * Setup automatic hydration tracking by listening to Flight events
+ */
+export declare function setupHydrationTracking(): void;
+/**
+ * Generate HTML for the hydration panel
+ */
+export declare function renderHydrationPanel(islandsList: IslandHydrationInfo[], metrics: HydrationMetrics): string;
+/**
+ * CSS styles for the hydration panel
+ */
+export declare const hydrationPanelStyles = "\n.flight-dt-hydration-panel {\n    padding: 8px;\n}\n\n.flight-dt-hydration-summary {\n    display: flex;\n    gap: 16px;\n    padding: 8px;\n    background: rgba(255, 255, 255, 0.05);\n    border-radius: 6px;\n    margin-bottom: 12px;\n}\n\n.flight-dt-metric {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n}\n\n.flight-dt-metric-value {\n    font-size: 18px;\n    font-weight: 600;\n    color: #e0e0e0;\n}\n\n.flight-dt-metric-label {\n    font-size: 10px;\n    color: #888;\n    text-transform: uppercase;\n}\n\n.flight-dt-metric--warning .flight-dt-metric-value {\n    color: #fbbf24;\n}\n\n.flight-dt-hydration-list {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    max-height: 200px;\n    overflow-y: auto;\n}\n\n.flight-dt-island {\n    display: flex;\n    flex-direction: column;\n    padding: 6px 8px;\n    background: rgba(255, 255, 255, 0.03);\n    border-radius: 4px;\n    font-size: 12px;\n}\n\n.flight-dt-island-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n}\n\n.flight-dt-island-status {\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n}\n\n.flight-dt-island-trigger {\n    width: 16px;\n    height: 16px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(255, 255, 255, 0.1);\n    border-radius: 3px;\n    font-size: 10px;\n    font-weight: 600;\n    color: #888;\n}\n\n.flight-dt-island-name {\n    flex: 1;\n    color: #e0e0e0;\n    font-family: monospace;\n}\n\n.flight-dt-island-time {\n    color: #888;\n    font-family: monospace;\n}\n\n.flight-dt-island-error {\n    margin-top: 4px;\n    padding: 4px 8px;\n    background: rgba(239, 68, 68, 0.1);\n    border-radius: 3px;\n    color: #ef4444;\n    font-size: 11px;\n}\n\n.flight-dt-empty {\n    text-align: center;\n    color: #666;\n    padding: 20px;\n}\n";
+//# sourceMappingURL=hydration-panel.d.ts.map

package/dist/hydration-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hydration-panel.d.ts","sourceRoot":"","sources":["../src/hydration-panel.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAChC,iDAAiD;IACjD,EAAE,EAAE,MAAM,CAAC;IAEX,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IAEb,6BAA6B;IAC7B,OAAO,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,aAAa,GAAG,OAAO,GAAG,OAAO,CAAC;IAEzE,qBAAqB;IACrB,MAAM,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;IAEvD,wCAAwC;IACxC,WAAW,EAAE,MAAM,CAAC;IAEpB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC7B,4BAA4B;IAC5B,YAAY,EAAE,MAAM,CAAC;IAErB,iCAAiC;IACjC,aAAa,EAAE,MAAM,CAAC;IAEtB,gCAAgC;IAChC,YAAY,EAAE,MAAM,CAAC;IAErB,+BAA+B;IAC/B,UAAU,EAAE,MAAM,CAAC;IAEnB,kDAAkD;IAClD,kBAAkB,EAAE,MAAM,CAAC;IAE3B,wCAAwC;IACxC,oBAAoB,EAAE,MAAM,CAAC;IAE7B,+BAA+B;IAC/B,gBAAgB,CAAC,EAAE,mBAAmB,CAAC;IAEvC,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC9B;AA4CD;;GAEG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,mBAAmB,EAAE,aAAa,GAAG,QAAQ,CAAC,GAAG,IAAI,CAS9F;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAQ/C;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAiBlD;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAS7D;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAChC,QAAQ,EAAE,CAAC,OAAO,EAAE,mBAAmB,EAAE,EAAE,OAAO,EAAE,gBAAgB,KAAK,IAAI,GAC9E,MAAM,IAAI,CAQZ;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI;IACjC,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,OAAO,EAAE,gBAAgB,CAAC;CAC7B,CAMA;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,IAAI,CAG1C;AAMD;;GAEG;AACH,wBAAgB,sBAAsB,IAAI,IAAI,CAoB7C;AAMD;;GAEG;AACH,wBAAgB,oBAAoB,CAChC,WAAW,EAAE,mBAAmB,EAAE,EAClC,OAAO,EAAE,gBAAgB,GAC1B,MAAM,CA+DR;AASD;;GAEG;AACH,eAAO,MAAM,oBAAoB,m1DAuGhC,CAAC"}