openclacky 1.5.19 → 1.5.21

data/lib/clacky/web/projects.js

@@ -157,6 +157,8 @@ const Projects = (() => {
     Sessions.removeByProjectId(id);
     Sessions.renderList();
     renderSection();
+    Archive.refreshIfShown();
+    Trash.refreshIfShown();
   }
 
   /**
@@ -514,7 +516,8 @@ const Projects = (() => {
     const iconPin = `<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="transform:rotate(45deg);display:block"><path d="M12 17v5"/><path d="M9 10.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H8a2 2 0 0 0 0 4 1 1 0 0 1 1 1z"/></svg>`;
     const iconEdit = `<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 1 1 3 3L7 19l-4 1 1-4z"/></svg>`;
     const iconClearSessions = `<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m16 22-1-4"/><path d="M19 14a1 1 0 0 0 1-1v-1a2 2 0 0 0-2-2h-3a1 1 0 0 1-1-1V4a2 2 0 0 0-4 0v5a1 1 0 0 1-1 1H6a2 2 0 0 0-2 2v1a1 1 0 0 0 1 1"/><path d="M19 14H5l-1.973 6.767A1 1 0 0 0 4 22h16a1 1 0 0 0 .973-1.233z"/><path d="m8 22 1-4"/></svg>`;
-    const iconTrash = `<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 6h18"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"/><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg>`;
+    const iconTrash = `<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 6h18"/><path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"/><path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/><line x1="10" y1="11" x2="10" y2="17"/><line x1="14" y1="11" x2="14" y2="17"/></svg>`;
+    const iconArchive = `<svg viewBox="0 0 24 24" width="14" height="14" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="4" width="20" height="5" rx="1"/><path d="M4 9v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9"/><line x1="10" y1="14" x2="14" y2="14"/></svg>`;
 
     const addItem = (labelKey, defaultLabel, iconSvg, danger, onClick) => {
       const item = document.createElement("button");
@@ -551,6 +554,14 @@ const Projects = (() => {
             isPinned ? "Unpin" : "Pin to top", iconPin, false, pinToggle);
     addItem("projects.menu.edit", "Edit Project", iconEdit, false, () => promptEdit(projectId));
     addItem("projects.menu.deleteSessions", "Delete Sessions", iconClearSessions, false, () => promptDeleteSessions(projectId));
+
+    // The last group (archive + delete) mirrors the session menu: an explicit
+    // divider above Archive, then Archive right before Delete.
+    const divider = document.createElement("div");
+    divider.className = "project-actions-menu-divider";
+    menu.appendChild(divider);
+
+    addItem("projects.menu.archiveSessions", "Archive Sessions", iconArchive, false, () => promptArchiveSessions(projectId));
     addItem("projects.menu.delete", "Delete", iconTrash, true, () => promptDelete(projectId));
 
     // Position near anchor
@@ -1050,11 +1061,53 @@ const Projects = (() => {
       Sessions.removeByProjectId(id);
       Sessions.renderList();
       renderSection();
+      Archive.refreshIfShown();
+      Trash.refreshIfShown();
     } catch (err) {
       console.error("[Projects] delete sessions error:", err);
     }
   }
 
+  /**
+   * Archive every session in a project. Unlike deleting, the chats stay
+   * recoverable from the Archived sessions page.
+   */
+  async function promptArchiveSessions(id) {
+    const project = find(id);
+    if (!project) return;
+
+    // Always ask first: the sidebar list may not hold every session of the
+    // project (cron/ext sessions live in folded groups), so it can't be used
+    // to decide whether there is anything worth confirming.
+    const confirmed = await Modal.confirm(
+      I18n.t("projects.archiveSessions.confirm", { name: project.name })
+    );
+    if (!confirmed) return;
+
+    const ids = Sessions.all.filter(s => s.project_id === id).map(s => s.id);
+    try {
+      const res  = await fetch(`/api/projects/${id}/sessions/archive`, { method: "POST" });
+      const data = await res.json();
+      if (!res.ok) throw new Error(data.error || "Failed to archive sessions");
+
+      if (!data.archived) {
+        Modal.toast(I18n.t("projects.archiveSessions.empty"), "info");
+        return;
+      }
+
+      if (ids.includes(Sessions.activeId)) Router.navigate("welcome");
+      ids.forEach(sessionId => Sessions.remove(sessionId));
+      Sessions.renderList();
+      renderSection();
+      Archive.refreshIfShown();
+
+      Modal.toast(I18n.t("projects.archiveSessions.done", { count: data.archived }), "success");
+    } catch (err) {
+      console.error("[Projects] archive sessions error:", err);
+      Modal.toast(I18n.t("projects.archiveSessions.fail", { msg: err.message }), "error");
+    }
+  }
+
   /** Confirm and delete a project. */
   async function promptDelete(id) {
     const project = find(id);
@@ -1132,6 +1185,8 @@ const Projects = (() => {
     promptCreate,
     promptEdit,
     promptDelete,
+    promptDeleteSessions,
+    promptArchiveSessions,
     renderSection,
     expand,
     getIconSvg: _getIconSvg,