Yaowei Zheng
d4faee3a1e
Branch-length batch covering tooling, the model layer, the Web App and the public surfaces. Highlights: - Changelog: a per-release `changelog/<version>/` tree, grouped by the surface each change touches, with a root CHANGELOG.md holding one line per release. - Dev startup: `scripts/dev-prebuild.mjs` serializes the skills+core prebuild behind a lock and keeps `pnpm install` current; `pnpm dev` runs server+web together. - AgentHub 0.3.3 -> 0.4.0: OmniMessage complete payloads carry one opaque `fidelity` object in place of item-level `signature`/`phase`, threaded verbatim through Trace, replay and resume; malformed classification adapted to the new error types. - Model layer: a model is always referenced by an explicit `(provider, model_id)` pair. The provider is never inferred, guessed or defaulted -- both the catalog inference and the unique-match config resolution are gone, and CLI, SDK, server routes and run_subagent all require the complete pair. Catalog gains the Qwen Token Plan, Qwen Pay-As-You-Go and Fireworks AI gateways, plus an expanded OpenRouter group. - Web App: catalog preset sync and per-group speed test on the Models page, positional slash commands, a markdown renderer, skill-library update reminders, and a vertically centred draft page whose upward menus size themselves to the room available. - Public surfaces: restructured READMEs, the penguin.ooo landing site and blog, refreshed benchmark results for both suites, and the demo videos playing on the landing page. Includes the fixes from a full review of the branch: 23 confirmed findings, among them a provider-inference bug that could send one vendor's API key to another vendor's endpoint, and an Escape handler that destroyed the composer's contents unrecoverably. Verified on the branch head: pnpm test (1127 passing, 7 packages), pnpm typecheck and pnpm format:check clean, Playwright e2e 14/14.
99 lines
3.0 KiB
TypeScript
99 lines
3.0 KiB
TypeScript
/**
|
|
* Change password dialog: validates the old password and that
|
|
* the two new-password entries match; refreshes /api/me on success. The initial-password
|
|
* notice banner disappears once passwordIsInitial clears. Shared by the sidebar user menu and the notice banner.
|
|
*/
|
|
import { useEffect, useState } from "react";
|
|
import * as api from "../../api/endpoints";
|
|
import { ApiError } from "../../api/client";
|
|
import { S } from "../../lib/strings";
|
|
import { useAuth } from "../../state/auth";
|
|
import { Button } from "../ui/button";
|
|
import { PasswordInput } from "../ui/password-input";
|
|
import { Modal } from "../ui/modal";
|
|
|
|
export function ChangePasswordDialog({ open, onClose }: { open: boolean; onClose: () => void }) {
|
|
const { refresh } = useAuth();
|
|
const [oldPassword, setOldPassword] = useState("");
|
|
const [newPassword, setNewPassword] = useState("");
|
|
const [confirmPassword, setConfirmPassword] = useState("");
|
|
const [error, setError] = useState<string | null>(null);
|
|
const [busy, setBusy] = useState(false);
|
|
|
|
useEffect(() => {
|
|
if (!open) return;
|
|
setOldPassword("");
|
|
setNewPassword("");
|
|
setConfirmPassword("");
|
|
setError(null);
|
|
}, [open]);
|
|
|
|
const submit = async () => {
|
|
if (!oldPassword || !newPassword || !confirmPassword) {
|
|
setError(S.common.requiredField);
|
|
return;
|
|
}
|
|
if (newPassword !== confirmPassword) {
|
|
setError(S.account.passwordMismatch);
|
|
return;
|
|
}
|
|
setBusy(true);
|
|
setError(null);
|
|
try {
|
|
await api.changePassword({ oldPassword, newPassword });
|
|
await refresh();
|
|
onClose();
|
|
} catch (e) {
|
|
setError(e instanceof ApiError ? e.message : S.common.unknownError);
|
|
} finally {
|
|
setBusy(false);
|
|
}
|
|
};
|
|
|
|
return (
|
|
<Modal
|
|
open={open}
|
|
title={S.account.changePassword}
|
|
onClose={onClose}
|
|
footer={
|
|
<>
|
|
<Button onClick={onClose} disabled={busy}>
|
|
{S.common.cancel}
|
|
</Button>
|
|
<Button variant="primary" disabled={busy} onClick={() => void submit()}>
|
|
{S.common.save}
|
|
</Button>
|
|
</>
|
|
}
|
|
>
|
|
<div className="space-y-3">
|
|
<PasswordInput
|
|
label={S.account.oldPassword}
|
|
size="sm"
|
|
value={oldPassword}
|
|
onChange={(e) => setOldPassword(e.target.value)}
|
|
autoComplete="current-password"
|
|
hint={S.account.oldPasswordHint}
|
|
autoFocus
|
|
/>
|
|
<PasswordInput
|
|
label={S.account.newPassword}
|
|
size="sm"
|
|
value={newPassword}
|
|
onChange={(e) => setNewPassword(e.target.value)}
|
|
autoComplete="new-password"
|
|
hint={S.auth.passwordHint}
|
|
/>
|
|
<PasswordInput
|
|
label={S.account.confirmPassword}
|
|
size="sm"
|
|
value={confirmPassword}
|
|
onChange={(e) => setConfirmPassword(e.target.value)}
|
|
autoComplete="new-password"
|
|
/>
|
|
{error && <p className="text-xs text-red-600 dark:text-red-400">{error}</p>}
|
|
</div>
|
|
</Modal>
|
|
);
|
|
}
|