openclacky 1.0.2 → 1.0.3

data/lib/clacky/web/app.css

@@ -854,69 +854,106 @@ body {
   display: none;
   align-items: center;
   justify-content: center;
-  width: 18px;
-  height: 18px;
+  width: 24px;
+  height: 24px;
   background: transparent;
   border: none;
-  border-radius: 3px;
+  border-radius: 4px;
   color: var(--color-text-muted);
-  font-size: 14px;
-  line-height: 1;
   cursor: pointer;
   padding: 0;
-  margin-top: -3px;
   transition: background .15s, color .15s;
-  font-weight: bold;
-  letter-spacing: -1px;
+  align-self: center;
 }
 .session-item:hover .session-actions-btn { display: flex; }
 .session-actions-btn:hover { 
-  background: var(--color-bg-hover); 
+  background: var(--color-border-primary); 
   color: var(--color-text-primary); 
 }
 
 /* Pin icon in session name */
 .session-pin-icon {
   flex-shrink: 0;
-  font-size: 11px;
-  opacity: 0.7;
+  display: inline-flex;
+  align-items: center;
+  opacity: 0.6;
   margin-left: 2px;
+  color: var(--color-text-tertiary);
 }
 .session-item.active .session-pin-icon {
   opacity: 1;
+  color: var(--color-accent-primary);
 }
 
 /* Actions menu dropdown */
 .session-actions-menu {
   background: var(--color-bg-secondary);
   border: 1px solid var(--color-border-primary);
-  border-radius: 6px;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-  padding: 3px;
-  min-width: 120px;
+  border-radius: 8px;
+  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.04);
+  padding: 4px;
+  min-width: 160px;
   z-index: 1000;
   animation: fadeIn 0.15s ease;
 }
 [data-theme="dark"] .session-actions-menu {
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5), 0 2px 6px rgba(0, 0, 0, 0.3);
 }
 .session-actions-menu-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
   padding: 6px 10px;
-  border-radius: 4px;
+  border-radius: 5px;
   cursor: pointer;
   color: var(--color-text-primary);
-  font-size: 12px;
-  transition: background .15s;
+  font-size: 13px;
+  line-height: 1.4;
+  transition: background .12s ease, color .12s ease;
   user-select: none;
 }
+.session-actions-menu-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 14px;
+  height: 14px;
+  color: var(--color-text-secondary);
+  flex-shrink: 0;
+}
+.session-actions-menu-label {
+  flex: 1;
+  min-width: 0;
+}
 .session-actions-menu-item:hover {
   background: var(--color-bg-hover);
 }
