feat: right-click menus everywhere, workspace/session cost, long-term DB safety

Right-click menus: one portal shell (components/ContextMenu.tsx) for every
item with actions - sidebar/Recents/archived session rows (SessionMenu),
console tabs, pane headers, the Changes panel's files/tree/commits, the
workspace home, sessions outside a workspace (SessionRowMenu: Sessions
table, Dashboard, Activity, Workflow runs), prompt images, every Settings
list and every Claude Code/Codex config list (FileItemMenu). Buttons stay;
a delete keeps its button's confirm; the shell stops portal clicks from
reaching the card that opened it.

Status bar: Workspace $ and Session $ on the Workspace page, from
?lane= on GET /api/pricing/cost and the focused/replayed session's cost.

Database, no data dropped: synchronous=NORMAL, journal_size_limit 64 MB,
hourly PASSIVE checkpoint + PRAGMA optimize, idx_events_session_created
(replacing the redundant idx_events_session), watchdog reads
sessions.transcript_path, transcript parsed before the hook's write
transaction, GET /api/sessions/:id?events=0 for the web page (reloads only
on its own session, debounced), streamed export, transactional clear-data
and chunked cleanup, subagent import reads tool_use_ids once, runtime logs
rotated past 5 MB.

client/src/components/WebhookSettings.tsx

@@ -7,7 +7,8 @@
  * fetched from the server (`/api/webhooks/providers`): each provider declares
  * whether it needs a URL and which credential fields to render, so adding a
  * provider server-side surfaces here with no UI change. Secrets are never
- * returned by the API - URLs are masked and re-entered to change.
+ * returned by the API - URLs are masked and re-entered to change. A right-click
+ * on a target opens its Test / Edit / Delete as a menu.
  * @author Nguyễn Ngọc Trí Vĩ <vinnt@smartgift.vn>
  */
 /* =============================================================================
@@ -82,6 +83,7 @@ import { api } from "../lib/api";
 import { Select } from "./Select";
 import { ConfirmModal } from "./ConfirmModal";
 import { Checkbox } from "./Checkbox";
+import { ContextMenu, MenuItem, MenuSeparator, useContextMenu } from "./ContextMenu";
 import { WEBHOOK_DOCS } from "./webhookGuides";
 import { timeAgo } from "../lib/format";
 import type {
@@ -144,6 +146,13 @@ export function WebhookSettings() {
   const [formError, setFormError] = useState<string | null>(null);
   const [saving, setSaving] = useState(false);
   const [testing, setTesting] = useState<string | null>(null);
+  const ctx = useContextMenu<WebhookTarget>();
+  // A menu item: close the menu, then act on the target it was opened on.
+  const pick = (fn: (target: WebhookTarget) => unknown) => () => {
+    const target = ctx.menu?.item;
+    ctx.close();
+    if (target) fn(target);
+  };
   const [testResult, setTestResult] = useState<Record<string, WebhookTestResult>>({});
   const [confirmDelete, setConfirmDelete] = useState<string | null>(null);
   const [guideOpen, setGuideOpen] = useState(false);
@@ -388,6 +397,7 @@ export function WebhookSettings() {
             return (
               <div
                 key={target.id}
+                onContextMenu={(e) => ctx.open(e, target)}
                 className="bg-surface-2 border border-border rounded-lg px-3.5 py-3 space-y-2"
               >
                 <div className="flex items-center gap-3 flex-wrap">
@@ -482,6 +492,21 @@ export function WebhookSettings() {
               </div>
             );
           })}
+          {ctx.menu && (
+            <ContextMenu x={ctx.menu.x} y={ctx.menu.y} onClose={ctx.close} testId="webhook-menu">
+              <MenuItem
+                disabled={testing === ctx.menu.item.id}
+                onSelect={pick((target) => void onTest(target.id))}
+              >
+                {t("webhooks.test")}
+              </MenuItem>
+              <MenuItem onSelect={pick(openEdit)}>{t("webhooks.edit")}</MenuItem>
+              <MenuSeparator />
+              <MenuItem danger onSelect={pick((target) => setConfirmDelete(target.id))}>
+                {t("webhooks.delete")}
+              </MenuItem>
+            </ContextMenu>
+          )}
         </div>
       )}