@canvas-digital/blog-sdk 2.0.0

package/dist/components/admin/UsersManager.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useTransition } from "react";
+import { useAdminMock } from "./mock/store";
+export const TENANT_ROLES = ["contributor", "author", "editor", "brand-admin"];
+const ROLE_HELP = {
+    contributor: "Drafts only, and only their own.",
+    author: "Writes and edits their own posts.",
+    editor: "Edits anything in the brand, approves and publishes.",
+    "brand-admin": "Everything an editor can do, plus deleting permanently.",
+};
+const GLOBAL_LABEL = {
+    none: "Brand roles only",
+    "platform-admin": "Platform admin",
+    analyst: "Analyst (read-only, all brands)",
+};
+const emptyDraft = () => ({
+    id: null,
+    name: "",
+    email: "",
+    password: "",
+    globalRole: "none",
+    roles: [],
+});
+export function UsersManager() {
+    const store = useAdminMock();
+    const rows = store.users();
+    const tenants = store.brands.map((b) => ({ id: b.id, name: b.name }));
+    const [pending, start] = useTransition();
+    const [error, setError] = useState(null);
+    const [flash, setFlash] = useState(null);
+    const [draft, setDraft] = useState(emptyDraft());
+    const [open, setOpen] = useState(false);
+    const edit = (row) => {
+        setError(null);
+        setFlash(null);
+        setDraft({
+            id: row.id,
+            name: row.name,
+            email: row.email,
+            password: "",
+            globalRole: row.globalRole,
+            roles: row.roles.map((r) => ({ tenant: r.tenant, role: r.role })),
+        });
+        setOpen(true);
+    };
+    const create = () => {
+        setError(null);
+        setFlash(null);
+        setDraft(emptyDraft());
+        setOpen(true);
+    };
+    const submit = () => {
+        setError(null);
+        start(() => {
+            const res = store.saveUser({
+                id: draft.id,
+                name: draft.name,
+                email: draft.email,
+                password: draft.password || null,
+                globalRole: draft.globalRole,
+                tenantRoles: draft.roles,
+            });
+            if (!res.ok) {
+                setError(res.error);
+                return;
+            }
+            setFlash(draft.id ? "Saved." : "Account created.");
+            setOpen(false);
+        });
+    };
+    const remove = (row) => {
+        if (!window.confirm(`Delete ${row.name}? Their bylines stay — those are separate records.`))
+            return;
+        setError(null);
+        start(() => {
+            const res = store.deleteUser(row.id);
+            if (!res.ok) {
+                setError(res.error);
+                return;
+            }
+            setFlash("Account deleted.");
+        });
+    };
+    const setRole = (tenantId, role) => {
+        setDraft((d) => ({
+            ...d,
+            roles: role
+                ? [...d.roles.filter((r) => r.tenant !== tenantId), { tenant: tenantId, role }]
+                : d.roles.filter((r) => r.tenant !== tenantId),
+        }));
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "filterbar", children: [_jsx("button", { type: "button", className: "btn btn-primary", onClick: create, children: "\uFF0B Add person" }), _jsxs("span", { className: "note", children: [rows.length, " accounts"] })] }), error && !open ? (_jsx("p", { className: "form-error", role: "alert", children: error })) : null, flash ? (_jsx("p", { className: "form-ok", role: "status", children: flash })) : null, _jsx("section", { className: "panel", children: _jsx("div", { className: "tw", children: _jsxs("table", { className: "tbl", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "Person" }), _jsx("th", { children: "Platform role" }), _jsx("th", { children: "Brand access" }), _jsx("th", {})] }) }), _jsx("tbody", { children: rows.map((row) => (_jsxs("tr", { children: [_jsxs("td", { children: [_jsxs("span", { className: "row-title", children: [row.name, row.isSelf ? _jsx("span", { className: "chip chip-brand", children: "you" }) : null] }), _jsx("span", { className: "cell-sub mono", children: row.email }), _jsxs("div", { className: "row-actions", children: [_jsx("button", { type: "button", onClick: () => edit(row), children: "Edit" }), row.isSelf ? null : (_jsx("button", { type: "button", className: "danger", onClick: () => remove(row), children: "Delete" }))] })] }), _jsx("td", { className: "muted", children: GLOBAL_LABEL[row.globalRole] }), _jsx("td", { children: row.roles.length === 0 ? (_jsx("span", { className: "muted", children: "\u2014" })) : (_jsx("div", { className: "chips", children: row.roles.map((r) => (_jsxs("span", { className: "chip chip-brand", children: [r.tenantName, ": ", r.role.replace("-", " ")] }, `${row.id}-${r.tenant}`))) })) }), _jsx("td", {})] }, row.id))) })] }) }) }), open ? (_jsx("div", { className: "modal-backdrop", onMouseDown: () => setOpen(false), children: _jsxs("div", { className: "modal", role: "dialog", "aria-modal": "true", "aria-label": "Account", onMouseDown: (e) => e.stopPropagation(), children: [_jsxs("header", { className: "modal-head", children: [_jsx("h2", { children: draft.id ? "Edit account" : "Add person" }), _jsx("button", { type: "button", className: "icon-btn", onClick: () => setOpen(false), "aria-label": "Close", children: "\u2715" })] }), _jsxs("div", { className: "modal-body stack", children: [error ? (_jsx("p", { className: "form-error", role: "alert", children: error })) : null, _jsxs("label", { className: "fld-row", children: [_jsx("span", { className: "fld-lbl", children: "Name" }), _jsx("input", { className: "fld", value: draft.name, onChange: (e) => setDraft((d) => ({ ...d, name: e.target.value })) })] }), _jsxs("label", { className: "fld-row", children: [_jsx("span", { className: "fld-lbl", children: "Email" }), _jsx("input", { className: "fld mono", type: "email", value: draft.email, onChange: (e) => setDraft((d) => ({ ...d, email: e.target.value })) })] }), _jsxs("label", { className: "fld-row", children: [_jsxs("span", { className: "fld-lbl", children: [draft.id ? "New password" : "Starting password", " ", _jsx("em", { children: "at least 12 characters" })] }), _jsx("input", { className: "fld", type: "password", autoComplete: "new-password", placeholder: draft.id ? "Leave blank to keep the current one" : "", value: draft.password, onChange: (e) => setDraft((d) => ({ ...d, password: e.target.value })) })] }), _jsxs("label", { className: "fld-row", children: [_jsx("span", { className: "fld-lbl", children: "Platform role" }), _jsxs("select", { className: "fld", value: draft.globalRole, onChange: (e) => setDraft((d) => ({ ...d, globalRole: e.target.value })), children: [_jsx("option", { value: "none", children: "Brand roles only" }), _jsx("option", { value: "analyst", children: "Analyst \u2014 read-only across every brand" }), _jsx("option", { value: "platform-admin", children: "Platform admin \u2014 full control" })] })] }), _jsxs("div", { className: "fld-row", children: [_jsx("span", { className: "fld-lbl", children: "Brand access" }), _jsx("div", { className: "role-grid", children: tenants.map((t) => {
+                                                const current = draft.roles.find((r) => r.tenant === t.id)?.role ?? "";
+                                                return (_jsxs("div", { className: "role-row", children: [_jsx("span", { children: t.name }), _jsxs("select", { className: "fld fld-sm", value: current, onChange: (e) => setRole(t.id, e.target.value), "aria-label": `Role in ${t.name}`, children: [_jsx("option", { value: "", children: "No access" }), TENANT_ROLES.map((role) => (_jsx("option", { value: role, children: role.replace("-", " ") }, role)))] }), _jsx("span", { className: "note", children: current ? ROLE_HELP[current] : "" })] }, t.id));
+                                            }) })] })] }), _jsxs("footer", { className: "modal-foot", children: [_jsx("span", { className: "note", children: "Publishing rights come from the brand role, never from the platform role." }), _jsxs("div", { className: "modal-foot-actions", children: [_jsx("button", { type: "button", className: "btn", onClick: () => setOpen(false), children: "Cancel" }), _jsx("button", { type: "button", className: "btn btn-primary", onClick: submit, disabled: pending, children: pending ? "Saving…" : draft.id ? "Save account" : "Create account" })] })] })] }) })) : null] }));
+}

