Changeset 0.19.0.1 (#82)

2026-02-28 23:46:23 +00:00
parent 091ce2af6a
commit 748f49bedd
30 changed files with 3873 additions and 151 deletions
--- a/src/css/styles.css
+++ b/src/css/styles.css
@@ -2364,3 +2364,93 @@ select option { background: var(--bg-surface); color: var(--text); }
    .admin-main { padding: 1rem; }
    .admin-cat { padding: 10px 12px; font-size: 13px; }
 }
+
+/* =========================================
+   PROJECTS (v0.19.0)
+   ========================================= */
+
+.project-group {
+    margin-bottom: 2px;
+    border-radius: var(--radius);
+    transition: background 0.15s;
+}
+.project-group.drag-over {
+    background: color-mix(in srgb, var(--accent) 12%, transparent);
+    outline: 1px dashed var(--accent);
+    outline-offset: -1px;
+    border-radius: var(--radius);
+}
+
+.project-header {
+    display: flex; align-items: center; gap: 6px;
+    padding: 6px 10px; cursor: pointer; user-select: none;
+    border-radius: var(--radius);
+    transition: background var(--transition);
+}
+.project-header:hover { background: var(--bg-hover); }
+
+.project-arrow {
+    font-size: 10px; color: var(--text-3); width: 12px; text-align: center; flex-shrink: 0;
+}
+.project-dot {
+    width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0;
+    background: var(--text-3); display: inline-block;
+}
+.project-name {
+    font-size: 12px; font-weight: 600; color: var(--text-2);
+    flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+}
+.project-count {
+    font-size: 10px; color: var(--text-3); flex-shrink: 0; margin-left: auto;
+}
+.project-menu-btn {
+    opacity: 0; background: none; border: none; color: var(--text-3);
+    cursor: pointer; font-size: 14px; padding: 0 4px; border-radius: 4px;
+    transition: opacity var(--transition), background var(--transition);
+    line-height: 1; flex-shrink: 0;
+}
+.project-header:hover .project-menu-btn { opacity: 1; }
+.project-header:hover .project-count { display: none; }
+.project-menu-btn:hover { background: var(--bg-raised); color: var(--text); }
+
+.project-empty {
+    font-size: 11px; color: var(--text-3); padding: 4px 10px 8px 28px;
+    font-style: italic;
+}
+
+.sidebar.collapsed .project-group { display: none; }
+.sidebar.collapsed .recent-section .chat-group-label { display: none; }
+
+/* Recent section drop target */
+.recent-section.drag-over {
+    background: color-mix(in srgb, var(--accent) 8%, transparent);
+    border-radius: var(--radius);
+}
+
+/* Dragging state */
+.chat-item.dragging { opacity: 0.4; }
+.chat-item[draggable="true"] { cursor: grab; }
+.chat-item[draggable="true"]:active { cursor: grabbing; }
+
+/* Context menu */
+.project-ctx-menu {
+    position: fixed; z-index: 9999;
+    background: var(--bg-surface); border: 1px solid var(--border);
+    border-radius: var(--radius); box-shadow: var(--shadow);
+    padding: 4px; min-width: 160px; max-width: 220px;
+}
+.ctx-item {
+    display: flex; align-items: center; gap: 8px;
+    width: 100%; padding: 7px 10px; border: none; background: none;
+    color: var(--text-2); font-size: 13px; cursor: pointer;
+    border-radius: calc(var(--radius) - 2px); text-align: left;
+    white-space: nowrap; overflow: hidden;
+}
+.ctx-item:hover { background: var(--bg-hover); color: var(--text); }
+.ctx-item.ctx-danger:hover { background: var(--danger-bg, #fef2f2); color: var(--danger, #ef4444); }
+.ctx-icon { width: 16px; text-align: center; flex-shrink: 0; font-size: 12px; }
+.ctx-divider { height: 1px; background: var(--border); margin: 3px 0; }
+.ctx-hint { font-size: 11px; color: var(--text-3); padding: 6px 10px; }
+
+/* Time labels inside project-grouped sidebar */
+.chat-time-label { padding-left: 12px; font-size: 10px; }