+.session-actions-menu-item:hover .session-actions-menu-icon {
+  color: var(--color-text-primary);
+}
+.session-actions-menu-item--danger .session-actions-menu-icon {
+  color: var(--color-text-secondary);
+}
 .session-actions-menu-item--danger {
-  color: var(--color-error);
+  margin-top: 5px;
+  position: relative;
+}
+.session-actions-menu-item--danger::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: -3px;
+  height: 1px;
+  background: var(--color-border-secondary);
+  pointer-events: none;
 }
 .session-actions-menu-item--danger:hover {
   background: var(--color-error-bg);
+  color: var(--color-error);
+}
+.session-actions-menu-item--danger:hover .session-actions-menu-icon {
+  color: var(--color-error);
 }
 
 @keyframes fadeIn {
@@ -1557,7 +1594,7 @@ body {
 .msg-user .msg-time      { color: var(--color-text-secondary); right: 0; left: auto; padding-right: 4px; }
 .msg-assistant .msg-time { color: var(--color-text-secondary); left: 0;  right: auto; padding-left: 4px; }
 
-.msg-user      { background: var(--color-accent-primary); color: var(--color-button-primary-text); align-self: flex-end; }
+.msg-user      { background: var(--color-accent-primary); color: var(--color-button-primary-text); align-self: flex-end; white-space: pre-wrap; }
 [data-theme="dark"] .msg-user { background: var(--color-accent-hover); }
 .msg-assistant { background: var(--color-bg-tertiary); border: 1px solid var(--color-border-primary); align-self: flex-start; }
 
@@ -1610,7 +1647,6 @@ body {
 }
 
 /* ── Markdown rendering inside assistant messages ────────────────────────── */
-.msg-assistant p          { margin: 0 0 0.6em; }
 .msg-assistant p:last-child { margin-bottom: 0; }
 .msg-assistant h1, .msg-assistant h2, .msg-assistant h3,
 .msg-assistant h4, .msg-assistant h5, .msg-assistant h6 {

data/lib/clacky/web/i18n.js

@@ -43,11 +43,13 @@ const I18n = (() => {
       "chat.history_load_failed": "Could not load history",
       "chat.history_start":       "No more history",
       "chat.image_expired": "Expired",
-      "chat.done":           "Done — {{n}} iteration(s), ${{cost}}",
+      "chat.done":           "Done — {{n}} iteration(s), {{cost}}",
       "chat.interrupted":    "Interrupted.",
       "chat.feedback_hint":  "Or type your own answer below ↓",
       "chat.newMessageHint": "New messages ↓",
       "chat.retry":          "Retry",
+      "chat.resetSession":   "Reset session",
+      "chat.resetSessionConfirm": "Reset will start a brand-new session. The current conversation history stays in your sidebar but will no longer be active. Continue?",
       "chat.copy":           "Copy",
       "chat.copied":         "Copied",
       "chat.empty.title":    "Start the conversation",
@@ -541,7 +543,7 @@ const I18n = (() => {
       "chat.history_load_failed": "历史记录加载失败",
       "chat.history_start":       "没有更多历史了",
       "chat.image_expired": "已过期",
-      "chat.done":           "完成 — {{n}} 步，${{cost}}",
+      "chat.done":           "完成 — {{n}} 步，{{cost}}",
       "chat.interrupted":    "已中断。",
       "chat.feedback_hint":  "或在下方输入框自由作答 ↓",
       "chat.newMessageHint": "有新消息 ↓",

data/lib/clacky/web/sessions.js

@@ -1492,7 +1492,7 @@ const Sessions = (() => {
       : "";
 
     // Pin icon (always visible for pinned sessions)
-    const pinIcon = s.pinned ? `<span class="session-pin-icon">📌</span>` : "";
+    const pinIcon = s.pinned ? `<span class="session-pin-icon"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" xmlns="http://www.w3.org/2000/svg" style="transform:rotate(45deg);display:block"><line x1="12" y1="17" x2="12" y2="22"/><path d="M5 17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V6h1a2 2 0 0 0 0-4H8a2 2 0 0 0 0 4h1v4.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24Z"/></svg></span>` : "";
 
     // Status dot: only rendered for non-idle states. Idle is the default
     // state for 95% of sessions and doesn't deserve a persistent visual marker.
@@ -1505,7 +1505,7 @@ const Sessions = (() => {
         <div class="session-name">${dotHtml}<span class="session-name__text">${escapeHtml(displayName)}</span>${badgeHtml}${codingBadgeHtml}${pinIcon}</div>
         <div class="session-meta">${metaText}</div>
       </div>
-      <button class="session-actions-btn" title="Actions">⋯</button>`;
+      <button class="session-actions-btn" title="Actions"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="2.5" cy="7" r="1.2" fill="currentColor"/><circle cx="7" cy="7" r="1.2" fill="currentColor"/><circle cx="11.5" cy="7" r="1.2" fill="currentColor"/></svg></button>`;
 
     // Use a click timer to distinguish single-click (select) from double-click (old rename behavior).
     let clickTimer = null;
@@ -1618,7 +1618,7 @@ const Sessions = (() => {
       // session when renderList() forces scroll-to-active.
       const sidebarList = document.getElementById("sidebar-list");
       const savedScrollTop = sidebarList ? sidebarList.scrollTop : 0;
-      Sessions.renderList();
+      Sessions.renderList({ skipScrollToActive: true });
 
       try {
         // Cursor: oldest created_at in the current list, EXCLUDING pinned
@@ -1651,7 +1651,7 @@ const Sessions = (() => {
         console.error("loadMore error:", e);
       } finally {
         _loadingMore = false;
-        Sessions.renderList();
+        Sessions.renderList({ skipScrollToActive: true });
         // Restore scroll position so the user stays where they were
         if (sidebarList) sidebarList.scrollTop = savedScrollTop;
       }
@@ -1826,7 +1826,7 @@ const Sessions = (() => {
 
     // ── Rendering ─────────────────────────────────────────────────────────
 
-    renderList() {
+    renderList({ skipScrollToActive = false } = {}) {
       // Sort helper: pinned first, then newest-first by created_at
       const byPinnedAndTime = (a, b) => {
         // Pinned sessions always come first
@@ -1877,15 +1877,17 @@ const Sessions = (() => {
       if (_hasMore) list.appendChild(_makeLoadMoreBtn());
 
       // Scroll active session into view so the sidebar always shows the current session.
-      const activeEl = list.querySelector(".session-item.active");
-      if (activeEl) {
-        // If the active session is the very first item, scroll to top of the sidebar
-        // container so sticky headers / expanded panels don't obscure it.
-        if (activeEl === list.firstElementChild) {
-          const sidebarList = document.getElementById("sidebar-list");
-          if (sidebarList) sidebarList.scrollTop = 0;
-        } else {
-          activeEl.scrollIntoView({ block: "nearest" });
+      if (!skipScrollToActive) {
+        const activeEl = list.querySelector(".session-item.active");
+        if (activeEl) {
+          // If the active session is the very first item, scroll to top of the sidebar
+          // container so sticky headers / expanded panels don't obscure it.
+          if (activeEl === list.firstElementChild) {
+            const sidebarList = document.getElementById("sidebar-list");
+            if (sidebarList) sidebarList.scrollTop = 0;
+          } else {
+            activeEl.scrollIntoView({ block: "nearest" });
+          }
         }
       }
     },
@@ -1961,17 +1963,27 @@ const Sessions = (() => {
       // Close any existing menu first
       Sessions._closeActionsMenu();
 
+      // Lucide-style stroked icons to match the rest of the UI
+      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 iconRename = `<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="M12 20h9"/><path d="M16.5 3.5a2.121 2.121 0 1 1 3 3L7 19l-4 1 1-4z"/></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 pinLabel = session.pinned ? I18n.t("sessions.actions.unpin") : I18n.t("sessions.actions.pin");
+
       const menu = document.createElement("div");
       menu.className = "session-actions-menu";
       menu.innerHTML = `
         <div class="session-actions-menu-item" data-action="pin">
-          ${session.pinned ? "📌 " + I18n.t("sessions.actions.unpin") : "📌 " + I18n.t("sessions.actions.pin")}
+          <span class="session-actions-menu-icon">${iconPin}</span>
+          <span class="session-actions-menu-label">${escapeHtml(pinLabel)}</span>
         </div>
         <div class="session-actions-menu-item" data-action="rename">
-          ✏️ ${I18n.t("sessions.actions.rename")}
+          <span class="session-actions-menu-icon">${iconRename}</span>
+          <span class="session-actions-menu-label">${escapeHtml(I18n.t("sessions.actions.rename"))}</span>
         </div>
         <div class="session-actions-menu-item session-actions-menu-item--danger" data-action="delete">
-          🗑️ ${I18n.t("sessions.actions.delete")}
+          <span class="session-actions-menu-icon">${iconTrash}</span>
+          <span class="session-actions-menu-label">${escapeHtml(I18n.t("sessions.actions.delete"))}</span>
         </div>
       `;
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: openclacky
 version: !ruby/object:Gem::Version
-  version: 1.0.2
+  version: 1.0.3
 platform: ruby
 authors:
 - windy
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-05-07 00:00:00.000000000 Z
+date: 2026-05-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: faraday
@@ -395,6 +395,8 @@ files:
 - lib/clacky/server/channel/channel_config.rb
 - lib/clacky/server/channel/channel_manager.rb
 - lib/clacky/server/channel/channel_ui_controller.rb
+- lib/clacky/server/discover.rb
+- lib/clacky/server/epipe_safe_io.rb
 - lib/clacky/server/http_server.rb
 - lib/clacky/server/scheduler.rb
 - lib/clacky/server/server_master.rb