package/dist/components/admin/api/mappers.d.ts

@@ -0,0 +1,37 @@
+import type { AdminSdkAuthor, AdminSdkBrand, AdminSdkCategory, AdminSdkComment, AdminSdkMe, AdminSdkMedia, AdminSdkPost, AdminSdkTag } from "../../../services/admin-sdk-client";
+import type { BrandForm, CommentRow, MediaHit, MockProfile, PostRow, TermRow } from "../mock/fixtures";
+export declare function mapAdminMeToProfile(me: AdminSdkMe): MockProfile;
+export declare function mapBrandToForm(brand: AdminSdkBrand): BrandForm;
+export declare function mapCategoryToTerm(cat: AdminSdkCategory): TermRow;
+export declare function mapTagToTerm(tag: AdminSdkTag): TermRow;
+export declare function mapAuthorToTerm(author: AdminSdkAuthor): TermRow;
+export declare function mapMediaToHit(media: AdminSdkMedia): MediaHit;
+export declare function mapPostToRow(post: AdminSdkPost, brands: BrandForm[], categories: TermRow[], tags?: TermRow[], authors?: TermRow[]): PostRow;
+export declare function mapCommentToRow(comment: AdminSdkComment, posts: PostRow[], brands: BrandForm[]): CommentRow;
+export declare function postRowToWrite(input: Partial<PostRow> & {
+    title: string;
+    brandId: string;
+}, intent?: "save" | "publish" | "schedule" | "unpublish" | "trash" | "restore"): {
+    brandId: string;
+    title: string;
+    content: string;
+    slug: string | undefined;
+    excerpt: string | undefined;
+    featuredImage: string | undefined;
+    categoryIds: string[] | undefined;
+    tagIds: string[] | undefined;
+    authorIds: string[] | undefined;
+    status: "draft" | "published" | undefined;
+    reviewState: "approved" | "writing" | "in-review" | undefined;
+    postFormat: "link" | "standard" | "video" | "audio" | "quote" | "gallery" | "image" | undefined;
+    template: "default" | undefined;
+    visibility: "public" | "private" | undefined;
+    allowComments: boolean | undefined;
+    showInTableOfContents: boolean | undefined;
+    seoTitle: string | undefined;
+    seoDescription: string | undefined;
+    seoKeywords: string | undefined;
+    scheduledAt: string | null | undefined;
+    intent: "save" | "publish" | "schedule" | "unpublish" | "trash" | "restore" | undefined;
+};
+//# sourceMappingURL=mappers.d.ts.map

