@apteva/integrations 0.3.61 → 0.15.3

package/dist/ui/notion/DatabaseCard.mjs.map

@@ -0,0 +1,11 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ui/notion/DatabaseCard.tsx", "../../../src/ui/notion/lib/notion.tsx"],
+  "sourcesContent": [
+    "// DatabaseCard — overview of a Notion database. Useful when the\n// agent is referencing or about to query a database the operator\n// hasn't seen before.\n//\n// Surfaces:\n// - icon + title + breadcrumb\n// - optional description block\n// - schema as small typed pills (Status: select · Owner: person · …)\n// - item count + last-edited byline\n\nimport { Avatar, Card, CardHeader, DataList } from \"@apteva/ui-kit\";\nimport {\n databaseUrl, notionVendor, PageIcon, parseSchema, propTone, timeAgo,\n} from \"./lib/notion\";\n\ninterface Props {\n database_id: string;\n title?: string;\n /** Emoji or https URL. */\n icon?: string;\n description?: string;\n parent_path?: string;\n workspace?: string;\n url?: string;\n /** Total rows in the database. */\n item_count?: number;\n /** Comma-separated\"Name:type\" pairs. */\n schema?: string;\n /** Comma-separated view names. */\n views?: string;\n last_edited_at?: string;\n last_edited_by?: string;\n last_edited_by_avatar?: string;\n preview?: boolean;\n projectId?: string;\n}\n\nconst previewSample = {\n database_id: \"f1e2d3c4-b5a6-7890-1234-567890abcdef\",\n title: \"Q4 Sprint Tasks\",\n icon: \"🗂\",\n description: \"Tasks tracked for the Q4 engineering sprint.\",\n parent_path: \"Apteva › Engineering\",\n workspace: \"apteva\",\n item_count: 38,\n schema: \"Title:title, Status:status, Owner:person, Due:date, Sprint:select, Priority:select\",\n views: \"Board · Calendar · Table · By owner\",\n last_edited_at: new Date(Date.now() - 12 * 60 * 1000).toISOString(),\n last_edited_by: \"marc-olivier\",\n last_edited_by_avatar: \"\",\n};\n\nexport default function DatabaseCard(props: Props) {\n const p = props.preview\n ? previewSample\n : {\n database_id: props.database_id,\n title: props.title || \"Untitled database\",\n icon: props.icon ?? \"\",\n description: props.description || \"\",\n parent_path: props.parent_path || \"\",\n workspace: props.workspace || \"\",\n item_count: props.item_count ?? 0,\n schema: props.schema || \"\",\n views: props.views || \"\",\n last_edited_at: props.last_edited_at || new Date().toISOString(),\n last_edited_by: props.last_edited_by || \"\",\n last_edited_by_avatar: props.last_edited_by_avatar || \"\",\n };\n\n const url = props.url || databaseUrl(p.database_id, p.workspace);\n const schemaProps = parseSchema(p.schema);\n\n return (\n <Card>\n <CardHeader\n vendor={notionVendor}\n title={\n <span className=\"inline-flex items-center gap-2\">\n <PageIcon icon={p.icon} fallback={p.title} size={16} />\n <span className=\"truncate\">{p.title}</span>\n </span>\n }\n subtitle={p.parent_path || undefined}\n action={{ label: \"Open database\", href: url }}\n />\n\n <div className=\"px-4 py-3 flex flex-col gap-3\">\n {p.description && (\n <p className=\"text-sm text-text leading-relaxed line-clamp-2\">\n {p.description}\n </p>\n )}\n\n <DataList\n items={[\n {\n label: \"Items\",\n value: (\n <span className=\"tabular-nums\">{p.item_count.toLocaleString()}</span>\n ),\n },\n ...(schemaProps.length > 0\n ? [{\n label: \"Schema\",\n value: (\n <span className=\"inline-flex flex-wrap gap-1\">\n {schemaProps.map((s) => (\n <span\n key={s.name}\n className={`text-[11px] font-medium px-1.5 py-0.5 rounded-md ${propTone(s.type)}`}\n >\n {s.name}\n <span className=\"opacity-60 ml-1\">{s.type}</span>\n </span>\n ))}\n </span>\n ),\n }]\n : []),\n ...(p.views\n ? [{ label: \"Views\", value: <span className=\"text-sm text-text\">{p.views}</span> }]\n : []),\n ]}\n />\n\n {/* last-edited byline */}\n <div className=\"flex items-center gap-2 text-xs pt-1\">\n {p.last_edited_by && (\n <Avatar src={p.last_edited_by_avatar} name={p.last_edited_by} size={18} />\n )}\n {p.last_edited_by && (\n <span className=\"text-text font-medium\">{p.last_edited_by}</span>\n )}\n <span className=\"text-text-dim\">edited {timeAgo(p.last_edited_at)}</span>\n </div>\n </div>\n </Card>\n );\n}\n",
+    "// Shared helpers for every Notion UI component.\n//\n// * notionVendor — CardHeader brand pill (logo + name + color)\n// * URL builders — page, database, search, comment\n// * formatters — relative time, page-icon resolver, property-value\n// pretty-printer for typed Notion properties\n//\n// Mirrors the lib/hubspot.tsx / lib/github.tsx pattern: every vendor\n// lib has the same shape (logo + vendor + URLs + helpers).\n\nimport type { ReactNode } from \"react\";\nimport type { CardVendor } from \"@apteva/ui-kit\";\n\n// ─── Brand mark ───────────────────────────────────────────────────\n//\n// Notion's mark is famously a stylized\"N\". currentColor so\n// CardHeader's vendor pill recolors it via inline `style.color`.\n\nexport const notionLogo: ReactNode = (\n <svg viewBox=\"0 0 32 32\" width=\"14\" height=\"14\" fill=\"currentColor\" aria-hidden>\n <path d=\"M5 4.7l3.4 2.3a1 1 0 00.8.2l16-1.6c.5-.1 1 .2 1 .7v18.4c0 .5-.4.9-.9.9L8 26.2c-.5 0-1-.3-1.2-.7l-1.7-3.4V4.7zm4 4.5v15l16-.9V8.3l-16 .9zm3.4 2.3v9.3l1.7.1V13l4.7 7.7 1.6.1v-9.4l-1.7-.1v6.6l-4.6-7.4-1.7.1z\" />\n </svg>\n);\n\n// Notion's brand is famously monochrome — black on light surfaces,\n// white on dark. The single-color form would render unreadable on\n// a dark card (#191919 text on #1c1c1f bg), so we ship a {light,\n// dark} pair and CardHeader picks per active mode.\nexport const NOTION_BRAND_COLOR = { light: \"#191919\", dark: \"#e8e8e8\" };\n\nexport const notionVendor: CardVendor = {\n  name: \"Notion\",\n  logo: notionLogo,\n  color: NOTION_BRAND_COLOR,\n};\n\n// ─── URL builders ─────────────────────────────────────────────────\n//\n// Notion pages are addressable by id with dashes stripped. A page or\n// database canonical URL is `https://www.notion.so/<id-no-dashes>`.\n// When a workspace slug is known (e.g.\"apteva\"), the URL becomes\n// `https://www.notion.so/apteva/<id>` — same target, prettier link.\n\nfunction bareId(id: string | undefined | null): string {\n if (!id) return \"\";\n return id.replace(/-/g,\"\");\n}\n\nexport function pageUrl(id: string, workspace?: string): string {\n const slug = workspace ? `${encodeURIComponent(workspace)}/` :\"\";\n return `https://www.notion.so/${slug}${bareId(id)}`;\n}\n\nexport function databaseUrl(id: string, workspace?: string): string {\n return pageUrl(id, workspace);\n}\n\nexport function searchUrl(query: string): string {\n return `https://www.notion.so/search?query=${encodeURIComponent(query)}`;\n}\n\n// ─── Formatters ───────────────────────────────────────────────────\n\n/**\"3d ago\" /\"12m ago\" /\"just now\". */\nexport function timeAgo(iso?: string): string {\n if (!iso) return \"\";\n const t = new Date(iso).getTime();\n if (!Number.isFinite(t)) return \"\";\n const s = Math.max(0, (Date.now() - t) / 1000);\n if (s < 60) return \"just now\";\n const m = s / 60; if (m < 60) return `${Math.round(m)}m ago`;\n const h = m / 60; if (h < 24) return `${Math.round(h)}h ago`;\n const d = h / 24; if (d < 30) return `${Math.round(d)}d ago`;\n const mo = d / 30; if (mo < 12) return `${Math.round(mo)}mo ago`;\n return `${Math.round(mo / 12)}y ago`;\n}\n\n/** Test fixture helper — same shape as the other libs. */\nexport function minusHoursISO(h: number): string {\n return new Date(Date.now() - h * 60 * 60 * 1000).toISOString();\n}\n\n// ─── Page icon ────────────────────────────────────────────────────\n//\n// Notion pages can have:\n// - an emoji icon (single grapheme, e.g.\"📋\")\n// - an image icon (https URL)\n// - nothing — fall back to a generic doc glyph\n//\n// `PageIcon` covers all three. Sized via the `size` prop in pixels.\n\ninterface PageIconProps {\n /** Emoji string OR https URL. Anything else is treated as nothing. */\n icon?: string | null;\n /** Optional: render this letter when there's no icon (page title's\n * initial usually). Falls back to a generic doc glyph if absent. */\n fallback?: string;\n size?: number;\n className?: string;\n}\n\nexport function PageIcon({ icon, fallback, size = 18, className = \"\" }: PageIconProps) {\n const style = { width: size, height: size, fontSize: Math.round(size * 0.66) };\n const isUrl = !!icon && /^https?:\\/\\//i.test(icon);\n const isEmoji = !!icon && !isUrl && Array.from(icon).length <= 3;\n\n if (isUrl) {\n return (\n <img\n src={icon!}\n alt=\"\"\n className={`rounded-sm flex-shrink-0 object-cover ${className}`}\n style={style}\n />\n );\n }\n if (isEmoji) {\n return (\n <span\n aria-hidden\n className={`flex-shrink-0 inline-flex items-center justify-center leading-none ${className}`}\n style={style}\n >\n {icon}\n </span>\n );\n }\n // Generic doc fallback — minimal page glyph, monochrome.\n return (\n <span\n aria-hidden\n className={`flex-shrink-0 inline-flex items-center justify-center rounded-sm bg-bg-hover text-text-dim font-medium ${className}`}\n style={style}\n >\n {fallback ? fallback.charAt(0).toUpperCase() : \"·\"}\n </span>\n );\n}\n\n// ─── Schema parsing ───────────────────────────────────────────────\n//\n// Agents pass database schemas as a comma-separated\"name:type\"\n// list (e.g.\"Status:select,Owner:person,Due:date\"). This parses\n// into a typed array; the cards then render each entry as a small\n// pill with type-specific tint.\n\nexport type NotionPropType =\n |\"title\" |\"rich_text\" |\"select\" |\"multi_select\"\n |\"person\" |\"date\" |\"checkbox\" |\"number\"\n |\"url\" |\"email\" |\"phone\" |\"files\" |\"formula\" |\"relation\"\n |\"rollup\" |\"status\" |\"created_time\" |\"last_edited_time\"\n |\"created_by\" |\"last_edited_by\";\n\nexport interface NotionPropDef { name: string; type: NotionPropType }\n\nexport function parseSchema(raw?: string): NotionPropDef[] {\n if (!raw) return [];\n return raw.split(\",\").map((s) => {\n const [name, type] = s.split(\":\").map((x) => x.trim());\n return { name: name || \"—\", type: ((type || \"rich_text\") as NotionPropType) };\n });\n}\n\n/** Type → tone class for the schema pills. */\nexport function propTone(type: NotionPropType): string {\n switch (type) {\n case \"select\":\n case \"status\": return \"bg-accent/10 text-blue-700 dark:bg-accent/15 dark:text-blue-400\";\n case \"multi_select\": return \"bg-purple-500/10 text-purple-700 dark:bg-purple-500/15 dark:text-purple-400\";\n case \"person\":\n case \"created_by\":\n case \"last_edited_by\": return \"bg-emerald-500/10 text-emerald-700 dark:bg-emerald-500/15 dark:text-emerald-400\";\n case \"date\":\n case \"created_time\":\n case \"last_edited_time\": return \"bg-warn/10 text-amber-700 dark:bg-warn/15 dark:text-amber-400\";\n case \"checkbox\": return \"bg-bg-hover text-text dark:bg-bg-hover dark:text-zinc-300\";\n case \"number\": return \"bg-cyan-500/10 text-cyan-700 dark:bg-cyan-500/15 dark:text-cyan-400\";\n default: return \"bg-zinc-100 text-text dark:bg-bg-hover dark:text-zinc-300\";\n }\n}\n"
+  ],
+  "mappings": "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",
+  "debugId": "5B09CB78B0AB322664756E2164756E21",
+  "names": []
+}

