276ccc0783
Remove the separate, un-toggleable `settings.ai.generative` workspace flag
(and its write-side alias `generativeAi`) along with the dead "Ask AI"
generative editor menu, and re-gate the AI page-title generation on the
general AI chat flag (`settings.ai.chat`) — the same toggle that enables
the chat agent and the chat stream endpoint.
Why: the `generative` flag had no UI toggle (its switch was already removed,
leaving orphaned i18n strings), so the title-generation button was
unreachable on self-hosted. The "Ask AI" menu was dead — its atom was never
rendered. Consolidating onto the AI chat flag makes the title button follow
the one AI switch users actually have.
Changes:
- server: title-gen endpoint gate generative -> chat (ai-chat.controller.ts);
remove generativeAi from update DTO and workspace service (update block,
delete line, cloud default now { ai: { chat: true } }); fix repo comment;
migrate generate-page-title spec assertions generative -> chat.
- client: title-gen gate -> settings.ai.chat (full-editor.tsx); remove the
dead Ask AI button + showAiMenu wiring from bubble-menu; remove AskAiGroup
usage/import and commented block from fixed-toolbar; delete ask-ai-group.tsx;
remove showAiMenuAtom; drop generative/generativeAi from workspace types.
- i18n: remove 3 orphaned generative-AI keys from all 12 locales.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
64 lines
2.3 KiB
TypeScript
64 lines
2.3 KiB
TypeScript
import { FC } from "react";
|
|
import { useAtomValue } from "jotai";
|
|
import type { Editor } from "@tiptap/react";
|
|
import { pageEditorAtom } from "@/features/editor/atoms/editor-atoms";
|
|
import { useToolbarState } from "./use-toolbar-state";
|
|
import { BlockTypeGroup } from "./groups/block-type-group";
|
|
import { InlineMarksGroup } from "./groups/inline-marks-group";
|
|
import { ColorGroup } from "./groups/color-group";
|
|
import { ListsGroup } from "./groups/lists-group";
|
|
import { AlignmentGroup } from "./groups/alignment-group";
|
|
import { MediaGroup } from "./groups/media-group";
|
|
import { QuickInsertsGroup } from "./groups/quick-inserts-group";
|
|
import { MoreInsertsGroup } from "./groups/more-inserts-group";
|
|
import { HistoryGroup } from "./groups/history-group";
|
|
import classes from "./fixed-toolbar.module.css";
|
|
|
|
type FixedToolbarProps = {
|
|
editor?: Editor | null;
|
|
templateMode?: boolean;
|
|
};
|
|
|
|
export const FixedToolbar: FC<FixedToolbarProps> = ({
|
|
editor: editorProp,
|
|
templateMode = false,
|
|
}) => {
|
|
const editorFromAtom = useAtomValue(pageEditorAtom);
|
|
const editor = editorProp ?? editorFromAtom;
|
|
const state = useToolbarState(editor);
|
|
|
|
if (!editor || !state) return null;
|
|
|
|
return (
|
|
<>
|
|
<div
|
|
className={classes.fixedToolbar}
|
|
data-fixed-toolbar="true"
|
|
role="toolbar"
|
|
aria-label="Editor toolbar"
|
|
onMouseDown={(e) => e.preventDefault()}
|
|
>
|
|
<div className={classes.inner}>
|
|
<BlockTypeGroup editor={editor} />
|
|
<div className={classes.divider} />
|
|
<InlineMarksGroup editor={editor} state={state} />
|
|
<div className={classes.divider} />
|
|
<ColorGroup editor={editor} />
|
|
<div className={classes.divider} />
|
|
<ListsGroup editor={editor} state={state} />
|
|
<div className={classes.divider} />
|
|
<AlignmentGroup editor={editor} />
|
|
<div className={classes.divider} />
|
|
<MediaGroup editor={editor} templateMode={templateMode} />
|
|
<div className={classes.divider} />
|
|
<QuickInsertsGroup editor={editor} />
|
|
<MoreInsertsGroup editor={editor} templateMode={templateMode} />
|
|
<div className={classes.divider} />
|
|
<HistoryGroup editor={editor} state={state} />
|
|
</div>
|
|
</div>
|
|
<div className={classes.spacer} aria-hidden />
|
|
</>
|
|
);
|
|
};
|