package/dist/components/admin/api/mappers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mappers.d.ts","sourceRoot":"","sources":["../../../../app/components/admin/api/mappers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,aAAa,EACb,YAAY,EACZ,WAAW,EACZ,MAAM,oCAAoC,CAAC;AAC5C,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAKvG,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,UAAU,GAAG,WAAW,CAO/D;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,CAgB9D;AAED,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,gBAAgB,GAAG,OAAO,CAWhE;AAED,wBAAgB,YAAY,CAAC,GAAG,EAAE,WAAW,GAAG,OAAO,CAWtD;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,cAAc,GAAG,OAAO,CAW/D;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,aAAa,GAAG,QAAQ,CAe5D;AAED,wBAAgB,YAAY,CAC1B,IAAI,EAAE,YAAY,EAClB,MAAM,EAAE,SAAS,EAAE,EACnB,UAAU,EAAE,OAAO,EAAE,EACrB,IAAI,GAAE,OAAO,EAAO,EACpB,OAAO,GAAE,OAAO,EAAO,GACtB,OAAO,CAsDT;AAED,wBAAgB,eAAe,CAC7B,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE,OAAO,EAAE,EAChB,MAAM,EAAE,SAAS,EAAE,GAClB,UAAU,CAgBZ;AAED,wBAAgB,cAAc,CAC5B,KAAK,EAAE,OAAO,CAAC,OAAO,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,EAC5D,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS;;;;;;;;;;;;;;;;;;;;;;EAyB7E"}

package/dist/components/admin/api/mappers.js

@@ -0,0 +1,174 @@
+const asIso = (value) => (value ? String(value) : null);
+export function mapAdminMeToProfile(me) {
+    return {
+        id: me.id,
+        name: me.loginName || me.email,
+        email: me.email,
+        globalRole: me.role === "super_admin" ? "platform-admin" : "none",
+    };
+}
+export function mapBrandToForm(brand) {
+    return {
+        id: brand.id,
+        name: brand.name,
+        slug: brand.slug,
+        primaryDomain: brand.domain || brand.url || brand.slug,
+        domains: brand.domain ? [brand.domain] : [],
+        accent: "#2e3a8c",
+        font: "serif",
+        siteName: brand.name,
+        titleTemplate: "%s | %site%",
+        blogTitle: brand.name,
+        blogDescription: "",
+        ga4MeasurementId: "",
+        gscVerification: "",
+    };
+}
+export function mapCategoryToTerm(cat) {
+    return {
+        id: cat.id,
+        name: cat.name,
+        slug: cat.slug,
+        description: cat.description ?? "",
+        jobTitle: "",
+        bio: "",
+        count: 0,
+        brandId: cat.brandId ?? "",
+    };
+}
+export function mapTagToTerm(tag) {
+    return {
+        id: tag.id,
+        name: tag.name,
+        slug: tag.slug,
+        description: tag.description ?? "",
+        jobTitle: "",
+        bio: "",
+        count: 0,
+        brandId: tag.brandId ?? "",
+    };
+}
+export function mapAuthorToTerm(author) {
+    return {
+        id: author.id,
+        name: author.name,
+        slug: author.slug,
+        description: author.description ?? "",
+        jobTitle: author.jobTitle ?? "",
+        bio: author.bio ?? "",
+        count: author.count ?? 0,
+        brandId: author.brandId ?? "",
+    };
+}
+export function mapMediaToHit(media) {
+    return {
+        id: media.id,
+        url: media.url,
+        thumbUrl: media.thumbUrl || media.url,
+        alt: media.alt ?? media.originalFilename ?? media.filename ?? "",
+        filename: media.originalFilename || media.filename,
+        width: media.width ?? null,
+        height: media.height ?? null,
+        filesize: media.size ?? null,
+        createdAt: media.createdAt,
+        brandId: media.brandId,
+        caption: media.caption ?? "",
+        credit: media.credit ?? "",
+    };
+}
+export function mapPostToRow(post, brands, categories, tags = [], authors = []) {
+    const brand = brands.find((b) => b.id === post.brandId);
+    const status = post.status === "published" ? "published" : "draft";
+    const reviewState = (post.reviewState || "writing");
+    const categoryIds = (post.categoryIds ?? []).map(String);
+    const tagIds = (post.tagIds ?? []).map(String);
+    const authorIds = (post.authorIds ?? []).map(String);
+    return {
+        id: post.id,
+        title: post.title,
+        slug: post.slug,
+        status,
+        reviewState,
+        scheduledFor: asIso(post.scheduledAt),
+        publishedAt: asIso(post.publishedAt),
+        updatedAt: post.updatedAt,
+        createdAt: post.createdAt,
+        trashed: Boolean(post.deletedAt),
+        categoryIds,
+        categoryNames: categoryIds
+            .map((id) => categories.find((c) => c.id === id)?.name)
+            .filter(Boolean),
+        tagIds,
+        tagNames: tagIds
+            .map((id) => tags.find((t) => t.id === id)?.name)
+            .filter(Boolean),
+        authorIds,
+        authorNames: authorIds
+            .map((id) => authors.find((a) => a.id === id)?.name)
+            .filter(Boolean),
+        brandId: post.brandId,
+        brandName: brand?.name ?? null,
+        brandSlug: brand?.slug ?? null,
+        blockers: [],
+        readingMinutes: post.readingMinutes ?? null,
+        views: null,
+        canPublish: true,
+        excerpt: post.excerpt ?? "",
+        contentHtml: post.content || "<p></p>",
+        featuredImageId: post.featuredImage ?? null,
+        allowComments: post.allowComments ?? true,
+        visibility: post.visibility || "public",
+        template: "default",
+        authorBox: "default",
+        showInTableOfContents: post.showInTableOfContents ?? false,
+        postFormat: post.postFormat || "standard",
+        seo: {
+            metaTitle: post.seoTitle ?? "",
+            metaDescription: post.seoDescription ?? "",
+            focusKeyphrase: post.seoKeywords ?? "",
+            noindex: false,
+        },
+    };
+}
+export function mapCommentToRow(comment, posts, brands) {
+    const post = posts.find((p) => p.id === comment.postId);
+    const brand = brands.find((b) => b.id === comment.brandId);
+    return {
+        id: comment.id,
+        authorName: comment.authorName,
+        authorEmail: comment.authorEmail ?? null,
+        body: comment.body,
+        status: comment.status || "pending",
+        createdAt: comment.createdAt,
+        postId: comment.postId ?? null,
+        postTitle: post?.title ?? null,
+        postOwnerId: null,
+        brandId: comment.brandId ?? post?.brandId ?? "",
+        brandName: brand?.name ?? null,
+    };
+}
+export function postRowToWrite(input, intent) {
+    return {
+        brandId: input.brandId,
+        title: input.title,
+        content: input.contentHtml || "<p></p>",
+        slug: input.slug,
+        excerpt: input.excerpt,
+        featuredImage: input.featuredImageId ?? undefined,
+        categoryIds: input.categoryIds,
+        tagIds: input.tagIds,
+        authorIds: input.authorIds,
+        status: input.status,
+        reviewState: input.reviewState,
+        postFormat: input.postFormat,
+        template: input.template,
+        visibility: input.visibility,
+        allowComments: input.allowComments,
+        showInTableOfContents: input.showInTableOfContents,
+        seoTitle: input.seo?.metaTitle,
+        seoDescription: input.seo?.metaDescription,
+        seoKeywords: input.seo?.focusKeyphrase,
+        scheduledAt: input.scheduledFor,
+        intent,
+    };
+}

