fix(agent-core): parse provider cache token usage into accounting

.archive/README.md

@@ -0,0 +1,55 @@
+# .archive
+
+Code parked out of the live build but kept in-tree (and in git history). Excluded from `tsconfig.json` (`exclude: [".archive"]`), so nothing here is type-checked or bundled. Paths mirror their original `src/` location, so restoring is a reverse `git mv`.
+
+## Browser "design tokens" tab (`token-category`) — archived 2026-07-14
+
+The My Station browser primary sidebar was reduced to a **Sessions-only** variant (History and Design pills removed, pill header hidden — see `BrowserPrimarySidebar`'s `sessionsOnly` prop). The **Design** pill was the _only_ entry point for the "color / design tokens" viewer (`onOpenColorTokens` → `createColorTokensTab` → a `token-category` tab rendered by `TokenManagerPanel`). With that entry point gone, the whole `token-category` tab type became unreachable, so it was archived.
+
+**What moved here (self-contained to the feature):**
+
+- `src/modules/WorkStation/Browser/Panels/BrowserMainPane/content/TokenManagerContent/` — the token viewer panel (`TokenManagerPanel`)
+- `src/modules/WorkStation/Browser/Panels/BrowserMainPane/components/DesignFileBar/` — used only by `TokenManagerContent`
+- `src/modules/WorkStation/TabContent/renderers/tokenCategory.tsx` — the unified `token-category` renderer wrapper
+
+**What deliberately stayed live (shared with other features):**
+
+- `src/modules/WorkStation/Browser/hooks/useGlobalTokens.ts` — still used by the Browser sidebar's Design tab (`DesignTabGlobalTokens`), which remains in the **full** sidebar variant used by SessionReplay's "My Tabs" sidebar
+- `src/modules/WorkStation/Browser/Panels/BrowserPrimarySidebar/tabs/{HistoryTab.tsx,DesignTab/}` — still rendered by the full (non-`sessionsOnly`) sidebar variant
+- `src/modules/WorkStation/Browser/Panels/BrowserMainPane/{content/WebViewportContent,components/WebUrlBar}` — the live browser viewport + URL bar
+
+**Shared files edited in place** to sever the `token-category` branch:
+
+- `src/store/workstation/tabs/types.ts` — dropped `"token-category"` from the `WorkStationTabType` union and the `TOOL_TAB_TYPES` list
+- `src/store/workstation/tabHost.ts`, `src/store/workstation/tabs/tabFactory.ts` — removed its `→ "browser"` host mapping
+- `src/modules/WorkStation/TabContent/registry.ts`, `.../renderers/index.ts` — removed the renderer entry + barrel re-export
+- `src/store/workstation/browser/tabs/index.ts` — removed the `token-category` id-helpers, `createTokenCategoryTab` / `createColorTokensTab`, the `isShowingTokenCategoryAtom` / `tokenCategoryTabsAtom` atoms, `TokenCategoryData`, and its `BROWSER_TAB_TYPES` membership
+- `src/modules/WorkStation/Browser/BrowserLayout/{index.tsx,useBrowserLayoutState.ts}` — removed the `TokenManagerPanel` mount, `handleOpenColorTokens` / `handleOpenHistoryUrl`, and the `useGlobalTokens` auto-scan wiring
+
+**To restore:** reverse the `git mv`s above and revert the in-place edits (see the archival commit).
+
+**Note:** any browser tab of type `token-category` persisted in a user's saved workstation layout will no longer resolve to a renderer. This feature was reachable only via the removed Design pill, so that is expected.
+
+## WorkStation Database app — archived 2026-07-14
+
+The WorkStation "Database" app (the **Data** dock app, its tab types, renderers, and the `DatabaseManager` module) was removed from the live WorkStation. See `docs/workstation-unification/phase-2-host-hoist-plan.md` for the broader unification effort this is part of.
+
+**What moved here (self-contained to the app):**
+
+- `src/modules/WorkStation/DatabaseManager/` — the whole host module
+- `src/hooks/database/` — its hooks (`useSqliteDatabase`, `usePendingChanges`, `useQueryHistory`, `useDatabaseConnections`)
+- `src/store/workstation/tabs/factories/database.ts` — db tab factories/creators
+- `src/modules/WorkStation/TabContent/renderers/{table,query,schema,addConnection}.tsx` — the (placeholder) unified renderers
+- `src/modules/WorkStation/shared/StatusBar/DatabaseStatusBar.tsx`
+
+**What deliberately stayed live (shared with other features):**
+
+- `src/engines/DatabaseCore/` and `src/store/workstation/database/` — used by MainApp → Integrations → Databases, the CodeMirror SQL editor, and the Code Editor's SQLite file preview
+- `src/assets/databaseIcons/`, `src/hooks/workStation/database/` (Code Editor `.sqlite` preview)
+- Rust: `src-tauri/crates/db-browser` and `crates/db-clients` (the `db_*` / `db_sql_*` Tauri commands) — still invoked by the above. `crates/database` is the app's own persistence and is unrelated.
+
+**Shared files that were edited in place (not moved)** to sever the db branch: AppShell (`AppShellContent`, `index.tsx`, `useAppShellDerivedState`, `useMyStationDockSegments`), tab store (`tabHost`, `tabs/types`, `tabFactory`, `factories/index`, `tabs/index`), `dockFilter/atoms`, `TabContent/registry`, routes (`routeViewModeConfig`, `routeGroups`, router redirect, `componentMapping`), and `StatusBarRenderer` + `shared/StatusBar/index`.
+
+**To restore:** reverse the `git mv`s above, revert the in-place edits (see the archival commit), and remove `.archive` from `tsconfig.json`'s `exclude`.
+
+**Known harmless leftovers (intentional, to limit ripple):** the `db-table`/`db-query`/`db-schema` members of `WorkStationTabCategory` and the `"data"` slot in `StatusBarAppType` remain as unused union members; the `dockFilter.data` i18n key remains in `navigation.json` across locales.

.archive/src/modules/WorkStation/DatabaseManager/DatabaseLayout/overlays/AddConnectionModal/AddConnectionFormField.tsx

@@ -0,0 +1,27 @@
+import React from "react";
+
+import Input, { InputProps } from "@src/components/Input";
+
+interface AddConnectionFormFieldProps extends Omit<InputProps, "onChange"> {
+  label: React.ReactNode;
+  onChange: (value: string) => void;
+  hint?: React.ReactNode;
+}
+
+export function AddConnectionFormField({
+  label,
+  onChange,
+  hint,
+  className,
+  ...inputProps
+}: AddConnectionFormFieldProps) {
+  return (
+    <div className={className}>
+      <label className="mb-1 block text-xs font-medium text-text-2">
+        {label}
+      </label>
+      <Input size="small" onChange={onChange} {...inputProps} />
+      {hint && <p className="mt-1 text-[10px] text-text-4">{hint}</p>}
+    </div>
+  );
+}

.archive/src/modules/WorkStation/DatabaseManager/DatabaseLayout/overlays/AddConnectionModal/MysqlConnectionFields.tsx

@@ -0,0 +1,78 @@
+import { memo } from "react";
+import { useTranslation } from "react-i18next";
+
+import { AddConnectionFormField } from "./AddConnectionFormField";
+
+export interface MysqlConnectionFieldsProps {
+  mysqlHost: string;
+  mysqlPort: string;
+  mysqlDatabase: string;
+  mysqlUser: string;
+  mysqlPassword: string;
+  onMysqlHostChange: (value: string) => void;
+  onMysqlPortChange: (value: string) => void;
+  onMysqlDatabaseChange: (value: string) => void;
+  onMysqlUserChange: (value: string) => void;
+  onMysqlPasswordChange: (value: string) => void;
+}
+
+export const MysqlConnectionFields = memo(function MysqlConnectionFields({
+  mysqlHost,
+  mysqlPort,
+  mysqlDatabase,
+  mysqlUser,
+  mysqlPassword,
+  onMysqlHostChange,
+  onMysqlPortChange,
+  onMysqlDatabaseChange,
+  onMysqlUserChange,
+  onMysqlPasswordChange,
+}: MysqlConnectionFieldsProps) {
+  const { t } = useTranslation();
+
+  return (
+    <>
+      <div className="mb-4 grid grid-cols-3 gap-2">
+        <AddConnectionFormField
+          className="col-span-2"
+          label={t("database.host")}
+          value={mysqlHost}
+          onChange={onMysqlHostChange}
+          placeholder="localhost"
+        />
+        <AddConnectionFormField
+          label={t("database.port")}
+          value={mysqlPort}
+          onChange={onMysqlPortChange}
+          placeholder="3306"
+        />
+      </div>
+      <AddConnectionFormField
+        className="mb-4"
+        label={t("database.database")}
+        value={mysqlDatabase}
+        onChange={onMysqlDatabaseChange}
+        placeholder="mydb"
+      />
+      <div className="mb-4 grid grid-cols-2 gap-2">
+        <AddConnectionFormField
+          label={t("database.user")}
+          value={mysqlUser}
+          onChange={onMysqlUserChange}
+          placeholder="root"
+        />
+        <AddConnectionFormField
+          label={
+            <>
+              {t("database.password")}{" "}
+              <span className="font-normal text-text-4">({t("optional")})</span>
+            </>
+          }
+          type="password"
+          value={mysqlPassword}
+          onChange={onMysqlPasswordChange}
+        />
+      </div>
+    </>
+  );
+});

.archive/src/modules/WorkStation/DatabaseManager/DatabaseLayout/overlays/AddConnectionModal/PostgresConnectionFields.tsx

@@ -0,0 +1,94 @@
+import { memo } from "react";
+import { useTranslation } from "react-i18next";
+
+import { AddConnectionFormField } from "./AddConnectionFormField";
+
+export interface PostgresConnectionFieldsProps {
+  pgHost: string;
+  pgPort: string;
+  pgDatabase: string;
+  pgUser: string;
+  pgPassword: string;
+  pgSsl: boolean;
+  onPgHostChange: (value: string) => void;
+  onPgPortChange: (value: string) => void;
+  onPgDatabaseChange: (value: string) => void;
+  onPgUserChange: (value: string) => void;
+  onPgPasswordChange: (value: string) => void;
+  onPgSslChange: (value: boolean) => void;
+}
+
+export const PostgresConnectionFields = memo(function PostgresConnectionFields({
+  pgHost,
+  pgPort,
+  pgDatabase,
+  pgUser,
+  pgPassword,
+  pgSsl,
+  onPgHostChange,
+  onPgPortChange,
+  onPgDatabaseChange,
+  onPgUserChange,
+  onPgPasswordChange,
+  onPgSslChange,
+}: PostgresConnectionFieldsProps) {
+  const { t } = useTranslation();
+
+  return (
+    <>
+      <div className="mb-4 grid grid-cols-3 gap-2">
+        <AddConnectionFormField
+          className="col-span-2"
+          label={t("database.host")}
+          value={pgHost}
+          onChange={onPgHostChange}
+          placeholder="localhost"
+        />
+        <AddConnectionFormField
+          label={t("database.port")}
+          value={pgPort}
+          onChange={onPgPortChange}
+          placeholder="5432"
+        />
+      </div>
+      <AddConnectionFormField
+        className="mb-4"
+        label={t("database.database")}
+        value={pgDatabase}
+        onChange={onPgDatabaseChange}
+        placeholder="mydb"
+      />
+      <div className="mb-4 grid grid-cols-2 gap-2">
+        <AddConnectionFormField
+          label={t("database.user")}
+          value={pgUser}
+          onChange={onPgUserChange}
+          placeholder="postgres"
+        />
+        <AddConnectionFormField
+          label={
+            <>
+              {t("database.password")}{" "}
+              <span className="font-normal text-text-4">({t("optional")})</span>
+            </>
+          }
+          type="password"
+          value={pgPassword}
+          onChange={onPgPasswordChange}
+        />
+      </div>
+      <div className="mb-4 flex items-center gap-2">
+        <input
+          type="checkbox"
+          id="pg-ssl"
+          checked={pgSsl}
+          onChange={(event) => onPgSslChange(event.target.checked)}
+          className="h-4 w-4 rounded border-border-2"
+        />
+        <label htmlFor="pg-ssl" className="text-xs text-text-2">
+          {t("database.requireSsl")}
+        </label>
+      </div>
+    </>
+  );
+});

.archive/src/modules/WorkStation/DatabaseManager/DatabaseLayout/overlays/AddConnectionModal/SupabaseConnectionFields.tsx

@@ -0,0 +1,54 @@
+import { memo } from "react";
+import { useTranslation } from "react-i18next";
+
+import { AddConnectionFormField } from "./AddConnectionFormField";
+
+export interface SupabaseConnectionFieldsProps {
+  supabaseUrl: string;
+  supabaseAccessToken: string;
+  onSupabaseUrlChange: (value: string) => void;
+  onSupabaseAccessTokenChange: (value: string) => void;
+}
+
+export const SupabaseConnectionFields = memo(function SupabaseConnectionFields({
+  supabaseUrl,
+  supabaseAccessToken,
+  onSupabaseUrlChange,
+  onSupabaseAccessTokenChange,
+}: SupabaseConnectionFieldsProps) {
+  const { t } = useTranslation();
+
+  return (
+    <>
+      <AddConnectionFormField
+        className="mb-4"
+        label={t("database.projectUrl")}
+        value={supabaseUrl}
+        onChange={onSupabaseUrlChange}
+        placeholder="https://xxxxx.supabase.co"
+        hint={t("database.supabaseHint")}
+      />
+      <AddConnectionFormField
+        className="mb-4"
+        label={t("database.accessToken")}
+        type="password"
+        value={supabaseAccessToken}
+        onChange={onSupabaseAccessTokenChange}
+        placeholder="sbp_xxx..."
+        hint={
+          <>
+            {t("database.supabaseTokenHint")}{" "}
+            <a
+              href="https://supabase.com/dashboard/account/tokens"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-primary-6 hover:underline"
+            >
+              supabase.com/dashboard/account/tokens
+            </a>
+          </>
+        }
+      />
+    </>
+  );
+});

.archive/src/modules/WorkStation/DatabaseManager/DatabaseLayout/overlays/AddConnectionModal/TursoConnectionFields.tsx

@@ -0,0 +1,46 @@
+import { memo } from "react";
+import { useTranslation } from "react-i18next";
+
+import { AddConnectionFormField } from "./AddConnectionFormField";
+
+export interface TursoConnectionFieldsProps {
+  tursoUrl: string;
+  tursoToken: string;
+  onTursoUrlChange: (value: string) => void;
+  onTursoTokenChange: (value: string) => void;
+}
+
+export const TursoConnectionFields = memo(function TursoConnectionFields({
+  tursoUrl,
+  tursoToken,
+  onTursoUrlChange,
+  onTursoTokenChange,
+}: TursoConnectionFieldsProps) {
+  const { t } = useTranslation();
+
+  return (
+    <>
+      <AddConnectionFormField
+        className="mb-4"
+        label={t("database.databaseUrl")}
+        value={tursoUrl}
+        onChange={onTursoUrlChange}
+        placeholder="libsql://my-db-username.turso.io"
+      />
+      <AddConnectionFormField
+        className="mb-4"
+        label={
+          <>
+            {t("database.authToken")}{" "}
+            <span className="font-normal text-text-4">({t("optional")})</span>
+          </>
+        }
+        type="password"
+        value={tursoToken}
+        onChange={onTursoTokenChange}
+        placeholder="eyJhbGciOiJFZERTQSIsInR5cCI6IkpXVCJ9..."
+        hint={t("database.tursoTokenHint")}
+      />
+    </>
+  );
+});