documentation-hub 5.7.2

package/Updater.md

@@ -0,0 +1,311 @@
+# Implementing delta updates in Electron with electron-builder and electron-updater
+
+Delta updates work out-of-the-box with your stack—**blockmap files are generated automatically** for NSIS targets, and electron-updater uses them by default. The key is ensuring proper configuration for auto-restart and handling your corporate network scenario. Here's everything you need for a complete implementation.
+
+## How blockmap-based delta updates work
+
+When electron-builder creates an NSIS installer, it automatically generates a `.blockmap` file alongside the `.exe`. This file contains checksums of content-defined chunks created using a rolling hash algorithm. During updates, electron-updater downloads both the old and new blockmap files, compares them, and only downloads the changed blocks via HTTP Range requests. A typical update might show: **"Full: 66,133 KB, To download: 7,785 KB (12%)"**—demonstrating significant bandwidth savings.
+
+Three files are generated for each build: the installer (`App Setup 1.0.0.exe`), its blockmap (`App Setup 1.0.0.exe.blockmap`), and the metadata file (`latest.yml`). All three must be published to GitHub Releases for delta updates to function.
+
+## Package.json build configuration
+
+No special configuration is required to enable delta updates—they're on by default. However, your `artifactName` must include the version to ensure proper blockmap URL construction:
+
+```json
+{
+  "name": "your-app",
+  "version": "1.0.0",
+  "build": {
+    "appId": "com.yourcompany.app",
+    "productName": "Your App",
+    "win": {
+      "target": "nsis",
+      "icon": "build/icon.ico"
+    },
+    "nsis": {
+      "oneClick": true,
+      "perMachine": false,
+      "artifactName": "${productName} Setup ${version}.${ext}",
+      "deleteAppDataOnUninstall": false
+    },
+    "publish": {
+      "provider": "github",
+      "owner": "your-username",
+      "repo": "your-repo",
+      "releaseType": "release"
+    }
+  },
+  "dependencies": {
+    "electron-updater": "^6.7.2",
+    "electron-log": "^5.0.0"
+  },
+  "devDependencies": {
+    "electron": "^28.0.0",
+    "electron-builder": "^26.3.0"
+  }
+}
+```
+
+To explicitly disable delta updates (if needed), add `"differentialPackage": false` under the `nsis` key, or set `autoUpdater.disableDifferentialDownload = true` at runtime.
+
+## Complete auto-update implementation with silent restart
+
+Here's a production-ready implementation that handles your Zscaler/corporate network scenario with automatic silent restart:
+
+```typescript
+// updater.ts
+import { NsisUpdater, UpdateInfo, ProgressInfo } from 'electron-updater';
+import { app, session, BrowserWindow } from 'electron';
+import log from 'electron-log';
+
+export class AutoUpdateManager {
+  private autoUpdater: NsisUpdater;
+  private mainWindow: BrowserWindow | null = null;
+
+  constructor(mainWindow?: BrowserWindow) {
+    this.mainWindow = mainWindow || null;
+    
+    // Use NsisUpdater directly for custom configuration
+    this.autoUpdater = new NsisUpdater({
+      provider: 'github',
+      owner: 'your-username',
+      repo: 'your-repo'
+    });
+
+    this.configureUpdater();
+    this.setupCorporateNetworkHandling();
+    this.setupEventHandlers();
+  }
+
+  private configureUpdater(): void {
+    // Attach logger for debugging
+    this.autoUpdater.logger = log;
+    log.transports.file.level = 'debug';
+
+    // Core configuration
+    this.autoUpdater.autoDownload = true;           // Auto-download when found
+    this.autoUpdater.autoInstallOnAppQuit = true;   // Install on quit as fallback
+    this.autoUpdater.autoRunAppAfterInstall = true; // Restart after install
+    
+    // Keep differential downloads enabled (default)
+    this.autoUpdater.disableDifferentialDownload = false;
+  }
+
+  private setupCorporateNetworkHandling(): void {
+    // Handle Zscaler/corporate proxy certificate interception
+    session.defaultSession.setCertificateVerifyProc((request, callback) => {
+      const { hostname, certificate, verificationResult } = request;
+      
+      log.debug('Certificate verification:', {
+        hostname,
+        issuer: certificate.issuerName,
+        result: verificationResult
+      });
+
+      // Accept known corporate CA certificates (Zscaler, etc.)
+      const trustedIssuers = ['Zscaler', 'YourCorpCA'];
+      const isTrustedCorporate = trustedIssuers.some(
+        issuer => certificate.issuerName.includes(issuer)
+      );
+
+      if (verificationResult === 'net::OK' || isTrustedCorporate) {
+        callback(0); // Accept
+      } else {
+        log.warn('Rejecting untrusted certificate:', certificate.issuerName);
+        callback(-2); // Reject
+      }
+    });
+  }
+
+  private setupEventHandlers(): void {
+    this.autoUpdater.on('checking-for-update', () => {
+      log.info('Checking for update...');
+      this.sendStatusToRenderer('checking');
+    });
+
+    this.autoUpdater.on('update-available', (info: UpdateInfo) => {
+      log.info(`Update available: ${info.version}`);
+      this.sendStatusToRenderer('available', info);
+    });
+
+    this.autoUpdater.on('update-not-available', (info: UpdateInfo) => {
+      log.info('Application is up to date');
+      this.sendStatusToRenderer('not-available', info);
+    });
+
+    this.autoUpdater.on('download-progress', (progress: ProgressInfo) => {
+      const message = `Downloaded ${progress.percent.toFixed(1)}% (${this.formatBytes(progress.transferred)}/${this.formatBytes(progress.total)})`;
+      log.info(message);
+      this.sendStatusToRenderer('downloading', progress);
+    });
+
+    this.autoUpdater.on('update-downloaded', (info: UpdateInfo) => {
+      log.info(`Update downloaded: ${info.version}`);
+      this.sendStatusToRenderer('downloaded', info);
+      
+      // Trigger silent automatic restart
+      this.installAndRestart();
+    });
+
+    this.autoUpdater.on('error', (error: Error) => {
+      log.error('Auto-updater error:', error);
+      this.sendStatusToRenderer('error', { message: error.message });
+    });
+  }
+
+  private installAndRestart(): void {
+    log.info('Installing update and restarting...');
+    
+    setImmediate(() => {
+      // Remove listeners that might prevent quit
+      app.removeAllListeners('window-all-closed');
+      
+      // quitAndInstall(isSilent, isForceRunAfter)
+      // isSilent=true: No installer UI shown
+      // isForceRunAfter=true: App restarts after silent install
+      this.autoUpdater.quitAndInstall(true, true);
+    });
+  }
+
+  private sendStatusToRenderer(status: string, data?: any): void {
+    if (this.mainWindow && !this.mainWindow.isDestroyed()) {
+      this.mainWindow.webContents.send('update-status', { status, data });
+    }
+  }
+
+  private formatBytes(bytes: number): string {
+    const mb = bytes / (1024 * 1024);
+    return `${mb.toFixed(1)} MB`;
+  }
+
+  public async checkForUpdates(): Promise<void> {
+    // Skip check on first run (Squirrel issue)
+    if (process.argv.includes('--squirrel-firstrun')) {
+      log.info('Skipping update check on first run');
+      return;
+    }
+
+    try {
+      await this.autoUpdater.checkForUpdates();
+    } catch (error) {
+      log.error('Update check failed:', error);
+    }
+  }
+
+  public startScheduledChecks(intervalMs: number = 4 * 60 * 60 * 1000): void {
+    // Check every 4 hours by default
+    setInterval(() => this.checkForUpdates(), intervalMs);
+  }
+}
+```
+
+## Main process integration
+
+```typescript
+// main.ts
+import { app, BrowserWindow } from 'electron';
+import { AutoUpdateManager } from './updater';
+
+let mainWindow: BrowserWindow | null = null;
+let updateManager: AutoUpdateManager;
+
+app.whenReady().then(() => {
+  mainWindow = new BrowserWindow({
+    width: 1200,
+    height: 800,
+    webPreferences: {
+      nodeIntegration: false,
+      contextIsolation: true,
+      preload: path.join(__dirname, 'preload.js')
+    }
+  });
+
+  // Initialize updater after window is ready
+  updateManager = new AutoUpdateManager(mainWindow);
+  
+  // Delay initial check to avoid startup conflicts
+  setTimeout(() => {
+    updateManager.checkForUpdates();
+  }, 10000);
+
+  // Start periodic checks
+  updateManager.startScheduledChecks();
+});
+```
+
+## Testing delta updates locally
+
+Create a `dev-app-update.yml` file in your project root to test updates against a local server:
+
+```yaml
+provider: generic
+url: http://localhost:8080/updates/
+channel: latest
+```
+
+Set up a simple local update server:
+
+```javascript
+// local-server.js
+const express = require('express');
+const path = require('path');
+const app = express();
+
+// Enable range requests for differential downloads
+app.use('/updates', express.static(path.join(__dirname, 'dist'), {
+  acceptRanges: true
+}));
+
+app.listen(8080, () => console.log('Update server: http://localhost:8080'));
+```
+
+Modify your updater to use the dev config during development:
+
+```typescript
+import path from 'path';
+
+// In your updater constructor, add:
+if (process.env.NODE_ENV === 'development' || !app.isPackaged) {
+  this.autoUpdater.forceDevUpdateConfig = true;
+  this.autoUpdater.updateConfigPath = path.join(__dirname, '../dev-app-update.yml');
+}
+```
+
+**Testing workflow:**
+1. Build version 1.0.0: `npm run build`
+2. Copy dist files to your server directory
+3. Install and run version 1.0.0
+4. Bump version to 1.0.1 and rebuild
+5. Copy new dist files (including `.blockmap`) to server
+6. The running app should detect and delta-download the update
+
+## Verifying differential downloads actually work
+
+Enable debug logging and look for these key log entries that confirm delta updates:
+
+```
+[info] Download block maps (old: ".../1.0.0.exe.blockmap", new: ".../1.0.1.exe.blockmap")
+[info] File has 367 changed blocks
+[info] Full: 113,665.86 KB, To download: 7,785.66 KB (7%)
+```
+
+If you see **"Cannot download differentially, fallback to full download"**, check that:
+- Both `.blockmap` files are accessible (current and new version)
+- Your server supports HTTP Range requests
+- The SHA512 checksums in `latest.yml` match the actual files
+- The updater cache isn't corrupted (clear `%AppData%\Local\{app-name}-updater`)
+
+## Troubleshooting common issues
+
+**Blockmap 404 errors on GitHub**: Ensure you publish both the `.exe` and `.exe.blockmap` files to the same release. When using `electron-builder --publish always`, this happens automatically.
+
+**Certificate errors behind Zscaler**: The `setCertificateVerifyProc` handler in the implementation above addresses this. Add your corporate CA's issuer name to the `trustedIssuers` array.
+
+**Silent install not restarting**: The `quitAndInstall(true, true)` call with both parameters set to `true` forces silent install with auto-restart. Ensure `app.removeAllListeners('window-all-closed')` is called before `quitAndInstall` to prevent quit interruption.
+
+**First-run update check fails**: Windows Squirrel holds a file lock during initial installation. Always check for `--squirrel-firstrun` in process arguments and skip the update check on first launch, as shown in the implementation.
+
+## Conclusion
+
+The electron-builder + electron-updater stack provides robust delta update support with minimal configuration. Key takeaways: blockmaps are generated automatically for NSIS targets, `quitAndInstall(true, true)` enables silent auto-restart on Windows, and corporate proxy scenarios require explicit certificate handling via `setCertificateVerifyProc`. For local testing, combine `dev-app-update.yml` with `forceDevUpdateConfig = true` and a local HTTP server with range request support. Monitor your logs for the "changed blocks" message to confirm differential downloads are working—you should see download sizes of **5-20% of the full installer** for typical application updates.

