@growth-labs/cms 0.1.0

package/dist/ui/editor/tweet-embed.d.ts

@@ -0,0 +1,4 @@
+import { Node } from '@tiptap/core';
+/** Custom Tiptap node for an embedded tweet / X post. */
+export declare const TweetEmbed: Node<any, any>;
+//# sourceMappingURL=tweet-embed.d.ts.map

package/dist/ui/editor/tweet-embed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tweet-embed.d.ts","sourceRoot":"","sources":["../../../src/ui/editor/tweet-embed.ts"],"names":[],"mappings":"AAQA,OAAO,EAAmB,IAAI,EAAE,MAAM,cAAc,CAAA;AAEpD,yDAAyD;AACzD,eAAO,MAAM,UAAU,gBAgDrB,CAAA"}

package/dist/ui/editor/tweet-embed.js

@@ -0,0 +1,49 @@
+// src/ui/editor/tweet-embed.ts
+// Pure Tiptap Node spec for the TweetEmbed custom node.
+// Defines the schema (group, atom, attrs) + parseHTML/renderHTML.
+// NEVER instantiates Editor or EditorView (browser-only).
+// The node is serialized to/from a fenced directive (:::tweet) by
+// src/ui/editor/serialize.ts; the HTML encoding is for Tiptap's own
+// HTML clipboard pipeline when the editor IS running in the browser.
+import { mergeAttributes, Node } from '@tiptap/core';
+/** Custom Tiptap node for an embedded tweet / X post. */
+export const TweetEmbed = Node.create({
+    name: 'tweetEmbed',
+    group: 'block',
+    atom: true,
+    addAttributes() {
+        return {
+            url: {
+                default: null,
+                parseHTML: (element) => element.getAttribute('data-tweet-url'),
+                renderHTML: (attributes) => ({
+                    'data-tweet-url': attributes.url,
+                }),
+            },
+        };
+    },
+    parseHTML() {
+        return [
+            {
+                tag: 'div[data-tweet]',
+                getAttrs: (element) => {
+                    if (typeof element === 'string')
+                        return {};
+                    return {
+                        url: element.getAttribute('data-tweet-url') || element.getAttribute('data-tweet'),
+                    };
+                },
+            },
+        ];
+    },
+    renderHTML({ node, HTMLAttributes, }) {
+        return [
+            'div',
+            mergeAttributes(HTMLAttributes, {
+                'data-tweet': '',
+                'data-tweet-url': node.attrs.url,
+            }),
+        ];
+    },
+});
+//# sourceMappingURL=tweet-embed.js.map

package/dist/ui/editor/tweet-embed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tweet-embed.js","sourceRoot":"","sources":["../../../src/ui/editor/tweet-embed.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,wDAAwD;AACxD,kEAAkE;AAClE,0DAA0D;AAC1D,kEAAkE;AAClE,oEAAoE;AACpE,qEAAqE;AAErE,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEpD,yDAAyD;AACzD,MAAM,CAAC,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC;IACrC,IAAI,EAAE,YAAY;IAElB,KAAK,EAAE,OAAO;IAEd,IAAI,EAAE,IAAI;IAEV,aAAa;QACZ,OAAO;YACN,GAAG,EAAE;gBACJ,OAAO,EAAE,IAAI;gBACb,SAAS,EAAE,CAAC,OAAoB,EAAE,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,gBAAgB,CAAC;gBAC3E,UAAU,EAAE,CAAC,UAAmC,EAAE,EAAE,CAAC,CAAC;oBACrD,gBAAgB,EAAE,UAAU,CAAC,GAAG;iBAChC,CAAC;aACF;SACD,CAAA;IACF,CAAC;IAED,SAAS;QACR,OAAO;YACN;gBACC,GAAG,EAAE,iBAAiB;gBACtB,QAAQ,EAAE,CAAC,OAA6B,EAAE,EAAE;oBAC3C,IAAI,OAAO,OAAO,KAAK,QAAQ;wBAAE,OAAO,EAAE,CAAA;oBAC1C,OAAO;wBACN,GAAG,EAAE,OAAO,CAAC,YAAY,CAAC,gBAAgB,CAAC,IAAI,OAAO,CAAC,YAAY,CAAC,YAAY,CAAC;qBACjF,CAAA;gBACF,CAAC;aACD;SACD,CAAA;IACF,CAAC;IAED,UAAU,CAAC,EACV,IAAI,EACJ,cAAc,GAId;QACA,OAAO;YACN,KAAK;YACL,eAAe,CAAC,cAAc,EAAE;gBAC/B,YAAY,EAAE,EAAE;gBAChB,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG;aAChC,CAAC;SACF,CAAA;IACF,CAAC;CACD,CAAC,CAAA"}

package/dist/ui/hash-router.d.ts

@@ -0,0 +1,5 @@
+export declare const ROUTES: readonly ["dashboard", "content", "calendar", "media", "analytics", "authors", "topics", "content-insights", "subscriptions", "social-share", "settings"];
+export type Route = (typeof ROUTES)[number];
+export declare function parseHash(hash: string): Route;
+export declare function hashFor(route: Route): string;
+//# sourceMappingURL=hash-router.d.ts.map

package/dist/ui/hash-router.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hash-router.d.ts","sourceRoot":"","sources":["../../src/ui/hash-router.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM,2JAYT,CAAA;AAEV,MAAM,MAAM,KAAK,GAAG,CAAC,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAI3C,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,CAI7C;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,CAE5C"}

package/dist/ui/hash-router.js

