@go-go-golems/rag-evaluation-site 0.1.0

package/context/types.d.ts

@@ -0,0 +1,124 @@
+export type ContextPartKind = 'system' | 'instruction' | 'context' | 'conversation' | 'summary' | 'retrieval' | 'tool' | 'result' | 'generated' | 'annotation' | 'course' | 'active' | 'evicted' | 'empty' | 'other';
+export type TranscriptRole = 'system' | 'developer' | 'user' | 'assistant' | 'tool' | 'other';
+export type ContextJsonPrimitive = string | number | boolean | null;
+export type ContextJsonValue = ContextJsonPrimitive | ContextJsonValue[] | {
+    [key: string]: ContextJsonValue;
+};
+export type ContextJsonRecord = Record<string, ContextJsonValue>;
+export interface ContextWindowPart {
+    id: string;
+    label: string;
+    kind: ContextPartKind;
+    tokens: number;
+    note?: string;
+    sourceId?: string;
+    startToken?: number;
+    endToken?: number;
+    metadata?: ContextJsonRecord;
+}
+export interface ContextWindowSnapshot {
+    id: string;
+    title: string;
+    subtitle?: string;
+    limit: number;
+    parts: ContextWindowPart[];
+    selectedPartId?: string;
+    metadata?: ContextJsonRecord;
+}
+export type ContextDiagramView = 'strip' | 'stack' | 'budget' | 'treemap';
+export type ContextDiagramStyle = 'pattern' | 'tone' | 'outline';
+export interface ContextDiagramSegment {
+    id: string;
+    label: string;
+    kind: ContextPartKind;
+    tokens: number;
+    note?: string;
+    metadata?: ContextJsonRecord;
+}
+export interface TranscriptAnnotation {
+    id: string;
+    targetMessageId: string;
+    kind: ContextPartKind;
+    label: string;
+    text: string;
+    confidence?: number;
+    metadata?: ContextJsonRecord;
+}
+export interface TranscriptMessage {
+    id: string;
+    role: TranscriptRole;
+    text: string;
+    tokens?: number;
+    name?: string;
+    timestamp?: string;
+    annotationIds?: string[];
+    metadata?: ContextJsonRecord;
+}
+export interface TranscriptFixture {
+    id: string;
+    title: string;
+    subtitle?: string;
+    messages: TranscriptMessage[];
+    annotations: TranscriptAnnotation[];
+    selectedAnnotationId?: string;
+}
+export interface ContextCourseInstructor {
+    name: string;
+    role?: string;
+    bio?: string;
+}
+export interface ContextCourseAgendaItem {
+    id: string;
+    number: string;
+    title: string;
+    description: string;
+    duration?: string;
+}
+export interface ContextCourse {
+    id: string;
+    kicker?: string;
+    title: string;
+    tagline: string;
+    when?: string;
+    where?: string;
+    format?: string;
+    price?: string;
+    instructor?: ContextCourseInstructor;
+    blurb?: string;
+    outcomes: string[];
+    agenda: ContextCourseAgendaItem[];
+}
+export interface ContextSlide {
+    id: string;
+    number: string;
+    kicker?: string;
+    title: string;
+    view: ContextDiagramView;
+    snapshotId: string;
+    notes: string[];
+}
+export interface ContextHandoutDocument {
+    id: string;
+    title: string;
+    file: string;
+    format: string;
+    size?: string;
+    description: string;
+    body: string;
+}
+export type AnchoredCommentStatus = 'open' | 'resolved';
+export interface AnchoredComment {
+    id: string;
+    anchorX: number;
+    anchorY: number;
+    author: string;
+    text: string;
+    time?: string;
+    status?: AnchoredCommentStatus;
+    metadata?: ContextJsonRecord;
+}
+export interface ContextHandoutBundle {
+    intro: string;
+    docs: ContextHandoutDocument[];
+}
+//# sourceMappingURL=types.d.ts.map

