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/settings/PricingSettings.tsx

@@ -8,7 +8,8 @@
  * **Show all models** switch lists every row, and a row added outside the
  * filter turns it on rather than vanishing. Reset Defaults reseeds Claude's
  * rates, so only the Claude tab offers it; the server re-fetches any row the
- * automatic sync owns (OpenAI's, Gemini's) straight after.
+ * automatic sync owns (OpenAI's, Gemini's) straight after. A right-click on a
+ * rule row opens its Edit / Delete (plus Copy model pattern) as a menu.
  * @author Nguyễn Ngọc Trí Vĩ <vinnt@smartgift.vn>
  */
 
@@ -21,6 +22,7 @@ import { eventBus } from "../../lib/eventBus";
 import { isRemoteDataRefreshMessage } from "../../lib/remoteDataEvents";
 import { getCurrentLocale } from "../../lib/format";
 import { Skeleton } from "../Skeleton";
+import { ContextMenu, MenuItem, MenuSeparator, useContextMenu } from "../ContextMenu";
 import type { ModelPricing, WSMessage } from "../../lib/types";
 
 interface EditRow {
@@ -215,6 +217,13 @@ export function PricingSettings({ vendor, allowReset = false, id = "pricing", he
   const [showAll, setShowAll] = useState(false);
   const [resetting, setResetting] = useState(false);
   const [confirmReset, setConfirmReset] = useState(false);
+  const ctx = useContextMenu<ModelPricing>();
+  // A menu item: close the menu, then act on the rule it was opened on.
+  const pick = (fn: (rule: ModelPricing) => unknown) => () => {
+    const rule = ctx.menu?.item;
+    ctx.close();
+    if (rule) fn(rule);
+  };
   const [actionResult, setActionResult] = useState<{
     key: string;
     message: string;
@@ -663,6 +672,7 @@ export function PricingSettings({ vendor, allowReset = false, id = "pricing", he
                 ) : (
                   <tr
                     key={rule.model_pattern}
+                    onContextMenu={(e) => ctx.open(e, rule)}
                     className="hover:bg-surface-4 transition-colors group"
                   >
                     <td className="whitespace-nowrap px-3 py-3 text-sm font-mono text-fg-secondary">
@@ -767,6 +777,26 @@ export function PricingSettings({ vendor, allowReset = false, id = "pricing", he
           </table>
         </div>
       )}
+      {ctx.menu && (
+        <ContextMenu x={ctx.menu.x} y={ctx.menu.y} onClose={ctx.close} testId="pricing-menu">
+          <MenuItem disabled={isEditing} onSelect={pick(startEdit)}>
+            {t("common:edit")}
+          </MenuItem>
+          <MenuItem
+            onSelect={pick((rule) => void navigator.clipboard.writeText(rule.model_pattern))}
+          >
+            {t("rowMenu.copyPattern")}
+          </MenuItem>
+          <MenuSeparator />
+          <MenuItem
+            danger
+            disabled={isEditing}
+            onSelect={pick((rule) => void deleteRule(rule.model_pattern))}
+          >
+            {t("common:delete")}
+          </MenuItem>
+        </ContextMenu>
+      )}
 
       {lastUpdated && (
         <p className="text-xs text-fg-muted mt-3">