package/build/app-update.yml

@@ -0,0 +1,4 @@
+provider: github
+owner: ItMeDiaTech
+repo: Documentation_Hub
+releaseType: release

package/build/create-icon.js

@@ -0,0 +1,208 @@
+const fs = require('fs');
+const path = require('path');
+const { createCanvas, loadImage } = require('canvas');
+
+// Convert PNG to ICO format for Windows
+function createICOFromPNG(pngPath, icoPath, sizes = [16, 32, 48, 256]) {
+  return new Promise(async (resolve, reject) => {
+    try {
+      const sourceImage = await loadImage(pngPath);
+      const iconData = [];
+
+      // Generate each size
+      for (const size of sizes) {
+        const canvas = createCanvas(size, size);
+        const ctx = canvas.getContext('2d');
+
+        // Enable high-quality image scaling
+        ctx.imageSmoothingEnabled = true;
+        ctx.imageSmoothingQuality = 'high';
+
+        // Draw resized image
+        ctx.drawImage(sourceImage, 0, 0, size, size);
+
+        // Get RGBA pixel data
+        const imageData = ctx.getImageData(0, 0, size, size);
+        const pixels = Buffer.alloc(size * size * 4);
+
+        // Convert RGBA to BGRA and flip vertically (BMP stores rows bottom-to-top)
+        const rowBytes = size * 4;
+        for (let y = 0; y < size; y++) {
+          const srcRow = y * rowBytes;
+          const dstRow = (size - 1 - y) * rowBytes;
+          for (let x = 0; x < size; x++) {
+            const srcIdx = srcRow + x * 4;
+            const dstIdx = dstRow + x * 4;
+            pixels[dstIdx] = imageData.data[srcIdx + 2];     // B
+            pixels[dstIdx + 1] = imageData.data[srcIdx + 1]; // G
+            pixels[dstIdx + 2] = imageData.data[srcIdx];     // R
+            pixels[dstIdx + 3] = imageData.data[srcIdx + 3]; // A
+          }
+        }
+
+        iconData.push({ size, data: pixels, imageData });
+      }
+
+      // ICO header
+      const header = Buffer.alloc(6);
+      header.writeUInt16LE(0, 0); // Reserved
+      header.writeUInt16LE(1, 2); // Type (1 = ICO)
+      header.writeUInt16LE(iconData.length, 4); // Number of images
+
+      // Calculate offsets
+      let offset = 6 + (16 * iconData.length);
+      const directories = [];
+      const images = [];
+
+      iconData.forEach(icon => {
+        // Directory entry
+        const dir = Buffer.alloc(16);
+        dir[0] = icon.size < 256 ? icon.size : 0; // Width
+        dir[1] = icon.size < 256 ? icon.size : 0; // Height
+        dir[2] = 0; // Color palette
+        dir[3] = 0; // Reserved
+        dir.writeUInt16LE(1, 4); // Color planes
+        dir.writeUInt16LE(32, 6); // Bits per pixel
+
+        // BMP data size = header(40) + pixels + mask (DWORD-aligned rows)
+        const maskRowSize = Math.ceil(Math.ceil(icon.size / 8) / 4) * 4;
+        const bmpSize = 40 + icon.data.length + (maskRowSize * icon.size);
+        dir.writeUInt32LE(bmpSize, 8);
+        dir.writeUInt32LE(offset, 12);
+
+        directories.push(dir);
+
+        // BMP header
+        const bmpHeader = Buffer.alloc(40);
+        bmpHeader.writeInt32LE(40, 0); // Header size
+        bmpHeader.writeInt32LE(icon.size, 4); // Width
+        bmpHeader.writeInt32LE(icon.size * 2, 8); // Height (doubled for ICO)
+        bmpHeader.writeUInt16LE(1, 12); // Planes
+        bmpHeader.writeUInt16LE(32, 14); // Bits per pixel
+        bmpHeader.writeUInt32LE(0, 16); // Compression
+        bmpHeader.writeUInt32LE(icon.data.length, 20); // Image size
+
+        // Generate AND mask from alpha channel
+        // ICO AND mask: 1 = transparent, 0 = opaque
+        // Rows must be DWORD (4-byte) aligned
+        const rowSize = Math.ceil(icon.size / 8);
+        const alignedRowSize = Math.ceil(rowSize / 4) * 4;
+        const mask = Buffer.alloc(alignedRowSize * icon.size, 0);
+
+        // BMP stores rows bottom-up, so we need to flip vertically
+        for (let y = 0; y < icon.size; y++) {
+          const srcRow = icon.size - 1 - y; // Flip vertically for BMP format
+          for (let x = 0; x < icon.size; x++) {
+            const pixelIndex = (srcRow * icon.size + x) * 4;
+            const alpha = icon.imageData.data[pixelIndex + 3];
+
+            // If pixel is transparent (alpha < 128), set mask bit to 1
+            if (alpha < 128) {
+              const byteIndex = y * alignedRowSize + Math.floor(x / 8);
+              const bitIndex = 7 - (x % 8); // MSB first within each byte
+              mask[byteIndex] |= (1 << bitIndex);
+            }
+          }
+        }
+
+        images.push(Buffer.concat([bmpHeader, icon.data, mask]));
+        offset += bmpSize;
+      });
+
+      // Combine all parts
+      const ico = Buffer.concat([header, ...directories, ...images]);
+      fs.writeFileSync(icoPath, ico);
+      console.log(`✓ Created ${path.basename(icoPath)}: ${fs.statSync(icoPath).size.toLocaleString()} bytes`);
+      resolve();
+    } catch (error) {
+      reject(error);
+    }
+  });
+}
+
+// Resize PNG image to specified size
+async function resizePNG(sourcePath, targetPath, targetSize) {
+  try {
+    const sourceImage = await loadImage(sourcePath);
+    const canvas = createCanvas(targetSize, targetSize);
+    const ctx = canvas.getContext('2d');
+
+    // Enable high-quality image scaling
+    ctx.imageSmoothingEnabled = true;
+    ctx.imageSmoothingQuality = 'high';
+
+    // Draw resized image
+    ctx.drawImage(sourceImage, 0, 0, targetSize, targetSize);
+
+    // Save as PNG
+    const buffer = canvas.toBuffer('image/png');
+    fs.writeFileSync(targetPath, buffer);
+    console.log(`✓ Created ${path.basename(targetPath)}: ${targetSize}x${targetSize} (${fs.statSync(targetPath).size.toLocaleString()} bytes)`);
+  } catch (error) {
+    console.error(`✗ Error creating ${path.basename(targetPath)}:`, error.message);
+    throw error;
+  }
+}
+
+// Main execution
+async function generateIcons() {
+  console.log('='.repeat(60));
+  console.log('Generating application icons from icon_1024x1024.png');
+  console.log('='.repeat(60));
+
+  try {
+    // Determine if we're running from the build directory or root
+    const isInBuildDir = __dirname.endsWith('build');
+    const rootDir = isInBuildDir ? path.join(__dirname, '..') : __dirname;
+    const buildDir = path.join(rootDir, 'build');
+    const sourcePath = path.join(buildDir, 'icon_1024x1024.png');
+
+    // Verify source file exists
+    if (!fs.existsSync(sourcePath)) {
+      throw new Error(`Source file not found: ${sourcePath}`);
+    }
+
+    console.log(`\nSource: ${path.basename(sourcePath)}`);
+    console.log(`Build directory: ${buildDir}`);
+
+    // Ensure build directory exists
+    if (!fs.existsSync(buildDir)) {
+      fs.mkdirSync(buildDir, { recursive: true });
+      console.log('✓ Created build directory');
+    }
+
+    console.log('\nGenerating icon files...\n');
+
+    // Copy original as base icon.png (electron-builder will use this)
+    const baseIconPath = path.join(buildDir, 'icon.png');
+    fs.copyFileSync(sourcePath, baseIconPath);
+    console.log(`+ Copied source to icon.png: 1024x1024`);
+
+    // Generate standard sizes
+    await resizePNG(sourcePath, path.join(buildDir, '512x512.png'), 512);
+    await resizePNG(sourcePath, path.join(buildDir, '256x256.png'), 256);
+
+    // Generate Windows ICO file
+    console.log('\nGenerating Windows ICO file...\n');
+    await createICOFromPNG(sourcePath, path.join(buildDir, 'icon.ico'));
+
+    console.log('\n' + '='.repeat(60));
+    console.log('✅ Icons generated successfully!');
+    console.log('='.repeat(60));
+    console.log('\nGenerated files:');
+    console.log('  - icon.png (1024x1024) - Base icon for electron-builder');
+    console.log('  - 512x512.png - Linux icon');
+    console.log('  - 256x256.png - Linux icon');
+    console.log('  - icon.ico - Windows application icon');
+    console.log('\nElectron-builder will auto-generate:');
+    console.log('  - .icns for macOS from icon.png');
+    console.log('  - Additional Windows sizes if needed');
+    console.log('');
+  } catch (error) {
+    console.error('\n❌ Error generating icons:', error.message);
+    process.exit(1);
+  }
+}
+
+// Run the script
+generateIcons();

