@growth-labs/cms 0.1.0

package/dist/ui/editor/AiAssistPanel.js

@@ -0,0 +1,221 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// src/ui/editor/AiAssistPanel.tsx — editor AI-assist panel (Task 8 / P4).
+//
+// Renders the design's AIBar: a 2×2 grid of 4 AI actions.
+//   Streaming: Proofread & tighten, Suggest 5 headlines (SSE; result pane appends chunks)
+//   Sync:      Generate key takeaways, Draft meta description (result shown; "Apply" affordance)
+//
+// NO direct LLM call — all actions hit the /admin/api/content/:id/ai/* routes wired
+// in createAiRoutes (Task 3/4). This component is a thin UI over streamAi/syncAi.
+//
+// Compile-gated: no jsdom tests; pure helpers are tested in __tests__/ui/ai-assist.test.ts.
+import { useCallback, useState } from 'react';
+import { Icon } from '../icons.js';
+import { patchContent } from '../inspector/inspector-data.js';
+import { applyHeadlineChoice, streamAi, syncAi } from './ai-assist.js';
+const ACTIONS = [
+    {
+        action: 'proofread',
+        icon: 'wand',
+        title: 'Proofread & tighten',
+        description: 'Fix grammar, trim 8% length',
+        kind: 'stream',
+    },
+    {
+        action: 'headlines',
+        icon: 'sparkle',
+        title: 'Suggest 5 headlines',
+        description: 'SEO-aware, in house voice',
+        kind: 'stream',
+    },
+    {
+        action: 'takeaways',
+        icon: 'bookmark',
+        title: 'Generate key takeaways',
+        description: '3-bullet summary',
+        kind: 'sync',
+    },
+    {
+        action: 'meta-description',
+        icon: 'seo',
+        title: 'Draft meta description',
+        description: 'Under 160 characters',
+        kind: 'sync',
+    },
+];
+const INITIAL_STATE = {
+    running: null,
+    error: null,
+    streamText: '',
+    activeAction: null,
+    headlines: [],
+    metaDescription: null,
+    metaApplied: false,
+    takeawaysWritten: false,
+    locked: false,
+};
+export function AiAssistPanel({ docId, onMetaApplied }) {
+    const [state, setState] = useState(INITIAL_STATE);
+    const handleAction = useCallback(async (meta) => {
+        setState((prev) => ({
+            ...prev,
+            running: meta.action,
+            error: null,
+            streamText: '',
+            activeAction: meta.action,
+            headlines: [],
+            metaDescription: null,
+            metaApplied: false,
+            takeawaysWritten: false,
+            locked: false,
+        }));
+        try {
+            if (meta.kind === 'stream') {
+                let accumulated = '';
+                await streamAi(meta.action, docId, (chunk) => {
+                    accumulated += chunk;
+                    if (meta.action === 'headlines') {
+                        setState((prev) => ({
+                            ...prev,
+                            streamText: accumulated,
+                            headlines: applyHeadlineChoice(accumulated),
+                        }));
+                    }
+                    else {
+                        setState((prev) => ({ ...prev, streamText: accumulated }));
+                    }
+                });
+                setState((prev) => ({ ...prev, running: null }));
+            }
+            else {
+                // Sync: takeaways or meta-description
+                const data = (await syncAi(meta.action, docId));
+                if (meta.action === 'meta-description') {
+                    setState((prev) => ({
+                        ...prev,
+                        running: null,
+                        metaDescription: typeof data.description === 'string' ? data.description : null,
+                        locked: data.locked === true,
+                    }));
+                }
+                else {
+                    // takeaways — server already persisted; just show confirmation
+                    setState((prev) => ({
+                        ...prev,
+                        running: null,
+                        takeawaysWritten: data.written === true,
+                        locked: data.locked === true,
+                    }));
+                }
+            }
+        }
+        catch (err) {
+            setState((prev) => ({
+                ...prev,
+                running: null,
+                error: String(err),
+            }));
+        }
+    }, [docId]);
+    const applyMeta = useCallback(async () => {
+        if (!state.metaDescription)
+            return;
+        try {
+            await patchContent(docId, { description: state.metaDescription });
+            setState((prev) => ({ ...prev, metaApplied: true }));
+            onMetaApplied?.(state.metaDescription);
+        }
+        catch (err) {
+            setState((prev) => ({ ...prev, error: String(err) }));
+        }
+    }, [docId, state.metaDescription, onMetaApplied]);
+    return (_jsxs("div", { className: "panel fade-only", style: panelWrap, children: [_jsxs("div", { style: panelHeader, children: [_jsx(Icon, { name: "sparkle", size: 16, style: { color: 'var(--accent)' } }), _jsx("span", { style: { fontSize: 13, fontWeight: 700, color: 'var(--accent)' }, children: "Broadsheet AI" }), _jsx("span", { style: { fontSize: 12, color: 'var(--ink-muted)' }, children: "\u00B7 trained on house style" })] }), _jsx("div", { style: actionGrid, children: ACTIONS.map((meta) => (_jsxs("button", { type: "button", onClick: () => void handleAction(meta), disabled: state.running !== null, style: {
+                        ...actionBtn,
+                        opacity: state.running !== null && state.running !== meta.action ? 0.55 : 1,
+                        borderColor: state.activeAction === meta.action ? 'var(--accent-ring)' : 'var(--border)',
+                    }, "aria-label": meta.title, children: [state.running === meta.action ? (_jsx("span", { style: { color: 'var(--accent)', fontSize: 11 }, children: "Running\u2026" })) : (_jsx(Icon, { name: meta.icon, size: 16, style: { color: 'var(--accent)' } })), _jsxs("span", { children: [_jsx("span", { style: { display: 'block', fontSize: 12.5, fontWeight: 600, color: 'var(--ink)' }, children: meta.title }), _jsx("span", { style: { display: 'block', fontSize: 11, color: 'var(--ink-muted)' }, children: meta.description })] })] }, meta.action))) }), state.error && (_jsxs("div", { style: errorBanner, role: "alert", children: [_jsx(Icon, { name: "x", size: 13, style: { color: 'var(--red)' } }), _jsx("span", { style: { fontSize: 12, color: 'var(--red)' }, children: state.error })] })), state.activeAction &&
+                (state.activeAction === 'proofread' || state.activeAction === 'headlines') &&
+                state.streamText && (_jsxs("div", { style: resultPane, children: [_jsx("div", { style: resultHeader, children: _jsx("span", { style: { fontSize: 12, fontWeight: 600, color: 'var(--ink-soft)' }, children: state.activeAction === 'headlines' ? 'Suggested headlines' : 'Proofread result' }) }), state.activeAction === 'headlines' && state.headlines.length > 0 ? (_jsx("ol", { style: { margin: '8px 0 0', paddingLeft: 18, listStyle: 'decimal' }, children: state.headlines.map((h) => (_jsx("li", { style: { fontSize: 13, color: 'var(--ink)', lineHeight: 1.5, marginBottom: 4 }, children: h }, h))) })) : (_jsx("pre", { style: preResult, children: state.streamText }))] })), state.activeAction === 'meta-description' && state.metaDescription !== null && (_jsxs("div", { style: resultPane, children: [_jsxs("div", { style: resultHeader, children: [_jsx("span", { style: { fontSize: 12, fontWeight: 600, color: 'var(--ink-soft)' }, children: "Meta description" }), state.locked && (_jsx("span", { style: { fontSize: 11, color: 'var(--amber)', marginLeft: 6 }, children: "field locked \u2014 not written" }))] }), _jsx("p", { style: { fontSize: 13, color: 'var(--ink)', lineHeight: 1.5, margin: '6px 0 10px' }, children: state.metaDescription }), !state.metaApplied && !state.locked && (_jsx("button", { type: "button", onClick: () => void applyMeta(), style: applyBtn, children: "Apply to SEO description" })), state.metaApplied && (_jsxs("span", { style: { fontSize: 12, color: 'var(--green)' }, children: [_jsx(Icon, { name: "checkCircle", size: 13, style: { marginRight: 4 } }), "Applied"] }))] })), state.activeAction === 'takeaways' && state.running === null && (_jsxs("div", { style: resultPane, children: [_jsxs("div", { style: resultHeader, children: [_jsx("span", { style: { fontSize: 12, fontWeight: 600, color: 'var(--ink-soft)' }, children: "Key takeaways" }), state.locked && (_jsx("span", { style: { fontSize: 11, color: 'var(--amber)', marginLeft: 6 }, children: "field locked \u2014 not written" }))] }), _jsx("p", { style: {
+                            fontSize: 12,
+                            color: state.takeawaysWritten ? 'var(--green)' : 'var(--ink-muted)',
+                            margin: '6px 0 0',
+                        }, children: state.takeawaysWritten
+                            ? 'Takeaways generated and saved.'
+                            : 'Takeaways generated (field locked — not saved).' })] }))] }));
+}
+// ---------------------------------------------------------------------------
+// Styles
+// ---------------------------------------------------------------------------
+const panelWrap = {
+    // .panel supplies bg/border/radius; override the border to the accent ring
+    // to match the prototype's AI-bar treatment.
+    margin: '0 0 18px',
+    borderColor: 'var(--accent-ring)',
+    overflow: 'hidden',
+};
+const panelHeader = {
+    display: 'flex',
+    alignItems: 'center',
+    gap: 9,
+    padding: '11px 14px',
+    background: 'var(--accent-tint)',
+    borderBottom: '1px solid var(--border)',
+};
+const actionGrid = {
+    display: 'grid',
+    gridTemplateColumns: '1fr 1fr',
+    gap: 6,
+    padding: 8,
+};
+const actionBtn = {
+    textAlign: 'left',
+    display: 'flex',
+    gap: 10,
+    alignItems: 'center',
+    padding: '9px 11px',
+    border: '1px solid var(--border)',
+    borderRadius: 8,
+    background: 'var(--panel)',
+    cursor: 'pointer',
+};
+const resultPane = {
+    margin: '0 8px 8px',
+    padding: '10px 12px',
+    border: '1px solid var(--border-soft)',
+    borderRadius: 8,
+    background: 'var(--field)',
+};
+const resultHeader = {
+    display: 'flex',
+    alignItems: 'center',
+    marginBottom: 4,
+};
+const preResult = {
+    fontSize: 12,
+    color: 'var(--ink)',
+    whiteSpace: 'pre-wrap',
+    wordBreak: 'break-word',
+    margin: 0,
+    lineHeight: 1.6,
+};
+const applyBtn = {
+    padding: '5px 12px',
+    fontSize: 12,
+    fontWeight: 600,
+    border: '1px solid var(--accent)',
+    borderRadius: 6,
+    background: 'transparent',
+    color: 'var(--accent)',
+    cursor: 'pointer',
+};
+const errorBanner = {
+    display: 'flex',
+    alignItems: 'center',
+    gap: 6,
+    margin: '0 8px 8px',
+    padding: '8px 10px',
+    background: 'var(--red-tint)',
+    border: '1px solid var(--red)',
+    borderRadius: 6,
+};
+//# sourceMappingURL=AiAssistPanel.js.map