package/dist/components/admin/charts.d.ts

@@ -0,0 +1,30 @@
+export type DayPoint = {
+    date: string;
+    views: number;
+    uniques: number;
+};
+export type Bucket = {
+    label: string;
+    value: number;
+};
+export declare const TrendArea: ({ data, height }: {
+    data: DayPoint[];
+    height?: number;
+}) => import("react").JSX.Element;
+export declare const Sparkline: ({ data }: {
+    data: number[];
+}) => import("react").JSX.Element;
+export declare const BarList: ({ items, colorVar, unit, hrefFor, }: {
+    items: Bucket[];
+    colorVar?: string;
+    unit?: string;
+    hrefFor?: (label: string) => string | undefined;
+}) => import("react").JSX.Element;
+export declare const Funnel: ({ stages, }: {
+    stages: {
+        label: string;
+        value: number;
+        tone: 1 | 2 | 3 | 4;
+    }[];
+}) => import("react").JSX.Element;
+//# sourceMappingURL=charts.d.ts.map

package/dist/components/admin/charts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"charts.d.ts","sourceRoot":"","sources":["../../../app/components/admin/charts.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,QAAQ,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AACxE,MAAM,MAAM,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAqBtD,eAAO,MAAM,SAAS,GAAI,kBAAwB;IAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,gCAgItF,CAAA;AAMD,eAAO,MAAM,SAAS,GAAI,UAAU;IAAE,IAAI,EAAE,MAAM,EAAE,CAAA;CAAE,gCA4BrD,CAAA;AAOD,eAAO,MAAM,OAAO,GAAI,qCAKrB;IACD,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAA;CAChD,gCAyCA,CAAA;AAMD,eAAO,MAAM,MAAM,GAAI,aAEpB;IACD,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;KAAE,EAAE,CAAA;CAChE,gCAuBA,CAAA"}

package/dist/components/admin/charts.js