package/dist/assets/Analytics-BpsG9895.js

@@ -0,0 +1 @@
+import{a6 as I,a7 as K,a8 as B,r as U,j as e,m as n,l as S,ad as R,aY as W,aZ as E,ab as T}from"./vendor-ui-BU7NfluV.js";import{r as i}from"./vendor-react-BVZ_anCF.js";import{C as o,a as c,b as p,c as u,d as j}from"./Card-IAZin8kp.js";import{a as V,c as M,B as Y}from"./index-8xUe8ptc.js";import{R as y,L,C as v,X as g,Y as k,T as b,a as f,b as H,B as $,d as A}from"./vendor-charts-RkGK5ROP.js";const G={hidden:{opacity:0},visible:{opacity:1,transition:{staggerChildren:.1}}},d={hidden:{opacity:0,y:20},visible:{opacity:1,y:0,transition:{duration:.5}}},_=i.memo(function(){const[r,F]=i.useState("daily"),[t,N]=i.useState(null),{stats:l,getDailyHistory:C,getWeeklyHistory:D,getMonthlyHistory:w}=V(),m=i.useCallback(a=>{a?.activePayload?.[0]?.payload&&N(a.activePayload[0].payload)},[]),h=i.useCallback(()=>{N(null)},[]),x=i.useMemo(()=>r==="daily"?[...C(30)].reverse().map(s=>({date:new Date(s.date).toLocaleDateString("en-US",{month:"short",day:"numeric"}),Documents:s.documentsProcessed,Hyperlinks:s.hyperlinksChecked,Feedback:s.feedbackImported,"Time (min)":s.timeSaved})):r==="weekly"?[...D(12)].reverse().map(s=>({date:`${new Date(s.weekStart).toLocaleDateString("en-US",{month:"short",day:"numeric"})} - ${new Date(s.weekEnd).toLocaleDateString("en-US",{month:"short",day:"numeric"})}`,Documents:s.documentsProcessed,Hyperlinks:s.hyperlinksChecked,Feedback:s.feedbackImported,"Time (min)":s.timeSaved})):[...w(12)].reverse().map(s=>({date:new Date(s.month+"-01").toLocaleDateString("en-US",{month:"short",year:"numeric"}),Documents:s.documentsProcessed,Hyperlinks:s.hyperlinksChecked,Feedback:s.feedbackImported,"Time (min)":s.timeSaved})),[r,C,D,w]),P=[{value:"daily",label:"Daily",icon:R,description:"Last 30 days"},{value:"weekly",label:"Weekly",icon:W,description:"Last 12 weeks"},{value:"monthly",label:"Monthly",icon:E,description:"Last 12 months"}],z=[{title:"Documents Processed",value:l.allTime.documentsProcessed,icon:I,color:"text-green-500",bgColor:"bg-green-500/10"},{title:"Hyperlinks Checked",value:l.allTime.hyperlinksChecked,icon:K,color:"text-blue-500",bgColor:"bg-blue-500/10"},{title:"Feedback Imported",value:l.allTime.feedbackImported,icon:B,color:"text-purple-500",bgColor:"bg-purple-500/10"},{title:"Time Saved",value:`${l.allTime.timeSaved}m`,icon:U,color:"text-orange-500",bgColor:"bg-orange-500/10"}];return e.jsxs(n.div,{variants:G,initial:"hidden",animate:"visible",className:"p-6 space-y-6 max-w-[1400px] mx-auto",children:[e.jsxs("div",{className:"sticky top-0 z-10 bg-background -mx-6 px-6 pb-4 border-b border-border/50",children:[e.jsx(n.div,{variants:d,className:"flex items-center justify-between pt-0 pb-4",children:e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs("div",{children:[e.jsxs("h1",{className:"text-3xl font-bold mb-1 flex items-center gap-2",children:[e.jsx(S,{className:"w-8 h-8"}),"Analytics"]}),e.jsx("p",{className:"text-muted-foreground",children:"Track performance and insights"})]}),e.jsx("div",{className:"h-12 w-px bg-border"}),t?e.jsxs("div",{className:"text-base font-medium flex items-center gap-4",children:[e.jsxs("span",{className:"text-muted-foreground",children:[t.date,":"]}),t.Documents!==void 0&&e.jsxs("span",{className:"text-green-500",children:["Docs: ",t.Documents]}),t.Hyperlinks!==void 0&&e.jsxs("span",{className:"text-blue-500",children:["Links: ",t.Hyperlinks]}),t.Feedback!==void 0&&e.jsxs("span",{className:"text-purple-500",children:["Feedback: ",t.Feedback]}),t["Time (min)"]!==void 0&&e.jsxs("span",{className:"text-orange-500",children:["Time: ",t["Time (min)"],"m"]})]}):e.jsx("span",{className:"text-muted-foreground italic text-sm",children:"Hover over charts for details"})]})}),e.jsx(n.div,{variants:d,className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4",children:z.map(a=>{const s=a.icon;return e.jsx(o,{className:"border-border/50",children:e.jsx(c,{className:"pt-6",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-sm text-foreground mb-1",children:a.title}),e.jsx("p",{className:"text-2xl font-bold",children:a.value})]}),e.jsx("div",{className:M("p-3 rounded-lg",a.bgColor),children:e.jsx(s,{className:M("w-6 h-6",a.color)})})]})})},a.title)})})]}),e.jsx(n.div,{variants:d,className:"flex gap-2",children:P.map(a=>{const s=a.icon;return e.jsxs(Y,{variant:r===a.value?"default":"outline",onClick:()=>F(a.value),className:"flex-1 gap-2",children:[e.jsx(s,{className:"w-4 h-4"}),e.jsxs("div",{className:"flex flex-col items-start",children:[e.jsx("span",{className:"font-semibold",children:a.label}),e.jsx("span",{className:"text-xs opacity-70",children:a.description})]})]},a.value)})}),e.jsxs(n.div,{variants:d,className:"grid grid-cols-1 gap-6",children:[e.jsxs(o,{children:[e.jsxs(p,{children:[e.jsxs(u,{className:"flex items-center gap-2",children:[e.jsx(T,{className:"w-5 h-5"}),"Documents Processed Over Time"]}),e.jsxs(j,{children:["Track document processing trends across"," ",r==="daily"?"days":r==="weekly"?"weeks":"months"]})]}),e.jsx(c,{children:e.jsx(y,{width:"100%",height:300,children:e.jsxs(L,{data:x,onMouseMove:m,onMouseLeave:h,children:[e.jsx(v,{strokeDasharray:"3 3",className:"stroke-border"}),e.jsx(g,{dataKey:"date",tick:{fontSize:12,fill:"var(--color-foreground)"},angle:-45,textAnchor:"end",height:80}),e.jsx(k,{tick:{fontSize:12,fill:"var(--color-foreground)"}}),e.jsx(b,{content:()=>null}),e.jsx(f,{}),e.jsx(H,{type:"monotone",dataKey:"Documents",stroke:"hsl(142, 76%, 36%)",strokeWidth:2,dot:{r:4}})]})})})]}),e.jsxs(o,{children:[e.jsxs(p,{children:[e.jsxs(u,{className:"flex items-center gap-2",children:[e.jsx(T,{className:"w-5 h-5"}),"Hyperlinks Checked Over Time"]}),e.jsxs(j,{children:["Track hyperlink validation trends across"," ",r==="daily"?"days":r==="weekly"?"weeks":"months"]})]}),e.jsx(c,{children:e.jsx(y,{width:"100%",height:300,children:e.jsxs(L,{data:x,onMouseMove:m,onMouseLeave:h,children:[e.jsx(v,{strokeDasharray:"3 3",className:"stroke-border"}),e.jsx(g,{dataKey:"date",tick:{fontSize:12,fill:"var(--color-foreground)"},angle:-45,textAnchor:"end",height:80}),e.jsx(k,{tick:{fontSize:12,fill:"var(--color-foreground)"}}),e.jsx(b,{content:()=>null}),e.jsx(f,{}),e.jsx(H,{type:"monotone",dataKey:"Hyperlinks",stroke:"hsl(221, 83%, 53%)",strokeWidth:2,dot:{r:4}})]})})})]}),e.jsxs(o,{children:[e.jsxs(p,{children:[e.jsxs(u,{className:"flex items-center gap-2",children:[e.jsx(S,{className:"w-5 h-5"}),"Activity Breakdown"]}),e.jsx(j,{children:"Compare different metrics side by side"})]}),e.jsx(c,{children:e.jsx(y,{width:"100%",height:300,children:e.jsxs($,{data:x,onMouseMove:m,onMouseLeave:h,children:[e.jsx(v,{strokeDasharray:"3 3",className:"stroke-border"}),e.jsx(g,{dataKey:"date",tick:{fontSize:12,fill:"var(--color-foreground)"},angle:-45,textAnchor:"end",height:80}),e.jsx(k,{tick:{fontSize:12,fill:"var(--color-foreground)"}}),e.jsx(b,{content:()=>null}),e.jsx(f,{}),e.jsx(A,{dataKey:"Feedback",fill:"hsl(280, 100%, 70%)"}),e.jsx(A,{dataKey:"Time (min)",fill:"hsl(25, 95%, 53%)"})]})})})]})]})]})});export{_ as Analytics};