@@ -0,0 +1,25 @@
+// src/ui/hash-router.ts — pure hash-route helpers for the Masthead SPA. Astro
+// owns the /admin path; the SPA owns the #/<route> hash (no History conflict).
+export const ROUTES = [
+    'dashboard',
+    'content',
+    'calendar',
+    'media',
+    'analytics',
+    'authors',
+    'topics',
+    'content-insights',
+    'subscriptions',
+    'social-share',
+    'settings',
+];
+const DEFAULT = 'dashboard';
+export function parseHash(hash) {
+    const raw = hash.replace(/^#\/?/, '').split('?')[0];
+    const root = raw.split('/')[0] || DEFAULT;
+    return ROUTES.includes(root) ? root : DEFAULT;
+}
+export function hashFor(route) {
+    return `#/${route}`;
+}
+//# sourceMappingURL=hash-router.js.map

package/dist/ui/hash-router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hash-router.js","sourceRoot":"","sources":["../../src/ui/hash-router.ts"],"names":[],"mappings":"AAAA,8EAA8E;AAC9E,+EAA+E;AAE/E,MAAM,CAAC,MAAM,MAAM,GAAG;IACrB,WAAW;IACX,SAAS;IACT,UAAU;IACV,OAAO;IACP,WAAW;IACX,SAAS;IACT,QAAQ;IACR,kBAAkB;IAClB,eAAe;IACf,cAAc;IACd,UAAU;CACD,CAAA;AAIV,MAAM,OAAO,GAAU,WAAW,CAAA;AAElC,MAAM,UAAU,SAAS,CAAC,IAAY;IACrC,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAA;IACnD,MAAM,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,OAAO,CAAA;IACzC,OAAQ,MAA4B,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAE,IAAc,CAAC,CAAC,CAAC,OAAO,CAAA;AAChF,CAAC;AAED,MAAM,UAAU,OAAO,CAAC,KAAY;IACnC,OAAO,KAAK,KAAK,EAAE,CAAA;AACpB,CAAC"}

package/dist/ui/icons.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Masthead icon set — 1.6px line icons, 18px default.
+ * SVG path data ported from the Broadsheet design (icons.jsx).
+ * All icons use currentColor stroke so theme/accent CSS applies.
+ */
+/** Every icon name used across the shell (nav + topbar + site-switcher + palette). */
+export type IconName = 'dashboard' | 'library' | 'calendar' | 'media' | 'chart' | 'users' | 'tag' | 'inbox' | 'share' | 'settings' | 'sidebar' | 'search' | 'sun' | 'moon' | 'bell' | 'plus' | 'chevDown' | 'chevRight' | 'chevLeft' | 'doc' | 'video' | 'mic' | 'mail' | 'image' | 'folder' | 'folderOpen' | 'layers' | 'globe' | 'flag' | 'bolt' | 'seo' | 'star' | 'bookmark' | 'edit' | 'copy' | 'trash' | 'link' | 'filter' | 'grid' | 'rows' | 'columns' | 'dots' | 'arrowUp' | 'arrowRight' | 'play' | 'pause' | 'waveform' | 'x' | 'check' | 'checkCircle' | 'clock' | 'sparkle' | 'wand' | 'eye' | 'desktop' | 'tablet' | 'mobile' | 'history' | 'upload' | 'download' | 'refresh' | 'target' | 'pin' | 'command';
+/** SVG path data keyed by icon name. */
+export declare const ICON_PATHS: Record<IconName, string>;
+export interface IconProps {
+    name: IconName;
+    size?: number;
+    stroke?: number;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * Renders an inline SVG line icon from the Broadsheet design set.
+ * Uses currentColor stroke so it inherits text/accent colour from CSS.
+ * Defaults: 18px, 1.6px stroke, round caps/joins, aria-hidden.
+ */
+export declare function Icon({ name, size, stroke, className, style }: IconProps): import("react").JSX.Element;
+/**
+ * Broadsheet logo mark — folded masthead glyph from the design.
+ * Uses explicit colour (defaults to currentColor) so it works on
+ * any background without inheriting the wrong fill.
+ */
+export declare function BrandMark({ size, color, }: {
+    size?: number;
+    color?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=icons.d.ts.map

package/dist/ui/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/ui/icons.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,sFAAsF;AACtF,MAAM,MAAM,QAAQ,GAEjB,WAAW,GACX,SAAS,GACT,UAAU,GACV,OAAO,GACP,OAAO,GACP,OAAO,GACP,KAAK,GACL,OAAO,GACP,OAAO,GACP,UAAU,GAEV,SAAS,GACT,QAAQ,GACR,KAAK,GACL,MAAM,GACN,MAAM,GACN,MAAM,GAEN,UAAU,GACV,WAAW,GACX,UAAU,GAEV,KAAK,GACL,OAAO,GAEP,KAAK,GACL,MAAM,GACN,OAAO,GACP,QAAQ,GACR,YAAY,GACZ,QAAQ,GACR,OAAO,GACP,MAAM,GACN,MAAM,GACN,KAAK,GACL,MAAM,GACN,UAAU,GACV,MAAM,GACN,MAAM,GACN,OAAO,GACP,MAAM,GACN,QAAQ,GACR,MAAM,GACN,MAAM,GACN,SAAS,GACT,MAAM,GACN,SAAS,GACT,YAAY,GACZ,MAAM,GACN,OAAO,GACP,UAAU,GACV,GAAG,GACH,OAAO,GACP,aAAa,GACb,OAAO,GACP,SAAS,GACT,MAAM,GACN,KAAK,GACL,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,UAAU,GACV,SAAS,GACT,QAAQ,GACR,KAAK,GACL,SAAS,CAAA;AAEZ,wCAAwC;AACxC,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAuE/C,CAAA;AAED,MAAM,WAAW,SAAS;IACzB,IAAI,EAAE,QAAQ,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC3B;AAED;;;;GAIG;AACH,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,IAAS,EAAE,MAAY,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,SAAS,+BAmBlF;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EACzB,IAAS,EACT,KAAsB,GACtB,EAAE;IACF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACd,+BAUA"}

package/dist/ui/icons.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** SVG path data keyed by icon name. */
+export const ICON_PATHS = {
+    dashboard: 'M3 3h7v7H3zM14 3h7v4h-7zM14 10h7v11h-7zM3 13h7v8H3z',
+    library: 'M4 4h16v4H4zM4 11h16M4 16h16M4 8v12M20 8v12',
+    doc: 'M6 2h8l4 4v16H6zM14 2v4h4',
+    video: 'M3 5h13v14H3zM16 9l5-3v12l-5-3z',
+    mic: 'M12 3a3 3 0 0 1 3 3v5a3 3 0 0 1-6 0V6a3 3 0 0 1 3-3zM6 11a6 6 0 0 0 12 0M12 17v4M9 21h6',
+    mail: 'M3 5h18v14H3zM3 6l9 7 9-7',
+    calendar: 'M4 5h16v16H4zM4 9h16M8 3v4M16 3v4M8 13h2M14 13h2M8 17h2',
+    media: 'M3 4h18v16H3zM3 15l5-5 4 4 3-3 6 6M9 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z',
+    chart: 'M4 20V10M10 20V4M16 20v-6M22 20H2',
+    users: 'M9 11a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7zM2 21a7 7 0 0 1 14 0M17 11a3 3 0 0 0 0-6M18 21a6 6 0 0 0-3-5.2',
+    tag: 'M3 3h8l10 10-8 8L3 11zM7.5 7.5h.01',
+    folder: 'M3 6h6l2 2h10v12H3zM3 6v14',
+    settings: 'M12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6zM19.4 13a7.5 7.5 0 0 0 0-2l2-1.5-2-3.4-2.3 1a7.5 7.5 0 0 0-1.7-1l-.3-2.6h-4l-.3 2.6a7.5 7.5 0 0 0-1.7 1l-2.3-1-2 3.4L4.6 11a7.5 7.5 0 0 0 0 2l-2 1.5 2 3.4 2.3-1a7.5 7.5 0 0 0 1.7 1l.3 2.6h4l.3-2.6a7.5 7.5 0 0 0 1.7-1l2.3 1 2-3.4z',
+    plus: 'M12 5v14M5 12h14',
+    search: 'M11 4a7 7 0 1 0 0 14 7 7 0 0 0 0-14zM20 20l-4-4',
+    bell: 'M18 9a6 6 0 0 0-12 0c0 7-3 8-3 8h18s-3-1-3-8M13.7 21a2 2 0 0 1-3.4 0',
+    chevDown: 'M6 9l6 6 6-6',
+    chevRight: 'M9 6l6 6-6 6',
+    chevLeft: 'M15 6l-6 6 6 6',
+    sidebar: 'M3 4h18v16H3zM9 4v16',
+    eye: 'M2 12s4-7 10-7 10 7 10 7-4 7-10 7S2 12 2 12zM12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6z',
+    desktop: 'M3 4h18v12H3zM8 20h8M12 16v4',
+    tablet: 'M6 3h12v18H6zM11 18h2',
+    mobile: 'M8 3h8v18H8zM11 18h2',
+    sun: 'M12 7a5 5 0 1 0 0 10 5 5 0 0 0 0-10zM12 1v2M12 21v2M4.2 4.2l1.4 1.4M18.4 18.4l1.4 1.4M1 12h2M21 12h2M4.2 19.8l1.4-1.4M18.4 5.6l1.4-1.4',
+    moon: 'M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z',
+    check: 'M5 12l5 5L20 6',
+    checkCircle: 'M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20zM8 12l3 3 5-5',
+    clock: 'M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20zM12 7v5l3 2',
+    sparkle: 'M12 3l1.8 5.2L19 10l-5.2 1.8L12 17l-1.8-5.2L5 10l5.2-1.8zM5 4l.7 2 .8-2-.8.6zM19 17l.7 2 .8-2-.8.6z',
+    wand: 'M5 19l9-9M14 6l1.5-1.5M17 9l2-2M8.5 4.5L9 3M3 11l1.5.5M15 4l2 7 5 2-5 2-2 5-2-5-5-2 5-2z',
+    image: 'M3 4h18v16H3zM3 16l5-5 4 4 3-3 6 6M8.5 9a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0z',
+    link: 'M9 15l6-6M10 6l1-1a4 4 0 0 1 6 6l-1 1M14 18l-1 1a4 4 0 0 1-6-6l1-1',
+    trash: 'M4 6h16M9 6V4h6v2M6 6l1 14h10l1-14M10 10v6M14 10v6',
+    history: 'M3 12a9 9 0 1 0 3-6.7L3 8M3 4v4h4M12 8v4l3 2',
+    upload: 'M12 16V4M7 9l5-5 5 5M4 16v3a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-3',
+    download: 'M12 4v12M7 11l5 5 5-5M4 20h16',
+    filter: 'M3 5h18l-7 8v5l-4 2v-7z',
+    grid: 'M3 3h8v8H3zM13 3h8v8h-8zM3 13h8v8H3zM13 13h8v8h-8z',
+    rows: 'M3 5h18M3 12h18M3 19h18',
+    columns: 'M4 4h16v16H4zM10 4v16M16 4v16',
+    globe: 'M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20zM2 12h20M12 2a15 15 0 0 1 0 20M12 2a15 15 0 0 0 0 20',
+    flag: 'M5 21V4M5 4h11l-1.5 4L16 12H5',
+    bolt: 'M13 2L4 14h7l-1 8 9-12h-7z',
+    seo: 'M11 4a7 7 0 1 0 0 14 7 7 0 0 0 0-14zM20 20l-4-4M8 11h6M11 8v6',
+    layers: 'M12 3l9 5-9 5-9-5zM3 13l9 5 9-5M3 17l9 5 9-5',
+    share: 'M16 6a3 3 0 1 0 0-.1zM8 12a3 3 0 1 0 0 .1zM16 18a3 3 0 1 0 0 .1zM10.5 10.5l5-3M10.5 13.5l5 3',
+    dots: 'M12 6a1 1 0 1 0 0-.1zM12 12a1 1 0 1 0 0-.1zM12 18a1 1 0 1 0 0-.1z',
+    arrowUp: 'M12 19V5M6 11l6-6 6 6',
+    arrowRight: 'M5 12h14M13 6l6 6-6 6',
+    play: 'M7 4l13 8-13 8z',
+    pause: 'M8 4h3v16H8zM13 4h3v16h-3z',
+    waveform: 'M3 12h2M7 8v8M11 4v16M15 7v10M19 10v4M22 12h-1',
+    x: 'M6 6l12 12M18 6L6 18',
+    bookmark: 'M6 3h12v18l-6-4-6 4z',
+    edit: 'M4 20h4L19 9l-4-4L4 16zM14 6l4 4',
+    copy: 'M9 9h11v11H9zM5 15H4V4h11v1',
+    star: 'M12 3l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 18l-5.9 3 1.2-6.5L2.5 9.9 9 9z',
+    folderOpen: 'M3 7h6l2 2h10M3 7v13h18l-2-9H7z',
+    command: 'M9 6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3z',
+    inbox: 'M3 13h5l2 3h4l2-3h5M3 13l3-9h12l3 9v7H3z',
+    target: 'M12 22a10 10 0 1 0 0-20 10 10 0 0 0 0 20zM12 17a5 5 0 1 0 0-10 5 5 0 0 0 0 10zM12 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2z',
+    pin: 'M12 21s7-6.5 7-12a7 7 0 1 0-14 0c0 5.5 7 12 7 12zM12 11a2 2 0 1 0 0-4 2 2 0 0 0 0 4z',
+    refresh: 'M3 12a9 9 0 0 1 15-6.7L21 8M21 3v5h-5M21 12a9 9 0 0 1-15 6.7L3 16M3 21v-5h5',
+};
+/**
+ * Renders an inline SVG line icon from the Broadsheet design set.
+ * Uses currentColor stroke so it inherits text/accent colour from CSS.
+ * Defaults: 18px, 1.6px stroke, round caps/joins, aria-hidden.
+ */
+export function Icon({ name, size = 18, stroke = 1.6, className, style }) {
+    const d = ICON_PATHS[name] ?? ICON_PATHS.doc;
+    return (_jsx("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: stroke, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", className: className, style: style, children: _jsx("path", { d: d }) }));
+}
+/**
+ * Broadsheet logo mark — folded masthead glyph from the design.
+ * Uses explicit colour (defaults to currentColor) so it works on
+ * any background without inheriting the wrong fill.
+ */
+export function BrandMark({ size = 18, color = 'currentColor', }) {
+    return (_jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [_jsx("path", { d: "M5 4h14v3H5z", fill: color }), _jsx("path", { d: "M5 9.5h9", stroke: color, strokeWidth: 1.7, strokeLinecap: "round" }), _jsx("path", { d: "M5 13h9", stroke: color, strokeWidth: 1.7, strokeLinecap: "round" }), _jsx("path", { d: "M5 16.5h6", stroke: color, strokeWidth: 1.7, strokeLinecap: "round" }), _jsx("path", { d: "M16.5 9.5H19V20l-1.25-1L16.5 20z", fill: color, opacity: 0.9 })] }));
+}
+//# sourceMappingURL=icons.js.map

package/dist/ui/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/ui/icons.tsx"],"names":[],"mappings":";AA8EA,wCAAwC;AACxC,MAAM,CAAC,MAAM,UAAU,GAA6B;IACnD,SAAS,EAAE,qDAAqD;IAChE,OAAO,EAAE,6CAA6C;IACtD,GAAG,EAAE,2BAA2B;IAChC,KAAK,EAAE,iCAAiC;IACxC,GAAG,EAAE,yFAAyF;IAC9F,IAAI,EAAE,2BAA2B;IACjC,QAAQ,EAAE,yDAAyD;IACnE,KAAK,EAAE,6EAA6E;IACpF,KAAK,EAAE,mCAAmC;IAC1C,KAAK,EACJ,0GAA0G;IAC3G,GAAG,EAAE,oCAAoC;IACzC,MAAM,EAAE,4BAA4B;IACpC,QAAQ,EACP,yQAAyQ;IAC1Q,IAAI,EAAE,kBAAkB;IACxB,MAAM,EAAE,iDAAiD;IACzD,IAAI,EAAE,sEAAsE;IAC5E,QAAQ,EAAE,cAAc;IACxB,SAAS,EAAE,cAAc;IACzB,QAAQ,EAAE,gBAAgB;IAC1B,OAAO,EAAE,sBAAsB;IAC/B,GAAG,EAAE,gFAAgF;IACrF,OAAO,EAAE,8BAA8B;IACvC,MAAM,EAAE,uBAAuB;IAC/B,MAAM,EAAE,sBAAsB;IAC9B,GAAG,EAAE,wIAAwI;IAC7I,IAAI,EAAE,8CAA8C;IACpD,KAAK,EAAE,gBAAgB;IACvB,WAAW,EAAE,wDAAwD;IACrE,KAAK,EAAE,sDAAsD;IAC7D,OAAO,EACN,qGAAqG;IACtG,IAAI,EAAE,0FAA0F;IAChG,KAAK,EAAE,+EAA+E;IACtF,IAAI,EAAE,oEAAoE;IAC1E,KAAK,EAAE,oDAAoD;IAC3D,OAAO,EAAE,8CAA8C;IACvD,MAAM,EAAE,+DAA+D;IACvE,QAAQ,EAAE,+BAA+B;IACzC,MAAM,EAAE,yBAAyB;IACjC,IAAI,EAAE,oDAAoD;IAC1D,IAAI,EAAE,yBAAyB;IAC/B,OAAO,EAAE,+BAA+B;IACxC,KAAK,EACJ,+FAA+F;IAChG,IAAI,EAAE,+BAA+B;IACrC,IAAI,EAAE,4BAA4B;IAClC,GAAG,EAAE,+DAA+D;IACpE,MAAM,EAAE,8CAA8C;IACtD,KAAK,EACJ,8FAA8F;IAC/F,IAAI,EAAE,mEAAmE;IACzE,OAAO,EAAE,uBAAuB;IAChC,UAAU,EAAE,uBAAuB;IACnC,IAAI,EAAE,iBAAiB;IACvB,KAAK,EAAE,4BAA4B;IACnC,QAAQ,EAAE,gDAAgD;IAC1D,CAAC,EAAE,sBAAsB;IACzB,QAAQ,EAAE,sBAAsB;IAChC,IAAI,EAAE,kCAAkC;IACxC,IAAI,EAAE,6BAA6B;IACnC,IAAI,EAAE,qEAAqE;IAC3E,UAAU,EAAE,iCAAiC;IAC7C,OAAO,EAAE,uEAAuE;IAChF,KAAK,EAAE,0CAA0C;IACjD,MAAM,EACL,mHAAmH;IACpH,GAAG,EAAE,sFAAsF;IAC3F,OAAO,EAAE,6EAA6E;CACtF,CAAA;AAUD;;;;GAIG;AACH,MAAM,UAAU,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,GAAG,EAAE,EAAE,MAAM,GAAG,GAAG,EAAE,SAAS,EAAE,KAAK,EAAa;IAClF,MAAM,CAAC,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,UAAU,CAAC,GAAG,CAAA;IAC5C,OAAO,CACN,cACC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,MAAM,EACnB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,iBACV,MAAM,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,YAEZ,eAAM,CAAC,EAAE,CAAC,GAAI,GACT,CACN,CAAA;AACF,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,SAAS,CAAC,EACzB,IAAI,GAAG,EAAE,EACT,KAAK,GAAG,cAAc,GAItB;IACA,OAAO,CACN,eAAK,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,iBAAa,MAAM,aACjF,eAAM,CAAC,EAAC,cAAc,EAAC,IAAI,EAAE,KAAK,GAAI,EACtC,eAAM,CAAC,EAAC,UAAU,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,aAAa,EAAC,OAAO,GAAG,EAC5E,eAAM,CAAC,EAAC,SAAS,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,aAAa,EAAC,OAAO,GAAG,EAC3E,eAAM,CAAC,EAAC,WAAW,EAAC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,aAAa,EAAC,OAAO,GAAG,EAC7E,eAAM,CAAC,EAAC,kCAAkC,EAAC,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,GAAI,IACnE,CACN,CAAA;AACF,CAAC"}

package/dist/ui/inspector/Field.d.ts

@@ -0,0 +1,12 @@
+export interface FieldProps {
+    label: string;
+    /** htmlFor ties the label to a specific input by id. Supply when the child
+     * is a single <input>/<select>/<textarea> — required by a11y rules. When
+     * the field wraps a custom control or a composite widget where no single
+     * id is appropriate, omit it and add an aria-label on the control itself. */
+    htmlFor?: string;
+    help?: string;
+    children: React.ReactNode;
+}
+export declare function Field({ label, htmlFor, help, children }: FieldProps): React.ReactElement;
+//# sourceMappingURL=Field.d.ts.map

package/dist/ui/inspector/Field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/ui/inspector/Field.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,UAAU;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb;;;iFAG6E;IAC7E,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB;AAED,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,UAAU,GAAG,KAAK,CAAC,YAAY,CAUxF"}

package/dist/ui/inspector/Field.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function Field({ label, htmlFor, help, children }) {
+    return (_jsxs("div", { style: fieldWrap, children: [_jsx("label", { htmlFor: htmlFor, className: "field-label", children: label }), children, help && _jsx("div", { className: "help", children: help })] }));
+}
+const fieldWrap = {
+    marginBottom: 14,
+};
+//# sourceMappingURL=Field.js.map

package/dist/ui/inspector/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/ui/inspector/Field.tsx"],"names":[],"mappings":";AAeA,MAAM,UAAU,KAAK,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAc;IACnE,OAAO,CACN,eAAK,KAAK,EAAE,SAAS,aACpB,gBAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,aAAa,YAC9C,KAAK,GACC,EACP,QAAQ,EACR,IAAI,IAAI,cAAK,SAAS,EAAC,MAAM,YAAE,IAAI,GAAO,IACtC,CACN,CAAA;AACF,CAAC;AAED,MAAM,SAAS,GAAwB;IACtC,YAAY,EAAE,EAAE;CAChB,CAAA"}

package/dist/ui/inspector/FoundryTab.d.ts

@@ -0,0 +1,9 @@
+export interface FoundryTabProps {
+    docId: string;
+    /** Content type — must be 'video' or 'podcast' (enforced by visibleTabs). */
+    contentType: 'video' | 'podcast' | string;
+    /** Called after a transcript edit or dispatch so the parent can refresh. */
+    onChanged?: () => void;
+}
+export declare function FoundryTab({ docId, contentType, onChanged }: FoundryTabProps): React.ReactElement;
+//# sourceMappingURL=FoundryTab.d.ts.map

package/dist/ui/inspector/FoundryTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FoundryTab.d.ts","sourceRoot":"","sources":["../../../src/ui/inspector/FoundryTab.tsx"],"names":[],"mappings":"AAyCA,MAAM,WAAW,eAAe;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,6EAA6E;IAC7E,WAAW,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;IACzC,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAiBD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,CAySjG"}

package/dist/ui/inspector/FoundryTab.js

@@ -0,0 +1,362 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+// src/ui/inspector/FoundryTab.tsx — Foundry inspector tab (bead-08).
+//
+// Only rendered for video/podcast content types (gated by visibleTabs).
+// Sections:
+//   - Pipeline status: ordered stage list from processingStages() with
+//     done/active/pending indicators + a "Dispatch to Foundry" / "Re-run" button.
+//   - Thumbnail / cover: preview block; "Pick best frame" is P4-disabled.
+//   - Transcript: read-only view of the auto-generated transcript (from the
+//     content payload) with an inline "Edit transcript" textarea that PATCHes
+//     the transcript field. Transcript *generation* is driven by the callback
+//     pipeline, NOT an AI button.
+//
+// Polling: while processing_state is mid-flight (working pill state), a
+// lightweight poll on GET /admin/api/content/:id re-fetches the processing
+// columns every POLL_INTERVAL_MS.
+//
+// Compile-gated (tsc, jsx: react-jsx). No vitest — pure helpers (processingStages,
+// foundryPillState) are tested in foundry-stages.test.ts.
+//
+// SCOPE GUARD (bead-08): the dispatch call goes to the injected FoundryDispatch
+// provider via POST /content/:id?action=dispatch-to-foundry. NO real Foundry
+// capability slug or media-compute infra in P3; that is the-foundry #558.
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { Icon } from '../icons.js';
+import { foundryPillState, processingStages } from './foundry-stages.js';
+import { patchContent, runAction } from './inspector-data.js';
+import { Section } from './Section.js';
+// ---------------------------------------------------------------------------
+// Constants
+// ---------------------------------------------------------------------------
+/** Polling interval while the pipeline is in a mid-flight state. */
+const POLL_INTERVAL_MS = 5_000;
+// ---------------------------------------------------------------------------
+// FoundryTab
+// ---------------------------------------------------------------------------
+export function FoundryTab({ docId, contentType, onChanged }) {
+    const [processing, setProcessing] = useState({
+        processingState: 'pending',
+        processingError: null,
+        transcriptUrl: null,
+        hlsPosterUrl: null,
+    });
+    const [transcript, setTranscript] = useState(null);
+    const [editingTranscript, setEditingTranscript] = useState(false);
+    const [transcriptDraft, setTranscriptDraft] = useState('');
+    const [savingTranscript, setSavingTranscript] = useState(false);
+    const [dispatching, setDispatching] = useState(false);
+    const [dispatchError, setDispatchError] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const pollRef = useRef(null);
+    // Fetch the current content item to read processing fields.
+    const fetchStatus = useCallback(async () => {
+        try {
+            const res = await fetch(`/admin/api/content/${docId}`);
+            if (!res.ok)
+                return;
+            const data = (await res.json());
+            const content = data.content ?? {};
+            setProcessing({
+                processingState: (content.processing_state ?? 'pending'),
+                processingError: content.processing_error ?? null,
+                transcriptUrl: content.transcript_url ?? null,
+                hlsPosterUrl: content.hls_poster_url ?? null,
+            });
+            // Transcript lives in the content sub-table.
+            const tx = content?.transcript ?? content?.script ?? null;
+            setTranscript(tx);
+            if (!editingTranscript) {
+                setTranscriptDraft(tx ?? '');
+            }
+        }
+        catch {
+            // non-fatal
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [docId, editingTranscript]);
+    // Initial fetch.
+    useEffect(() => {
+        void fetchStatus();
+    }, [fetchStatus]);
+    // Polling while mid-flight.
+    useEffect(() => {
+        const pill = foundryPillState(processing.processingState);
+        if (pill === 'working' && processing.processingState !== 'pending') {
+            pollRef.current = setTimeout(() => void fetchStatus(), POLL_INTERVAL_MS);
+        }
+        return () => {
+            if (pollRef.current !== null) {
+                clearTimeout(pollRef.current);
+                pollRef.current = null;
+            }
+        };
+    }, [processing.processingState, fetchStatus]);
+    // Dispatch to Foundry.
+    const handleDispatch = useCallback(async () => {
+        setDispatching(true);
+        setDispatchError(null);
+        try {
+            await runAction(docId, 'dispatch-to-foundry');
+            await fetchStatus();
+            onChanged?.();
+        }
+        catch (e) {
+            setDispatchError(e instanceof Error ? e.message : 'Dispatch failed');
+        }
+        finally {
+            setDispatching(false);
+        }
+    }, [docId, fetchStatus, onChanged]);
+    // Save edited transcript.
+    const handleSaveTranscript = useCallback(async () => {
+        setSavingTranscript(true);
+        try {
+            // PATCH the transcript field via the content update route.
+            // For video: the column is video_content.transcript (via PATCH { content: { transcript } }).
+            // For podcast: same via podcast_content.script or transcript field.
+            await patchContent(docId, { content: { transcript: transcriptDraft } });
+            setTranscript(transcriptDraft);
+            setEditingTranscript(false);
+            onChanged?.();
+        }
+        catch {
+            // non-fatal
+        }
+        finally {
+            setSavingTranscript(false);
+        }
+    }, [docId, transcriptDraft, onChanged]);
+    // -------------------------------------------------------------------------
+    // Derived state
+    // -------------------------------------------------------------------------
+    const pillState = foundryPillState(processing.processingState);
+    const stages = processingStages(processing.processingState, contentType);
+    const isWorking = pillState === 'working' && processing.processingState !== 'pending';
+    const canDispatch = !dispatching && !isWorking;
+    const dispatchLabel = processing.processingState === 'pending' || processing.processingState === 'failed'
+        ? processing.processingState === 'failed'
+            ? 'Re-run pipeline'
+            : 'Dispatch to Foundry'
+        : pillState === 'ready'
+            ? 'Re-run pipeline'
+            : 'Processing…';
+    // -------------------------------------------------------------------------
+    // Render
+    // -------------------------------------------------------------------------
+    if (loading) {
+        return (_jsx("div", { style: placeholderWrap, children: _jsx("span", { style: mutedText, children: "Loading pipeline status\u2026" }) }));
+    }
+    return (_jsxs("div", { children: [_jsxs(Section, { title: "Pipeline", icon: "bolt", children: [_jsxs("div", { style: headerRow, children: [_jsx(StatusPill, { pill: pillState, state: processing.processingState }), _jsx("button", { type: "button", className: "btn primary sm", disabled: !canDispatch, style: { opacity: canDispatch ? 1 : 0.6 }, onClick: () => void handleDispatch(), children: dispatching ? (_jsx("span", { children: "Dispatching\u2026" })) : (_jsxs(_Fragment, { children: [_jsx(Icon, { name: "upload", size: 14 }), dispatchLabel] })) })] }), dispatchError && _jsx("p", { style: errorText, children: dispatchError }), _jsx("ul", { style: stageList, children: stages.map((stage, idx) => (
+                        // biome-ignore lint/suspicious/noArrayIndexKey: stable ordered pipeline stages
+                        _jsxs("li", { style: stageItem, children: [_jsx(StageIcon, { done: stage.done, active: stage.active, error: stage.error }), _jsx("span", { style: {
+                                        ...stageLabel,
+                                        fontWeight: stage.active ? 700 : 400,
+                                        color: stage.active
+                                            ? 'var(--ink)'
+                                            : stage.done
+                                                ? 'var(--ink-muted)'
+                                                : 'var(--ink-faint)',
+                                    }, children: stage.label }), _jsx("span", { style: stageEstimate, children: stage.estimate }), stage.active && isWorking && _jsx(SpinnerDot, {})] }, idx))) }), isWorking && (_jsx("div", { style: progressTrack, children: _jsx("div", { className: "skeleton-shimmer", style: progressFill }) })), processing.processingError && (_jsxs("p", { style: errorText, children: [_jsx(Icon, { name: "x", size: 12, style: { verticalAlign: 'middle', marginRight: 4 } }), processing.processingError] }))] }), _jsxs(Section, { title: "Thumbnail / cover", icon: "image", defaultOpen: false, children: [processing.hlsPosterUrl ? (_jsx("img", { src: processing.hlsPosterUrl, alt: "Video poster", style: thumbnailImg })) : (_jsxs("div", { style: thumbnailEmpty, children: [_jsx(Icon, { name: "image", size: 20, style: { color: 'var(--ink-faint)' } }), _jsx("span", { style: mutedText, children: "No thumbnail yet" })] })), _jsxs("button", { type: "button", disabled: true, title: "AI frame pick arrives in P4", className: "btn sm", style: { width: '100%', opacity: 0.55, cursor: 'not-allowed' }, children: [_jsx(Icon, { name: "sparkle", size: 14 }), "Pick best frame", _jsx("span", { style: p4Badge, children: "P4" })] })] }), _jsxs(Section, { title: "Transcript", icon: "history", defaultOpen: processing.processingState === 'ready', children: [processing.processingState === 'pending' && (_jsx("p", { style: mutedText, children: "Dispatch the pipeline to generate a transcript." })), processing.processingState !== 'pending' && !transcript && !editingTranscript && (_jsx("p", { style: mutedText, children: isWorking
+                            ? 'Transcript will appear here once the pipeline completes.'
+                            : 'No transcript available.' })), transcript && !editingTranscript && (_jsxs(_Fragment, { children: [_jsx("div", { style: transcriptDisplay, children: transcript }), _jsxs("button", { type: "button", className: "btn sm", style: { width: '100%' }, onClick: () => {
+                                    setTranscriptDraft(transcript);
+                                    setEditingTranscript(true);
+                                }, children: [_jsx(Icon, { name: "edit", size: 14 }), "Edit transcript"] })] })), editingTranscript && (_jsxs("div", { style: editBlock, children: [_jsx("textarea", { className: "textarea", style: { fontSize: 12, lineHeight: 1.6 }, value: transcriptDraft, onChange: (e) => setTranscriptDraft(e.currentTarget.value), rows: 10, "aria-label": "Transcript editor" }), _jsxs("div", { style: editActions, children: [_jsx("button", { type: "button", className: "btn primary sm", disabled: savingTranscript, onClick: () => void handleSaveTranscript(), children: savingTranscript ? 'Saving…' : 'Save transcript' }), _jsx("button", { type: "button", className: "btn ghost sm", onClick: () => {
+                                            setEditingTranscript(false);
+                                            setTranscriptDraft(transcript ?? '');
+                                        }, children: "Cancel" })] })] }))] })] }));
+}
+// ---------------------------------------------------------------------------
+// StatusPill — pill for working / ready / failed
+// ---------------------------------------------------------------------------
+function StatusPill({ pill, state, }) {
+    const label = pill === 'ready'
+        ? 'Ready'
+        : pill === 'failed'
+            ? 'Failed'
+            : state === 'pending'
+                ? 'Not dispatched'
+                : state === 'queued'
+                    ? 'Queued'
+                    : state === 'fetching'
+                        ? 'Fetching source'
+                        : state === 'transcribing'
+                            ? 'Transcribing'
+                            : 'Transcoding';
+    // Map pipeline pill state onto the broadsheet status-pill vocabulary:
+    // ready→published (green), failed→review (amber/red idiom), working→processing.
+    const cls = pill === 'ready' ? 'pill published' : pill === 'failed' ? 'pill review' : 'pill processing';
+    return (_jsxs("span", { className: cls, children: [_jsx("span", { className: "pdot" }), label] }));
+}
+// ---------------------------------------------------------------------------
+// StageIcon — checkmark / spinner / error indicator
+// ---------------------------------------------------------------------------
+function StageIcon({ done, active, error, }) {
+    // Broadsheet idiom: a tinted status disc holding a check / refresh / x glyph.
+    if (error) {
+        return (_jsx("span", { style: stageDisc('var(--red-tint)', 'var(--red)'), children: _jsx(Icon, { name: "x", size: 11 }) }));
+    }
+    if (done) {
+        return (_jsx("span", { style: stageDisc('var(--green-tint)', 'var(--green)'), children: _jsx(Icon, { name: "check", size: 11 }) }));
+    }
+    if (active) {
+        return (_jsx("span", { style: stageDisc('var(--amber-tint)', 'var(--amber)'), children: _jsx(Icon, { name: "refresh", size: 11 }) }));
+    }
+    return _jsx("span", { style: pendingDot });
+}
+// ---------------------------------------------------------------------------
+// SpinnerDot — animated inline "working" indicator
+// ---------------------------------------------------------------------------
+function SpinnerDot() {
+    return _jsx("span", { style: spinnerDot, children: "\u2026" });
+}
+// ---------------------------------------------------------------------------
+// Styles
+// ---------------------------------------------------------------------------
+const placeholderWrap = {
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 32,
+    textAlign: 'center',
+    gap: 8,
+    opacity: 0.75,
+};
+const mutedText = {
+    fontSize: 12,
+    color: 'var(--ink-faint)',
+    marginBottom: 6,
+};
+const headerRow = {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    gap: 10,
+    marginBottom: 12,
+};
+function stageDisc(bg, fg) {
+    return {
+        width: 18,
+        height: 18,
+        borderRadius: '50%',
+        flex: 'none',
+        display: 'grid',
+        placeItems: 'center',
+        background: bg,
+        color: fg,
+    };
+}
+const progressTrack = {
+    height: 5,
+    background: 'var(--hover)',
+    borderRadius: 3,
+    overflow: 'hidden',
+    marginTop: 8,
+};
+const progressFill = {
+    width: '100%',
+    height: '100%',
+    background: 'var(--gold)',
+};
+const errorText = {
+    fontSize: 11.5,
+    color: 'var(--red, #ef4444)',
+    marginTop: 6,
+    marginBottom: 0,
+};
+const stageList = {
+    listStyle: 'none',
+    margin: 0,
+    padding: 0,
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 6,
+};
+const stageItem = {
+    display: 'flex',
+    alignItems: 'center',
+    gap: 8,
+};
+const stageLabel = {
+    fontSize: 12.5,
+    transition: 'color .15s',
+    flex: 1,
+    minWidth: 0,
+};
+const stageEstimate = {
+    fontSize: 11,
+    color: 'var(--ink-faint)',
+    fontFamily: 'var(--mono)',
+    flex: 'none',
+};
+const pendingDot = {
+    display: 'inline-block',
+    width: 18,
+    height: 18,
+    borderRadius: '50%',
+    background: 'var(--hover)',
+    border: '1px solid var(--border)',
+    flex: 'none',
+};
+const spinnerDot = {
+    fontSize: 14,
+    color: 'var(--accent, #6366f1)',
+    letterSpacing: 2,
+    marginLeft: 2,
+};
+const thumbnailImg = {
+    width: '100%',
+    aspectRatio: '16/9',
+    objectFit: 'cover',
+    borderRadius: 6,
+    marginBottom: 8,
+    background: 'var(--field, #f5f5f5)',
+};
+const thumbnailEmpty = {
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    justifyContent: 'center',
+    height: 80,
+    borderRadius: 6,
+    border: '1px dashed var(--border)',
+    marginBottom: 8,
+    gap: 6,
+};
+const p4Badge = {
+    fontFamily: 'var(--mono)',
+    fontSize: 9,
+    fontWeight: 600,
+    background: 'var(--amber-tint)',
+    color: 'var(--amber)',
+    padding: '1px 4px',
+    borderRadius: 4,
+    marginLeft: 2,
+};
+const transcriptDisplay = {
+    fontSize: 12,
+    lineHeight: 1.6,
+    color: 'var(--ink)',
+    background: 'var(--field, #f5f5f5)',
+    borderRadius: 6,
+    padding: '10px 12px',
+    maxHeight: 180,
+    overflowY: 'auto',
+    marginBottom: 8,
+    whiteSpace: 'pre-wrap',
+    wordBreak: 'break-word',
+};
+const editBlock = {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: 8,
+};
+const editActions = {
+    display: 'flex',
+    gap: 6,
+};
+//# sourceMappingURL=FoundryTab.js.map