openclacky 1.5.7 → 1.5.8

data/lib/clacky/web/features/billing/view.js

@@ -1,8 +1,8 @@
 // ── Billing · view — dashboard rendering, charts, tooltips, DOM wiring ─────
 //
 // Owns every render function (stats, heatmap, trend, breakdowns, sessions),
-// tooltip binding, and the clear-data popup. Reads through BillingStore.state
-// and currency helpers; period / model / clear / share go through store actions.
+// tooltip binding. Reads through BillingStore.state
+// and currency helpers; period / model / share go through store actions.
 //
 // Augments the `Billing` facade with onPanelShow.
 //
@@ -10,7 +10,6 @@
 // ───────────────────────────────────────────────────────────────────────────
 
 const BillingView = (() => {
-  let _clearPopupVisible = false;
 
   // ── Loading / error ───────────────────────────────────────────────────────
 
@@ -118,7 +117,7 @@ const BillingView = (() => {
 
     const periods = ["day", "week", "month", "year", "all"];
     const periodBtns = periods.map(p =>
-      `<button class="billing-period-btn ${p === BillingStore.state.currentPeriod ? 'active' : ''}" data-period="${p}">${_periodLabel(p)}</button>`
+      `<button class="segmented-control__btn ${p === BillingStore.state.currentPeriod ? 'active' : ''}" data-period="${p}">${_periodLabel(p)}</button>`
     ).join("");
 
     const allModels = BillingStore.state.allModels;
@@ -135,21 +134,12 @@ const BillingView = (() => {
             <span class="billing-subtitle">${_getSummaryHint()}</span>
           </div>
           <div class="billing-controls">
-            <div class="billing-period-group">${periodBtns}</div>
+            <div class="segmented-control">${periodBtns}</div>
             <select id="billing-model-filter" class="billing-model-filter">${modelOptions}</select>
             <button id="billing-share-btn" class="billing-share-btn" title="${I18n.t('billing.share.tooltip') || 'Share scorecard'}">
               <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><polyline points="16 6 12 2 8 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><line x1="12" y1="2" x2="12" y2="15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
               ${I18n.t('billing.share.btn') || 'Share scorecard'}
             </button>
-            <div class="billing-clear-container">
-              <button id="billing-clear-btn" class="billing-clear-btn" title="${I18n.t('billing.clearData') || 'Clear Data'}">
-                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><polyline points="3 6 5 6 21 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 11v6M14 11v6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
-              </button>
-              <div id="billing-clear-popup" class="billing-clear-popup" style="display: none;">
-                <button id="billing-clear-today" class="billing-clear-option">${I18n.t('billing.clearToday') || 'Clear Today'}</button>
-                <button id="billing-clear-all" class="billing-clear-option billing-clear-danger">${I18n.t('billing.clearAll') || 'Clear All'}</button>
-              </div>
-            </div>
           </div>
         </div>
 
@@ -217,7 +207,7 @@ const BillingView = (() => {
       </div>
     `;
 
-    document.querySelectorAll(".billing-period-btn").forEach(btn => {
+    document.querySelectorAll(".segmented-control__btn").forEach(btn => {
       btn.addEventListener("click", (e) => Billing.setPeriod(e.target.dataset.period));
     });
 
@@ -225,7 +215,6 @@ const BillingView = (() => {
       Billing.setModel(e.target.value);
     });
 
-    _bindClearHandlers();
     document.getElementById("billing-share-btn")?.addEventListener("click", _openScorecardShare);
 
     _bindChartTooltip();
@@ -416,50 +405,6 @@ const BillingView = (() => {
     });
   }
 
-  // ── Clear popup ────────────────────────────────────────────────────────────
-
-  function _bindClearHandlers() {
-    const clearBtn = document.getElementById("billing-clear-btn");
-    const clearPopup = document.getElementById("billing-clear-popup");
-    const clearToday = document.getElementById("billing-clear-today");
-    const clearAll = document.getElementById("billing-clear-all");
-
-    if (!clearBtn || !clearPopup) return;
-
-    clearBtn.addEventListener("click", (e) => {
-      e.stopPropagation();
-      _clearPopupVisible = !_clearPopupVisible;
-      clearPopup.style.display = _clearPopupVisible ? "flex" : "none";
-    });
-
-    clearToday?.addEventListener("click", (e) => {
-      e.stopPropagation();
-      _hideClearPopup();
-      Billing.clearData("today");
-    });
-
-    clearAll?.addEventListener("click", (e) => {
-      e.stopPropagation();
-      _hideClearPopup();
-      Billing.clearData("all");
-    });
-
-    document.addEventListener("click", _closeClearPopup);
-  }
-
-  function _hideClearPopup() {
-    const clearPopup = document.getElementById("billing-clear-popup");
-    if (clearPopup) clearPopup.style.display = "none";
-    _clearPopupVisible = false;
-  }
-
-  function _closeClearPopup(e) {
-    const clearPopup = document.getElementById("billing-clear-popup");
-    const clearBtn = document.getElementById("billing-clear-btn");
-    if (!clearPopup || !clearBtn) return;
-    if (!clearPopup.contains(e.target) && !clearBtn.contains(e.target)) _hideClearPopup();
-  }
-
   // ── Section renderers ────────────────────────────────────────────────────────
 
   function _getSummaryHint() {
@@ -678,7 +623,6 @@ const BillingView = (() => {
       <div class="billing-chart-card billing-trend-card">
         <div class="billing-chart-header">
           <h4>${I18n.t("billing.costTrend") || "Cost Trend"}</h4>
-          <span class="billing-trend-total">${currencySymbol}${_formatCost(costs.reduce((a, b) => a + b, 0))}</span>
         </div>
         <div class="billing-trend-chart">
           <svg viewBox="0 0 ${w} ${h}" preserveAspectRatio="xMidYMid meet" class="billing-trend-svg">

data/lib/clacky/web/features/extensions/store.js

@@ -362,7 +362,7 @@ const ExtensionsStore = (() => {
         });
         const data = await res.json();
         if (!res.ok || !data.ok) throw new Error(data.error || "toggle failed");
-        const activeTab = _filterSystem ? "system" : _filterBrand ? "brand" : "market";
+        const activeTab = _filterSystem ? "system" : _filterBrand ? "brand" : _filterInstalled ? "installed" : "market";
         try { sessionStorage.setItem(EXT_TAB_KEY, activeTab); } catch (_) {}
         location.reload();
       } catch (e) {

data/lib/clacky/web/features/extensions/view.js

@@ -108,6 +108,8 @@ const ExtensionsView = (() => {
       ? `<span class="extension-updatable">${escapeHtml(I18n.t("extensions.updatable"))}</span>` : "";
     const unlistedHtml = (ext.unlisted && ext.installed)
       ? `<span class="extension-unlisted">${escapeHtml(I18n.t("extensions.unlisted"))}</span>` : "";
+    const verifiedHtml = (ext.verified && !ext.installed)
+      ? `<span class="extension-verified">${escapeHtml(I18n.t("extensions.verified"))}</span>` : "";
     const unitsText = _formatUnits(ext.units);
     const unitsHtml = unitsText
       ? `<span class="extension-units">${escapeHtml(unitsText)}</span>` : "";
@@ -137,6 +139,7 @@ const ExtensionsView = (() => {
             ${installedHtml}
             ${updatableHtml}
             ${unlistedHtml}
+            ${verifiedHtml}
             ${unitsHtml}
             ${authorHtml}
             ${installsHtml}
@@ -160,6 +163,7 @@ const ExtensionsView = (() => {
     } else {
       card.addEventListener("click", (e) => {
         if (e.target.closest("a")) return;
+        _saveCurrentTab();
         const router = window.Clacky && window.Clacky.Router;
         const isBrand = card.dataset.extOrigin === "self" || Extensions.state.filterBrand;
         const source  = isBrand ? "brand" : null;
@@ -181,6 +185,17 @@ const ExtensionsView = (() => {
       </button>`;
   }
 
+  function _saveCurrentTab() {
+    try {
+      var s = ExtensionsStore.state;
+      var tab = "market";
+      if (s.filterSystem) tab = "system";
+      else if (s.filterBrand) tab = "brand";
+      else if (s.filterInstalled) tab = "installed";
+      sessionStorage.setItem(EXT_TAB_KEY, tab);
+    } catch (_) {}
+  }
+
   // Returns a human-readable button label for a given install job state.
   function _installJobLabel(job) {
     if (!job) return I18n.t("extensions.action.install");
@@ -300,13 +315,14 @@ const ExtensionsView = (() => {
 
     const installBtn = document.querySelector("[data-ext-install]");
     if (installBtn) {
-      installBtn.addEventListener("click", () => {
+      installBtn.addEventListener("click", async () => {
         const id = installBtn.getAttribute("data-ext-install");
+        const ext = ExtensionsStore.state.detail;
+        if (ext && !ext.verified && !(typeof Brand !== "undefined" && Brand.branded)) {
+          const confirmed = await Modal.confirm(I18n.t("extensions.unverifiedInstallWarning"));
+          if (!confirmed) return;
+        }
         installBtn.disabled = true;
-        // Show a "downloading" placeholder rather than a generic "installing" —
-        // the next real state is always the download starting, so this avoids
-        // a jarring "installing → downloading → installing" flash before any
-        // real progress data has arrived.
         installBtn.textContent = _installJobLabel({ stage: "downloading", progress: null });
         Extensions.install(id);
       });
@@ -350,6 +366,10 @@ const ExtensionsView = (() => {
       ? `<span class="extension-installed">${installedLabel}</span>` : "";
     const unlistedHtml = ext.unlisted
       ? `<span class="extension-unlisted">${escapeHtml(I18n.t("extensions.unlisted"))}</span>` : "";
+    const verifiedHtml = ext.verified
+      ? `<span class="extension-verified">${escapeHtml(I18n.t("extensions.verified"))}</span>` : "";
+    const unverifiedBannerHtml = (!ext.verified && !ext.installed && !(typeof Brand !== "undefined" && Brand.branded))
+      ? `<div class="extension-unverified-banner"><svg class="extension-unverified-icon" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="7" cy="7" r="6.25" stroke="currentColor" stroke-width="1.2"/><path d="M7 4V7.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/><circle cx="7" cy="10" r="0.7" fill="currentColor"/></svg>${escapeHtml(I18n.t("extensions.unverifiedBanner"))}</div>` : "";
     const unitsText = _formatUnits(ext.units);
     const unitsHtml = unitsText
       ? `<span class="extension-units">${escapeHtml(unitsText)}</span>` : "";
@@ -370,12 +390,14 @@ const ExtensionsView = (() => {
             ${versionHtml}
             ${installedHtml}
             ${unlistedHtml}
+            ${verifiedHtml}
             ${unitsHtml}
             ${authorHtml}
             ${installsHtml}
           </div>
           ${description ? `<div class="extension-desc extension-desc-detail">${escapeHtml(description)}</div>` : ""}
           ${homepageHtml ? `<div class="extension-meta">${homepageHtml}</div>` : ""}
+          ${unverifiedBannerHtml}
           ${_renderActions(ext)}
         </div>
       </div>
@@ -584,6 +606,7 @@ const ExtensionsView = (() => {
         if (e.target.closest("a")) return;
         const card = e.target.closest(".extension-card-clickable");
         if (card && card.dataset.extId) {
+          _saveCurrentTab();
           const router = window.Clacky && window.Clacky.Router;
           // Use origin stored on the card; origin="self" means brand-private extension.
           const isBrand = card.dataset.extOrigin === "self" || Extensions.state.filterBrand;

data/lib/clacky/web/features/new-session/view.js

@@ -620,6 +620,27 @@ const NewSessionView = (() => {
         _renderContextBar();
       });
       pop.appendChild(clearItem);
+
+      // "Create new project" action
+      const actionSep = document.createElement("div");
+      actionSep.style.cssText = "height:1px;background:var(--color-border-primary);margin:4px 8px";
+      pop.appendChild(actionSep);
+      const createItem = document.createElement("button");
+      createItem.type = "button";
+      createItem.className = "ns-ctx-popover-item";
+      createItem.style.cssText = "display:flex;align-items:center;gap:6px";
+      const plusIcon = '<svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0"><path d="M12 5v14M5 12h14"/></svg>';
+      createItem.innerHTML = plusIcon + `<span>${zh ? "新建项目" : "New project"}</span>`;
+      createItem.addEventListener("click", async () => {
+        _dismissCtxPopover();
+        const project = await Projects.promptCreate();
+        if (project) {
+          const dir = project.working_dir || NewSessionStore.state.defaultDir || "";
+          NewSessionStore.updateAdvanced({ projectId: project.id, workingDir: dir });
+          _renderContextBar();
+        }
+      });
+      pop.appendChild(createItem);
     });
   }
 
@@ -786,6 +807,9 @@ const NewSessionView = (() => {
     const display = hasFiles ? _buildBubbleHtml(finalContent) : null;
 
     Sessions.add(session);
+    if (session.project_id && typeof Projects !== "undefined" && Projects.expand) {
+      Projects.expand(session.project_id);
+    }
     Sessions.setPendingMessage(session.id, finalContent, display, files);
     input.value = "";
     _pendingImages.length = 0;

data/lib/clacky/web/i18n.js

@@ -40,26 +40,26 @@ const I18n = (() => {
       "projects.create.dirPlaceholder": "Working directory (optional)",
       "projects.create.sourceFolders": "Source folders",
       "projects.create.folderHint": "Add a working folder",
+      "projects.create.folderDefaultHint": "If not set, the default working directory ~/clacky_workspace will be used",
       "projects.create.submit": "Create Project",
       "projects.create.colorLabel": "Color",
       "projects.create.iconLabel": "Icon",
       "projects.picker.done": "Done",
       "projects.emptyHint": "No projects yet",
       "projects.noSessions": "No sessions",
-      "projects.tooltip.sessions": "{n} sessions",
       "projects.organize.grouped": "By Project",
       "projects.organize.flat":    "In a flat list",
       "projects.organize.sortLabel":    "Sort by",
       "projects.organize.sortPriority": "Priority",
       "projects.organize.sortRecent":   "Last updated",
       "projects.menu.rename": "Rename",
-      "projects.menu.edit": "Edit",
-      "projects.menu.delete": "Delete",
-      "projects.menu.deleteSessions": "Delete Sessions",
+      "projects.menu.edit": "Edit Project",
+      "projects.menu.delete": "Delete Project",
+      "projects.menu.deleteSessions": "Clear Sessions",
       "projects.edit.title": "Edit Project",
       "projects.edit.submit": "Save",
       "projects.delete.confirm": "Delete project \"{{name}}\"? All sessions in this project will also be deleted.",
-      "projects.deleteSessions.confirm": "Delete all sessions in project \"{{name}}\"? The project itself will be kept.",
+      "projects.deleteSessions.confirm": "Clear all sessions in project \"{{name}}\"? The project itself will be kept.",
       "projects.modal.name":         "Project Name",
 
       // ── Welcome screen ──
@@ -575,6 +575,10 @@ const I18n = (() => {
       "extensions.homepage":      "Homepage",
       "extensions.by":            "by ",
       "extensions.installs":      "installs",
+      "extensions.verified":            "Verified",
+      "extensions.unverified":          "Unverified",
+      "extensions.unverifiedBanner":    "This extension has not been verified by the platform. It may contain un-reviewed code or behaviors. Install at your own risk.",
+      "extensions.unverifiedInstallWarning": "This extension has not been verified by the platform. It may contain un-reviewed code or behaviors. Install anyway?",
       "extensions.installed":          "Installed",
       "extensions.updatable":          "Update available",
       "extensions.unlisted":      "Unlisted",
@@ -1064,9 +1068,6 @@ const I18n = (() => {
       "billing.period.month":    "This Month",
       "billing.period.year":     "This Year",
       "billing.period.all":      "All Time",
-      "billing.clearData":       "Clear Data",
-      "billing.clearToday":      "Clear Today",
-      "billing.clearAll":        "Clear All",
       "billing.allModels":       "All Models",
       "billing.cacheHit":        "Cache Hit",
       "billing.inputCacheHit":   "Input (Cache Hit)",
@@ -1090,7 +1091,7 @@ const I18n = (() => {
       "billing.headerHit":       "Hit",
       "billing.headerMiss":      "Miss",
       "billing.headerOutput":    "Output",
-      "billing.disclaimer":      "Costs are estimated based on token usage and may differ from your provider's actual bill.",
+      "billing.disclaimer":      "Costs are estimated based on token usage and may differ from your provider's actual bill. If you notice discrepancies, please check your provider's billing dashboard.",
     },
     zh: {
       // ── Phases ──
@@ -1119,26 +1120,26 @@ const I18n = (() => {
       "projects.create.placeholder": "项目名称",
       "projects.create.sourceFolders": "工作目录",
       "projects.create.folderHint": "添加工作文件夹",
+      "projects.create.folderDefaultHint": "不设置时将使用默认工作目录 ~/clacky_workspace",
       "projects.create.submit": "创建项目",
       "projects.create.colorLabel": "颜色",
       "projects.create.iconLabel": "图标",
       "projects.picker.done": "完成",
       "projects.emptyHint": "暂无项目",
       "projects.noSessions": "暂无会话",
-      "projects.tooltip.sessions": "{n} 个会话",
       "projects.organize.grouped": "按项目分组",
       "projects.organize.flat":    "在一个列表中",
       "projects.organize.sortLabel":    "排序方式",
       "projects.organize.sortPriority": "优先级",
       "projects.organize.sortRecent":   "最近更新",
       "projects.menu.rename": "重命名",
-      "projects.menu.edit": "编辑",
-      "projects.menu.delete": "删除",
-      "projects.menu.deleteSessions": "删除会话",
+      "projects.menu.edit": "编辑项目",
+      "projects.menu.delete": "删除项目",
+      "projects.menu.deleteSessions": "清空会话",
       "projects.edit.title": "编辑项目",
       "projects.edit.submit": "保存",
       "projects.delete.confirm": "删除项目「{{name}}」？该项目下的所有会话也将被删除。",
-      "projects.deleteSessions.confirm": "删除项目「{{name}}」下的所有会话？项目本身会被保留。",
+      "projects.deleteSessions.confirm": "清空项目「{{name}}」下的所有会话？项目本身会被保留。",
       "projects.modal.name":         "项目名称",
 
       // ── Welcome screen ──
@@ -1651,6 +1652,10 @@ const I18n = (() => {
       "extensions.homepage":      "主页",
       "extensions.by":            "作者：",
       "extensions.installs":      "次安装",
+      "extensions.verified":            "已验证",
+      "extensions.unverified":          "未验证",
+      "extensions.unverifiedBanner":    "此扩展尚未通过平台审核验证，可能包含未经审查的代码或行为，建议谨慎安装。",
+      "extensions.unverifiedInstallWarning": "此扩展尚未通过平台审核验证，可能包含未经审查的代码或行为。确定安装？",
       "extensions.installed":          "已安装",
       "extensions.updatable":          "有更新",
       "extensions.unlisted":      "已下架",
@@ -2147,9 +2152,6 @@ const I18n = (() => {
       "billing.period.month":    "本月",
       "billing.period.year":     "今年",
       "billing.period.all":      "全部",
-      "billing.clearData":       "清除数据",
-      "billing.clearToday":      "清除今日",
-      "billing.clearAll":        "全部清除",
       "billing.allModels":       "所有模型",
       "billing.cacheHit":        "缓存命中",
       "billing.inputCacheHit":   "输入（命中缓存）",
@@ -2173,7 +2175,7 @@ const I18n = (() => {
       "billing.headerHit":       "命中",
       "billing.headerMiss":      "未命中",
       "billing.headerOutput":    "输出",
-      "billing.disclaimer":      "费用为估算值，基于 Token 用量和模型定价计算，可能与 API 提供商实际账单有所差异。",
+      "billing.disclaimer":      "费用为估算值，基于 Token 用量和模型定价计算，可能与 API 提供商实际账单有所差异。如有异常，请前往 API 提供商查看实际账单。",
     }
   };
   // ── State ──────────────────────────────────────────────────────────────────

data/lib/clacky/web/index.html

@@ -126,7 +126,7 @@
           <span class="chat-section-title">
             <span data-i18n="sidebar.chat">Sessions</span>
             <!-- Chevron: hidden by default, shown on hover or when collapsed -->
-            <svg class="chat-section-chevron" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
+            <svg class="chat-section-chevron" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
               <path d="M6 9l6 6 6-6"/>
             </svg>
           </span>
@@ -177,7 +177,7 @@
         <div class="sidebar-divider" id="projects-section-header">
           <span class="projects-section-title">
             <span data-i18n="sidebar.projects">Projects</span>
-            <svg class="projects-section-chevron" width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
+            <svg class="projects-section-chevron" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
               <path d="M6 9l6 6 6-6"/>
             </svg>
           </span>
@@ -219,7 +219,7 @@
           <div id="skills-sidebar-item" class="task-item task-item-summary">
             <div class="task-row">
               <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="task-icon">
-                <path d="M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 0 1-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 1 0-3.214 3.214c.446.166.855.497.925.968a.979.979 0 0 1-.276.837l-1.61 1.61a2.404 2.404 0 0 1-1.705.707 2.402 2.402 0 0 1-1.704-.706l-1.568-1.568a1.026 1.026 0 0 0-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 1 1-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 0 0-.289-.877l-1.568-1.568A2.402 2.402 0 0 1 1.998 12c0-.617.236-1.234.706-1.704L4.23 8.77c.24-.24.581-.353.917-.303.515.077.877.528 1.073 1.01a2.5 2.5 0 1 0 3.259-3.259c-.482-.196-.933-.558-1.01-1.073-.05-.336.062-.676.303-.917l1.525-1.525A2.402 2.402 0 0 1 12 1.998c.617 0 1.234.236 1.704.706l1.568 1.568c.23.23.556.338.877.29.493-.074.84-.504 1.02-.968a2.5 2.5 0 1 1 3.237 3.237c-.464.18-.894.527-.967 1.02Z"/>
+                <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z"/>
               </svg>
               <div class="task-info">
                 <span class="task-name" id="skills-sidebar-label" data-i18n="sidebar.skills">Skill Management</span>
@@ -229,8 +229,7 @@
           <div id="extensions-sidebar-item" class="task-item task-item-summary">
             <div class="task-row">
               <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="task-icon">
-                <path d="M20 7h-9"/><path d="M14 17H5"/>
-                <circle cx="17" cy="17" r="3"/><circle cx="7" cy="7" r="3"/>
+                <path d="M19.439 7.85c-.049.322.059.648.289.878l1.568 1.568c.47.47.706 1.087.706 1.704s-.235 1.233-.706 1.704l-1.611 1.611a.98.98 0 0 1-.837.276c-.47-.07-.802-.48-.968-.925a2.501 2.501 0 1 0-3.214 3.214c.446.166.855.497.925.968a.979.979 0 0 1-.276.837l-1.61 1.61a2.404 2.404 0 0 1-1.705.707 2.402 2.402 0 0 1-1.704-.706l-1.568-1.568a1.026 1.026 0 0 0-.877-.29c-.493.074-.84.504-1.02.968a2.5 2.5 0 1 1-3.237-3.237c.464-.18.894-.527.967-1.02a1.026 1.026 0 0 0-.289-.877l-1.568-1.568A2.402 2.402 0 0 1 1.998 12c0-.617.236-1.234.706-1.704L4.23 8.77c.24-.24.581-.353.917-.303.515.077.877.528 1.073 1.01a2.5 2.5 0 1 0 3.259-3.259c-.482-.196-.933-.558-1.01-1.073-.05-.336.062-.676.303-.917l1.525-1.525A2.402 2.402 0 0 1 12 1.998c.617 0 1.234.236 1.704.706l1.568 1.568c.23.23.556.338.877.29.493-.074.84-.504 1.02-.968a2.5 2.5 0 1 1 3.237 3.237c-.464.18-.894.527-.967 1.02Z"/>
               </svg>
               <div class="task-info">
                 <span class="task-name" id="extensions-sidebar-label" data-i18n="sidebar.extensions">Extension Management</span>
@@ -240,7 +239,7 @@
           <div id="channels-sidebar-item" class="task-item task-item-summary">
             <div class="task-row">
               <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="task-icon">
-                <rect x="5" y="2" width="14" height="20" rx="2"/>
+                <rect x="4" y="2" width="16" height="20" rx="2"/>
                 <path d="M12 18h.01"/>
               </svg>
               <div class="task-info">
@@ -270,8 +269,9 @@
           <div id="profile-sidebar-item" class="task-item task-item-summary">
             <div class="task-row">
               <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="task-icon">
-                <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/>
-                <circle cx="12" cy="7" r="4"/>
+                <path d="M2 21a8 8 0 0 1 10.821-7.487"/>
+                <path d="M21.378 16.626a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z"/>
+                <circle cx="10" cy="8" r="5"/>
               </svg>
               <div class="task-info">
                 <span class="task-name" id="profile-sidebar-label" data-i18n="sidebar.profile">Profile &amp; Soul</span>
@@ -286,10 +286,9 @@
           <div id="trash-sidebar-item" class="task-item task-item-summary">
             <div class="task-row">
               <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="task-icon">
-                <polyline points="3 6 5 6 21 6"/>
-                <path d="M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6"/>
-                <path d="M10 11v6"/><path d="M14 11v6"/>
-                <path d="M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2"/>
+                <rect x="2" y="3" width="20" height="5" rx="1"/>
+                <path d="M4 8v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8"/>
+                <path d="M10 12h4"/>
               </svg>
               <div class="task-info">
                 <span class="task-name" id="trash-sidebar-label" data-i18n="sidebar.trash">File Recall</span>
@@ -299,7 +298,7 @@
           <div id="billing-sidebar-item" class="task-item task-item-summary">
             <div class="task-row">
               <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="task-icon">
-                <line x1="12" y1="1" x2="12" y2="23"/>
+                <line x1="12" x2="12" y1="2" y2="22"/>
                 <path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/>
               </svg>
               <div class="task-info">