package/dist/ui/editor/AiAssistPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiAssistPanel.js","sourceRoot":"","sources":["../../../src/ui/editor/AiAssistPanel.tsx"],"names":[],"mappings":"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"}

package/dist/ui/editor/ContentForm.d.ts

@@ -0,0 +1,46 @@
+import type { ContentStatus, ContentType } from '../../schema/types.js';
+import { docToMarkdown } from './serialize.js';
+export interface ContentFormProps {
+    /** Existing content id (null = new unsaved doc). */
+    docId: string | null;
+    /** Content type (article | video | podcast | newsletter). */
+    contentType: ContentType;
+    /** Called with the live resolved id once the doc is saved for the first time. */
+    onDocCreated?: (id: string) => void;
+    /** Called on every autosave with the current title (for header refresh). */
+    onTitleChange?: (title: string) => void;
+    /** Called whenever the editable draft changes so the live preview stays in sync. */
+    onDraftChange?: (draft: ContentPreviewDraft) => void;
+    /** Incrementing signal from the editor header to flush the current draft immediately. */
+    saveRequest?: number;
+    /** Called when the loaded content status changes so editor chrome can stay in sync. */
+    onStatusChange?: (status: ContentStatus) => void;
+    /** Called when save state changes so editor chrome can show a real save action. */
+    onSaveStateChange?: (state: ContentSaveState) => void;
+}
+export interface ContentSaveState {
+    saving: boolean;
+    saveError: string | null;
+    lastSavedAt: number | null;
+    savedId: string | null;
+}
+export interface ContentPreviewDraft {
+    id: string;
+    type: ContentType;
+    status: ContentStatus;
+    title: string;
+    slug: string;
+    excerpt: string | null;
+    byline: string | null;
+    authorId: string | null;
+    authorName: string | null;
+    authorSlug: string | null;
+    publishedAt: string | null;
+    body: string | null;
+    premium: boolean;
+    heroImageUrl: string | null;
+    channel: string | null;
+}
+export declare function ContentForm({ docId, contentType, onDocCreated, onTitleChange, onDraftChange, saveRequest, onStatusChange, onSaveStateChange, }: ContentFormProps): import("react").JSX.Element;
+export { docToMarkdown };
+//# sourceMappingURL=ContentForm.d.ts.map

package/dist/ui/editor/ContentForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentForm.d.ts","sourceRoot":"","sources":["../../../src/ui/editor/ContentForm.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAevE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAM9C,MAAM,WAAW,gBAAgB;IAChC,oDAAoD;IACpD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,6DAA6D;IAC7D,WAAW,EAAE,WAAW,CAAA;IACxB,iFAAiF;IACjF,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,4EAA4E;IAC5E,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,oFAAoF;IACpF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAA;IACpD,yFAAyF;IACzF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uFAAuF;IACvF,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAA;IAChD,mFAAmF;IACnF,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;CACrD;AAED,MAAM,WAAW,gBAAgB;IAChC,MAAM,EAAE,OAAO,CAAA;IACf,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAED,MAAM,WAAW,mBAAmB;IACnC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,WAAW,CAAA;IACjB,MAAM,EAAE,aAAa,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AA8HD,wBAAgB,WAAW,CAAC,EAC3B,KAAK,EACL,WAAW,EACX,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAe,EACf,cAAc,EACd,iBAAiB,GACjB,EAAE,gBAAgB,+BA0oBlB;AA+kBD,OAAO,EAAE,aAAa,EAAE,CAAA"}