openclacky 1.5.2 → 1.5.4

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

@@ -20,6 +20,7 @@ const TrashStore = (() => {
   let _sessions       = [];
   let _sessionTotals  = { count: 0, size: 0 };
   let _filterSource   = SOURCES.ALL;
+  let _filterProjectId = null;  // null = all projects
   let _loading        = false;
 
   const _listeners = {};
@@ -48,19 +49,23 @@ const TrashStore = (() => {
     get files()         { return _files; },
     get totals()        { return _totals; },
     get sessions()      {
-      if (_filterSource === SOURCES.ALL) return _sessions;
-      return _filterSource === SOURCES.CRON
-        ? _sessions.filter(s => s.source === SOURCES.CRON)
-        : _sessions.filter(s => s.source !== SOURCES.CRON);
+      let list = _sessions;
+      if (_filterSource !== SOURCES.ALL) {
+        list = _filterSource === SOURCES.CRON
+          ? list.filter(s => s.source === SOURCES.CRON)
+          : list.filter(s => s.source !== SOURCES.CRON);
+      }
+      if (_filterProjectId !== null) {
+        list = list.filter(s => String(s.project_id ?? "") === _filterProjectId);
+      }
+      return list;
     },
     get sessionTotals() {
-      const filtered = _filterSource === SOURCES.ALL ? _sessions
-        : _filterSource === SOURCES.CRON
-          ? _sessions.filter(s => s.source === SOURCES.CRON)
-          : _sessions.filter(s => s.source !== SOURCES.CRON);
+      const filtered = state.sessions;
       return { count: filtered.length, size: filtered.reduce((sum, s) => sum + (s.file_size || 0), 0) };
     },
-    get filterSource()  { return _filterSource; },
+    get filterSource()     { return _filterSource; },
+    get filterProjectId()  { return _filterProjectId; },
     orphanCount() { return _files.filter(f => _isOrphanRoot(f.project_root)).length; },
     isOrphan(file) { return _isOrphanRoot(file.project_root); },
   };
@@ -76,6 +81,14 @@ const TrashStore = (() => {
       _emit("trash:sessionsChanged");
     },
 
+    setFilterProject(projectId) {
+      // projectId: string/number ID or null/empty (= all)
+      const normalized = (projectId != null && projectId !== "") ? String(projectId) : null;
+      if (normalized === _filterProjectId) return;
+      _filterProjectId = normalized;
+      _emit("trash:sessionsChanged");
+    },
+
     async loadFiles() {
       if (_loading) return;
       _loading = true;
@@ -166,6 +179,7 @@ const TrashStore = (() => {
         if (restored && typeof Sessions !== "undefined") {
           Sessions.add(restored);
           Sessions.renderList();
+          if (typeof Projects !== "undefined") Projects.renderSection();
         }
         return { ok: true, session: restored };
       } catch (e) {

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

@@ -49,6 +49,32 @@ const TrashView = (() => {
     return d.toLocaleDateString();
   }
 
+  // ── Project filter select helpers ────────────────────────────────────
+
+  function _refreshProjectOptions() {
+    const sel = $("trash-filter-project");
+    if (!sel) return;
+
+    const projects = (typeof Projects !== "undefined") ? Projects.all() : [];
+    const currentVal = sel.value;
+
+    // Rebuild options: keep the "all" placeholder, then one per project
+    sel.innerHTML = `<option value="">${I18n.t ? I18n.t("trash.filterAllProjects") : "所有项目"}</option>`;
+    projects.forEach(p => {
+      const opt = document.createElement("option");
+      opt.value       = p.id;
+      opt.textContent = p.name || p.id;
+      sel.appendChild(opt);
+    });
+
+    // Restore previous selection if still valid
+    if (currentVal && projects.some(p => String(p.id) === currentVal)) {
+      sel.value = currentVal;
+    } else {
+      sel.value = "";
+    }
+  }
+
   // ── Tab switching ────────────────────────────────────────────────────
 
   function _switchTab(tab) {
@@ -221,6 +247,7 @@ const TrashView = (() => {
     if (btnOld) btnOld.disabled = sessions.length === 0;
     if (btnAll) btnAll.disabled = sessions.length === 0;
     if (filterBar) filterBar.style.display = "";
+    _refreshProjectOptions();
 
     if (sessions.length === 0) {
       list.innerHTML = `<div class="trash-empty">${_t("trash.noSessionTrash")}</div>`;
@@ -242,6 +269,21 @@ const TrashView = (() => {
     const whenStr   = _humanTime(session.deleted_at || session.created_at);
     const taskLabel = I18n.t("trash.sessionTasks", { n: taskCount });
 
+    // Project badge — resolve name + color from Projects store if available
+    let projectBadgeHtml = "";
+    if (session.project_id && typeof Projects !== "undefined") {
+      const proj = Projects.find(session.project_id);
+      if (proj) {
+        const projName  = escapeHtml(proj.name || "");
+        const dotColor  = proj.color ? `style="background:${escapeHtml(proj.color)}"` : "";
+        projectBadgeHtml = `
+          <span class="trash-session-project-badge" title="${projName}">
+            <span class="trash-session-project-dot" ${dotColor}></span>
+            ${projName}
+          </span>`;
+      }
+    }
+
     card.innerHTML = `
       <div class="trash-session-card-info">
         <div class="trash-session-card-name" title="${escapeHtml(name)}">${escapeHtml(name)}</div>
@@ -250,6 +292,7 @@ const TrashView = (() => {
           <span>${escapeHtml(taskLabel)}</span>
           <span>${sizeStr}</span>
           <span title="${escapeHtml(session.deleted_at || session.created_at || '')}">${escapeHtml(whenStr)}</span>
+          ${projectBadgeHtml}
         </div>
       </div>
       <div class="trash-session-card-actions">
@@ -419,6 +462,14 @@ const TrashView = (() => {
         document.querySelectorAll(".trash-filter-chip").forEach(c => c.classList.toggle("active", c.dataset.filter === val));
       });
     });
+
+    // Project filter select
+    const projSel = $("trash-filter-project");
+    if (projSel) {
+      projSel.addEventListener("change", () => {
+        Trash.setFilterProject(projSel.value || null);
+      });
+    }
   }
 
   function _subscribe() {

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

@@ -102,6 +102,15 @@ const WorkspaceStore = (() => {
       if (!resp.ok) throw new Error(`HTTP ${resp.status}`);
       return resp.text();
     },
+
+    async saveFileText(entry, content) {
+      const resp = await fetch("/api/file-action", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ path: _absPath(entry.path), action: "save", content })
+      });
+      if (!resp.ok) throw new Error(`HTTP ${resp.status}`);
+    },
   };
 
   return Workspace;

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

@@ -226,7 +226,14 @@ const WorkspaceView = (() => {
     }
     try {
       const text = await Workspace.fetchFileText(entry);
-      CodeEditor.open({ filename: entry.name, title: entry.name, content: text, readOnly: true });
+      CodeEditor.open({
+        filename: entry.name,
+        title: entry.name,
+        content: text,
+        onSave: async (content) => {
+          await Workspace.saveFileText(entry, content);
+        }
+      });
     } catch (err) {
       console.error("preview failed:", err);
       Modal.toast(t("workspace.previewFailed"), "error");

data/lib/clacky/web/i18n.js

@@ -15,6 +15,7 @@ const I18n = (() => {
     en: {
       // ── Sidebar ──
       "sidebar.chat":     "Chat",
+      "sidebar.projects": "Projects",
       "sidebar.config":   "Config",
       "sidebar.tasks":    "Task Management",
       "sidebar.skills":   "Skill Management",
@@ -28,6 +29,31 @@ const I18n = (() => {
       "sidebar.settings": "Settings",
       "sidebar.billing": "Usage",
 
+      // ── Projects ──
+      "projects.defaultName": "New Project",
+      "projects.create.title": "New Project",
+      "projects.create.label": "Project name",
+      "projects.create.placeholder": "Project name",
+      "projects.create.dirPlaceholder": "Working directory (optional)",
+      "projects.create.sourceFolders": "Source folders",
+      "projects.create.folderHint": "Add a working folder",
+      "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.delete": "Delete",
+      "projects.delete.confirm": "Delete project \"{{name}}\"? All sessions in this project will also be deleted.",
+      "projects.modal.name":         "Project Name",
+
       // ── Welcome screen ──
       "sessions.new.title":       "Start a new session",
       "sessions.new.subtitle":    "Pick who you want to chat with, then type your first message.",
@@ -338,6 +364,7 @@ const I18n = (() => {
       "trash.filterAll":              "All",
       "trash.filterCron":             "Scheduled",
       "trash.filterManual":           "Regular",
+      "trash.filterAllProjects":      "All Projects",
       "trash.sessionAutoCleanHint":   "The system keeps the most recent 200 sessions; older ones are moved here.",
 
       // ── Relative time (used by _humanTime helper) ──
@@ -561,6 +588,7 @@ const I18n = (() => {
       "extensions.action.remove":          "Remove",
       "extensions.action.removeConfirm":   "Remove this extension? Its files will be deleted. You can reinstall it later.",
       "extensions.action.removePurgeData": "Also delete this extension's data (kept by default; reinstalling restores it)",
+      "ext.refresh_hint":    "Reload Extensions",
       "mcp.loading":              "Loading…",
       "mcp.empty.title":          "No MCP servers configured",
       "mcp.empty.body":           "Create ~/.clacky/mcp.json to plug in MCP servers. The format matches Claude Desktop and Cursor, so existing configs work as-is.",
@@ -669,6 +697,8 @@ const I18n = (() => {
       "settings.models.baseurl.variant.ark_agent":             "Agent Plan",
       "settings.models.baseurl.variant.openclacky_primary":    "Primary (Global)",
       "settings.models.baseurl.variant.openclacky_secondary":  "Secondary (China)",
+      "settings.models.baseurl.variant.mimo_payg":             "Pay-as-you-go",
+      "settings.models.baseurl.variant.mimo_token_plan":       "Token Plan",
       "settings.models.btn.save":          "Save",
       "settings.models.btn.saving":        "Saving…",
       "settings.models.btn.saved":         "Saved ✓",
@@ -740,6 +770,17 @@ const I18n = (() => {
       "settings.backup.lastOk":            "Last backup: {{time}}",
       "settings.backup.lastError":         "Backup failed: {{msg}}",
       "settings.brand.title":              "Brand & License",
+      "settings.brand.source.desc":        "Choose the platform source for licenses and marketplace content. Changing it unbinds the current license and removes brand Skills.",
+      "settings.brand.source.label":       "Platform Source",
+      "settings.brand.source.save":        "Save",
+      "settings.brand.source.restore":     "Restore",
+      "settings.brand.source.saving":      "Switching…",
+      "settings.brand.source.saved":       "Source saved.",
+      "settings.brand.source.required":    "Enter a platform source URL.",
+      "settings.brand.source.invalid":     "Use an HTTP/HTTPS origin without credentials, a path, query parameters, or a fragment.",
+      "settings.brand.source.confirm":     "Changing the platform source will unbind the current license and remove all installed brand Skills. You will need to activate again on the new source. Continue?",
+      "settings.brand.source.reconnecting": "Source updated. Reconnecting…",
+      "settings.brand.source.reconnectFailed": "The source was saved, but the server is still reconnecting. Refresh this page in a moment.",
       "settings.brand.label.brand":        "Brand",
       "settings.brand.label.status":       "Status",
       "settings.brand.label.expires":      "Expires",
@@ -869,8 +910,15 @@ const I18n = (() => {
 
       "header.owner.tooltip":     "Creator — click to open Extension & Creation",
       "header.cmdbar.placeholder": "Search sessions…",
-      "notify.tooltip.on":        "Sound on task complete: ON (click to mute)",
-      "notify.tooltip.off":       "Sound on task complete: OFF (click to enable)",
+      "notify.tooltip.on":         "Task alerts ON — sound + desktop notification (click to mute)",
+      "notify.tooltip.off":        "Task alerts OFF — click to enable sound + desktop notification",
+      "notify.tooltip.onPending":  "Task alerts ON — sound enabled; allow desktop notifications when the browser prompts",
+      "notify.tooltip.onDenied":   "Task alerts ON — sound only (desktop notifications blocked in browser settings)",
+      "notify.tooltip.onNoDesktop":"Task alerts ON — sound only (this browser has no desktop notifications)",
+      "notify.toast.denied":       "Sound alerts enabled. Desktop notifications are blocked in browser settings.",
+      "notify.toast.noDesktop":    "Sound alerts enabled. This browser has no desktop notifications.",
+      "notify.desktop.title":      "Task complete",
+      "notify.desktop.body":       "A background task finished. Click to open it.",
 
       "header.refresh":           "Refresh",
       "header.theme.toDark":      "Switch to dark mode",
@@ -1013,6 +1061,7 @@ const I18n = (() => {
     zh: {
       // ── Sidebar ──
       "sidebar.chat":     "会话",
+      "sidebar.projects": "项目",
       "sidebar.config":   "配置",
       "sidebar.tasks":    "任务管理",
       "sidebar.skills":   "技能管理",
@@ -1026,6 +1075,30 @@ const I18n = (() => {
       "sidebar.settings": "设置",
       "sidebar.billing": "用量信息",
 
+      // ── Projects ──
+      "projects.defaultName": "新项目",
+      "projects.create.title": "新建项目",
+      "projects.create.label": "项目名称",
+      "projects.create.placeholder": "项目名称",
+      "projects.create.sourceFolders": "工作目录",
+      "projects.create.folderHint": "添加工作文件夹",
+      "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.delete": "删除",
+      "projects.delete.confirm": "删除项目「{{name}}」？该项目下的所有会话也将被删除。",
+      "projects.modal.name":         "项目名称",
+
       // ── Welcome screen ──
       "sessions.new.title":       "开始新会话",
       "sessions.new.subtitle":    "选一个 Agent，然后输入第一条消息。",
@@ -1334,6 +1407,7 @@ const I18n = (() => {
       "trash.filterAll":              "全部",
       "trash.filterCron":             "定时任务",
       "trash.filterManual":           "普通会话",
+      "trash.filterAllProjects":      "所有项目",
       "trash.sessionAutoCleanHint":   "系统自动保留最近 200 个会话，超出后自动移入此处。",
 
       // ── Relative time (used by _humanTime helper) ──
@@ -1556,6 +1630,7 @@ const I18n = (() => {
       "extensions.action.remove":          "移除",
       "extensions.action.removeConfirm":   "确定移除此扩展？相关文件会被删除，之后可重新安装。",
       "extensions.action.removePurgeData": "同时删除该扩展的数据（默认保留，重新安装会自动恢复）",
+      "ext.refresh_hint":    "刷新扩展",
       "mcp.loading":              "加载中…",
       "mcp.empty.title":          "尚未配置 MCP 服务",
       "mcp.empty.body":           "新建 ~/.clacky/mcp.json 即可接入 MCP 服务。格式与 Claude Desktop、Cursor 一致，现有配置可直接复用。",
@@ -1671,6 +1746,8 @@ const I18n = (() => {
       "settings.models.baseurl.variant.ark_agent":             "Agent Plan",
       "settings.models.baseurl.variant.openclacky_primary":    "主节点（全球）",
       "settings.models.baseurl.variant.openclacky_secondary":  "备用节点（中国）",
+      "settings.models.baseurl.variant.mimo_payg":             "按量付费",
+      "settings.models.baseurl.variant.mimo_token_plan":       "Token Plan",
       "settings.models.btn.save":          "保存",
       "settings.models.btn.saving":        "保存中…",
       "settings.models.btn.saved":         "已保存 ✓",
@@ -1742,6 +1819,17 @@ const I18n = (() => {
       "settings.backup.lastOk":            "上次备份：{{time}}",
       "settings.backup.lastError":         "备份失败：{{msg}}",
       "settings.brand.title":              "品牌 & 授权",
+      "settings.brand.source.desc":        "选择获取授权和市场内容的平台源。切换后将解绑当前许可证，并删除品牌 Skill。",
+      "settings.brand.source.label":       "平台源",
+      "settings.brand.source.save":        "保存",
+      "settings.brand.source.restore":     "还原",
+      "settings.brand.source.saving":      "正在切换…",
+      "settings.brand.source.saved":       "平台源已保存。",
+      "settings.brand.source.required":    "请输入平台源地址。",
+      "settings.brand.source.invalid":     "请填写不含凭据、路径、查询参数或片段的 HTTP/HTTPS Origin。",
+      "settings.brand.source.confirm":     "切换平台源将解绑当前许可证，并删除所有已安装的品牌 Skill。切换后需要在新源重新激活，是否继续？",
+      "settings.brand.source.reconnecting": "平台源已更新，正在重新连接…",
+      "settings.brand.source.reconnectFailed": "平台源已保存，但服务仍在重新连接，请稍后刷新页面。",
       "settings.brand.label.brand":        "品牌",
       "settings.brand.label.status":       "状态",
       "settings.brand.label.expires":      "到期时间",
@@ -1871,8 +1959,15 @@ const I18n = (() => {
 
       "header.owner.tooltip":     "创作者 — 点击进入扩展与创作",
       "header.cmdbar.placeholder": "搜索会话…",
-      "notify.tooltip.on":        "任务完成提示音：已开启（点击关闭）",
-      "notify.tooltip.off":       "任务完成提示音：已关闭（点击开启）",
+      "notify.tooltip.on":         "任务完成提醒：已开启（声音 + 桌面通知，点击关闭）",
+      "notify.tooltip.off":        "任务完成提醒：已关闭（点击开启声音 + 桌面通知）",
+      "notify.tooltip.onPending":  "任务完成提醒：已开启声音；请在浏览器弹窗中允许桌面通知",
+      "notify.tooltip.onDenied":   "任务完成提醒：仅声音（桌面通知已被浏览器拦截，可在设置中允许）",
+      "notify.tooltip.onNoDesktop":"任务完成提醒：仅声音（当前浏览器不支持桌面通知）",
+      "notify.toast.denied":       "已开启声音提醒。桌面通知被浏览器拦截，可在设置中允许。",
+      "notify.toast.noDesktop":    "已开启声音提醒。当前浏览器不支持桌面通知。",
+      "notify.desktop.title":      "任务完成",
+      "notify.desktop.body":       "有后台任务已完成，点击打开。",
 
       "header.refresh":           "刷新",
       "header.theme.toDark":      "切换到深色模式",

data/lib/clacky/web/index.html

@@ -54,14 +54,7 @@
     <div id="header-right">
       <span id="ext-slot-header-right" data-slot="header.right"></span>
 
-      <button id="reload-header" class="theme-toggle-btn" title="Reload" onclick="location.reload()">
-        <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="icon-sm">
-          <path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/>
-          <path d="M21 3v5h-5"/>
-          <path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/>
-          <path d="M8 16H3v5"/>
-        </svg>
-      </button>
+
       <button id="share-toggle-header" class="theme-toggle-btn" data-i18n-title="share.tooltip" title="Share">
         <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="icon-sm">
           <circle cx="18" cy="5" r="3"/>
@@ -71,7 +64,7 @@
           <line x1="15.41" y1="6.51" x2="8.59" y2="10.49"/>
         </svg>
       </button>
-      <button id="notify-toggle-header" class="theme-toggle-btn" data-i18n-title="notify.tooltip.off" title="Sound on task complete"></button>
+      <button id="notify-toggle-header" class="theme-toggle-btn" data-i18n-title="notify.tooltip.off" title="Task alerts"></button>
 
     </div>
   </header>
@@ -129,15 +122,21 @@
       <!-- Chat Group -->
       <div id="chat-section">
         <!-- Header: "Sessions" label + [+ New] button -->
-        <div class="sidebar-divider">
-          <span data-i18n="sidebar.chat">Sessions</span>
+        <div class="sidebar-divider sidebar-divider--no-rule" id="chat-section-header">
+          <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">
+              <path d="M6 9l6 6 6-6"/>
+            </svg>
+          </span>
           <div class="sidebar-divider-actions">
             <div class="btn-split-wrap">
               <button id="btn-new-session-inline" class="btn-split-main" title="New Session">
-                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                  <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round"/>
-                  <line x1="12" y1="8" x2="12" y2="14" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/>
-                  <line x1="9" y1="11" x2="15" y2="11" stroke="currentColor" stroke-width="1.75" stroke-linecap="round"/>
+                <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg">
+                  <path d="M7.9 20A9 9 0 1 0 4 16.1L2 22z"/>
+                  <path d="M12 8v8"/>
+                  <path d="M8 12h8"/>
                 </svg>
                 <span data-i18n="sessions.newSession">New Session</span>
               </button>
@@ -173,6 +172,31 @@
         <!-- Load more button rendered dynamically by Sessions.renderList() -->
       </div>
 
+      <!-- Projects Group -->
+      <div id="project-section">
+        <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">
+              <path d="M6 9l6 6 6-6"/>
+            </svg>
+          </span>
+          <div class="sidebar-divider-actions">
+            <button id="btn-projects-organize" class="btn-icon-sm" title="Organize" aria-label="Organize projects">
+              <svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor">
+                <circle cx="5" cy="12" r="2"/><circle cx="12" cy="12" r="2"/><circle cx="19" cy="12" r="2"/>
+              </svg>
+            </button>
+            <button id="btn-new-project" class="btn-icon-sm" title="New Project" aria-label="New project">
+              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/>
+              </svg>
+            </button>
+          </div>
+        </div>
+        <div id="project-list"></div>
+      </div>
+
       <!-- MAIN nav slot: default landing spot for extension menus. Between
            Sessions and Config so ext entries feel like standard nav items. -->
       <div id="ext-slot-sidebar-nav" data-slot="sidebar.nav"></div>
@@ -728,6 +752,14 @@
             <button class="trash-filter-chip active" data-filter="all" data-i18n="trash.filterAll">All</button>
             <button class="trash-filter-chip" data-filter="manual" data-i18n="trash.filterManual">Regular</button>
             <button class="trash-filter-chip" data-filter="cron" data-i18n="trash.filterCron">Scheduled</button>
+            <div class="trash-filter-project-wrap" id="trash-filter-project-wrap">
+              <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="trash-filter-project-icon">
+                <path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z"/>
+              </svg>
+              <select id="trash-filter-project" class="trash-filter-project-select">
+                <option value="" data-i18n="trash.filterAllProjects">所有项目</option>
+              </select>
+            </div>
           </div>
           <span class="trash-summary" id="trash-summary"></span>
           <div class="trash-actions">
@@ -1073,6 +1105,26 @@
               <span data-i18n="settings.brand.title">Brand &amp; License</span>
             </div>
 
+            <!-- Platform source -->
+            <div class="platform-source-card">
+              <p class="platform-source-desc" data-i18n="settings.brand.source.desc">
+                Choose the platform source for licenses and marketplace content. Changing it unbinds the current license and removes brand Skills.
+              </p>
+              <div class="platform-source-field">
+                <label class="platform-source-label" for="settings-clacky-license-server" data-i18n="settings.brand.source.label">Platform Source</label>
+                <div class="platform-source-row">
+                  <input type="url" id="settings-clacky-license-server" class="field-input"
+                         placeholder="https://www.openclacky.com"
+                         autocomplete="off" spellcheck="false">
+                  <button type="button" id="btn-save-clacky-license-server" class="btn-settings-action"
+                          data-i18n="settings.brand.source.save">Save</button>
+                  <button type="button" id="btn-restore-clacky-license-server" class="btn-settings-action"
+                          data-i18n="settings.brand.source.restore">Restore</button>
+                </div>
+                <div id="settings-clacky-license-server-status" class="model-test-result"></div>
+              </div>
+            </div>
+
             <!-- Current brand status (shown when already activated) -->
             <div id="brand-status-card" class="brand-status-card" style="display:none">
               <div class="brand-status-main">
@@ -1311,8 +1363,7 @@
               <input type="password" id="model-modal-apikey" class="field-input api-key-input" placeholder="sk-..." autocomplete="off">
               <button class="btn-toggle-key" id="model-modal-toggle-key" type="button" title="Show/hide key">
                 <svg width="16" height="16" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
+                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21"></path>
                 </svg>
               </button>
             </div>
@@ -1531,6 +1582,7 @@
 <div id="toast-stack" class="toast-stack" aria-live="polite" aria-atomic="true"></div>
 
 <!-- Rename Session Modal -->
+<!-- Project picker popup (floats near the trigger button) -->
 <div id="rename-modal-overlay" class="modal-overlay" style="display:none">
   <div class="modal-box sm">
     <div class="modal-header">
@@ -1570,6 +1622,7 @@
 <script src="/ws.js"></script>
 <script src="/ws-dispatcher.js"></script>
 <script src="/sessions.js"></script>
+<script src="/projects.js"></script>
 <script src="/features/workspace/store.js"></script>
 <script src="/features/workspace/view.js"></script>
 <script src="/components/datepicker.js"></script>