Lotus CIandClaude Opus 5.5
5d15013a27
CI / Build & Quality Checks (push) Skipped
CI / Secret scan (gitleaks) (push) Skipped
CI / Playwright smoke (e2e) (push) Skipped
CI / Build & Quality Checks (pull_request) Successful in 3m18s
CI / Trigger Desktop Build (pull_request) Skipped
CI / Docker image build & smoke test (pull_request) Skipped
CI / Secret scan (gitleaks) (pull_request) Successful in 12s
CI / Playwright smoke (e2e) (pull_request) Successful in 24m56s
- #456 Copy pass: sentence case for every setting title and section, plainer names ("Hide joins and leaves", "Link previews", "Emoji style: Twemoji", "Rejoin calls after a restart", "Also use the browser's noise suppression", "Push-to-talk key"...) and grammar fixes ("when messages arrive", "Play a sound when a new message arrives", blocked users "Enter their Matrix ID"). Labels only: no setting is renamed in storage. - #455 One theme control: Theme: System / Light / Dark. System shows the light and dark variant pickers, Light or Dark one picker of that kind. Replaces the System switch plus a Theme dropdown that was greyed out whenever the switch was on. Uses the existing settings (no migration); picking a variant also remembers it for System. - #457 Remove the "Block Messages" stub from Notifications; the GIF picker row only appears in builds with a GIF key. - #458 (part 1) "Export/Import Messages Data" -> "Export/Import encryption keys", with a sentence on when you need it. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_017PCb59uY3UKqDqt7B6hzd5
72 lines
2.6 KiB
TypeScript
72 lines
2.6 KiB
TypeScript
import React, { useCallback } from 'react';
|
|
import { Badge, Box, Button, Text } from 'folds';
|
|
import { SequenceCard } from '../../../components/sequence-card';
|
|
import { SequenceCardStyle } from '../styles.css';
|
|
import { SettingTile } from '../../../components/setting-tile';
|
|
import { useMatrixClient } from '../../../hooks/useMatrixClient';
|
|
import { useForceUpdate } from '../../../hooks/useForceUpdate';
|
|
import { useInterval } from '../../../hooks/useInterval';
|
|
import { buildCryptoDiagReport, getCryptoDiagEntries } from '../../../utils/cryptoDiagLog';
|
|
|
|
// Lotus E2EE investigation kit — Crypto Diagnostics settings card.
|
|
// Mirrors the surrounding Developer Tools cards (see DevelopTools.tsx).
|
|
|
|
const REFRESH_MS = 1000;
|
|
|
|
export function CryptoDiagnostics() {
|
|
const mx = useMatrixClient();
|
|
// Re-render on a light interval so the live matched-entry count stays fresh
|
|
// while the settings pane is open.
|
|
const [, forceUpdate] = useForceUpdate();
|
|
useInterval(forceUpdate, REFRESH_MS);
|
|
|
|
const count = getCryptoDiagEntries().length;
|
|
|
|
const handleDownload = useCallback(() => {
|
|
const report = buildCryptoDiagReport(mx);
|
|
const blob = new Blob([report], { type: 'application/json' });
|
|
const url = URL.createObjectURL(blob);
|
|
const a = document.createElement('a');
|
|
a.href = url;
|
|
a.download = `lotus-crypto-diag-${new Date().toISOString().replace(/[:.]/g, '-')}.json`;
|
|
a.click();
|
|
URL.revokeObjectURL(url);
|
|
}, [mx]);
|
|
|
|
return (
|
|
<Box direction="Column" gap="100">
|
|
<Text size="L400">Crypto diagnostics</Text>
|
|
<SequenceCard
|
|
className={SequenceCardStyle}
|
|
variant="SurfaceVariant"
|
|
direction="Column"
|
|
gap="400"
|
|
>
|
|
<SettingTile
|
|
title="Crypto diagnostics"
|
|
description="Captures encryption error signatures from this session. Ring-buffers up to 200 matched console warnings/errors for the KE-1..KE-4 bug cluster. Local only — no network calls. The downloaded report includes the matched log lines as evidence."
|
|
after={
|
|
<Box alignItems="Center" gap="200" shrink="No">
|
|
<Badge variant={count > 0 ? 'Critical' : 'Secondary'} fill="Solid" radii="Pill">
|
|
<Text as="span" size="L400">
|
|
{count}
|
|
</Text>
|
|
</Badge>
|
|
<Button
|
|
onClick={handleDownload}
|
|
variant="Secondary"
|
|
fill="Soft"
|
|
size="300"
|
|
radii="300"
|
|
outlined
|
|
>
|
|
<Text size="B300">Download report</Text>
|
|
</Button>
|
|
</Box>
|
|
}
|
|
/>
|
|
</SequenceCard>
|
|
</Box>
|
|
);
|
|
}
|