@@ -0,0 +1,79 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useId, useState } from 'react';
+/**
+ * Hand-authored SVG charts — no charting library, so the dashboard's client
+ * bundle stays under a few kilobytes.
+ *
+ * Colour comes from CSS custom properties defined in dashboard.css, which carry
+ * separately-validated light and dark steps. Nothing here hardcodes a hex, so a
+ * theme change is a token change.
+ */
+const fmt = new Intl.NumberFormat('en-GB');
+const shortDate = (iso) => new Intl.DateTimeFormat('en-GB', { day: 'numeric', month: 'short', timeZone: 'UTC' }).format(new Date(iso + 'T00:00:00Z'));
+/* ------------------------------------------------------------------ */
+/* Views over time — single series, so no legend: the title names it.  */
+/* ------------------------------------------------------------------ */
+export const TrendArea = ({ data, height = 220 }) => {
+    const reactId = useId();
+    const gradId = `trend-${reactId.replace(/[^a-zA-Z0-9_-]/g, '')}`;
+    const [hover, setHover] = useState(null);
+    const W = 720;
+    const H = height;
+    const pad = { t: 14, r: 12, b: 26, l: 44 };
+    const iw = W - pad.l - pad.r;
+    const ih = H - pad.t - pad.b;
+    const max = Math.max(1, ...data.map((d) => d.views));
+    // Round the ceiling up to something a human would pick, so ticks are readable.
+    const step = Math.pow(10, Math.floor(Math.log10(max)));
+    const ceil = Math.ceil(max / step) * step;
+    const ticks = [0, ceil / 2, ceil];
+    const x = (i) => pad.l + (data.length <= 1 ? iw / 2 : (i / (data.length - 1)) * iw);
+    const y = (v) => pad.t + ih - (v / ceil) * ih;
+    const line = data.map((d, i) => `${i === 0 ? 'M' : 'L'}${x(i)},${y(d.views)}`).join(' ');
+    const area = `${line} L${x(data.length - 1)},${pad.t + ih} L${x(0)},${pad.t + ih} Z`;
+    const onMove = (e) => {
+        const rect = e.currentTarget.getBoundingClientRect();
+        const px = ((e.clientX - rect.left) / rect.width) * W;
+        const i = Math.round(((px - pad.l) / iw) * (data.length - 1));
+        setHover(i >= 0 && i < data.length ? i : null);
+    };
+    const active = hover != null ? data[hover] : null;
+    return (_jsxs("div", { className: "chart-holder", children: [_jsxs("svg", { viewBox: `0 0 ${W} ${H}`, className: "chart-svg", role: "img", "aria-label": `Daily views over the last ${data.length} days`, onMouseMove: onMove, onMouseLeave: () => setHover(null), children: [_jsx("defs", { children: _jsxs("linearGradient", { id: gradId, x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "0%", stopColor: "var(--viz-1)", stopOpacity: "0.26" }), _jsx("stop", { offset: "100%", stopColor: "var(--viz-1)", stopOpacity: "0.02" })] }) }), ticks.map((t) => (_jsxs("g", { children: [_jsx("line", { x1: pad.l, x2: W - pad.r, y1: y(t), y2: y(t), stroke: "var(--viz-grid)", strokeWidth: "1" }), _jsx("text", { x: pad.l - 9, y: y(t) + 4, textAnchor: "end", className: "axis-label", fill: "var(--viz-muted)", children: fmt.format(Math.round(t)) })] }, t))), _jsx("path", { d: area, fill: `url(#${gradId})` }), _jsx("path", { d: line, fill: "none", stroke: "var(--viz-1)", strokeWidth: "2", strokeLinejoin: "round" }), [0, Math.floor(data.length / 2), data.length - 1].map((i) => (_jsx("text", { x: x(i), y: H - 8, textAnchor: i === 0 ? 'start' : i === data.length - 1 ? 'end' : 'middle', className: "axis-label", fill: "var(--viz-muted)", children: data[i] ? shortDate(data[i].date) : '' }, i))), active && hover != null ? (_jsxs("g", { children: [_jsx("line", { x1: x(hover), x2: x(hover), y1: pad.t, y2: pad.t + ih, stroke: "var(--viz-axis)", strokeWidth: "1" }), _jsx("circle", { cx: x(hover), cy: y(active.views), r: "5", fill: "var(--viz-1)", stroke: "var(--d-surface)", strokeWidth: "2" })] })) : null] }), active && hover != null ? (_jsxs("div", { className: "chart-tip", style: { left: `${(x(hover) / W) * 100}%` }, role: "status", children: [_jsx("div", { className: "tip-date", children: shortDate(active.date) }), _jsxs("div", { className: "tip-row", children: [_jsx("span", { className: "tip-swatch", style: { background: 'var(--viz-1)' } }), fmt.format(active.views), " views"] }), _jsxs("div", { className: "tip-sub", children: [fmt.format(active.uniques), " unique"] })] })) : null] }));
+};
+/* ------------------------------------------------------------------ */
+/* Sparkline for stat cards                                            */
+/* ------------------------------------------------------------------ */
+export const Sparkline = ({ data }) => {
+    const W = 120;
+    const H = 32;
+    const max = Math.max(1, ...data);
+    const pts = data
+        .map((v, i) => `${(i / Math.max(1, data.length - 1)) * W},${H - (v / max) * (H - 4) - 2}`)
+        .join(' ');
+    return (_jsxs("svg", { viewBox: `0 0 ${W} ${H}`, className: "spark", "aria-hidden": "true", children: [_jsx("polyline", { points: pts, fill: "none", stroke: "var(--viz-1)", strokeWidth: "2", strokeLinejoin: "round", strokeLinecap: "round" }), data.length ? (_jsx("circle", { cx: W, cy: H - (data[data.length - 1] / max) * (H - 4) - 2, r: "2.5", fill: "var(--viz-1)" })) : null] }));
+};
+/* ------------------------------------------------------------------ */
+/* Horizontal bar list — direct-labelled, which is also the contrast    */
+/* relief the palette validator requires for the aqua slot.             */
+/* ------------------------------------------------------------------ */
+export const BarList = ({ items, colorVar = 'var(--viz-1)', unit = '', hrefFor, }) => {
+    const max = Math.max(1, ...items.map((i) => i.value));
+    if (items.length === 0)
+        return _jsx("p", { className: "d-empty", children: "No data yet." });
+    return (_jsx("ul", { className: "barlist", children: items.map((item) => {
+            const href = hrefFor?.(item.label);
+            const label = (_jsxs(_Fragment, { children: [_jsx("span", { className: "bl-label", title: item.label, children: item.label }), _jsxs("span", { className: "bl-value", children: [fmt.format(item.value), unit] })] }));
+            return (_jsxs("li", { className: "bl-row", children: [_jsx("div", { className: "bl-head", children: href ? (_jsx("a", { href: href, className: "bl-link", children: label })) : (label) }), _jsx("div", { className: "bl-track", children: _jsx("div", { className: "bl-fill", style: { width: `${(item.value / max) * 100}%`, background: colorVar } }) })] }, item.label));
+        }) }));
+};
+/* ------------------------------------------------------------------ */
+/* Pipeline funnel — ordinal ramp, one hue, light→dark as work advances */
+/* ------------------------------------------------------------------ */
+export const Funnel = ({ stages, }) => {
+    const max = Math.max(1, ...stages.map((s) => s.value));
+    return (_jsx("ul", { className: "funnel", children: stages.map((s) => (_jsxs("li", { children: [_jsxs("div", { className: "fn-head", children: [_jsx("span", { className: "fn-label", children: s.label }), _jsx("span", { className: "fn-value", children: fmt.format(s.value) })] }), _jsx("div", { className: "fn-track", children: _jsx("div", { className: "fn-fill", style: {
+                            width: `${Math.max(2, (s.value / max) * 100)}%`,
+                            background: `var(--ord-${s.tone})`,
+                        } }) })] }, s.label))) }));
+};