package/dist/ui/notion/DatabaseRowList.d.ts

@@ -0,0 +1,36 @@
+interface RowItem {
+    page_id: string;
+    title: string;
+    icon?: string;
+    /** Status select-option label (any select prop the agent picks). */
+    status?: string;
+    /** Status color hint — Notion's option colors. */
+    status_color?: "default" | "gray" | "brown" | "orange" | "yellow" | "green" | "blue" | "purple" | "pink" | "red";
+    /** Person property — first assignee's display name. */
+    owner?: string;
+    owner_avatar?: string;
+    /** Date property — pre-formatted like"May 11" or ISO. */
+    due?: string;
+    /** Plain-text excerpt of the row's first content block. */
+    excerpt?: string;
+    /** Last-edit timestamp for sorting / display. */
+    last_edited_at?: string;
+}
+interface Props {
+    database_id: string;
+    database_title?: string;
+    database_icon?: string;
+    workspace?: string;
+    url?: string;
+    /** Optional view / filter label —"In progress","This sprint", … */
+    view_label?: string;
+    /** Either an array (preferred) or JSON-encoded string. */
+    rows?: RowItem[] | string;
+    /** Cap rendered rows; rest collapses into"+N more". Default 10. */
+    max?: number;
+    preview?: boolean;
+    projectId?: string;
+}
+export default function DatabaseRowList(props: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=DatabaseRowList.d.ts.map

package/dist/ui/notion/DatabaseRowList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatabaseRowList.d.ts","sourceRoot":"","sources":["../../../src/ui/notion/DatabaseRowList.tsx"],"names":[],"mappings":"AAkBA,UAAU,OAAO;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,YAAY,CAAC,EAAC,SAAS,GAAE,MAAM,GAAE,OAAO,GAAE,QAAQ,GAAE,QAAQ,GAAE,OAAO,GAAE,MAAM,GAAE,QAAQ,GAAE,MAAM,GAAE,KAAK,CAAC;IACvG,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yDAAyD;IACzD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,KAAK;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;IAC1B,mEAAmE;IACnE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAUD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,KAAK,+BAyEnD"}

package/dist/ui/notion/DatabaseRowList.js

@@ -0,0 +1,87 @@
+// DatabaseRowList — rows from a Notion database query.
+//
+// The most operationally useful Notion card. Agents that fetch
+//"all open tasks" or"this week's design reviews" hand the
+// resulting page list here; each row gets a dense one-line render:
+//
+// [icon] Title status · owner · due
+//
+// Status / owner / due are pulled from common Notion property
+// shapes; the agent passes them as flat fields per row so the
+// component doesn't have to know about Notion's typed-property API.
+import { Avatar, Card, CardHeader, Row, StatusPill } from "@apteva/ui-kit";
+import { databaseUrl, notionVendor, PageIcon, timeAgo, } from "./lib/notion";
+const previewRows = [
+    { page_id: "p1", title: "Fix retry loop on 5xx", icon: "🐛", status: "In progress", status_color: "blue", owner: "ari", due: "May 11", last_edited_at: new Date(Date.now() - 30 * 60 * 1000).toISOString() },
+    { page_id: "p2", title: "Add idempotency keys", icon: "✨", status: "In progress", status_color: "blue", owner: "maya", due: "May 13", last_edited_at: new Date(Date.now() - 1 * 60 * 60 * 1000).toISOString() },
+    { page_id: "p3", title: "Quarterly metrics dashboard", icon: "📊", status: "Todo", status_color: "gray", owner: "lin", due: "May 18", last_edited_at: new Date(Date.now() - 4 * 60 * 60 * 1000).toISOString() },
+    { page_id: "p4", title: "Migrate retry queue to bullmq", icon: "⚙️", status: "In review", status_color: "yellow", owner: "ari", due: "May 14", last_edited_at: new Date(Date.now() - 5 * 60 * 60 * 1000).toISOString() },
+    { page_id: "p5", title: "Engineering offsite agenda", icon: "📝", status: "Todo", status_color: "gray", owner: "maya", due: "May 20", last_edited_at: new Date(Date.now() - 6 * 60 * 60 * 1000).toISOString() },
+];
+export default function DatabaseRowList(props) {
+    const rows = props.preview
+        ? previewRows
+        : (parseRows(props.rows) ?? []);
+    const max = props.max ?? 10;
+    const visible = rows.slice(0, max);
+    const overflow = rows.length - visible.length;
+    const dbTitle = props.database_title ?? (props.preview ? "Q4 Sprint Tasks" : "Database");
+    const dbIcon = props.database_icon ?? (props.preview ? "🗂" : undefined);
+    const dbId = props.database_id || (props.preview ? "f1e2d3c4-b5a6-7890-1234-567890abcdef" : "");
+    const url = props.url || (dbId ? databaseUrl(dbId, props.workspace) : "");
+    const subtitle = rows.length === 0
+        ? props.view_label || "No rows"
+        : `${rows.length} item${rows.length === 1 ? "" : "s"}` +
+            (props.view_label ? ` in view: ${props.view_label}` : "");
+    return (<Card fullWidth>
+ <CardHeader vendor={notionVendor} title={<span className="inline-flex items-center gap-2">
+ <PageIcon icon={dbIcon} fallback={dbTitle} size={16}/>
+ <span className="truncate">{dbTitle}</span>
+ </span>} subtitle={subtitle} action={{ label: "Open database", href: url }}/>
+
+ <div className="flex flex-col">
+ {visible.map((r, i) => (<Row key={r.page_id} flush={i === 0} leading={<PageIcon icon={r.icon} fallback={r.title} size={18}/>} title={r.title} subtitle={r.excerpt} trailing={<span className="inline-flex items-center gap-2">
+ {r.status && (<StatusPill variant={statusPillVariant(r.status_color)}>
+ {r.status}
+ </StatusPill>)}
+ {r.owner && (<span className="inline-flex items-center gap-1 text-text-dim">
+ <Avatar src={r.owner_avatar} name={r.owner} size={16}/>
+ <span className="hidden sm:inline">{r.owner}</span>
+ </span>)}
+ {r.due && (<span className="text-text-dim tabular-nums">{r.due}</span>)}
+ {!r.due && r.last_edited_at && (<span className="text-text-dim tabular-nums">{timeAgo(r.last_edited_at)}</span>)}
+ </span>}/>))}
+ {overflow > 0 && (<div className="px-4 py-2 text-xs text-text-dim border-t border-border">
+ +{overflow} more
+ </div>)}
+ </div>
+ </Card>);
+}
+// Map Notion's option color → ui-kit StatusPill variant. Notion has
+// 9 colors; the ui-kit pill has 5 variants. We collapse the
+// long-tail to"neutral" so agents that pass weird colors don't
+// crash; status/blue/green variants get their natural mapping.
+function statusPillVariant(color) {
+    switch (color) {
+        case "green": return "success";
+        case "blue": return "info";
+        case "yellow":
+        case "orange": return "warn";
+        case "red": return "error";
+        default: return "neutral";
+    }
+}
+function parseRows(raw) {
+    if (!raw)
+        return null;
+    if (Array.isArray(raw))
+        return raw;
+    try {
+        const parsed = JSON.parse(raw);
+        return Array.isArray(parsed) ? parsed : null;
+    }
+    catch {
+        return null;
+    }
+}
+//# sourceMappingURL=DatabaseRowList.js.map

package/dist/ui/notion/DatabaseRowList.js.map

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

package/dist/ui/notion/DatabaseRowList.mjs

@@ -0,0 +1,3 @@
+import{Avatar as P,Card as T,CardHeader as U,Row as R,StatusPill as z}from"@apteva/ui-kit";import{jsx as $}from"react/jsx-runtime";var _=$("svg",{viewBox:"0 0 32 32",width:"14",height:"14",fill:"currentColor","aria-hidden":!0,children:$("path",{d:"M5 4.7l3.4 2.3a1 1 0 00.8.2l16-1.6c.5-.1 1 .2 1 .7v18.4c0 .5-.4.9-.9.9L8 26.2c-.5 0-1-.3-1.2-.7l-1.7-3.4V4.7zm4 4.5v15l16-.9V8.3l-16 .9zm3.4 2.3v9.3l1.7.1V13l4.7 7.7 1.6.1v-9.4l-1.7-.1v6.6l-4.6-7.4-1.7.1z"})}),A={light:"#191919",dark:"#e8e8e8"},E={name:"Notion",logo:_,color:A};function C(F){if(!F)return"";return F.replace(/-/g,"")}function O(F,G){return`https://www.notion.so/${G?`${encodeURIComponent(G)}/`:""}${C(F)}`}function H(F,G){return O(F,G)}function S(F){if(!F)return"";let G=new Date(F).getTime();if(!Number.isFinite(G))return"";let W=Math.max(0,(Date.now()-G)/1000);if(W<60)return"just now";let K=W/60;if(K<60)return`${Math.round(K)}m ago`;let M=K/60;if(M<24)return`${Math.round(M)}h ago`;let X=M/24;if(X<30)return`${Math.round(X)}d ago`;let Y=X/30;if(Y<12)return`${Math.round(Y)}mo ago`;return`${Math.round(Y/12)}y ago`}function B({icon:F,fallback:G,size:W=18,className:K=""}){let M={width:W,height:W,fontSize:Math.round(W*0.66)},X=!!F&&/^https?:\/\//i.test(F),Y=!!F&&!X&&Array.from(F).length<=3;if(X)return $("img",{src:F,alt:"",className:`rounded-sm flex-shrink-0 object-cover ${K}`,style:M});if(Y)return $("span",{"aria-hidden":!0,className:`flex-shrink-0 inline-flex items-center justify-center leading-none ${K}`,style:M,children:F});return $("span",{"aria-hidden":!0,className:`flex-shrink-0 inline-flex items-center justify-center rounded-sm bg-bg-hover text-text-dim font-medium ${K}`,style:M,children:G?G.charAt(0).toUpperCase():"·"})}import{jsx as Q,jsxs as Z}from"react/jsx-runtime";var f=[{page_id:"p1",title:"Fix retry loop on 5xx",icon:"\uD83D\uDC1B",status:"In progress",status_color:"blue",owner:"ari",due:"May 11",last_edited_at:new Date(Date.now()-1800000).toISOString()},{page_id:"p2",title:"Add idempotency keys",icon:"✨",status:"In progress",status_color:"blue",owner:"maya",due:"May 13",last_edited_at:new Date(Date.now()-3600000).toISOString()},{page_id:"p3",title:"Quarterly metrics dashboard",icon:"\uD83D\uDCCA",status:"Todo",status_color:"gray",owner:"lin",due:"May 18",last_edited_at:new Date(Date.now()-14400000).toISOString()},{page_id:"p4",title:"Migrate retry queue to bullmq",icon:"⚙️",status:"In review",status_color:"yellow",owner:"ari",due:"May 14",last_edited_at:new Date(Date.now()-18000000).toISOString()},{page_id:"p5",title:"Engineering offsite agenda",icon:"\uD83D\uDCDD",status:"Todo",status_color:"gray",owner:"maya",due:"May 20",last_edited_at:new Date(Date.now()-21600000).toISOString()}];function I(F){let G=F.preview?f:v(F.rows)??[],W=F.max??10,K=G.slice(0,W),M=G.length-K.length,X=F.database_title??(F.preview?"Q4 Sprint Tasks":"Database"),Y=F.database_icon??(F.preview?"\uD83D\uDDC2":void 0),D=F.database_id||(F.preview?"f1e2d3c4-b5a6-7890-1234-567890abcdef":""),q=F.url||(D?H(D,F.workspace):""),L=G.length===0?F.view_label||"No rows":`${G.length} item${G.length===1?"":"s"}`+(F.view_label?` in view: ${F.view_label}`:"");return Z(T,{fullWidth:!0,children:[Q(U,{vendor:E,title:Z("span",{className:"inline-flex items-center gap-2",children:[Q(B,{icon:Y,fallback:X,size:16}),Q("span",{className:"truncate",children:X})]}),subtitle:L,action:{label:"Open database",href:q}}),Z("div",{className:"flex flex-col",children:[K.map((J,V)=>Q(R,{flush:V===0,leading:Q(B,{icon:J.icon,fallback:J.title,size:18}),title:J.title,subtitle:J.excerpt,trailing:Z("span",{className:"inline-flex items-center gap-2",children:[J.status&&Q(z,{variant:g(J.status_color),children:J.status}),J.owner&&Z("span",{className:"inline-flex items-center gap-1 text-text-dim",children:[Q(P,{src:J.owner_avatar,name:J.owner,size:16}),Q("span",{className:"hidden sm:inline",children:J.owner})]}),J.due&&Q("span",{className:"text-text-dim tabular-nums",children:J.due}),!J.due&&J.last_edited_at&&Q("span",{className:"text-text-dim tabular-nums",children:S(J.last_edited_at)})]})},J.page_id)),M>0&&Z("div",{className:"px-4 py-2 text-xs text-text-dim border-t border-border",children:["+",M," more"]})]})]})}function g(F){switch(F){case"green":return"success";case"blue":return"info";case"yellow":case"orange":return"warn";case"red":return"error";default:return"neutral"}}function v(F){if(!F)return null;if(Array.isArray(F))return F;try{let G=JSON.parse(F);return Array.isArray(G)?G:null}catch{return null}}export{I as default};
+
+//# debugId=76FE666CE1325A7264756E2164756E21

package/dist/ui/notion/DatabaseRowList.mjs.map

@@ -0,0 +1,11 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ui/notion/DatabaseRowList.tsx", "../../../src/ui/notion/lib/notion.tsx"],
+  "sourcesContent": [
+    "// DatabaseRowList — rows from a Notion database query.\n//\n// The most operationally useful Notion card. Agents that fetch\n//\"all open tasks\" or\"this week's design reviews\" hand the\n// resulting page list here; each row gets a dense one-line render:\n//\n// [icon] Title status · owner · due\n//\n// Status / owner / due are pulled from common Notion property\n// shapes; the agent passes them as flat fields per row so the\n// component doesn't have to know about Notion's typed-property API.\n\nimport { Avatar, Card, CardHeader, Row, StatusPill } from \"@apteva/ui-kit\";\nimport type { StatusPillVariant } from \"@apteva/ui-kit\";\nimport {\n databaseUrl, notionVendor, PageIcon, timeAgo,\n} from \"./lib/notion\";\n\ninterface RowItem {\n page_id: string;\n title: string;\n icon?: string;\n /** Status select-option label (any select prop the agent picks). */\n status?: string;\n /** Status color hint — Notion's option colors. */\n status_color?:\"default\" |\"gray\" |\"brown\" |\"orange\" |\"yellow\" |\"green\" |\"blue\" |\"purple\" |\"pink\" |\"red\";\n /** Person property — first assignee's display name. */\n owner?: string;\n owner_avatar?: string;\n /** Date property — pre-formatted like\"May 11\" or ISO. */\n due?: string;\n /** Plain-text excerpt of the row's first content block. */\n excerpt?: string;\n /** Last-edit timestamp for sorting / display. */\n last_edited_at?: string;\n}\n\ninterface Props {\n database_id: string;\n database_title?: string;\n database_icon?: string;\n workspace?: string;\n url?: string;\n /** Optional view / filter label —\"In progress\",\"This sprint\", … */\n view_label?: string;\n /** Either an array (preferred) or JSON-encoded string. */\n rows?: RowItem[] | string;\n /** Cap rendered rows; rest collapses into\"+N more\". Default 10. */\n max?: number;\n preview?: boolean;\n projectId?: string;\n}\n\nconst previewRows: RowItem[] = [\n { page_id: \"p1\", title: \"Fix retry loop on 5xx\", icon: \"🐛\", status: \"In progress\", status_color: \"blue\", owner: \"ari\", due: \"May 11\", last_edited_at: new Date(Date.now() - 30 * 60 * 1000).toISOString() },\n { page_id: \"p2\", title: \"Add idempotency keys\", icon: \"✨\", status: \"In progress\", status_color: \"blue\", owner: \"maya\", due: \"May 13\", last_edited_at: new Date(Date.now() - 1 * 60 * 60 * 1000).toISOString() },\n { page_id: \"p3\", title: \"Quarterly metrics dashboard\", icon: \"📊\", status: \"Todo\", status_color: \"gray\", owner: \"lin\", due: \"May 18\", last_edited_at: new Date(Date.now() - 4 * 60 * 60 * 1000).toISOString() },\n { page_id: \"p4\", title: \"Migrate retry queue to bullmq\", icon: \"⚙️\", status: \"In review\", status_color: \"yellow\", owner: \"ari\", due: \"May 14\", last_edited_at: new Date(Date.now() - 5 * 60 * 60 * 1000).toISOString() },\n { page_id: \"p5\", title: \"Engineering offsite agenda\", icon: \"📝\", status: \"Todo\", status_color: \"gray\", owner: \"maya\", due: \"May 20\", last_edited_at: new Date(Date.now() - 6 * 60 * 60 * 1000).toISOString() },\n];\n\nexport default function DatabaseRowList(props: Props) {\n const rows = props.preview\n ? previewRows\n : (parseRows(props.rows) ?? []);\n\n const max = props.max ?? 10;\n const visible = rows.slice(0, max);\n const overflow = rows.length - visible.length;\n\n const dbTitle = props.database_title ?? (props.preview ? \"Q4 Sprint Tasks\" :\"Database\");\n const dbIcon = props.database_icon ?? (props.preview ? \"🗂\" : undefined);\n const dbId = props.database_id || (props.preview ? \"f1e2d3c4-b5a6-7890-1234-567890abcdef\" :\"\");\n const url = props.url || (dbId ? databaseUrl(dbId, props.workspace) : \"\");\n\n const subtitle =\n rows.length === 0\n ? props.view_label || \"No rows\"\n : `${rows.length} item${rows.length === 1 ? \"\" :\"s\"}` +\n (props.view_label ? ` in view: ${props.view_label}` :\"\");\n\n return (\n <Card fullWidth>\n <CardHeader\n vendor={notionVendor}\n title={\n <span className=\"inline-flex items-center gap-2\">\n <PageIcon icon={dbIcon} fallback={dbTitle} size={16} />\n <span className=\"truncate\">{dbTitle}</span>\n </span>\n }\n subtitle={subtitle}\n action={{ label: \"Open database\", href: url }}\n />\n\n <div className=\"flex flex-col\">\n {visible.map((r, i) => (\n <Row\n key={r.page_id}\n flush={i === 0}\n leading={<PageIcon icon={r.icon} fallback={r.title} size={18} />}\n title={r.title}\n subtitle={r.excerpt}\n trailing={\n <span className=\"inline-flex items-center gap-2\">\n {r.status && (\n <StatusPill variant={statusPillVariant(r.status_color)}>\n {r.status}\n </StatusPill>\n )}\n {r.owner && (\n <span className=\"inline-flex items-center gap-1 text-text-dim\">\n <Avatar src={r.owner_avatar} name={r.owner} size={16} />\n <span className=\"hidden sm:inline\">{r.owner}</span>\n </span>\n )}\n {r.due && (\n <span className=\"text-text-dim tabular-nums\">{r.due}</span>\n )}\n {!r.due && r.last_edited_at && (\n <span className=\"text-text-dim tabular-nums\">{timeAgo(r.last_edited_at)}</span>\n )}\n </span>\n }\n />\n ))}\n {overflow > 0 && (\n <div className=\"px-4 py-2 text-xs text-text-dim border-t border-border\">\n +{overflow} more\n </div>\n )}\n </div>\n </Card>\n );\n}\n\n// Map Notion's option color → ui-kit StatusPill variant. Notion has\n// 9 colors; the ui-kit pill has 5 variants. We collapse the\n// long-tail to\"neutral\" so agents that pass weird colors don't\n// crash; status/blue/green variants get their natural mapping.\nfunction statusPillVariant(color?: RowItem[\"status_color\"]): StatusPillVariant {\n switch (color) {\n case \"green\": return \"success\";\n case \"blue\": return \"info\";\n case \"yellow\":\n case \"orange\": return \"warn\";\n case \"red\": return \"error\";\n default: return \"neutral\";\n }\n}\n\nfunction parseRows(raw: RowItem[] | string | undefined): RowItem[] | null {\n if (!raw) return null;\n if (Array.isArray(raw)) return raw;\n try {\n const parsed = JSON.parse(raw);\n return Array.isArray(parsed) ? parsed : null;\n } catch {\n return null;\n }\n}\n",
+    "// Shared helpers for every Notion UI component.\n//\n// * notionVendor — CardHeader brand pill (logo + name + color)\n// * URL builders — page, database, search, comment\n// * formatters — relative time, page-icon resolver, property-value\n// pretty-printer for typed Notion properties\n//\n// Mirrors the lib/hubspot.tsx / lib/github.tsx pattern: every vendor\n// lib has the same shape (logo + vendor + URLs + helpers).\n\nimport type { ReactNode } from \"react\";\nimport type { CardVendor } from \"@apteva/ui-kit\";\n\n// ─── Brand mark ───────────────────────────────────────────────────\n//\n// Notion's mark is famously a stylized\"N\". currentColor so\n// CardHeader's vendor pill recolors it via inline `style.color`.\n\nexport const notionLogo: ReactNode = (\n <svg viewBox=\"0 0 32 32\" width=\"14\" height=\"14\" fill=\"currentColor\" aria-hidden>\n <path d=\"M5 4.7l3.4 2.3a1 1 0 00.8.2l16-1.6c.5-.1 1 .2 1 .7v18.4c0 .5-.4.9-.9.9L8 26.2c-.5 0-1-.3-1.2-.7l-1.7-3.4V4.7zm4 4.5v15l16-.9V8.3l-16 .9zm3.4 2.3v9.3l1.7.1V13l4.7 7.7 1.6.1v-9.4l-1.7-.1v6.6l-4.6-7.4-1.7.1z\" />\n </svg>\n);\n\n// Notion's brand is famously monochrome — black on light surfaces,\n// white on dark. The single-color form would render unreadable on\n// a dark card (#191919 text on #1c1c1f bg), so we ship a {light,\n// dark} pair and CardHeader picks per active mode.\nexport const NOTION_BRAND_COLOR = { light: \"#191919\", dark: \"#e8e8e8\" };\n\nexport const notionVendor: CardVendor = {\n  name: \"Notion\",\n  logo: notionLogo,\n  color: NOTION_BRAND_COLOR,\n};\n\n// ─── URL builders ─────────────────────────────────────────────────\n//\n// Notion pages are addressable by id with dashes stripped. A page or\n// database canonical URL is `https://www.notion.so/<id-no-dashes>`.\n// When a workspace slug is known (e.g.\"apteva\"), the URL becomes\n// `https://www.notion.so/apteva/<id>` — same target, prettier link.\n\nfunction bareId(id: string | undefined | null): string {\n if (!id) return \"\";\n return id.replace(/-/g,\"\");\n}\n\nexport function pageUrl(id: string, workspace?: string): string {\n const slug = workspace ? `${encodeURIComponent(workspace)}/` :\"\";\n return `https://www.notion.so/${slug}${bareId(id)}`;\n}\n\nexport function databaseUrl(id: string, workspace?: string): string {\n return pageUrl(id, workspace);\n}\n\nexport function searchUrl(query: string): string {\n return `https://www.notion.so/search?query=${encodeURIComponent(query)}`;\n}\n\n// ─── Formatters ───────────────────────────────────────────────────\n\n/**\"3d ago\" /\"12m ago\" /\"just now\". */\nexport function timeAgo(iso?: string): string {\n if (!iso) return \"\";\n const t = new Date(iso).getTime();\n if (!Number.isFinite(t)) return \"\";\n const s = Math.max(0, (Date.now() - t) / 1000);\n if (s < 60) return \"just now\";\n const m = s / 60; if (m < 60) return `${Math.round(m)}m ago`;\n const h = m / 60; if (h < 24) return `${Math.round(h)}h ago`;\n const d = h / 24; if (d < 30) return `${Math.round(d)}d ago`;\n const mo = d / 30; if (mo < 12) return `${Math.round(mo)}mo ago`;\n return `${Math.round(mo / 12)}y ago`;\n}\n\n/** Test fixture helper — same shape as the other libs. */\nexport function minusHoursISO(h: number): string {\n return new Date(Date.now() - h * 60 * 60 * 1000).toISOString();\n}\n\n// ─── Page icon ────────────────────────────────────────────────────\n//\n// Notion pages can have:\n// - an emoji icon (single grapheme, e.g.\"📋\")\n// - an image icon (https URL)\n// - nothing — fall back to a generic doc glyph\n//\n// `PageIcon` covers all three. Sized via the `size` prop in pixels.\n\ninterface PageIconProps {\n /** Emoji string OR https URL. Anything else is treated as nothing. */\n icon?: string | null;\n /** Optional: render this letter when there's no icon (page title's\n * initial usually). Falls back to a generic doc glyph if absent. */\n fallback?: string;\n size?: number;\n className?: string;\n}\n\nexport function PageIcon({ icon, fallback, size = 18, className = \"\" }: PageIconProps) {\n const style = { width: size, height: size, fontSize: Math.round(size * 0.66) };\n const isUrl = !!icon && /^https?:\\/\\//i.test(icon);\n const isEmoji = !!icon && !isUrl && Array.from(icon).length <= 3;\n\n if (isUrl) {\n return (\n <img\n src={icon!}\n alt=\"\"\n className={`rounded-sm flex-shrink-0 object-cover ${className}`}\n style={style}\n />\n );\n }\n if (isEmoji) {\n return (\n <span\n aria-hidden\n className={`flex-shrink-0 inline-flex items-center justify-center leading-none ${className}`}\n style={style}\n >\n {icon}\n </span>\n );\n }\n // Generic doc fallback — minimal page glyph, monochrome.\n return (\n <span\n aria-hidden\n className={`flex-shrink-0 inline-flex items-center justify-center rounded-sm bg-bg-hover text-text-dim font-medium ${className}`}\n style={style}\n >\n {fallback ? fallback.charAt(0).toUpperCase() : \"·\"}\n </span>\n );\n}\n\n// ─── Schema parsing ───────────────────────────────────────────────\n//\n// Agents pass database schemas as a comma-separated\"name:type\"\n// list (e.g.\"Status:select,Owner:person,Due:date\"). This parses\n// into a typed array; the cards then render each entry as a small\n// pill with type-specific tint.\n\nexport type NotionPropType =\n |\"title\" |\"rich_text\" |\"select\" |\"multi_select\"\n |\"person\" |\"date\" |\"checkbox\" |\"number\"\n |\"url\" |\"email\" |\"phone\" |\"files\" |\"formula\" |\"relation\"\n |\"rollup\" |\"status\" |\"created_time\" |\"last_edited_time\"\n |\"created_by\" |\"last_edited_by\";\n\nexport interface NotionPropDef { name: string; type: NotionPropType }\n\nexport function parseSchema(raw?: string): NotionPropDef[] {\n if (!raw) return [];\n return raw.split(\",\").map((s) => {\n const [name, type] = s.split(\":\").map((x) => x.trim());\n return { name: name || \"—\", type: ((type || \"rich_text\") as NotionPropType) };\n });\n}\n\n/** Type → tone class for the schema pills. */\nexport function propTone(type: NotionPropType): string {\n switch (type) {\n case \"select\":\n case \"status\": return \"bg-accent/10 text-blue-700 dark:bg-accent/15 dark:text-blue-400\";\n case \"multi_select\": return \"bg-purple-500/10 text-purple-700 dark:bg-purple-500/15 dark:text-purple-400\";\n case \"person\":\n case \"created_by\":\n case \"last_edited_by\": return \"bg-emerald-500/10 text-emerald-700 dark:bg-emerald-500/15 dark:text-emerald-400\";\n case \"date\":\n case \"created_time\":\n case \"last_edited_time\": return \"bg-warn/10 text-amber-700 dark:bg-warn/15 dark:text-amber-400\";\n case \"checkbox\": return \"bg-bg-hover text-text dark:bg-bg-hover dark:text-zinc-300\";\n case \"number\": return \"bg-cyan-500/10 text-cyan-700 dark:bg-cyan-500/15 dark:text-cyan-400\";\n default: return \"bg-zinc-100 text-text dark:bg-bg-hover dark:text-zinc-300\";\n }\n}\n"
+  ],
+  "mappings": "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",
+  "debugId": "76FE666CE1325A7264756E2164756E21",
+  "names": []
+}

package/dist/ui/notion/PageCard.d.ts

@@ -0,0 +1,27 @@
+interface Props {
+    page_id: string;
+    title?: string;
+    /** Emoji or https URL — see PageIcon. */
+    icon?: string;
+    /** Breadcrumb path (workspace › database › parent). One string. */
+    parent_path?: string;
+    /** Optional cover image URL (currently unused — kept for API parity). */
+    cover?: string;
+    /** Workspace slug, used to build the canonical URL. */
+    workspace?: string;
+    url?: string;
+    archived?: boolean;
+    last_edited_at?: string;
+    last_edited_by?: string;
+    last_edited_by_avatar?: string;
+    /** Plain-text excerpt of the first content block (≤ 240 chars). */
+    excerpt?: string;
+    /** Comma-separated"label=value" pairs for database-row properties.
+    * Example:"Status=In progress, Owner=ari, Due=May 11". */
+    properties?: string;
+    preview?: boolean;
+    projectId?: string;
+}
+export default function PageCard(props: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=PageCard.d.ts.map

package/dist/ui/notion/PageCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageCard.d.ts","sourceRoot":"","sources":["../../../src/ui/notion/PageCard.tsx"],"names":[],"mappings":"AAaA,UAAU,KAAK;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yEAAyE;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;6DACyD;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAgBD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,KAAK,+BA6D5C"}

package/dist/ui/notion/PageCard.js

@@ -0,0 +1,80 @@
+// PageCard — single Notion page. Title + icon up top, optional
+// breadcrumb above the title, optional excerpt below, properties as
+// a compact DataList when the page is a database row.
+//
+// Notion's"page" is the universal unit — a free-form doc, a
+// database row, a sub-page. Same card renders all three; the
+// presence of `properties` distinguishes a row from a free doc.
+import { Avatar, Card, CardHeader, DataList } from "@apteva/ui-kit";
+import { notionVendor, pageUrl, PageIcon, timeAgo, } from "./lib/notion";
+const previewSample = {
+    page_id: "abc-123-def",
+    title: "Q4 engineering roadmap",
+    icon: "📋",
+    parent_path: "Apteva › Engineering",
+    workspace: "apteva",
+    archived: false,
+    last_edited_at: new Date(Date.now() - 2 * 60 * 60 * 1000).toISOString(),
+    last_edited_by: "marc-olivier",
+    last_edited_by_avatar: "",
+    excerpt: "We need to deliver three things in Q4: reliability work on the" + "retry path, a 30% reduction in agent latency, and the v2 API" + "gateway behind a feature flag.",
+    properties: "Status=In progress, Owner=marc-olivier, Due=May 11, Sprint=Q4-S2",
+};
+export default function PageCard(props) {
+    const p = props.preview
+        ? previewSample
+        : {
+            page_id: props.page_id,
+            title: props.title || "Untitled",
+            icon: props.icon ?? "",
+            parent_path: props.parent_path || "",
+            workspace: props.workspace || "",
+            archived: !!props.archived,
+            last_edited_at: props.last_edited_at || new Date().toISOString(),
+            last_edited_by: props.last_edited_by || "",
+            last_edited_by_avatar: props.last_edited_by_avatar || "",
+            excerpt: props.excerpt || "",
+            properties: props.properties || "",
+        };
+    const url = props.url || pageUrl(p.page_id, p.workspace);
+    const props_kv = parseProperties(p.properties);
+    return (<Card>
+ <CardHeader vendor={notionVendor} title={<span className="inline-flex items-center gap-2">
+ <PageIcon icon={p.icon} fallback={p.title} size={16}/>
+ <span className="truncate">{p.title}</span>
+ </span>} subtitle={p.parent_path || undefined} status={p.archived ? { label: "archived", variant: "muted" } : undefined} action={{ label: "Open in Notion", href: url }}/>
+
+ <div className="px-4 py-3 flex flex-col gap-3">
+ {/* last-edited byline — always shown */}
+ <div className="flex items-center gap-2 text-xs">
+ {p.last_edited_by && (<Avatar src={p.last_edited_by_avatar} name={p.last_edited_by} size={18}/>)}
+ {p.last_edited_by && (<span className="text-text font-medium">{p.last_edited_by}</span>)}
+ <span className="text-text-dim">edited {timeAgo(p.last_edited_at)}</span>
+ </div>
+
+ {/* properties — only when it's a database row */}
+ {props_kv.length > 0 && (<DataList items={props_kv}/>)}
+
+ {/* excerpt — first block of page content if available */}
+ {p.excerpt && (<p className="text-sm text-text whitespace-pre-wrap break-words leading-relaxed line-clamp-4">
+ {p.excerpt}
+ </p>)}
+ </div>
+ </Card>);
+}
+//"Status=In progress, Owner=ari" → DataList items
+function parseProperties(raw) {
+    if (!raw)
+        return [];
+    return raw
+        .split(",")
+        .map((entry) => entry.trim())
+        .filter(Boolean)
+        .map((entry) => {
+        const eq = entry.indexOf("= ");
+        if (eq === -1)
+            return { label: entry, value: "" };
+        return { label: entry.slice(0, eq).trim(), value: entry.slice(eq + 1).trim() };
+    });
+}
+//# sourceMappingURL=PageCard.js.map

package/dist/ui/notion/PageCard.js.map

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

package/dist/ui/notion/PageCard.mjs

@@ -0,0 +1,3 @@
+import{Avatar as S,Card as T,CardHeader as A,DataList as C}from"@apteva/ui-kit";import{jsx as Y}from"react/jsx-runtime";var V=Y("svg",{viewBox:"0 0 32 32",width:"14",height:"14",fill:"currentColor","aria-hidden":!0,children:Y("path",{d:"M5 4.7l3.4 2.3a1 1 0 00.8.2l16-1.6c.5-.1 1 .2 1 .7v18.4c0 .5-.4.9-.9.9L8 26.2c-.5 0-1-.3-1.2-.7l-1.7-3.4V4.7zm4 4.5v15l16-.9V8.3l-16 .9zm3.4 2.3v9.3l1.7.1V13l4.7 7.7 1.6.1v-9.4l-1.7-.1v6.6l-4.6-7.4-1.7.1z"})}),P={light:"#191919",dark:"#e8e8e8"},$={name:"Notion",logo:V,color:P};function R(G){if(!G)return"";return G.replace(/-/g,"")}function B(G,F){return`https://www.notion.so/${F?`${encodeURIComponent(F)}/`:""}${R(G)}`}function E(G){if(!G)return"";let F=new Date(G).getTime();if(!Number.isFinite(F))return"";let J=Math.max(0,(Date.now()-F)/1000);if(J<60)return"just now";let K=J/60;if(K<60)return`${Math.round(K)}m ago`;let M=K/60;if(M<24)return`${Math.round(M)}h ago`;let W=M/24;if(W<30)return`${Math.round(W)}d ago`;let X=W/30;if(X<12)return`${Math.round(X)}mo ago`;return`${Math.round(X/12)}y ago`}function H({icon:G,fallback:F,size:J=18,className:K=""}){let M={width:J,height:J,fontSize:Math.round(J*0.66)},W=!!G&&/^https?:\/\//i.test(G),X=!!G&&!W&&Array.from(G).length<=3;if(W)return Y("img",{src:G,alt:"",className:`rounded-sm flex-shrink-0 object-cover ${K}`,style:M});if(X)return Y("span",{"aria-hidden":!0,className:`flex-shrink-0 inline-flex items-center justify-center leading-none ${K}`,style:M,children:G});return Y("span",{"aria-hidden":!0,className:`flex-shrink-0 inline-flex items-center justify-center rounded-sm bg-bg-hover text-text-dim font-medium ${K}`,style:M,children:F?F.charAt(0).toUpperCase():"·"})}import{jsx as Q,jsxs as Z}from"react/jsx-runtime";var D={page_id:"abc-123-def",title:"Q4 engineering roadmap",icon:"\uD83D\uDCCB",parent_path:"Apteva › Engineering",workspace:"apteva",archived:!1,last_edited_at:new Date(Date.now()-7200000).toISOString(),last_edited_by:"marc-olivier",last_edited_by_avatar:"",excerpt:"We need to deliver three things in Q4: reliability work on theretry path, a 30% reduction in agent latency, and the v2 APIgateway behind a feature flag.",properties:"Status=In progress, Owner=marc-olivier, Due=May 11, Sprint=Q4-S2"};function I(G){let F=G.preview?D:{page_id:G.page_id,title:G.title||"Untitled",icon:G.icon??"",parent_path:G.parent_path||"",workspace:G.workspace||"",archived:!!G.archived,last_edited_at:G.last_edited_at||new Date().toISOString(),last_edited_by:G.last_edited_by||"",last_edited_by_avatar:G.last_edited_by_avatar||"",excerpt:G.excerpt||"",properties:G.properties||""},J=G.url||B(F.page_id,F.workspace),K=L(F.properties);return Z(T,{children:[Q(A,{vendor:$,title:Z("span",{className:"inline-flex items-center gap-2",children:[Q(H,{icon:F.icon,fallback:F.title,size:16}),Q("span",{className:"truncate",children:F.title})]}),subtitle:F.parent_path||void 0,status:F.archived?{label:"archived",variant:"muted"}:void 0,action:{label:"Open in Notion",href:J}}),Z("div",{className:"px-4 py-3 flex flex-col gap-3",children:[Z("div",{className:"flex items-center gap-2 text-xs",children:[F.last_edited_by&&Q(S,{src:F.last_edited_by_avatar,name:F.last_edited_by,size:18}),F.last_edited_by&&Q("span",{className:"text-text font-medium",children:F.last_edited_by}),Z("span",{className:"text-text-dim",children:["edited ",E(F.last_edited_at)]})]}),K.length>0&&Q(C,{items:K}),F.excerpt&&Q("p",{className:"text-sm text-text whitespace-pre-wrap break-words leading-relaxed line-clamp-4",children:F.excerpt})]})]})}function L(G){if(!G)return[];return G.split(",").map((F)=>F.trim()).filter(Boolean).map((F)=>{let J=F.indexOf("= ");if(J===-1)return{label:F,value:""};return{label:F.slice(0,J).trim(),value:F.slice(J+1).trim()}})}export{I as default};
+
+//# debugId=6AC199DED57DE0CD64756E2164756E21

package/dist/ui/notion/PageCard.mjs.map

@@ -0,0 +1,11 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ui/notion/PageCard.tsx", "../../../src/ui/notion/lib/notion.tsx"],
+  "sourcesContent": [
+    "// PageCard — single Notion page. Title + icon up top, optional\n// breadcrumb above the title, optional excerpt below, properties as\n// a compact DataList when the page is a database row.\n//\n// Notion's\"page\" is the universal unit — a free-form doc, a\n// database row, a sub-page. Same card renders all three; the\n// presence of `properties` distinguishes a row from a free doc.\n\nimport { Avatar, Card, CardHeader, DataList } from \"@apteva/ui-kit\";\nimport {\n notionVendor, pageUrl, PageIcon, timeAgo,\n} from \"./lib/notion\";\n\ninterface Props {\n page_id: string;\n title?: string;\n /** Emoji or https URL — see PageIcon. */\n icon?: string;\n /** Breadcrumb path (workspace › database › parent). One string. */\n parent_path?: string;\n /** Optional cover image URL (currently unused — kept for API parity). */\n cover?: string;\n /** Workspace slug, used to build the canonical URL. */\n workspace?: string;\n url?: string;\n archived?: boolean;\n last_edited_at?: string;\n last_edited_by?: string;\n last_edited_by_avatar?: string;\n /** Plain-text excerpt of the first content block (≤ 240 chars). */\n excerpt?: string;\n /** Comma-separated\"label=value\" pairs for database-row properties.\n * Example:\"Status=In progress, Owner=ari, Due=May 11\". */\n properties?: string;\n preview?: boolean;\n projectId?: string;\n}\n\nconst previewSample = {\n page_id: \"abc-123-def\",\n title: \"Q4 engineering roadmap\",\n icon: \"📋\",\n parent_path: \"Apteva › Engineering\",\n workspace: \"apteva\",\n archived: false,\n last_edited_at: new Date(Date.now() - 2 * 60 * 60 * 1000).toISOString(),\n last_edited_by: \"marc-olivier\",\n last_edited_by_avatar: \"\",\n excerpt: \"We need to deliver three things in Q4: reliability work on the\" +\"retry path, a 30% reduction in agent latency, and the v2 API\" +\"gateway behind a feature flag.\",\n properties: \"Status=In progress, Owner=marc-olivier, Due=May 11, Sprint=Q4-S2\",\n};\n\nexport default function PageCard(props: Props) {\n const p = props.preview\n ? previewSample\n : {\n page_id: props.page_id,\n title: props.title || \"Untitled\",\n icon: props.icon ?? \"\",\n parent_path: props.parent_path || \"\",\n workspace: props.workspace || \"\",\n archived: !!props.archived,\n last_edited_at: props.last_edited_at || new Date().toISOString(),\n last_edited_by: props.last_edited_by || \"\",\n last_edited_by_avatar: props.last_edited_by_avatar || \"\",\n excerpt: props.excerpt || \"\",\n properties: props.properties || \"\",\n };\n\n const url = props.url || pageUrl(p.page_id, p.workspace);\n const props_kv = parseProperties(p.properties);\n\n return (\n <Card>\n <CardHeader\n vendor={notionVendor}\n title={\n <span className=\"inline-flex items-center gap-2\">\n <PageIcon icon={p.icon} fallback={p.title} size={16} />\n <span className=\"truncate\">{p.title}</span>\n </span>\n }\n subtitle={p.parent_path || undefined}\n status={p.archived ? { label: \"archived\", variant: \"muted\" } : undefined}\n action={{ label: \"Open in Notion\", href: url }}\n />\n\n <div className=\"px-4 py-3 flex flex-col gap-3\">\n {/* last-edited byline — always shown */}\n <div className=\"flex items-center gap-2 text-xs\">\n {p.last_edited_by && (\n <Avatar src={p.last_edited_by_avatar} name={p.last_edited_by} size={18} />\n )}\n {p.last_edited_by && (\n <span className=\"text-text font-medium\">{p.last_edited_by}</span>\n )}\n <span className=\"text-text-dim\">edited {timeAgo(p.last_edited_at)}</span>\n </div>\n\n {/* properties — only when it's a database row */}\n {props_kv.length > 0 && (\n <DataList items={props_kv} />\n )}\n\n {/* excerpt — first block of page content if available */}\n {p.excerpt && (\n <p className=\"text-sm text-text whitespace-pre-wrap break-words leading-relaxed line-clamp-4\">\n {p.excerpt}\n </p>\n )}\n </div>\n </Card>\n );\n}\n\n//\"Status=In progress, Owner=ari\" → DataList items\nfunction parseProperties(raw: string): { label: string; value: string }[] {\n if (!raw) return [];\n return raw\n .split(\",\")\n .map((entry) => entry.trim())\n .filter(Boolean)\n .map((entry) => {\n const eq = entry.indexOf(\"= \");\n if (eq === -1) return { label: entry, value: \"\" };\n return { label: entry.slice(0, eq).trim(), value: entry.slice(eq + 1).trim() };\n });\n}\n",
+    "// Shared helpers for every Notion UI component.\n//\n// * notionVendor — CardHeader brand pill (logo + name + color)\n// * URL builders — page, database, search, comment\n// * formatters — relative time, page-icon resolver, property-value\n// pretty-printer for typed Notion properties\n//\n// Mirrors the lib/hubspot.tsx / lib/github.tsx pattern: every vendor\n// lib has the same shape (logo + vendor + URLs + helpers).\n\nimport type { ReactNode } from \"react\";\nimport type { CardVendor } from \"@apteva/ui-kit\";\n\n// ─── Brand mark ───────────────────────────────────────────────────\n//\n// Notion's mark is famously a stylized\"N\". currentColor so\n// CardHeader's vendor pill recolors it via inline `style.color`.\n\nexport const notionLogo: ReactNode = (\n <svg viewBox=\"0 0 32 32\" width=\"14\" height=\"14\" fill=\"currentColor\" aria-hidden>\n <path d=\"M5 4.7l3.4 2.3a1 1 0 00.8.2l16-1.6c.5-.1 1 .2 1 .7v18.4c0 .5-.4.9-.9.9L8 26.2c-.5 0-1-.3-1.2-.7l-1.7-3.4V4.7zm4 4.5v15l16-.9V8.3l-16 .9zm3.4 2.3v9.3l1.7.1V13l4.7 7.7 1.6.1v-9.4l-1.7-.1v6.6l-4.6-7.4-1.7.1z\" />\n </svg>\n);\n\n// Notion's brand is famously monochrome — black on light surfaces,\n// white on dark. The single-color form would render unreadable on\n// a dark card (#191919 text on #1c1c1f bg), so we ship a {light,\n// dark} pair and CardHeader picks per active mode.\nexport const NOTION_BRAND_COLOR = { light: \"#191919\", dark: \"#e8e8e8\" };\n\nexport const notionVendor: CardVendor = {\n  name: \"Notion\",\n  logo: notionLogo,\n  color: NOTION_BRAND_COLOR,\n};\n\n// ─── URL builders ─────────────────────────────────────────────────\n//\n// Notion pages are addressable by id with dashes stripped. A page or\n// database canonical URL is `https://www.notion.so/<id-no-dashes>`.\n// When a workspace slug is known (e.g.\"apteva\"), the URL becomes\n// `https://www.notion.so/apteva/<id>` — same target, prettier link.\n\nfunction bareId(id: string | undefined | null): string {\n if (!id) return \"\";\n return id.replace(/-/g,\"\");\n}\n\nexport function pageUrl(id: string, workspace?: string): string {\n const slug = workspace ? `${encodeURIComponent(workspace)}/` :\"\";\n return `https://www.notion.so/${slug}${bareId(id)}`;\n}\n\nexport function databaseUrl(id: string, workspace?: string): string {\n return pageUrl(id, workspace);\n}\n\nexport function searchUrl(query: string): string {\n return `https://www.notion.so/search?query=${encodeURIComponent(query)}`;\n}\n\n// ─── Formatters ───────────────────────────────────────────────────\n\n/**\"3d ago\" /\"12m ago\" /\"just now\". */\nexport function timeAgo(iso?: string): string {\n if (!iso) return \"\";\n const t = new Date(iso).getTime();\n if (!Number.isFinite(t)) return \"\";\n const s = Math.max(0, (Date.now() - t) / 1000);\n if (s < 60) return \"just now\";\n const m = s / 60; if (m < 60) return `${Math.round(m)}m ago`;\n const h = m / 60; if (h < 24) return `${Math.round(h)}h ago`;\n const d = h / 24; if (d < 30) return `${Math.round(d)}d ago`;\n const mo = d / 30; if (mo < 12) return `${Math.round(mo)}mo ago`;\n return `${Math.round(mo / 12)}y ago`;\n}\n\n/** Test fixture helper — same shape as the other libs. */\nexport function minusHoursISO(h: number): string {\n return new Date(Date.now() - h * 60 * 60 * 1000).toISOString();\n}\n\n// ─── Page icon ────────────────────────────────────────────────────\n//\n// Notion pages can have:\n// - an emoji icon (single grapheme, e.g.\"📋\")\n// - an image icon (https URL)\n// - nothing — fall back to a generic doc glyph\n//\n// `PageIcon` covers all three. Sized via the `size` prop in pixels.\n\ninterface PageIconProps {\n /** Emoji string OR https URL. Anything else is treated as nothing. */\n icon?: string | null;\n /** Optional: render this letter when there's no icon (page title's\n * initial usually). Falls back to a generic doc glyph if absent. */\n fallback?: string;\n size?: number;\n className?: string;\n}\n\nexport function PageIcon({ icon, fallback, size = 18, className = \"\" }: PageIconProps) {\n const style = { width: size, height: size, fontSize: Math.round(size * 0.66) };\n const isUrl = !!icon && /^https?:\\/\\//i.test(icon);\n const isEmoji = !!icon && !isUrl && Array.from(icon).length <= 3;\n\n if (isUrl) {\n return (\n <img\n src={icon!}\n alt=\"\"\n className={`rounded-sm flex-shrink-0 object-cover ${className}`}\n style={style}\n />\n );\n }\n if (isEmoji) {\n return (\n <span\n aria-hidden\n className={`flex-shrink-0 inline-flex items-center justify-center leading-none ${className}`}\n style={style}\n >\n {icon}\n </span>\n );\n }\n // Generic doc fallback — minimal page glyph, monochrome.\n return (\n <span\n aria-hidden\n className={`flex-shrink-0 inline-flex items-center justify-center rounded-sm bg-bg-hover text-text-dim font-medium ${className}`}\n style={style}\n >\n {fallback ? fallback.charAt(0).toUpperCase() : \"·\"}\n </span>\n );\n}\n\n// ─── Schema parsing ───────────────────────────────────────────────\n//\n// Agents pass database schemas as a comma-separated\"name:type\"\n// list (e.g.\"Status:select,Owner:person,Due:date\"). This parses\n// into a typed array; the cards then render each entry as a small\n// pill with type-specific tint.\n\nexport type NotionPropType =\n |\"title\" |\"rich_text\" |\"select\" |\"multi_select\"\n |\"person\" |\"date\" |\"checkbox\" |\"number\"\n |\"url\" |\"email\" |\"phone\" |\"files\" |\"formula\" |\"relation\"\n |\"rollup\" |\"status\" |\"created_time\" |\"last_edited_time\"\n |\"created_by\" |\"last_edited_by\";\n\nexport interface NotionPropDef { name: string; type: NotionPropType }\n\nexport function parseSchema(raw?: string): NotionPropDef[] {\n if (!raw) return [];\n return raw.split(\",\").map((s) => {\n const [name, type] = s.split(\":\").map((x) => x.trim());\n return { name: name || \"—\", type: ((type || \"rich_text\") as NotionPropType) };\n });\n}\n\n/** Type → tone class for the schema pills. */\nexport function propTone(type: NotionPropType): string {\n switch (type) {\n case \"select\":\n case \"status\": return \"bg-accent/10 text-blue-700 dark:bg-accent/15 dark:text-blue-400\";\n case \"multi_select\": return \"bg-purple-500/10 text-purple-700 dark:bg-purple-500/15 dark:text-purple-400\";\n case \"person\":\n case \"created_by\":\n case \"last_edited_by\": return \"bg-emerald-500/10 text-emerald-700 dark:bg-emerald-500/15 dark:text-emerald-400\";\n case \"date\":\n case \"created_time\":\n case \"last_edited_time\": return \"bg-warn/10 text-amber-700 dark:bg-warn/15 dark:text-amber-400\";\n case \"checkbox\": return \"bg-bg-hover text-text dark:bg-bg-hover dark:text-zinc-300\";\n case \"number\": return \"bg-cyan-500/10 text-cyan-700 dark:bg-cyan-500/15 dark:text-cyan-400\";\n default: return \"bg-zinc-100 text-text dark:bg-bg-hover dark:text-zinc-300\";\n }\n}\n"
+  ],
+  "mappings": "AAQA,iBAAS,UAAQ,gBAAM,cAAY,+DCU5B,IAAM,EACZ,EAEE,MAFF,CAAK,QAAQ,YAAY,MAAM,KAAK,OAAO,KAAK,KAAK,eAAe,cAAW,GAA/E,SACA,EAAC,OAAD,CAAM,EAAE,+MAA+M,EACrN,EAOU,EAAqB,CAAE,MAAO,UAAW,KAAM,SAAU,EAEzD,EAA2B,CACtC,KAAM,SACN,KAAM,EACN,MAAO,CACT,EASA,SAAS,CAAM,CAAC,EAAuC,CACtD,GAAI,CAAC,EAAI,MAAO,GAChB,OAAO,EAAG,QAAQ,KAAK,EAAE,EAGnB,SAAS,CAAO,CAAC,EAAY,EAA4B,CAE/D,MAAO,yBADM,EAAY,GAAG,mBAAmB,CAAS,KAAM,KACvB,EAAO,CAAE,IAc1C,SAAS,CAAO,CAAC,EAAsB,CAC7C,GAAI,CAAC,EAAK,MAAO,GACjB,IAAM,EAAI,IAAI,KAAK,CAAG,EAAE,QAAQ,EAChC,GAAI,CAAC,OAAO,SAAS,CAAC,EAAG,MAAO,GAChC,IAAM,EAAI,KAAK,IAAI,GAAI,KAAK,IAAI,EAAI,GAAK,IAAI,EAC7C,GAAI,EAAI,GAAI,MAAO,WACnB,IAAM,EAAI,EAAI,GAAI,GAAI,EAAI,GAAI,MAAO,GAAG,KAAK,MAAM,CAAC,SACpD,IAAM,EAAI,EAAI,GAAI,GAAI,EAAI,GAAI,MAAO,GAAG,KAAK,MAAM,CAAC,SACpD,IAAM,EAAI,EAAI,GAAI,GAAI,EAAI,GAAI,MAAO,GAAG,KAAK,MAAM,CAAC,SACpD,IAAM,EAAK,EAAI,GAAI,GAAI,EAAK,GAAI,MAAO,GAAG,KAAK,MAAM,CAAE,UACvD,MAAO,GAAG,KAAK,MAAM,EAAK,EAAE,SA2BtB,SAAS,CAAQ,EAAG,OAAM,WAAU,OAAO,GAAI,YAAY,IAAqB,CACtF,IAAM,EAAQ,CAAE,MAAO,EAAM,OAAQ,EAAM,SAAU,KAAK,MAAM,EAAO,IAAI,CAAE,EACvE,EAAQ,CAAC,CAAC,GAAQ,gBAAgB,KAAK,CAAI,EAC3C,EAAU,CAAC,CAAC,GAAQ,CAAC,GAAS,MAAM,KAAK,CAAI,EAAE,QAAU,EAE/D,GAAI,EACJ,OACA,EAAC,MAAD,CACA,IAAK,EACL,IAAI,GACJ,UAAW,yCAAyC,IACpD,MAAO,EACP,EAGA,GAAI,EACJ,OACA,EAME,OANF,CACA,cAAW,GACX,UAAW,sEAAsE,IACjF,MAAO,EAHP,SAKC,EACC,EAIF,OACA,EAME,OANF,CACA,cAAW,GACX,UAAW,0GAA0G,IACrH,MAAO,EAHP,SAKC,EAAW,EAAS,OAAO,CAAC,EAAE,YAAY,EAAI,IAC7C,oDDjGH,IAAM,EAAgB,CACrB,QAAS,cACT,MAAO,yBACP,KAAM,eACN,YAAa,uBACb,UAAW,SACX,SAAU,GACV,eAAgB,IAAI,KAAK,KAAK,IAAI,EAAI,OAAkB,EAAE,YAAY,EACtE,eAAgB,eAChB,sBAAuB,GACvB,QAAS,2JACT,WAAY,kEACb,EAEA,SAAwB,CAAQ,CAAC,EAAc,CAC9C,IAAM,EAAI,EAAM,QACd,EACA,CACF,QAAS,EAAM,QACf,MAAO,EAAM,OAAS,WACtB,KAAM,EAAM,MAAQ,GACpB,YAAa,EAAM,aAAe,GAClC,UAAW,EAAM,WAAa,GAC9B,SAAU,CAAC,CAAC,EAAM,SAClB,eAAgB,EAAM,gBAAkB,IAAI,KAAK,EAAE,YAAY,EAC/D,eAAgB,EAAM,gBAAkB,GACxC,sBAAuB,EAAM,uBAAyB,GACtD,QAAS,EAAM,SAAW,GAC1B,WAAY,EAAM,YAAc,EAChC,EAEM,EAAM,EAAM,KAAO,EAAQ,EAAE,QAAS,EAAE,SAAS,EACjD,EAAW,EAAgB,EAAE,UAAU,EAE7C,OACA,EAsCE,EAtCF,UAsCE,CArCF,EAAC,EAAD,CACA,OAAQ,EACR,MACA,EAGE,OAHF,CAAM,UAAU,iCAAhB,SAGE,CAFF,EAAC,EAAD,CAAU,KAAM,EAAE,KAAM,SAAU,EAAE,MAAO,KAAM,GAAI,EACrD,EAAsC,OAAtC,CAAM,UAAU,WAAhB,SAA4B,EAAE,MAAQ,GACpC,EAEF,SAAU,EAAE,aAAe,OAC3B,OAAQ,EAAE,SAAW,CAAE,MAAO,WAAY,QAAS,OAAQ,EAAI,OAC/D,OAAQ,CAAE,MAAO,iBAAkB,KAAM,CAAI,EAC7C,EAEA,EAuBE,MAvBF,CAAK,UAAU,gCAAf,SAuBE,CArBF,EAQE,MARF,CAAK,UAAU,kCAAf,SAQE,CAPD,EAAE,gBACH,EAAC,EAAD,CAAQ,IAAK,EAAE,sBAAuB,KAAM,EAAE,eAAgB,KAAM,GAAI,EAEvE,EAAE,gBACH,EAA4D,OAA5D,CAAM,UAAU,wBAAhB,SAAyC,EAAE,eAAiB,EAE5D,EAAoE,OAApE,CAAM,UAAU,gBAAhB,SAAoE,CAApE,UAAwC,EAAQ,EAAE,cAAc,GAAI,GAClE,EAGD,EAAS,OAAS,GACnB,EAAC,EAAD,CAAU,MAAO,EAAU,EAI1B,EAAE,SACH,EAEE,IAFF,CAAG,UAAU,iFAAb,SACC,EAAE,QACD,GAEA,GACA,EAKH,SAAS,CAAe,CAAC,EAAiD,CACzE,GAAI,CAAC,EAAK,MAAO,CAAC,EAClB,OAAO,EACN,MAAM,GAAG,EACT,IAAI,CAAC,IAAU,EAAM,KAAK,CAAC,EAC3B,OAAO,OAAO,EACd,IAAI,CAAC,IAAU,CAChB,IAAM,EAAK,EAAM,QAAQ,IAAI,EAC7B,GAAI,IAAO,GAAI,MAAO,CAAE,MAAO,EAAO,MAAO,EAAG,EAChD,MAAO,CAAE,MAAO,EAAM,MAAM,EAAG,CAAE,EAAE,KAAK,EAAG,MAAO,EAAM,MAAM,EAAK,CAAC,EAAE,KAAK,CAAE,EAC5E",
+  "debugId": "6AC199DED57DE0CD64756E2164756E21",
+  "names": []
+}

package/dist/ui/notion/PageList.d.ts

@@ -0,0 +1,24 @@
+interface PageItem {
+    page_id: string;
+    title: string;
+    icon?: string;
+    /** Breadcrumb up to the page —"Apteva › Engineering". */
+    parent_path?: string;
+    last_edited_at?: string;
+    last_edited_by?: string;
+}
+interface Props {
+    /** Optional title for the strip —"Recent pages","Search results". */
+    label?: string;
+    workspace?: string;
+    /** Where the"Open in Notion" link goes (search-results URL,
+    * workspace home, etc.). When omitted, no header action. */
+    url?: string;
+    pages?: PageItem[] | string;
+    max?: number;
+    preview?: boolean;
+    projectId?: string;
+}
+export default function PageList(props: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=PageList.d.ts.map

package/dist/ui/notion/PageList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageList.d.ts","sourceRoot":"","sources":["../../../src/ui/notion/PageList.tsx"],"names":[],"mappings":"AAOA,UAAU,QAAQ;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,KAAK;IACd,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;+DAC2D;IAC3D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAUD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,KAAK,+BAiD5C"}

package/dist/ui/notion/PageList.js

@@ -0,0 +1,51 @@
+// PageList — search results / recent pages, simpler than
+// DatabaseRowList because pages aren't typed. Each row is just
+// title + parent breadcrumb + last-edited byline.
+import { Card, CardHeader, Row } from "@apteva/ui-kit";
+import { notionVendor, pageUrl, PageIcon, timeAgo } from "./lib/notion";
+const previewPages = [
+    { page_id: "abc1", title: "Q4 engineering roadmap", icon: "📋", parent_path: "Apteva › Engineering", last_edited_at: new Date(Date.now() - 12 * 60 * 1000).toISOString(), last_edited_by: "marc-olivier" },
+    { page_id: "abc2", title: "Bug triage — Sprint 23", icon: "🐛", parent_path: "Apteva › Engineering", last_edited_at: new Date(Date.now() - 1 * 60 * 60 * 1000).toISOString(), last_edited_by: "ari" },
+    { page_id: "abc3", title: "Quarterly metrics dashboard", icon: "📊", parent_path: "Apteva › Analytics", last_edited_at: new Date(Date.now() - 3 * 60 * 60 * 1000).toISOString(), last_edited_by: "lin" },
+    { page_id: "abc4", title: "Feature kickoff — idempotency", icon: "✨", parent_path: "Apteva › Engineering › Specs", last_edited_at: new Date(Date.now() - 24 * 60 * 60 * 1000).toISOString(), last_edited_by: "maya" },
+    { page_id: "abc5", title: "Engineering offsite agenda", icon: "📝", parent_path: "Apteva › Team", last_edited_at: new Date(Date.now() - 48 * 60 * 60 * 1000).toISOString(), last_edited_by: "ari" },
+];
+export default function PageList(props) {
+    const pages = props.preview
+        ? previewPages
+        : (parseList(props.pages) ?? []);
+    const max = props.max ?? 10;
+    const visible = pages.slice(0, max);
+    const overflow = pages.length - visible.length;
+    const label = props.label ?? (props.preview ? "Recent pages" : "Pages");
+    const subtitle = pages.length === 0
+        ? "No pages"
+        : `${pages.length} page${pages.length === 1 ? "" : "s"}`;
+    return (<Card fullWidth>
+ <CardHeader vendor={notionVendor} title={label} subtitle={subtitle} action={props.url ? { label: "Open in Notion", href: props.url } : undefined}/>
+
+ <div className="flex flex-col">
+ {visible.map((page, i) => (<Row key={page.page_id} flush={i === 0} href={pageUrl(page.page_id, props.workspace)} leading={<PageIcon icon={page.icon} fallback={page.title} size={18}/>} title={page.title} subtitle={page.parent_path} trailing={<span className="inline-flex items-center gap-1.5 text-text-dim">
+ {page.last_edited_by && <span>{page.last_edited_by}</span>}
+ {page.last_edited_at && (<span className="tabular-nums">· {timeAgo(page.last_edited_at)}</span>)}
+ </span>}/>))}
+ {overflow > 0 && (<div className="px-4 py-2 text-xs text-text-dim border-t border-border">
+ +{overflow} more
+ </div>)}
+ </div>
+ </Card>);
+}
+function parseList(raw) {
+    if (!raw)
+        return null;
+    if (Array.isArray(raw))
+        return raw;
+    try {
+        const parsed = JSON.parse(raw);
+        return Array.isArray(parsed) ? parsed : null;
+    }
+    catch {
+        return null;
+    }
+}
+//# sourceMappingURL=PageList.js.map

package/dist/ui/notion/PageList.js.map

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

package/dist/ui/notion/PageList.mjs

@@ -0,0 +1,3 @@
+import{Card as T,CardHeader as W,Row as _}from"@apteva/ui-kit";import{jsx as Y}from"react/jsx-runtime";var q=Y("svg",{viewBox:"0 0 32 32",width:"14",height:"14",fill:"currentColor","aria-hidden":!0,children:Y("path",{d:"M5 4.7l3.4 2.3a1 1 0 00.8.2l16-1.6c.5-.1 1 .2 1 .7v18.4c0 .5-.4.9-.9.9L8 26.2c-.5 0-1-.3-1.2-.7l-1.7-3.4V4.7zm4 4.5v15l16-.9V8.3l-16 .9zm3.4 2.3v9.3l1.7.1V13l4.7 7.7 1.6.1v-9.4l-1.7-.1v6.6l-4.6-7.4-1.7.1z"})}),A={light:"#191919",dark:"#e8e8e8"},B={name:"Notion",logo:q,color:A};function P(F){if(!F)return"";return F.replace(/-/g,"")}function D(F,G){return`https://www.notion.so/${G?`${encodeURIComponent(G)}/`:""}${P(F)}`}function E(F){if(!F)return"";let G=new Date(F).getTime();if(!Number.isFinite(G))return"";let Q=Math.max(0,(Date.now()-G)/1000);if(Q<60)return"just now";let J=Q/60;if(J<60)return`${Math.round(J)}m ago`;let K=J/60;if(K<24)return`${Math.round(K)}h ago`;let S=K/24;if(S<30)return`${Math.round(S)}d ago`;let X=S/30;if(X<12)return`${Math.round(X)}mo ago`;return`${Math.round(X/12)}y ago`}function H({icon:F,fallback:G,size:Q=18,className:J=""}){let K={width:Q,height:Q,fontSize:Math.round(Q*0.66)},S=!!F&&/^https?:\/\//i.test(F),X=!!F&&!S&&Array.from(F).length<=3;if(S)return Y("img",{src:F,alt:"",className:`rounded-sm flex-shrink-0 object-cover ${J}`,style:K});if(X)return Y("span",{"aria-hidden":!0,className:`flex-shrink-0 inline-flex items-center justify-center leading-none ${J}`,style:K,children:F});return Y("span",{"aria-hidden":!0,className:`flex-shrink-0 inline-flex items-center justify-center rounded-sm bg-bg-hover text-text-dim font-medium ${J}`,style:K,children:G?G.charAt(0).toUpperCase():"·"})}import{jsx as $,jsxs as Z}from"react/jsx-runtime";var C=[{page_id:"abc1",title:"Q4 engineering roadmap",icon:"\uD83D\uDCCB",parent_path:"Apteva › Engineering",last_edited_at:new Date(Date.now()-720000).toISOString(),last_edited_by:"marc-olivier"},{page_id:"abc2",title:"Bug triage — Sprint 23",icon:"\uD83D\uDC1B",parent_path:"Apteva › Engineering",last_edited_at:new Date(Date.now()-3600000).toISOString(),last_edited_by:"ari"},{page_id:"abc3",title:"Quarterly metrics dashboard",icon:"\uD83D\uDCCA",parent_path:"Apteva › Analytics",last_edited_at:new Date(Date.now()-10800000).toISOString(),last_edited_by:"lin"},{page_id:"abc4",title:"Feature kickoff — idempotency",icon:"✨",parent_path:"Apteva › Engineering › Specs",last_edited_at:new Date(Date.now()-86400000).toISOString(),last_edited_by:"maya"},{page_id:"abc5",title:"Engineering offsite agenda",icon:"\uD83D\uDCDD",parent_path:"Apteva › Team",last_edited_at:new Date(Date.now()-172800000).toISOString(),last_edited_by:"ari"}];function I(F){let G=F.preview?C:L(F.pages)??[],Q=F.max??10,J=G.slice(0,Q),K=G.length-J.length,S=F.label??(F.preview?"Recent pages":"Pages"),X=G.length===0?"No pages":`${G.length} page${G.length===1?"":"s"}`;return Z(T,{fullWidth:!0,children:[$(W,{vendor:B,title:S,subtitle:X,action:F.url?{label:"Open in Notion",href:F.url}:void 0}),Z("div",{className:"flex flex-col",children:[J.map((M,V)=>$(_,{flush:V===0,href:D(M.page_id,F.workspace),leading:$(H,{icon:M.icon,fallback:M.title,size:18}),title:M.title,subtitle:M.parent_path,trailing:Z("span",{className:"inline-flex items-center gap-1.5 text-text-dim",children:[M.last_edited_by&&$("span",{children:M.last_edited_by}),M.last_edited_at&&Z("span",{className:"tabular-nums",children:["· ",E(M.last_edited_at)]})]})},M.page_id)),K>0&&Z("div",{className:"px-4 py-2 text-xs text-text-dim border-t border-border",children:["+",K," more"]})]})]})}function L(F){if(!F)return null;if(Array.isArray(F))return F;try{let G=JSON.parse(F);return Array.isArray(G)?G:null}catch{return null}}export{I as default};
+
+//# debugId=66F38D421DFA1CDA64756E2164756E21

package/dist/ui/notion/PageList.mjs.map

@@ -0,0 +1,11 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ui/notion/PageList.tsx", "../../../src/ui/notion/lib/notion.tsx"],
+  "sourcesContent": [
+    "// PageList — search results / recent pages, simpler than\n// DatabaseRowList because pages aren't typed. Each row is just\n// title + parent breadcrumb + last-edited byline.\n\nimport { Card, CardHeader, Row } from \"@apteva/ui-kit\";\nimport { notionVendor, pageUrl, PageIcon, timeAgo } from \"./lib/notion\";\n\ninterface PageItem {\n page_id: string;\n title: string;\n icon?: string;\n /** Breadcrumb up to the page —\"Apteva › Engineering\". */\n parent_path?: string;\n last_edited_at?: string;\n last_edited_by?: string;\n}\n\ninterface Props {\n /** Optional title for the strip —\"Recent pages\",\"Search results\". */\n label?: string;\n workspace?: string;\n /** Where the\"Open in Notion\" link goes (search-results URL,\n * workspace home, etc.). When omitted, no header action. */\n url?: string;\n pages?: PageItem[] | string;\n max?: number;\n preview?: boolean;\n projectId?: string;\n}\n\nconst previewPages: PageItem[] = [\n { page_id: \"abc1\", title: \"Q4 engineering roadmap\", icon: \"📋\", parent_path: \"Apteva › Engineering\", last_edited_at: new Date(Date.now() - 12 * 60 * 1000).toISOString(), last_edited_by: \"marc-olivier\" },\n { page_id: \"abc2\", title: \"Bug triage — Sprint 23\", icon: \"🐛\", parent_path: \"Apteva › Engineering\", last_edited_at: new Date(Date.now() - 1 * 60 * 60 * 1000).toISOString(), last_edited_by: \"ari\" },\n { page_id: \"abc3\", title: \"Quarterly metrics dashboard\", icon: \"📊\", parent_path: \"Apteva › Analytics\", last_edited_at: new Date(Date.now() - 3 * 60 * 60 * 1000).toISOString(), last_edited_by: \"lin\" },\n { page_id: \"abc4\", title: \"Feature kickoff — idempotency\", icon: \"✨\", parent_path: \"Apteva › Engineering › Specs\", last_edited_at: new Date(Date.now() - 24 * 60 * 60 * 1000).toISOString(), last_edited_by: \"maya\" },\n { page_id: \"abc5\", title: \"Engineering offsite agenda\", icon: \"📝\", parent_path: \"Apteva › Team\", last_edited_at: new Date(Date.now() - 48 * 60 * 60 * 1000).toISOString(), last_edited_by: \"ari\" },\n];\n\nexport default function PageList(props: Props) {\n const pages = props.preview\n ? previewPages\n : (parseList(props.pages) ?? []);\n const max = props.max ?? 10;\n const visible = pages.slice(0, max);\n const overflow = pages.length - visible.length;\n\n const label = props.label ?? (props.preview ? \"Recent pages\" :\"Pages\");\n const subtitle = pages.length === 0\n ? \"No pages\"\n : `${pages.length} page${pages.length === 1 ? \"\" :\"s\"}`;\n\n return (\n <Card fullWidth>\n <CardHeader\n vendor={notionVendor}\n title={label}\n subtitle={subtitle}\n action={props.url ? { label: \"Open in Notion\", href: props.url } : undefined}\n />\n\n <div className=\"flex flex-col\">\n {visible.map((page, i) => (\n <Row\n key={page.page_id}\n flush={i === 0}\n href={pageUrl(page.page_id, props.workspace)}\n leading={<PageIcon icon={page.icon} fallback={page.title} size={18} />}\n title={page.title}\n subtitle={page.parent_path}\n trailing={\n <span className=\"inline-flex items-center gap-1.5 text-text-dim\">\n {page.last_edited_by && <span>{page.last_edited_by}</span>}\n {page.last_edited_at && (\n <span className=\"tabular-nums\">· {timeAgo(page.last_edited_at)}</span>\n )}\n </span>\n }\n />\n ))}\n {overflow > 0 && (\n <div className=\"px-4 py-2 text-xs text-text-dim border-t border-border\">\n +{overflow} more\n </div>\n )}\n </div>\n </Card>\n );\n}\n\nfunction parseList(raw: PageItem[] | string | undefined): PageItem[] | null {\n if (!raw) return null;\n if (Array.isArray(raw)) return raw;\n try {\n const parsed = JSON.parse(raw);\n return Array.isArray(parsed) ? parsed : null;\n } catch {\n return null;\n }\n}\n",
+    "// Shared helpers for every Notion UI component.\n//\n// * notionVendor — CardHeader brand pill (logo + name + color)\n// * URL builders — page, database, search, comment\n// * formatters — relative time, page-icon resolver, property-value\n// pretty-printer for typed Notion properties\n//\n// Mirrors the lib/hubspot.tsx / lib/github.tsx pattern: every vendor\n// lib has the same shape (logo + vendor + URLs + helpers).\n\nimport type { ReactNode } from \"react\";\nimport type { CardVendor } from \"@apteva/ui-kit\";\n\n// ─── Brand mark ───────────────────────────────────────────────────\n//\n// Notion's mark is famously a stylized\"N\". currentColor so\n// CardHeader's vendor pill recolors it via inline `style.color`.\n\nexport const notionLogo: ReactNode = (\n <svg viewBox=\"0 0 32 32\" width=\"14\" height=\"14\" fill=\"currentColor\" aria-hidden>\n <path d=\"M5 4.7l3.4 2.3a1 1 0 00.8.2l16-1.6c.5-.1 1 .2 1 .7v18.4c0 .5-.4.9-.9.9L8 26.2c-.5 0-1-.3-1.2-.7l-1.7-3.4V4.7zm4 4.5v15l16-.9V8.3l-16 .9zm3.4 2.3v9.3l1.7.1V13l4.7 7.7 1.6.1v-9.4l-1.7-.1v6.6l-4.6-7.4-1.7.1z\" />\n </svg>\n);\n\n// Notion's brand is famously monochrome — black on light surfaces,\n// white on dark. The single-color form would render unreadable on\n// a dark card (#191919 text on #1c1c1f bg), so we ship a {light,\n// dark} pair and CardHeader picks per active mode.\nexport const NOTION_BRAND_COLOR = { light: \"#191919\", dark: \"#e8e8e8\" };\n\nexport const notionVendor: CardVendor = {\n  name: \"Notion\",\n  logo: notionLogo,\n  color: NOTION_BRAND_COLOR,\n};\n\n// ─── URL builders ─────────────────────────────────────────────────\n//\n// Notion pages are addressable by id with dashes stripped. A page or\n// database canonical URL is `https://www.notion.so/<id-no-dashes>`.\n// When a workspace slug is known (e.g.\"apteva\"), the URL becomes\n// `https://www.notion.so/apteva/<id>` — same target, prettier link.\n\nfunction bareId(id: string | undefined | null): string {\n if (!id) return \"\";\n return id.replace(/-/g,\"\");\n}\n\nexport function pageUrl(id: string, workspace?: string): string {\n const slug = workspace ? `${encodeURIComponent(workspace)}/` :\"\";\n return `https://www.notion.so/${slug}${bareId(id)}`;\n}\n\nexport function databaseUrl(id: string, workspace?: string): string {\n return pageUrl(id, workspace);\n}\n\nexport function searchUrl(query: string): string {\n return `https://www.notion.so/search?query=${encodeURIComponent(query)}`;\n}\n\n// ─── Formatters ───────────────────────────────────────────────────\n\n/**\"3d ago\" /\"12m ago\" /\"just now\". */\nexport function timeAgo(iso?: string): string {\n if (!iso) return \"\";\n const t = new Date(iso).getTime();\n if (!Number.isFinite(t)) return \"\";\n const s = Math.max(0, (Date.now() - t) / 1000);\n if (s < 60) return \"just now\";\n const m = s / 60; if (m < 60) return `${Math.round(m)}m ago`;\n const h = m / 60; if (h < 24) return `${Math.round(h)}h ago`;\n const d = h / 24; if (d < 30) return `${Math.round(d)}d ago`;\n const mo = d / 30; if (mo < 12) return `${Math.round(mo)}mo ago`;\n return `${Math.round(mo / 12)}y ago`;\n}\n\n/** Test fixture helper — same shape as the other libs. */\nexport function minusHoursISO(h: number): string {\n return new Date(Date.now() - h * 60 * 60 * 1000).toISOString();\n}\n\n// ─── Page icon ────────────────────────────────────────────────────\n//\n// Notion pages can have:\n// - an emoji icon (single grapheme, e.g.\"📋\")\n// - an image icon (https URL)\n// - nothing — fall back to a generic doc glyph\n//\n// `PageIcon` covers all three. Sized via the `size` prop in pixels.\n\ninterface PageIconProps {\n /** Emoji string OR https URL. Anything else is treated as nothing. */\n icon?: string | null;\n /** Optional: render this letter when there's no icon (page title's\n * initial usually). Falls back to a generic doc glyph if absent. */\n fallback?: string;\n size?: number;\n className?: string;\n}\n\nexport function PageIcon({ icon, fallback, size = 18, className = \"\" }: PageIconProps) {\n const style = { width: size, height: size, fontSize: Math.round(size * 0.66) };\n const isUrl = !!icon && /^https?:\\/\\//i.test(icon);\n const isEmoji = !!icon && !isUrl && Array.from(icon).length <= 3;\n\n if (isUrl) {\n return (\n <img\n src={icon!}\n alt=\"\"\n className={`rounded-sm flex-shrink-0 object-cover ${className}`}\n style={style}\n />\n );\n }\n if (isEmoji) {\n return (\n <span\n aria-hidden\n className={`flex-shrink-0 inline-flex items-center justify-center leading-none ${className}`}\n style={style}\n >\n {icon}\n </span>\n );\n }\n // Generic doc fallback — minimal page glyph, monochrome.\n return (\n <span\n aria-hidden\n className={`flex-shrink-0 inline-flex items-center justify-center rounded-sm bg-bg-hover text-text-dim font-medium ${className}`}\n style={style}\n >\n {fallback ? fallback.charAt(0).toUpperCase() : \"·\"}\n </span>\n );\n}\n\n// ─── Schema parsing ───────────────────────────────────────────────\n//\n// Agents pass database schemas as a comma-separated\"name:type\"\n// list (e.g.\"Status:select,Owner:person,Due:date\"). This parses\n// into a typed array; the cards then render each entry as a small\n// pill with type-specific tint.\n\nexport type NotionPropType =\n |\"title\" |\"rich_text\" |\"select\" |\"multi_select\"\n |\"person\" |\"date\" |\"checkbox\" |\"number\"\n |\"url\" |\"email\" |\"phone\" |\"files\" |\"formula\" |\"relation\"\n |\"rollup\" |\"status\" |\"created_time\" |\"last_edited_time\"\n |\"created_by\" |\"last_edited_by\";\n\nexport interface NotionPropDef { name: string; type: NotionPropType }\n\nexport function parseSchema(raw?: string): NotionPropDef[] {\n if (!raw) return [];\n return raw.split(\",\").map((s) => {\n const [name, type] = s.split(\":\").map((x) => x.trim());\n return { name: name || \"—\", type: ((type || \"rich_text\") as NotionPropType) };\n });\n}\n\n/** Type → tone class for the schema pills. */\nexport function propTone(type: NotionPropType): string {\n switch (type) {\n case \"select\":\n case \"status\": return \"bg-accent/10 text-blue-700 dark:bg-accent/15 dark:text-blue-400\";\n case \"multi_select\": return \"bg-purple-500/10 text-purple-700 dark:bg-purple-500/15 dark:text-purple-400\";\n case \"person\":\n case \"created_by\":\n case \"last_edited_by\": return \"bg-emerald-500/10 text-emerald-700 dark:bg-emerald-500/15 dark:text-emerald-400\";\n case \"date\":\n case \"created_time\":\n case \"last_edited_time\": return \"bg-warn/10 text-amber-700 dark:bg-warn/15 dark:text-amber-400\";\n case \"checkbox\": return \"bg-bg-hover text-text dark:bg-bg-hover dark:text-zinc-300\";\n case \"number\": return \"bg-cyan-500/10 text-cyan-700 dark:bg-cyan-500/15 dark:text-cyan-400\";\n default: return \"bg-zinc-100 text-text dark:bg-bg-hover dark:text-zinc-300\";\n }\n}\n"
+  ],
+  "mappings": "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",
+  "debugId": "66F38D421DFA1CDA64756E2164756E21",
+  "names": []
+}