package/dist/assets/Card-IAZin8kp.js

@@ -0,0 +1 @@
+import{j as s,m as c}from"./vendor-ui-BU7NfluV.js";import{r as o}from"./vendor-react-BVZ_anCF.js";import{c as d}from"./index-8xUe8ptc.js";const m=o.forwardRef(({className:r,variant:e="default",interactive:a=!1,children:t,...i},n)=>{const l={default:"bg-card text-card-foreground shadow-xs",bordered:"border border-border bg-card text-card-foreground",ghost:"bg-transparent",glass:"glass border border-white/10 shadow-lg"};return s.jsx(c.div,{ref:n,className:d("rounded-lg",l[e],a&&"cursor-pointer transition-shadow duration-200 hover:shadow-md",r),whileHover:a?{scale:1.02}:void 0,whileTap:a?{scale:.98}:void 0,transition:{duration:.2},...i,children:t})});m.displayName="Card";const f=o.forwardRef(({className:r,...e},a)=>s.jsx("div",{ref:a,className:d("flex flex-col space-y-1.5 p-6",r),...e}));f.displayName="CardHeader";const p=o.forwardRef(({className:r,...e},a)=>s.jsx("h3",{ref:a,className:d("text-2xl font-semibold leading-none tracking-tight",r),...e}));p.displayName="CardTitle";const x=o.forwardRef(({className:r,...e},a)=>s.jsx("p",{ref:a,className:d("text-sm text-muted-foreground",r),...e}));x.displayName="CardDescription";const C=o.forwardRef(({className:r,...e},a)=>s.jsx("div",{ref:a,className:d("p-6 pt-0",r),...e}));C.displayName="CardContent";const g=o.forwardRef(({className:r,...e},a)=>s.jsx("div",{ref:a,className:d("flex items-center p-6 pt-0",r),...e}));g.displayName="CardFooter";export{m as C,C as a,f as b,p as c,x as d};