package/dist/components/admin/editor/FormatContentPanel.d.ts

@@ -0,0 +1,25 @@
+import type { ImageRef } from './PostEditor';
+import type { PostFormat } from '../../../lib/post-format';
+type FormatMetaState = {
+    videoMedia: ImageRef | null;
+    audioMedia: ImageRef | null;
+    quoteText: string;
+    quoteSource: string;
+    linkUrl: string;
+    linkTitle: string;
+};
+type Props = {
+    format: PostFormat;
+    meta: FormatMetaState;
+    tenant: string | null;
+    featuredImage: ImageRef | null;
+    gallery: ImageRef[];
+    onMetaChange: <K extends keyof FormatMetaState>(key: K, value: FormatMetaState[K]) => void;
+    onFeaturedPick: () => void;
+    onFeaturedClear: () => void;
+    onGalleryAdd: () => void;
+    onGalleryRemove: (id: string) => void;
+};
+export declare const FormatContentPanel: ({ format, meta, tenant, featuredImage, gallery, onMetaChange, onFeaturedPick, onFeaturedClear, onGalleryAdd, onGalleryRemove, }: Props) => import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=FormatContentPanel.d.ts.map

package/dist/components/admin/editor/FormatContentPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormatContentPanel.d.ts","sourceRoot":"","sources":["../../../../app/components/admin/editor/FormatContentPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAI1D,KAAK,eAAe,GAAG;IACrB,UAAU,EAAE,QAAQ,GAAG,IAAI,CAAA;IAC3B,UAAU,EAAE,QAAQ,GAAG,IAAI,CAAA;IAC3B,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,UAAU,CAAA;IAClB,IAAI,EAAE,eAAe,CAAA;IACrB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,aAAa,EAAE,QAAQ,GAAG,IAAI,CAAA;IAC9B,OAAO,EAAE,QAAQ,EAAE,CAAA;IACnB,YAAY,EAAE,CAAC,CAAC,SAAS,MAAM,eAAe,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KAAK,IAAI,CAAA;IAC1F,cAAc,EAAE,MAAM,IAAI,CAAA;IAC1B,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CACtC,CAAA;AAYD,eAAO,MAAM,kBAAkB,GAAI,iIAWhC,KAAK,uCA4PP,CAAA"}

package/dist/components/admin/editor/FormatContentPanel.js

