feat: free-form sessions, rename/end from the panel, live Claude Context (0.2.0)

- Sessions no longer need a project folder: any name works and starts in
  DEVDESK_DEFAULT_DIR unless it matches a project; `devdesk new NAME [PROJECT]`.
- Rename (✎) and end/forget (×) sessions from the Sessions panel, plus
  `devdesk rename`. The browser runs them as `devdesk attach --new|--rename|--end`
  through ttyd. Renames keep the running Claude and its recorded conversation:
  the hook, the run-wrapper and the statusline ask tmux for the current name.
- Claude Context panel is live: devdesk-statusline snapshots model,
  context-window use, cost and edits per session, which --list reports;
  Claude's footer gets a one-line summary. The panel now sits under Sessions.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

web/index.template.html

@@ -59,17 +59,36 @@
       </div>
       <div class="lt-section-body">
         <ul class="dd-session-list" id="sessions-list"></ul>
-        <div class="dd-new-session">
-          <select class="lt-select" id="project-select" aria-label="Project for a new session"></select>
-          <button type="button" class="lt-btn lt-btn-primary lt-btn-sm" id="project-open">Open</button>
-        </div>
+        <form class="dd-new-session" id="new-session-form" autocomplete="off">
+          <input class="lt-input" id="new-session-name" maxlength="64" placeholder="New session, e.g. pbs-upgrade"
+                 aria-label="New session name" spellcheck="false">
+          <select class="lt-select" id="project-select" aria-label="Start the new session in a project folder (optional)"></select>
+          <button type="submit" class="lt-btn lt-btn-primary lt-btn-sm">Open</button>
+        </form>
         <div class="dd-widget-foot">
           <button type="button" class="lt-btn lt-btn-ghost lt-btn-sm" id="open-picker">Picker</button>
-          <span class="dd-muted" id="sessions-status"></span>
+          <span class="dd-muted dd-status" id="sessions-status" role="status"></span>
         </div>
       </div>
     </section>
 
+    <section class="lt-frame dd-widget" id="widget-context" data-state="empty">
+      <div class="lt-section-header">Claude Context</div>
+      <div class="lt-section-body">
+        <div class="lt-progress lt-progress--cyan" role="progressbar" aria-label="Context window used" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
+          <div class="lt-progress-bar" style="width:0%"></div>
+        </div>
+        <div class="lt-kv-grid dd-context-grid">
+          <span class="lt-kv-key">Context</span><span class="lt-kv-val" data-field="used">—</span>
+          <span class="lt-kv-key">Model</span><span class="lt-kv-val" data-field="model">—</span>
+          <span class="lt-kv-key">Cost</span><span class="lt-kv-val" data-field="cost">—</span>
+          <span class="lt-kv-key">Edits</span><span class="lt-kv-val" data-field="lines">—</span>
+          <span class="lt-kv-key">Updated</span><span class="lt-kv-val" data-field="updated">—</span>
+        </div>
+        <p class="dd-muted dd-stub-note dd-context-note"></p>
+      </div>
+    </section>
+
     <section class="lt-frame dd-widget" id="widget-repo" data-state="stub">
       <div class="lt-section-header">Repo / CI <span class="lt-badge lt-badge-sm dd-soon">v1.1</span></div>
       <div class="lt-section-body">
@@ -99,19 +118,6 @@
       </div>
     </section>
 
-    <section class="lt-frame dd-widget" id="widget-context" data-state="stub">
-      <div class="lt-section-header">Claude Context <span class="lt-badge lt-badge-sm dd-soon">v1.1</span></div>
-      <div class="lt-section-body">
-        <div class="lt-progress lt-progress--cyan" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0">
-          <div class="lt-progress-bar" style="width:0%"></div>
-        </div>
-        <div class="lt-kv-grid dd-context-grid">
-          <span class="lt-kv-key">Used</span><span class="lt-kv-val" data-field="used">—</span>
-          <span class="lt-kv-key">Model</span><span class="lt-kv-val" data-field="model">—</span>
-        </div>
-        <p class="dd-muted dd-stub-note">Fed by a Claude statusLine hook through devdesk-api.</p>
-      </div>
-    </section>
   </aside>
 </main>