package/hooks/useWidgetPage.d.ts

@@ -0,0 +1,19 @@
+import type { WidgetNode } from '../widgets/ir';
+export interface WidgetPageResponse {
+    id: string;
+    title: string;
+    root: WidgetNode;
+    meta?: Record<string, unknown>;
+}
+export interface UseWidgetPageOptions {
+    enabled?: boolean;
+    fetcher?: typeof fetch;
+}
+export interface UseWidgetPageResult {
+    page: WidgetPageResponse | null;
+    loading: boolean;
+    error: Error | null;
+    refresh: () => void;
+}
+export declare function useWidgetPage(url: string, options?: UseWidgetPageOptions): UseWidgetPageResult;
+//# sourceMappingURL=useWidgetPage.d.ts.map

package/index.d.ts

@@ -0,0 +1,6 @@
+import './styles.css';
+export * from './widgets';
+export * from './hooks/useWidgetPage';
+export * from './components';
+export * from './context';
+//# sourceMappingURL=index.d.ts.map

package/index.js

@@ -0,0 +1,375 @@
+import { $ as e, A as t, B as n, C as r, Ct as i, D as a, E as o, Et as s, F as c, G as l, H as u, I as d, J as f, K as p, L as m, M as h, N as g, O as _, P as v, Q as y, R as b, S as x, St as S, T as C, Tt as w, U as T, V as ee, W as te, X as ne, Y as re, Z as ie, _ as ae, _t as oe, a as se, at as ce, b as le, bt as ue, c as de, ct as fe, d as pe, dt as E, et as D, f as O, ft as k, g as A, gt as j, h as M, ht as N, i as P, it as F, j as I, k as L, l as R, lt as z, m as B, mt as me, n as he, nt as ge, o as _e, ot as ve, p as ye, pt as be, q as xe, r as Se, rt as Ce, s as we, st as Te, t as Ee, tt as De, u as Oe, ut as ke, v as Ae, vt as je, w as Me, wt as V, x as Ne, xt as Pe, y as Fe, yt as H, z as Ie } from "./useWidgetPage-B8iwybER.js";
+import { component as Le, element as Re, isWidgetNode as ze, text as Be } from "./ir.js";
+import { createElement as Ve, useRef as He, useState as Ue } from "react";
+var We = { root: "_root_1mahx_1" }, U = i();
+function Ge({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ (0, U.jsx)("span", {
+		className: [We.root, e ?? ""].filter(Boolean).join(" "),
+		...n,
+		children: t
+	});
+}
+var Ke = { root: "_root_1yizk_1" };
+//#endregion
+//#region src/components/atoms/CheckboxRow/CheckboxRow.tsx
+function qe({ checked: e, onChange: t, className: n, children: r, ...i }) {
+	return /* @__PURE__ */ (0, U.jsxs)("label", {
+		className: [Ke.root, n ?? ""].filter(Boolean).join(" "),
+		"data-rag-atom": "CheckboxRow",
+		...i,
+		children: [/* @__PURE__ */ (0, U.jsx)("input", {
+			type: "checkbox",
+			checked: e,
+			onChange: t
+		}), r]
+	});
+}
+var W = {
+	root: "_root_1otk8_1",
+	compact: "_compact_1otk8_26",
+	normal: "_normal_1otk8_30"
+};
+//#endregion
+//#region src/components/atoms/IconButton/IconButton.tsx
+function Je({ size: e = "compact", label: t, className: n, children: r, ...i }) {
+	return /* @__PURE__ */ (0, U.jsx)("button", {
+		type: "button",
+		"aria-label": t,
+		title: i.title ?? t,
+		className: [
+			W.root,
+			e === "compact" ? W.compact : W.normal,
+			n ?? ""
+		].filter(Boolean).join(" "),
+		"data-rag-atom": "IconButton",
+		...i,
+		children: r
+	});
+}
+var G = {
+	root: "_root_72kwi_1",
+	folder: "_folder_72kwi_8",
+	arrow: "_arrow_72kwi_15"
+};
+//#endregion
+//#region src/components/atoms/UploadGlyph/UploadGlyph.tsx
+function K({ title: e = "Upload file", className: t, ...n }) {
+	let r = e ? "rag-upload-glyph-title" : void 0;
+	return /* @__PURE__ */ (0, U.jsxs)("svg", {
+		className: [G.root, t ?? ""].filter(Boolean).join(" "),
+		viewBox: "0 0 40 34",
+		role: e ? "img" : "presentation",
+		"aria-labelledby": r,
+		"data-rag-atom": "UploadGlyph",
+		...n,
+		children: [
+			e && /* @__PURE__ */ (0, U.jsx)("title", {
+				id: r,
+				children: e
+			}),
+			/* @__PURE__ */ (0, U.jsx)("path", {
+				className: G.folder,
+				d: "M2 8 L2 32 L38 32 L38 4 L18 4 L14 8 Z"
+			}),
+			/* @__PURE__ */ (0, U.jsx)("line", {
+				className: G.arrow,
+				x1: "20",
+				y1: "14",
+				x2: "20",
+				y2: "26"
+			}),
+			/* @__PURE__ */ (0, U.jsx)("path", {
+				className: G.arrow,
+				d: "M15 19 L20 14 L25 19"
+			})
+		]
+	});
+}
+var q = {
+	root: "_root_1gd53_1",
+	filled: "_filled_1gd53_13"
+};
+//#endregion
+//#region src/components/atoms/ContextStudioNavIcon/ContextStudioNavIcon.tsx
+function J({ id: e, title: t, className: n, ...r }) {
+	let i = t ? `rag-context-studio-nav-icon-${e}` : void 0;
+	return /* @__PURE__ */ (0, U.jsxs)("svg", {
+		className: [q.root, n ?? ""].filter(Boolean).join(" "),
+		viewBox: "0 0 15 15",
+		role: t ? "img" : "presentation",
+		"aria-labelledby": i,
+		"data-rag-atom": "ContextStudioNavIcon",
+		"data-icon-id": e,
+		...r,
+		children: [t && /* @__PURE__ */ (0, U.jsx)("title", {
+			id: i,
+			children: t
+		}), Y(e)]
+	});
+}
+function Y(e) {
+	switch (e) {
+		case "course": return /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [
+			/* @__PURE__ */ (0, U.jsx)("rect", {
+				x: "2",
+				y: "1.5",
+				width: "11",
+				height: "12"
+			}),
+			/* @__PURE__ */ (0, U.jsx)("line", {
+				x1: "4.5",
+				y1: "5",
+				x2: "10.5",
+				y2: "5"
+			}),
+			/* @__PURE__ */ (0, U.jsx)("line", {
+				x1: "4.5",
+				y1: "8",
+				x2: "10.5",
+				y2: "8"
+			}),
+			/* @__PURE__ */ (0, U.jsx)("line", {
+				x1: "4.5",
+				y1: "11",
+				x2: "8",
+				y2: "11"
+			})
+		] });
+		case "slides": return /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [
+			/* @__PURE__ */ (0, U.jsx)("rect", {
+				x: "1.5",
+				y: "2.5",
+				width: "12",
+				height: "8.5"
+			}),
+			/* @__PURE__ */ (0, U.jsx)("line", {
+				x1: "6",
+				y1: "13",
+				x2: "9",
+				y2: "13"
+			}),
+			/* @__PURE__ */ (0, U.jsx)("line", {
+				x1: "7.5",
+				y1: "11",
+				x2: "7.5",
+				y2: "13"
+			})
+		] });
+		case "visualize": return /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [
+			/* @__PURE__ */ (0, U.jsx)("rect", {
+				className: q.filled,
+				x: "1.5",
+				y: "4",
+				width: "3",
+				height: "7"
+			}),
+			/* @__PURE__ */ (0, U.jsx)("rect", {
+				x: "5.5",
+				y: "2",
+				width: "3",
+				height: "9"
+			}),
+			/* @__PURE__ */ (0, U.jsx)("rect", {
+				className: q.filled,
+				x: "9.5",
+				y: "6",
+				width: "3",
+				height: "5"
+			})
+		] });
+		case "upload": return /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [
+			/* @__PURE__ */ (0, U.jsx)("path", { d: "M2 9 L2 13 L13 13 L13 9" }),
+			/* @__PURE__ */ (0, U.jsx)("line", {
+				x1: "7.5",
+				y1: "2",
+				x2: "7.5",
+				y2: "9.5"
+			}),
+			/* @__PURE__ */ (0, U.jsx)("path", { d: "M4.5 5 L7.5 2 L10.5 5" })
+		] });
+		case "transcript": return /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [
+			/* @__PURE__ */ (0, U.jsx)("rect", {
+				x: "1.5",
+				y: "2",
+				width: "12",
+				height: "11"
+			}),
+			/* @__PURE__ */ (0, U.jsx)("line", {
+				x1: "4",
+				y1: "5",
+				x2: "11",
+				y2: "5"
+			}),
+			/* @__PURE__ */ (0, U.jsx)("line", {
+				x1: "4",
+				y1: "7.5",
+				x2: "11",
+				y2: "7.5"
+			}),
+			/* @__PURE__ */ (0, U.jsx)("line", {
+				x1: "4",
+				y1: "10",
+				x2: "8",
+				y2: "10"
+			})
+		] });
+		case "comments": return /* @__PURE__ */ (0, U.jsx)("path", { d: "M2 2 L13 2 L13 9 L7 9 L4 12 L4 9 L2 9 Z" });
+		case "handout": return /* @__PURE__ */ (0, U.jsxs)(U.Fragment, { children: [/* @__PURE__ */ (0, U.jsx)("path", { d: "M3 1.5 L10 1.5 L12.5 4 L12.5 13.5 L3 13.5 Z" }), /* @__PURE__ */ (0, U.jsx)("path", { d: "M10 1.5 L10 4 L12.5 4" })] });
+	}
+}
+var X = {
+	root: "_root_zaedc_1",
+	input: "_input_zaedc_38",
+	icon: "_icon_zaedc_42",
+	title: "_title_zaedc_48",
+	description: "_description_zaedc_52"
+};
+//#endregion
+//#region src/components/molecules/FileDropZone/FileDropZone.tsx
+function Z(e) {
+	return e ? Array.from(e) : [];
+}
+function Q({ title: e = "Drop a file here", description: t = "or choose a file", icon: n, accept: r, multiple: i = !1, disabled: a = !1, active: o = !1, inputAriaLabel: s = "Choose file to upload", onFilesSelected: c, className: l, onDragEnter: u, onDragOver: d, onDragLeave: f, onKeyDown: p, ...m }) {
+	let h = He(null), [g, _] = Ue(!1), v = o || g;
+	function y() {
+		a || h.current?.click();
+	}
+	function b(e) {
+		!a && e.length > 0 && c?.(e);
+	}
+	function x(e) {
+		u?.(e), !(e.defaultPrevented || a) && (e.preventDefault(), _(!0));
+	}
+	function S(e) {
+		d?.(e), !(e.defaultPrevented || a) && (e.preventDefault(), _(!0));
+	}
+	function C(e) {
+		f?.(e), !a && (e.currentTarget.contains(e.relatedTarget) || _(!1));
+	}
+	function w(e) {
+		e.preventDefault(), _(!1), b(Z(e.dataTransfer.files));
+	}
+	function T(e) {
+		p?.(e), !(e.defaultPrevented || a) && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), y());
+	}
+	return /* @__PURE__ */ (0, U.jsxs)("div", {
+		className: [X.root, l ?? ""].filter(Boolean).join(" "),
+		role: "button",
+		tabIndex: a ? void 0 : 0,
+		"aria-disabled": a || void 0,
+		"data-active": v ? "true" : void 0,
+		"data-disabled": a ? "true" : void 0,
+		"data-rag-molecule": "FileDropZone",
+		onClick: y,
+		onDragEnter: x,
+		onDragOver: S,
+		onDragLeave: C,
+		onDrop: w,
+		onKeyDown: T,
+		...m,
+		children: [
+			/* @__PURE__ */ (0, U.jsx)("input", {
+				ref: h,
+				className: X.input,
+				type: "file",
+				accept: r,
+				multiple: i,
+				disabled: a,
+				"aria-label": s,
+				onChange: (e) => {
+					b(Z(e.currentTarget.files)), e.currentTarget.value = "";
+				}
+			}),
+			/* @__PURE__ */ (0, U.jsx)("div", {
+				className: X.icon,
+				"aria-hidden": "true",
+				children: n ?? /* @__PURE__ */ (0, U.jsx)(K, { title: "" })
+			}),
+			/* @__PURE__ */ (0, U.jsx)(V, {
+				as: "div",
+				size: "body",
+				weight: "bold",
+				className: X.title,
+				children: e
+			}),
+			t && /* @__PURE__ */ (0, U.jsx)(H, {
+				className: X.description,
+				children: t
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/organisms/CourseStudioShell/courseStudioNav.ts
+function $(e) {
+	return Ve(J, { id: e });
+}
+var Ye = [
+	{
+		id: "present",
+		label: "Present",
+		items: [{
+			id: "course",
+			label: "Course",
+			icon: $("course")
+		}, {
+			id: "slides",
+			label: "Slides",
+			icon: $("slides")
+		}]
+	},
+	{
+		id: "analyze",
+		label: "Analyze",
+		items: [{
+			id: "visualize",
+			label: "Visualize",
+			icon: $("visualize")
+		}, {
+			id: "upload",
+			label: "Upload",
+			icon: $("upload")
+		}]
+	},
+	{
+		id: "review",
+		label: "Review",
+		items: [{
+			id: "transcript",
+			label: "Transcript",
+			icon: $("transcript")
+		}, {
+			id: "comments",
+			label: "Comments",
+			icon: $("comments")
+		}]
+	},
+	{
+		id: "take-home",
+		label: "Take-home",
+		items: [{
+			id: "handout",
+			label: "Handout",
+			icon: $("handout")
+		}]
+	}
+];
+//#endregion
+//#region src/components/organisms/ContextUploadDropArea/ContextUploadDropArea.tsx
+function Xe({ title: e = "Drop a .json file here", description: t = "or paste below · max 200k tokens", accept: n = "application/json,.json", disabled: r = !1, active: i = !1, onFilesSelected: a, ...o }) {
+	return /* @__PURE__ */ (0, U.jsx)(Q, {
+		title: e,
+		description: t,
+		accept: n,
+		disabled: r,
+		active: i,
+		onFilesSelected: a,
+		inputAriaLabel: "Choose context-window JSON file",
+		"data-rag-organism": "ContextUploadDropArea",
+		...o
+	});
+}
+//#endregion
+export { r as AnchoredCommentCard, we as AnchoredCommentRail, xe as AnnotationBadge, Me as AnnotationNoteCard, R as AnnotationRailPanel, h as AppNav, u as AppShell, N as Button, ce as CONTEXT_ACCENT, ve as CONTEXT_INK, Te as CONTEXT_RED, ne as CONTEXT_WINDOW_LIMIT, H as Caption, le as CheckList, qe as CheckboxRow, S as CodeText, t as ContextBudgetBar, pe as ContextDiagramPanel, re as ContextKindSwatch, I as ContextLegend, _ as ContextStackDiagram, L as ContextStripDiagram, J as ContextStudioNavIcon, a as ContextTreemap, Xe as ContextUploadDropArea, _e as CourseLessonPanel, se as CourseSlidePanel, x as CourseStepNav, P as CourseStudioShell, T as DashboardGrid, g as DataTable, ue as Divider, ye as DocumentListPanel, O as DocumentPreviewToolbar, me as ErrorCallout, ae as FigureBlock, Q as FileDropZone, Ie as FormRow, Se as HandoutDocumentShell, Je as IconButton, te as Inline, A as KeyPointList, Ne as KeyValueStrip, B as MarkdownArticle, v as MetadataGrid, p as Panel, Ae as PersonSummary, ee as ScrollRegion, b as SectionBlock, be as SelectInput, M as SidebarNav, c as SidebarShell, d as SlideShell, m as SplitPane, l as Stack, Pe as StatusText, Fe as StepList, n as TabList, V as Text, k as TextInput, o as TranscriptMessageCard, Oe as TranscriptReaderPanel, f as TranscriptRoleBadge, C as TranscriptSessionHeader, de as TranscriptWorkspacePanel, K as UploadGlyph, Ge as VisuallyHidden, he as WidgetRenderer, ie as anchoredCommentFixtures, w as bindAction, Le as component, y as contextCourseFixture, e as contextHandoutFixture, fe as contextKindOrder, D as contextSlides, De as contextWindowFillRatio, ge as contextWindowSnapshots, Ce as contextWindowTokenTotal, Ye as courseStudioNavSections, s as dispatchWidgetAction, Re as element, z as getContextKindLabel, ke as getContextKindSpec, E as isContextPartKind, ze as isWidgetNode, j as renderCell, oe as renderRenderable, je as rowKey, Be as text, F as transcriptFixture, Ee as useWidgetPage };
+
+//# sourceMappingURL=index.js.map

package/ir.js

@@ -0,0 +1,32 @@
+//#region src/widgets/ir.ts
+function e(e) {
+	return {
+		kind: "text",
+		text: String(e)
+	};
+}
+function t(e, t, n = []) {
+	return {
+		kind: "element",
+		tag: e,
+		attrs: t,
+		children: n
+	};
+}
+function n(e, t, n = []) {
+	return {
+		kind: "component",
+		type: e,
+		props: t,
+		children: n
+	};
+}
+function r(e) {
+	if (!e || typeof e != "object") return !1;
+	let t = e.kind;
+	return t === "text" || t === "element" || t === "component";
+}
+//#endregion
+export { n as component, t as element, r as isWidgetNode, e as text };
+
+//# sourceMappingURL=ir.js.map

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@go-go-golems/rag-evaluation-site",
+  "version": "0.1.0",
+  "private": false,
+  "type": "module",
+  "license": "MIT",
+  "description": "React Widget IR renderer and default RAG evaluation site shell.",
+  "keywords": [
+    "rag",
+    "widget-ir",
+    "react",
+    "renderer",
+    "go-go-golems"
+  ],
+  "homepage": "https://github.com/go-go-golems/rag-evaluation-system#readme",
+  "bugs": {
+    "url": "https://github.com/go-go-golems/rag-evaluation-system/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/go-go-golems/rag-evaluation-system.git",
+    "directory": "packages/rag-evaluation-site"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
+  },
+  "dependencies": {},
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js"
+    },
+    "./ir": {
+      "types": "./ir.d.ts",
+      "import": "./ir.js"
+    },
+    "./app": {
+      "types": "./app/index.d.ts",
+      "import": "./app/index.js"
+    },
+    "./styles.css": "./styles.css",
+    "./theme.css": "./theme.css"
+  },
+  "files": [
+    "**/*.js",
+    "**/*.d.ts",
+    "**/*.css",
+    "**/*.json",
+    "README.md"
+  ]
+}