@aiderdesk/aiderdesk 0.61.0-dev → 0.61.1

package/out/renderer/assets/{xychartDiagram-JWTSCODW-CTzYHTbD.js → xychartDiagram-5P7HB3ND-EEYPnLDT.js}

@@ -1,4 +1,4 @@
-import { s as setAccDescription, g as getAccDescription, q as getDiagramTitle, p as setDiagramTitle, a as getAccTitle, b as setAccTitle, _ as __name, l as log, I as selectSvgElement, e as configureSvgSize, z as clear, G as getConfig, i as sanitizeText, E as cleanAndMerge, F as defaultConfig_default, L as getThemeVariables3, M as band, N as computeDimensionOfText, K as linear, O as line } from "./index-MDHavDF9.js";
+import { s as setAccDescription, g as getAccDescription, q as getDiagramTitle, p as setDiagramTitle, a as getAccTitle, b as setAccTitle, _ as __name, l as log, I as selectSvgElement, e as configureSvgSize, z as clear, D as getConfig, i as sanitizeText, F as cleanAndMerge, G as defaultConfig_default, L as getThemeVariables3, M as band, N as computeDimensionOfText, K as linear, O as line } from "./index-BL-57WPa.js";
 var parser = (function() {
   var o = /* @__PURE__ */ __name(function(k, v, o2, l) {
     for (o2 = o2 || {}, l = k.length; l--; o2[k[l]] = v) ;
@@ -1785,14 +1785,16 @@ var draw = /* @__PURE__ */ __name((txt, id, _version, diagObj) => {
       case "rect":
         shapeGroup.selectAll("rect").data(shape.data).enter().append("rect").attr("x", (data) => data.x).attr("y", (data) => data.y).attr("width", (data) => data.width).attr("height", (data) => data.height).attr("fill", (data) => data.fill).attr("stroke", (data) => data.strokeFill).attr("stroke-width", (data) => data.strokeWidth);
         if (chartConfig.showDataLabel) {
+          const showDataLabelOutsideBar = chartConfig.showDataLabelOutsideBar;
           if (chartConfig.chartOrientation === "horizontal") {
             let fitsHorizontally2 = function(item, fontSize) {
               const { data, label } = item;
               const textWidth = fontSize * label.length * charWidthFactor;
-              return textWidth <= data.width - 10;
+              return textWidth <= data.width - rightMargin;
             };
             __name(fitsHorizontally2, "fitsHorizontally");
             const charWidthFactor = 0.7;
+            const rightMargin = 10;
             const validItems = shape.data.map((d, i) => ({ data: d, label: labelData[i].toString() })).filter((item) => item.data.width > 0 && item.data.height > 0);
             const candidateFontSizes = validItems.map((item) => {
               const { data } = item;
@@ -1803,7 +1805,14 @@ var draw = /* @__PURE__ */ __name((txt, id, _version, diagObj) => {
               return fontSize;
             });
             const uniformFontSize = Math.floor(Math.min(...candidateFontSizes));
-            shapeGroup.selectAll("text").data(validItems).enter().append("text").attr("x", (item) => item.data.x + item.data.width - 10).attr("y", (item) => item.data.y + item.data.height / 2).attr("text-anchor", "end").attr("dominant-baseline", "middle").attr("fill", "black").attr("font-size", `${uniformFontSize}px`).text((item) => item.label);
+            const determineLabelXPosition = /* @__PURE__ */ __name((item) => {
+              if (showDataLabelOutsideBar) {
+                return item.data.x + item.data.width + rightMargin;
+              } else {
+                return item.data.x + item.data.width - rightMargin;
+              }
+            }, "determineLabelXPosition");
+            shapeGroup.selectAll("text").data(validItems).enter().append("text").attr("x", determineLabelXPosition).attr("y", (item) => item.data.y + item.data.height / 2).attr("text-anchor", showDataLabelOutsideBar ? "start" : "end").attr("dominant-baseline", "middle").attr("fill", themeConfig.dataLabelColor).attr("font-size", `${uniformFontSize}px`).text((item) => item.label);
           } else {
             let fitsInBar2 = function(item, fontSize, yOffset2) {
               const { data, label } = item;
@@ -1828,7 +1837,14 @@ var draw = /* @__PURE__ */ __name((txt, id, _version, diagObj) => {
               return fontSize;
             });
             const uniformFontSize = Math.floor(Math.min(...candidateFontSizes));
-            shapeGroup.selectAll("text").data(validItems).enter().append("text").attr("x", (item) => item.data.x + item.data.width / 2).attr("y", (item) => item.data.y + yOffset).attr("text-anchor", "middle").attr("dominant-baseline", "hanging").attr("fill", "black").attr("font-size", `${uniformFontSize}px`).text((item) => item.label);
+            const determineLabelYPosition = /* @__PURE__ */ __name((item) => {
+              if (showDataLabelOutsideBar) {
+                return item.data.y - yOffset;
+              } else {
+                return item.data.y + yOffset;
+              }
+            }, "determineLabelYPosition");
+            shapeGroup.selectAll("text").data(validItems).enter().append("text").attr("x", (item) => item.data.x + item.data.width / 2).attr("y", determineLabelYPosition).attr("text-anchor", "middle").attr("dominant-baseline", showDataLabelOutsideBar ? "auto" : "hanging").attr("fill", themeConfig.dataLabelColor).attr("font-size", `${uniformFontSize}px`).text((item) => item.label);
           }
         }
         break;

package/out/renderer/index.html

@@ -11,7 +11,7 @@
     <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
     <meta
       http-equiv="Content-Security-Policy"
-      content="default-src 'self'; script-src 'self' blob: https://unpkg.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com https://fonts.gstatic.com; img-src 'self' data: file: https:; font-src 'self' https://fonts.gstatic.com; connect-src 'self' http: https: ws: wss:; frame-src http: https:;"
+      content="default-src 'self'; script-src 'self' blob: 'unsafe-eval' https://unpkg.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com https://fonts.gstatic.com; img-src 'self' data: file: https:; font-src 'self' https://fonts.gstatic.com; connect-src 'self' data: http: https: ws: wss:; frame-src http: https:;"
     />
     <link rel="icon" type="image/x-icon" href="./assets/favicon-D4IkgeLL.ico">
     <link rel="manifest" href="./manifest.json">
@@ -20,8 +20,8 @@
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
     <meta name="apple-mobile-web-app-title" content="AiderDesk">
     <link rel="apple-touch-icon" href="/icon-192.png">
-    <script type="module" crossorigin src="./assets/index-MDHavDF9.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-CDCy_DhA.css">
+    <script type="module" crossorigin src="./assets/index-BL-57WPa.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-BkntVzTm.css">
   </head>
 
   <body>

package/out/renderer/progress.html

@@ -3,111 +3,261 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Starting AiderDesk...</title>
+  <title>Starting...</title>
   <style>
-    body {
+    @font-face {
+      font-family: 'Sono';
+      src: url('./assets/Sono-FNnoYGUO.ttf') format('truetype');
+      font-weight: 400;
+      font-style: normal;
+    }
+  </style>
+  <style>
+    * {
       margin: 0;
-      padding: 20px;
-      background-color: #222431;
+      padding: 0;
+      box-sizing: border-box;
+    }
+
+    body {
+      padding: 32px;
+      background: transparent;
       color: #f1f3f5;
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+      font-family: 'Sono', monospace;
       display: flex;
       flex-direction: column;
+      align-items: center;
+      justify-content: center;
       height: 100vh;
-      box-sizing: border-box;
+      overflow: hidden;
+      position: relative;
+      -webkit-app-region: drag;
     }
-    .text {
-      font-size: 14px;
-      font-weight: bold;
-      margin-bottom: 8px;
+
+    .container {
+      position: relative;
+      background: #222431;
+      background-size: cover;
+      background-position: center;
+      background-repeat: no-repeat;
+      border: 1px solid #3d4166;
+      border-radius: 12px;
+      padding: 32px;
+      width: 100%;
+      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
+      -webkit-app-region: no-drag;
     }
-    .subtitle {
-      font-size: 11px;
-      color: #999ba3;
-      margin-bottom: 4px;
-      display: none;
+
+    .container::before {
+      content: '';
+      position: absolute;
+      inset: 0;
+      background: rgba(34, 36, 49, 0.7);
+      border-radius: 12px;
+      pointer-events: none;
+      z-index: 1;
     }
 
-    .detail {
-      font-size: 12px;
-      color: #999ba3;
-      margin-bottom: 16px;
+    #splash-video {
+      position: absolute;
+      inset: 0;
+      width: 100%;
+      height: 100%;
+      -o-object-fit: cover;
+         object-fit: cover;
+      border-radius: 12px;
+      z-index: 0;
+    }
+
+    .brand {
       display: flex;
+      flex-direction: column;
       align-items: center;
-      gap: 8px;
+      gap: 16px;
+      margin-bottom: 32px;
+      position: relative;
+      z-index: 1;
+    }
+
+    .brand-icon {
+      width: 72px;
+      height: 72px;
+      border-radius: 14px;
+    }
+
+    .brand-name {
+      font-size: 20px;
+      font-weight: 600;
+      color: #f1f3f5;
+      letter-spacing: -0.3px;
     }
-    .spinner {
-      width: 14px;
-      height: 14px;
-      border: 2px solid rgba(88, 92, 117, 0.3);
-      border-top-color: #585c75;
-      border-radius: 50%;
-      animation: spin 1s linear infinite;
-      flex-shrink: 0;
-      display: none;
+
+    .detail {
+      font-size: 13px;
+      font-weight: 400;
+      /*color: #999ba3;*/
+      text-align: center;
+      min-height: 20px;
+      margin-bottom: 28px;
+      position: relative;
+      z-index: 1;
     }
-    @keyframes spin {
-      to { transform: rotate(360deg); }
+
+    .detail-text {
+      opacity: 0;
+      animation: fadeIn 0.3s ease forwards;
+    }
+
+    @keyframes fadeIn {
+      to { opacity: 1; }
     }
+
+    .completed .detail {
+      color: #22c55edd;
+    }
+
     .progress-container {
-      height: 16px;
-      background-color: #191a22;
-      border-radius: 2px;
+      width: 100%;
+      height: 2px;
+      background: #333652;
+      border-radius: 1px;
       overflow: hidden;
-      margin-bottom: 8px;
+      margin-bottom: 20px;
+      position: relative;
+      z-index: 1;
     }
+
     .progress-bar {
+      position: absolute;
+      top: 0;
+      left: 0;
       height: 100%;
-      width: 0;
-      background-color: #3d4166;
-      border-radius: 2px;
-      transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
+      background: #f1f3f588;
+      border-radius: 1px;
+      transition: width 0.3s ease;
+    }
+
+    .progress-indeterminate {
+      width: 40%;
+      animation: indeterminate-slide 1.8s cubic-bezier(0.4, 0, 0.2, 1) infinite;
+    }
+
+    @keyframes indeterminate-slide {
+      0% {
+        left: -40%;
+        right: 100%;
+      }
+      60% {
+        left: 100%;
+        right: -40%;
+      }
+      100% {
+        left: 100%;
+        right: -40%;
+      }
     }
+
     .completed .progress-bar {
       width: 100% !important;
-      background-color: #3b82f6;
+      animation: none;
+      background: #22c55e;
+    }
+
+    .log-line {
+      width: 100%;
+      font-size: 11px;
+      /*color: #7b7d86;*/
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      font-family: 'Sono', monospace;
+      text-align: center;
+      opacity: 0.8;
+      min-height: 16px;
+      transition: opacity 0.3s ease;
+      position: relative;
+      z-index: 1;
+    }
+
+    .log-line:not(:empty) {
+      opacity: 1;
+      animation: slideUp 0.3s ease;
+    }
+
+    @keyframes slideUp {
+      from {
+        transform: translateY(4px);
+        opacity: 0;
+      }
+      to {
+        transform: translateY(0);
+        opacity: 1;
+      }
+    }
+
+    .completed .detail {
+      color: #22c55e4c;
     }
   </style>
 </head>
 <body>
-  <div class="text" id="text">Starting AiderDesk...</div>
-  <div class="detail" id="detail">
-    <span id="detail-text">Initializing...</span>
-    <div class="spinner" id="spinner"></div>
-  </div>
-  <div class="subtitle" id="subtitle">This may take a while...</div>
-  <div class="progress-container">
-    <div class="progress-bar" id="progress-bar"></div>
+  <div class="container">
+    <video id="splash-video" autoplay muted loop></video>
+    <div class="brand">
+      <div class="brand-icon-wrapper">
+        <img class="brand-icon" id="brand-icon" src="" alt="AiderDesk">
+      </div>
+      <span class="brand-name">AiderDesk</span>
+    </div>
+
+    <div class="detail">
+      <span class="detail-text" id="detail-text">Initializing...</span>
+    </div>
+
+    <div class="progress-container">
+      <div class="progress-bar progress-indeterminate" id="progress-bar"></div>
+    </div>
+
+    <div class="log-line" id="log-line"></div>
   </div>
 
   <script>
     const { ipcRenderer } = require('electron');
 
-    ipcRenderer.on('set-title', (_, title) => {
-      document.getElementById('text').textContent = title;
+    ipcRenderer.on('set-icon-path', (_, iconPath) => {
+      document.getElementById('brand-icon').src = iconPath;
     });
 
-    ipcRenderer.on('set-detail', (_, value, subtitle) => {
-      const messageEl = document.getElementById('detail-text');
-      const spinnerEl = document.getElementById('spinner');
-      const infoEl = document.getElementById('subtitle');
+    ipcRenderer.on('set-splash-image', (_, imagePath) => {
+      const video = document.getElementById('splash-video');
+      video.src = imagePath;
+    });
+
+    ipcRenderer.on('set-title', (_, title) => {
+      // Title is no longer displayed, but keep handler for compatibility
+    });
 
-      messageEl.textContent = value;
-      const showSpinner = /installing|package|aider|connector|requirements|python|uv|venv/i.test(value.toLowerCase());
-      spinnerEl.style.display = showSpinner ? 'block' : 'none';
+    ipcRenderer.on('set-detail', (_, value) => {
+      const detailTextEl = document.getElementById('detail-text');
 
-      infoEl.textContent = subtitle || '';
-      infoEl.style.display = subtitle ? 'block' : 'none';
+      // Trigger fade-in animation by removing and re-adding the element
+      detailTextEl.style.animation = 'none';
+      setTimeout(() => {
+        detailTextEl.textContent = value;
+        detailTextEl.style.animation = 'fadeIn 0.4s ease forwards';
+      }, 10);
     });
 
     ipcRenderer.on('set-completed', () => {
       document.body.classList.add('completed');
+      const progressBar = document.getElementById('progress-bar');
+      progressBar.classList.remove('progress-indeterminate');
     });
 
-    const progressBar = document.getElementById('progress-bar');
+    const logLine = document.getElementById('log-line');
 
-    ipcRenderer.on('set-progress', (_, progress) => {
-      progressBar.style.width = `${Math.min(100, Math.max(0, progress))}%`;
+    ipcRenderer.on('add-log', (_, message) => {
+      logLine.textContent = message;
     });
   </script>
 </body>