@@ -0,0 +1,62 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { FORMAT_HINTS, FORMAT_LABELS } from '../../../lib/post-format';
+import { uploadAudio, uploadVideo } from '../upload';
+const FORMAT_ICONS = {
+    standard: '¶',
+    video: '▶',
+    audio: '♫',
+    quote: '“',
+    image: '◻',
+    gallery: '▦',
+    link: '↗',
+};
+export const FormatContentPanel = ({ format, meta, tenant, featuredImage, gallery, onMetaChange, onFeaturedPick, onFeaturedClear, onGalleryAdd, onGalleryRemove, }) => {
+    const [mounted, setMounted] = useState(false);
+    const [videoBusy, setVideoBusy] = useState(false);
+    const [audioBusy, setAudioBusy] = useState(false);
+    const [uploadError, setUploadError] = useState(null);
+    const videoInputRef = useRef(null);
+    const audioInputRef = useRef(null);
+    useEffect(() => setMounted(true), []);
+    if (format === 'standard')
+        return null;
+    const pickVideo = () => videoInputRef.current?.click();
+    const pickAudio = () => audioInputRef.current?.click();
+    const onVideoFiles = async (files) => {
+        const file = files ? Array.from(files)[0] : null;
+        if (!file)
+            return;
+        setUploadError(null);
+        setVideoBusy(true);
+        const res = await uploadVideo(file, tenant);
+        setVideoBusy(false);
+        if (!res.ok) {
+            setUploadError(res.error);
+            return;
+        }
+        onMetaChange('videoMedia', { id: res.media.id, url: res.media.url, alt: res.media.alt });
+    };
+    const onAudioFiles = async (files) => {
+        const file = files ? Array.from(files)[0] : null;
+        if (!file)
+            return;
+        setUploadError(null);
+        setAudioBusy(true);
+        const res = await uploadAudio(file, tenant);
+        setAudioBusy(false);
+        if (!res.ok) {
+            setUploadError(res.error);
+            return;
+        }
+        onMetaChange('audioMedia', { id: res.media.id, url: res.media.url, alt: res.media.alt });
+    };
+    return (_jsxs("div", { className: `format-panel format-panel-${format}`, children: [_jsxs("div", { className: "format-panel-head", children: [_jsx("span", { className: "format-panel-icon", "aria-hidden": "true", children: FORMAT_ICONS[format] }), _jsxs("div", { children: [_jsxs("h3", { children: [FORMAT_LABELS[format], " post"] }), _jsx("p", { className: "note", children: FORMAT_HINTS[format] })] })] }), uploadError ? _jsx("p", { className: "form-error format-upload-error", children: uploadError }) : null, format === 'video' ? (_jsxs("div", { className: "format-panel-body stack", children: [_jsx("input", { ref: videoInputRef, type: "file", accept: "video/mp4,video/webm,video/quicktime,.mp4,.webm,.mov", hidden: true, onChange: (e) => void onVideoFiles(e.target.files) }), meta.videoMedia ? (_jsxs("figure", { className: "format-media-hero", children: [mounted ? (_jsx("video", { src: meta.videoMedia.url, controls: true, preload: "metadata", className: "format-video-preview" })) : (_jsx("div", { className: "format-media-placeholder", "aria-hidden": "true" })), _jsxs("figcaption", { className: "btn-row", children: [_jsx("span", { className: "note", children: meta.videoMedia.alt }), _jsx("button", { type: "button", className: "btn btn-tiny", onClick: pickVideo, disabled: videoBusy, children: videoBusy ? 'Uploading…' : 'Replace' }), _jsx("button", { type: "button", className: "btn btn-tiny", onClick: () => onMetaChange('videoMedia', null), disabled: videoBusy, children: "Remove" })] })] })) : (_jsxs("button", { type: "button", className: "dropzone-cta format-media-empty", onClick: pickVideo, disabled: videoBusy || !tenant, onDragOver: (e) => e.preventDefault(), onDrop: (e) => {
+                            e.preventDefault();
+                            void onVideoFiles(e.dataTransfer.files);
+                        }, children: [_jsx("span", { className: "dropzone-icon", "aria-hidden": "true", children: "\u25B6" }), _jsx("span", { children: videoBusy ? 'Uploading video…' : 'Upload video' }), _jsx("span", { className: "note", children: "MP4, WebM or MOV \u00B7 up to 100 MB" })] }))] })) : null, format === 'audio' ? (_jsxs("div", { className: "format-panel-body stack", children: [_jsx("input", { ref: audioInputRef, type: "file", accept: "audio/mpeg,audio/mp4,audio/wav,audio/ogg,audio/aac,audio/webm,.mp3,.m4a,.wav,.ogg,.aac", hidden: true, onChange: (e) => void onAudioFiles(e.target.files) }), meta.audioMedia ? (_jsxs("figure", { className: "format-media-hero", children: [mounted ? (_jsx("audio", { className: "format-audio", src: meta.audioMedia.url, controls: true, preload: "metadata" })) : null, _jsxs("figcaption", { className: "btn-row", children: [_jsx("span", { className: "note", children: meta.audioMedia.alt }), _jsx("button", { type: "button", className: "btn btn-tiny", onClick: pickAudio, disabled: audioBusy, children: audioBusy ? 'Uploading…' : 'Replace' }), _jsx("button", { type: "button", className: "btn btn-tiny", onClick: () => onMetaChange('audioMedia', null), disabled: audioBusy, children: "Remove" })] })] })) : (_jsxs("button", { type: "button", className: "dropzone-cta format-media-empty", onClick: pickAudio, disabled: audioBusy || !tenant, onDragOver: (e) => e.preventDefault(), onDrop: (e) => {
+                            e.preventDefault();
+                            void onAudioFiles(e.dataTransfer.files);
+                        }, children: [_jsx("span", { className: "dropzone-icon", "aria-hidden": "true", children: "\u266B" }), _jsx("span", { children: audioBusy ? 'Uploading audio…' : 'Upload audio' }), _jsx("span", { className: "note", children: "MP3, WAV, M4A, AAC or OGG \u00B7 up to 50 MB" })] }))] })) : null, format === 'quote' ? (_jsxs("div", { className: "format-panel-body stack", children: [_jsxs("label", { className: "fld-row", children: [_jsx("span", { className: "fld-lbl", children: "Quote" }), _jsx("textarea", { className: "fld format-quote-input", rows: 4, placeholder: "The pull quote readers will see highlighted.", value: meta.quoteText, onChange: (e) => onMetaChange('quoteText', e.target.value) })] }), _jsxs("label", { className: "fld-row", children: [_jsx("span", { className: "fld-lbl", children: "Source / attribution" }), _jsx("input", { className: "fld", placeholder: "Person or publication", value: meta.quoteSource, onChange: (e) => onMetaChange('quoteSource', e.target.value) })] }), meta.quoteText.trim() ? (_jsxs("blockquote", { className: "format-quote-preview", children: [_jsx("p", { children: meta.quoteText }), meta.quoteSource.trim() ? _jsxs("cite", { children: ["\u2014 ", meta.quoteSource] }) : null] })) : null] })) : null, format === 'link' ? (_jsxs("div", { className: "format-panel-body stack", children: [_jsxs("label", { className: "fld-row", children: [_jsx("span", { className: "fld-lbl", children: "Link URL" }), _jsx("input", { className: "fld", type: "url", placeholder: "https://example.com/article", value: meta.linkUrl, onChange: (e) => onMetaChange('linkUrl', e.target.value) })] }), _jsxs("label", { className: "fld-row", children: [_jsx("span", { className: "fld-lbl", children: "Link title" }), _jsx("input", { className: "fld", placeholder: "Optional \u2014 defaults to the post title", value: meta.linkTitle, onChange: (e) => onMetaChange('linkTitle', e.target.value) })] }), meta.linkUrl.trim() ? (_jsxs("a", { className: "format-link-preview", href: meta.linkUrl, target: "_blank", rel: "noreferrer", children: [_jsx("span", { className: "format-link-title", children: meta.linkTitle.trim() || 'Visit link' }), _jsx("span", { className: "format-link-url", children: meta.linkUrl })] })) : null] })) : null, format === 'image' ? (_jsx("div", { className: "format-panel-body stack", children: featuredImage ? (_jsxs("figure", { className: "format-image-hero", children: [_jsx("img", { src: featuredImage.url, alt: featuredImage.alt }), _jsxs("figcaption", { className: "btn-row", children: [_jsx("button", { type: "button", className: "btn btn-tiny", onClick: onFeaturedPick, children: "Replace" }), _jsx("button", { type: "button", className: "btn btn-tiny", onClick: onFeaturedClear, children: "Remove" })] })] })) : (_jsxs("button", { type: "button", className: "dropzone-cta format-image-empty", onClick: onFeaturedPick, children: [_jsx("span", { className: "dropzone-icon", "aria-hidden": "true", children: "\u25FB" }), _jsx("span", { children: "Upload hero image" }), _jsx("span", { className: "note", children: "Required for Image format posts" })] })) })) : null, format === 'gallery' ? (_jsxs("div", { className: "format-panel-body stack", children: [_jsxs("div", { className: "format-gallery-grid", children: [gallery.map((img) => (_jsxs("figure", { className: "format-gallery-item", children: [_jsx("img", { src: img.url, alt: img.alt }), _jsx("button", { type: "button", className: "format-gallery-remove", "aria-label": "Remove image", onClick: () => onGalleryRemove(img.id), children: "\u2715" })] }, img.id))), _jsxs("button", { type: "button", className: "format-gallery-add", onClick: onGalleryAdd, children: [_jsx("span", { "aria-hidden": "true", children: "+" }), _jsx("span", { children: "Upload images" })] })] }), _jsx("p", { className: "note", children: "Add at least one image. Drag order follows selection order." })] })) : null] }));
+};

package/dist/components/admin/editor/PostEditor.d.ts

@@ -0,0 +1,5 @@
+export declare function PostEditor({ postId, onDone, }: {
+    postId?: string;
+    onDone: () => void;
+}): import("react").JSX.Element;
+//# sourceMappingURL=PostEditor.d.ts.map

package/dist/components/admin/editor/PostEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PostEditor.d.ts","sourceRoot":"","sources":["../../../../app/components/admin/editor/PostEditor.tsx"],"names":[],"mappings":"AAwBA,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,MAAM,GACP,EAAE;IACD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB,+BA6iCA"}