diff --git a/CHANGELOG.md b/CHANGELOG.md
index ff757a903d..4b1266c1c8 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -18,6 +18,7 @@
- Anthropic: Agent bridge now maps native bash tool to standard `bash()` tool.
- Google: Update to `google-genai` v1.62.0 to fix issue with error handling in proxy configurations.
- Hooks: Add eval context id fields to `ModelUsageData` hook.
+- Inspect View: Add middle-click support to open tasks and samples in a new browser tab.
## 0.3.196 (16 March 2026)
diff --git a/src/inspect_ai/_view/www/dist/assets/index.js b/src/inspect_ai/_view/www/dist/assets/index.js
index 5861ad72c8..c1c91fa60c 100644
--- a/src/inspect_ai/_view/www/dist/assets/index.js
+++ b/src/inspect_ai/_view/www/dist/assets/index.js
@@ -16932,11 +16932,22 @@ function resolvePath(to2, fromPathname = "/") {
} = typeof to2 === "string" ? parsePath$1(to2) : to2;
let pathname;
if (toPathname) {
- toPathname = toPathname.replace(/\/\/+/g, "/");
- if (toPathname.startsWith("/")) {
- pathname = resolvePathname(toPathname.substring(1), "/");
+ if (isAbsoluteUrl(toPathname)) {
+ pathname = toPathname;
} else {
- pathname = resolvePathname(toPathname, fromPathname);
+ if (toPathname.includes("//")) {
+ let oldPathname = toPathname;
+ toPathname = toPathname.replace(/\/\/+/g, "/");
+ warning(
+ false,
+ `Pathnames cannot have embedded double slashes - normalizing ${oldPathname} -> ${toPathname}`
+ );
+ }
+ if (toPathname.startsWith("/")) {
+ pathname = resolvePathname(toPathname.substring(1), "/");
+ } else {
+ pathname = resolvePathname(toPathname, fromPathname);
+ }
}
} else {
pathname = fromPathname;
@@ -22309,15 +22320,7 @@ function PrefetchPageLinksImpl({
return /* @__PURE__ */ reactExports.createElement(reactExports.Fragment, null, dataHrefs.map((href) => /* @__PURE__ */ reactExports.createElement("link", { key: href, rel: "prefetch", as: "fetch", href, ...linkProps })), moduleHrefs.map((href) => /* @__PURE__ */ reactExports.createElement("link", { key: href, rel: "modulepreload", href, ...linkProps })), keyedPrefetchLinks.map(({ key: key2, link: link2 }) => (
// these don't spread `linkProps` because they are full link descriptors
// already with their own props
- /* @__PURE__ */ reactExports.createElement(
- "link",
- {
- key: key2,
- nonce: linkProps.nonce,
- ...link2,
- crossOrigin: link2.crossOrigin ?? linkProps.crossOrigin
- }
- )
+ /* @__PURE__ */ reactExports.createElement("link", { key: key2, nonce: linkProps.nonce, ...link2 })
)));
}
function mergeRefs(...refs) {
@@ -22335,7 +22338,7 @@ var isBrowser2 = typeof window !== "undefined" && typeof window.document !== "un
try {
if (isBrowser2) {
window.__reactRouterVersion = // @ts-expect-error
- "7.13.0";
+ "7.12.0";
}
} catch (e) {
}
@@ -27798,6 +27801,13 @@ const kScoreTypeOther = "other";
const kScoreTypeObject = "object";
const kScoreTypeBoolean = "boolean";
const kScoreTypeList = "list";
+const kSampleAscVal = "sample-asc";
+const kSampleDescVal = "sample-desc";
+const kEpochAscVal = "epoch-asc";
+const kEpochDescVal = "epoch-desc";
+const kScoreAscVal = "score-asc";
+const kScoreDescVal = "score-desc";
+const kDefaultSort = kSampleAscVal;
const clearDocumentSelection = () => {
const sel = window.getSelection();
if (sel) {
@@ -28307,16 +28317,8 @@ function createLogPolling(get2, set3) {
await refreshLog(logFileName, false);
return true;
} else if (pendingSamples.status === "NotFound") {
- const currentStatus = get2().log.selectedLogDetails?.status;
- if (currentStatus === "started") {
- log$a.debug(
- `NotFound but eval still running, continuing to poll: ${logFileName}`
- );
- await refreshLog(logFileName, false);
- return true;
- }
log$a.debug(`Stop polling running samples: ${logFileName}`);
- if (loadedPendingSamples) {
+ if (loadedPendingSamples || state.log.selectedLogDetails?.status === "started") {
log$a.debug(`Refresh log: ${logFileName}`);
await refreshLog(logFileName, true);
}
@@ -28367,7 +28369,7 @@ function createLogPolling(get2, set3) {
const log$9 = createLogger("logSlice");
const initialState$2 = {
// Log state
- selectedSampleId: void 0,
+ șselectedSampleId: void 0,
selectedSampleEpoch: void 0,
selectedLogDetails: void 0,
pendingSampleSummaries: void 0,
@@ -28375,6 +28377,8 @@ const initialState$2 = {
// Filter state
filter: "",
filterError: void 0,
+ epoch: "all",
+ sort: kDefaultSort,
selectedScores: void 0,
scores: void 0
};
@@ -28438,6 +28442,12 @@ const createLogSlice = (set3, get2, _store) => {
state.log.filterError = void 0;
});
},
+ setEpoch: (epoch) => set3((state) => {
+ state.log.epoch = epoch;
+ }),
+ setSort: (sort2) => set3((state) => {
+ state.log.sort = sort2;
+ }),
setSelectedScores: (scores2) => set3((state) => {
state.log.selectedScores = scores2;
}),
@@ -28447,6 +28457,8 @@ const createLogSlice = (set3, get2, _store) => {
resetFiltering: () => set3((state) => {
state.log.filter = "";
state.log.filterError = void 0;
+ state.log.epoch = "all";
+ state.log.sort = kDefaultSort;
state.log.selectedScores = state.log.scores?.slice(0, 1);
}),
syncLog: async (logFileName) => {
@@ -28812,7 +28824,7 @@ const createLogsSlice = (set3, get2, _store) => {
if (!isInFileList) {
if (state.replicationService?.isReplicating() && !state.app.singleFileMode) {
await state.logsActions.syncLogs();
- const logHandle = get2().logs.logs.find(
+ const logHandle = state.logs.logs.find(
(val) => val.name.endsWith(logFile)
);
if (!logHandle) {
@@ -28981,54 +28993,12 @@ const resolveAttachments = (value2, attachments, onFailedResolve) => {
}
return value2;
};
-const expandRefs = (refs, pool) => refs.flatMap(([start2, end_exclusive]) => pool.slice(start2, end_exclusive));
-const resolveEventRefs = (events, msgPool, callPool) => {
- return events.map((event) => {
- if (event.event !== "model") return event;
- const resolved = Array.isArray(event.input_refs) ? {
- ...event,
- input: expandRefs(
- event.input_refs,
- msgPool
- ),
- input_refs: null
- } : event;
- if (!resolved.call || !Array.isArray(resolved.call.call_refs))
- return resolved;
- return {
- ...resolved,
- call: {
- ...resolved.call,
- request: {
- ...resolved.call.request,
- [resolved.call.call_key || "messages"]: expandRefs(
- resolved.call.call_refs,
- callPool
- )
- },
- call_refs: null,
- call_key: null
- }
- };
- });
-};
-const resolvePools = (sample2) => {
- const { message_pool, call_pool } = sample2;
- if (!message_pool?.length && !call_pool?.length) return sample2;
- return {
- ...sample2,
- events: resolveEventRefs(sample2.events, message_pool, call_pool),
- message_pool: [],
- call_pool: []
- };
-};
const resolveSample$1 = (sample2) => {
sample2 = { ...sample2 };
if (sample2.transcript) {
sample2.events = sample2.transcript.events;
sample2.attachments = sample2.transcript.content;
}
- sample2 = resolvePools(sample2);
sample2.attachments = sample2.attachments || {};
sample2.input = resolveAttachments(sample2.input, sample2.attachments);
sample2.messages = resolveAttachments(sample2.messages, sample2.attachments);
@@ -29412,6 +29382,7 @@ const initialState = {
sampleInState: false,
sampleStatus: "ok",
sampleError: void 0,
+ downloadProgress: void 0,
eventsCleared: false,
visiblePopover: void 0,
// signals that the sample needs to be reloaded
@@ -29420,6 +29391,7 @@ const initialState = {
runningEvents: [],
collapsedEvents: null,
collapsedMode: null,
+ flatView: false,
eventFilter: {
filteredTypes: [...kDefaultExcludeEvents]
},
@@ -29467,6 +29439,7 @@ const createSampleSlice = (set3, get2, _store) => {
state.sample.sampleInState = false;
state.sample.runningEvents = [];
state.sample.sampleStatus = "ok";
+ state.sample.downloadProgress = void 0;
state.log.selectedSampleHandle = void 0;
});
},
@@ -29488,6 +29461,9 @@ const createSampleSlice = (set3, get2, _store) => {
setSampleError: (error2) => set3((state) => {
state.sample.sampleError = error2;
}),
+ setDownloadProgress: (progress2) => set3((state) => {
+ state.sample.downloadProgress = progress2;
+ }),
setCollapsedEvents: (scope, collapsed2) => {
set3((state) => {
if (state.sample.collapsedEvents === null) {
@@ -29546,6 +29522,11 @@ const createSampleSlice = (set3, get2, _store) => {
state.sample.collapsedMode = mode;
});
},
+ setFlatView: (value2) => {
+ set3((state) => {
+ state.sample.flatView = value2;
+ });
+ },
setFilteredEventTypes: (types2) => {
set3((state) => {
state.sample.eventFilter.filteredTypes = types2;
@@ -30324,8 +30305,7 @@ const ApplicationIcons = {
operator: "bi bi-person-workspace",
tokens: "bi bi-list",
time: "bi bi-clock",
- execution: "bi bi-stopwatch",
- cost: "bi bi-currency-dollar"
+ execution: "bi bi-stopwatch"
},
link: "bi bi-link-45deg",
loading: "bi bi-arrow-clockwise",
@@ -30427,13 +30407,13 @@ function clsx() {
for (var e, t2, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t2 = r(e)) && (n && (n += " "), n += t2);
return n;
}
-const container$n = "_container_1n7pm_1";
-const label$9 = "_label_1n7pm_7";
+const container$o = "_container_1n7pm_1";
+const label$b = "_label_1n7pm_7";
const outer = "_outer_1n7pm_11";
const inner = "_inner_1n7pm_20";
-const styles$1L = {
- container: container$n,
- label: label$9,
+const styles$1P = {
+ container: container$o,
+ label: label$b,
outer,
inner
};
@@ -30444,15 +30424,15 @@ const ProgressBar = ({
label: label2,
width = "100px"
}) => {
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1L.container), children: [
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1L.outer), style: { width }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1P.container), children: [
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1P.outer), style: { width }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
"div",
{
- className: clsx(styles$1L.inner),
+ className: clsx(styles$1P.inner),
style: { width: `${(value2 - min2) / (max2 - min2) * 100}%` }
}
) }),
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1L.label, "text-size-smallest"), children: [
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1P.label, "text-size-smallest"), children: [
value2,
" / ",
max2,
@@ -30544,15 +30524,6 @@ class ClientEventsService {
}
}
const clientEventsService = new ClientEventsService();
-const errorType = (message2) => {
- if (!message2) {
- return "Error";
- }
- if (message2.includes("(")) {
- return message2.split("(")[0];
- }
- return "Error";
-};
const arrayToString = (val) => {
val = Array.isArray(val) ? val : [val];
return val.join(", ");
@@ -30662,10 +30633,19 @@ function formatDuration(start2, end2) {
const durationSec = durationMs / 1e3;
return formatTime$1(durationSec);
}
+const errorType = (message2) => {
+ if (!message2) {
+ return "Error";
+ }
+ if (message2.includes("(")) {
+ return message2.split("(")[0];
+ }
+ return "Error";
+};
const circle$1 = "_circle_qymy9_1";
const green$1 = "_green_qymy9_12";
const red$1 = "_red_qymy9_18";
-const styles$1K = {
+const styles$1O = {
circle: circle$1,
green: green$1,
red: red$1
@@ -30681,9 +30661,9 @@ const booleanScoreDescriptor = () => {
"span",
{
className: clsx(
- styles$1K.circle,
+ styles$1O.circle,
"text-size-small",
- score2 ? styles$1K.green : styles$1K.red
+ score2 ? styles$1O.green : styles$1O.red
),
children: String(score2)
}
@@ -30782,11 +30762,11 @@ const numericScoreDescriptor = (values) => {
}
};
};
-const container$m = "_container_1ramc_1";
+const container$n = "_container_1ramc_1";
const key$1 = "_key_1ramc_12";
const value$2 = "_value_1ramc_16";
-const styles$1J = {
- container: container$m,
+const styles$1N = {
+ container: container$n,
key: key$1,
value: value$2
};
@@ -30829,12 +30809,12 @@ const objectScoreDescriptor = (values) => {
) : String(value2);
scores2.push(
/* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1J.key, "text-size-smaller"), children: key2 }),
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1J.value, "text-size-base"), children: formattedValue })
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1N.key, "text-size-smaller"), children: key2 }),
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1N.value, "text-size-base"), children: formattedValue })
] })
);
});
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1J.container), children: scores2 }, `score-value`);
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1N.container), children: scores2 }, `score-value`);
}
};
};
@@ -32128,7 +32108,7 @@ function requireAnsiOutput() {
var ansiOutputExports = requireAnsiOutput();
const toolButton$1 = "_toolButton_nu8dt_1";
const latched = "_latched_nu8dt_13";
-const styles$1I = {
+const styles$1M = {
toolButton: toolButton$1,
latched
};
@@ -32142,10 +32122,10 @@ const ToolButton = reactExports.forwardRef(
className: clsx(
"btn",
"btn-tools",
- styles$1I.toolButton,
+ styles$1M.toolButton,
classes,
className2,
- latched2 ? styles$1I.latched : void 0
+ latched2 ? styles$1M.latched : void 0
),
...rest,
children: [
@@ -32161,7 +32141,7 @@ const ansiDisplayContainer = "_ansiDisplayContainer_sawhg_1";
const ansiDisplay = "_ansiDisplay_sawhg_1";
const ansiDisplayRaw = "_ansiDisplayRaw_sawhg_28";
const ansiDisplayToggle = "_ansiDisplayToggle_sawhg_33";
-const styles$1H = {
+const styles$1L = {
ansiDisplayContainer,
ansiDisplay,
ansiDisplayRaw,
@@ -32217,13 +32197,13 @@ const ANSIDisplay = ({
return /* @__PURE__ */ jsxRuntimeExports.jsxs(
"div",
{
- className: clsx(styles$1H.ansiDisplayContainer, className2),
+ className: clsx(styles$1L.ansiDisplayContainer, className2),
style: { ...style2 },
children: [
/* @__PURE__ */ jsxRuntimeExports.jsx(
ToolButton,
{
- className: clsx(styles$1H.ansiDisplayToggle, "text-size-smallest"),
+ className: clsx(styles$1L.ansiDisplayToggle, "text-size-smallest"),
icon: "bi bi-code-slash",
label: "",
latched: showRaw,
@@ -32231,9 +32211,9 @@ const ANSIDisplay = ({
title: showRaw ? "Show rendered output" : "Show raw output"
}
),
- showRaw ? /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$1H.ansiDisplay, styles$1H.ansiDisplayRaw), children: output2 }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1H.ansiDisplay), style: backgroundStyle, children: ansiOutput2.outputLines.map((line2, index) => {
+ showRaw ? /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$1L.ansiDisplay, styles$1L.ansiDisplayRaw), children: output2 }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1L.ansiDisplay), style: backgroundStyle, children: ansiOutput2.outputLines.map((line2, index) => {
firstOutput = firstOutput || !!line2.outputRuns.length;
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1H.ansiDisplayLine), children: !line2.outputRuns.length ? firstOutput ? /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}) : null : line2.outputRuns.map((outputRun) => /* @__PURE__ */ jsxRuntimeExports.jsx(OutputRun, { run: outputRun }, outputRun.id)) }, index);
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1L.ansiDisplayLine), children: !line2.outputRuns.length ? firstOutput ? /* @__PURE__ */ jsxRuntimeExports.jsx("br", {}) : null : line2.outputRuns.map((outputRun) => /* @__PURE__ */ jsxRuntimeExports.jsx(OutputRun, { run: outputRun }, outputRun.id)) }, index);
}) })
]
}
@@ -32460,7 +32440,7 @@ const visible = "_visible_tm52u_1";
const hidden$1 = "_hidden_tm52u_5";
const pills = "_pills_tm52u_9";
const pill = "_pill_tm52u_9";
-const styles$1G = {
+const styles$1K = {
visible,
hidden: hidden$1,
pills,
@@ -32490,7 +32470,7 @@ const NavPills = ({ id, children: children2 }) => {
return /* @__PURE__ */ jsxRuntimeExports.jsx(
"div",
{
- className: child["props"]?.title === activeItem ? styles$1G.visible : styles$1G.hidden,
+ className: child["props"]?.title === activeItem ? styles$1K.visible : styles$1K.hidden,
children: child
},
`nav-pill-container-${idx}`
@@ -32500,7 +32480,7 @@ const NavPills = ({ id, children: children2 }) => {
/* @__PURE__ */ jsxRuntimeExports.jsx(
"ul",
{
- className: clsx("nav", "nav-pills", styles$1G.pills),
+ className: clsx("nav", "nav-pills", styles$1K.pills),
role: "tablist",
"aria-orientation": "horizontal",
children: navPills
@@ -32536,7 +32516,7 @@ const NavPill = ({
"nav-link",
"text-style-label",
active ? "active " : "",
- styles$1G.pill
+ styles$1K.pill
),
"data-target": title2,
onClick: handleClick,
@@ -32552,7 +32532,7 @@ const Buckets = {
final: 1e3
};
const copyButton = "_copyButton_1goi8_1";
-const styles$1F = {
+const styles$1J = {
copyButton
};
const CopyButton = ({
@@ -32582,7 +32562,7 @@ const CopyButton = ({
"button",
{
type: "button",
- className: clsx("copy-button", styles$1F.copyButton, className2),
+ className: clsx("copy-button", styles$1J.copyButton, className2),
onClick: handleClick,
"aria-label": ariaLabel,
disabled: isCopied,
@@ -32660,7 +32640,7 @@ const moreToggleButton = "_moreToggleButton_1cl3h_36";
const separator$6 = "_separator_1cl3h_42";
const inlineRight = "_inlineRight_1cl3h_48";
const blockLeft = "_blockLeft_1cl3h_54";
-const styles$1E = {
+const styles$1I = {
expandablePanel,
expandableBordered,
expandableCollapsed,
@@ -32713,10 +32693,10 @@ const ExpandablePanel = reactExports.memo(
ref: contentRef,
"data-expandable-panel": "true",
className: clsx(
- styles$1E.expandablePanel,
- collapsed2 ? styles$1E.expandableCollapsed : void 0,
- border ? styles$1E.expandableBordered : void 0,
- showToggle ? styles$1E.padBottom : void 0,
+ styles$1I.expandablePanel,
+ collapsed2 ? styles$1I.expandableCollapsed : void 0,
+ border ? styles$1I.expandableBordered : void 0,
+ showToggle ? styles$1I.padBottom : void 0,
className2
),
children: [
@@ -32742,7 +32722,7 @@ const ExpandablePanel = reactExports.memo(
position: "block-left"
}
) }),
- showToggle && layout == "inline-right" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1E.separator) })
+ showToggle && layout == "inline-right" && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1I.separator) })
] });
}
);
@@ -32761,15 +32741,15 @@ const MoreToggle = ({
"div",
{
className: clsx(
- styles$1E.moreToggle,
- border ? styles$1E.bordered : void 0,
- position === "inline-right" ? styles$1E.inlineRight : styles$1E.blockLeft
+ styles$1I.moreToggle,
+ border ? styles$1I.bordered : void 0,
+ position === "inline-right" ? styles$1I.inlineRight : styles$1I.blockLeft
),
style: style2,
children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
"button",
{
- className: clsx("btn", styles$1E.moreToggleButton, "text-size-smallest"),
+ className: clsx("btn", styles$1I.moreToggleButton, "text-size-smallest"),
onClick: handleClick,
children: [
text2,
@@ -36303,7 +36283,7 @@ const keyPairBordered = "_keyPairBordered_qjlxf_9";
const key = "_key_qjlxf_1";
const pre$1 = "_pre_qjlxf_19";
const treeIcon = "_treeIcon_qjlxf_23";
-const styles$1D = {
+const styles$1H = {
keyPairContainer,
keyPairBordered,
key,
@@ -36489,8 +36469,8 @@ const RecordTree = ({
"div",
{
className: clsx(
- styles$1D.keyPairContainer,
- index < items.length - 1 && useBorders ? styles$1D.keyPairBordered : void 0,
+ styles$1H.keyPairContainer,
+ index < items.length - 1 && useBorders ? styles$1H.keyPairBordered : void 0,
"text-size-small"
),
style: {
@@ -36503,7 +36483,7 @@ const RecordTree = ({
"data-index": index,
className: clsx(
kRecordTreeKey,
- styles$1D.key,
+ styles$1H.key,
"font-monospace",
"text-style-secondary"
),
@@ -36513,16 +36493,16 @@ const RecordTree = ({
setCollapsed(item2.id, !collapsedIds?.[item2.id]);
},
children: [
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: item2.hasChildren ? /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$1D.pre), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: item2.hasChildren ? /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$1H.pre), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
"i",
{
className: clsx(
collapsedIds && collapsedIds[item2.id] ? ApplicationIcons.tree.closed : ApplicationIcons.tree.open,
- styles$1D.treeIcon
+ styles$1H.treeIcon
)
}
) }) : void 0 }),
- /* @__PURE__ */ jsxRuntimeExports.jsxs("pre", { className: clsx(styles$1D.pre), children: [
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("pre", { className: clsx(styles$1H.pre), children: [
item2.key,
":"
] })
@@ -37007,7 +36987,7 @@ const indented = "_indented_1k527_37";
const copyLink$1 = "_copyLink_1k527_41";
const metadataLabel = "_metadataLabel_1k527_52";
const hover$1 = "_hover_1k527_56";
-const styles$1C = {
+const styles$1G = {
message: message$3,
systemRole,
timestamp,
@@ -37021,14 +37001,14 @@ const styles$1C = {
};
const panel$8 = "_panel_1pa96_1";
const code$5 = "_code_1pa96_7";
-const styles$1B = {
+const styles$1F = {
panel: panel$8,
code: code$5
};
const CodePanel = ({ code: code2, language: language2 = "json" }) => {
const codeContainerRef = reactExports.useRef(null);
usePrismHighlight(codeContainerRef, code2.length);
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: codeContainerRef, className: clsx(styles$1B.panel), children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$1B.code), children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: clsx(`language-${language2}`), children: code2 }) }) });
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: codeContainerRef, className: clsx(styles$1F.panel), children: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$1F.code), children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: clsx(`language-${language2}`), children: code2 }) }) });
};
class JsonWorkerPool {
encoder = new TextEncoder();
@@ -37096,6 +37076,23 @@ class JsonWorkerPool {
);
});
}
+ async parseBytes(data) {
+ this.ensureWorkers();
+ const requestId = this.nextRequestId++;
+ const ownedData = data.byteOffset === 0 && data.byteLength === data.buffer.byteLength ? data : data.slice();
+ return new Promise((resolve, reject) => {
+ this.pendingRequests.set(requestId, { resolve, reject });
+ const worker = this.workers[requestId % this.workers.length];
+ worker?.postMessage(
+ {
+ type: "parse",
+ requestId,
+ encodedText: ownedData
+ },
+ [ownedData.buffer]
+ );
+ });
+ }
terminate() {
this.workers.forEach((w) => w.terminate());
this.workers = [];
@@ -37120,6 +37117,14 @@ const asyncJsonParse = async (text2) => {
return workerPool.parse(text2);
}
};
+const asyncJsonParseBytes = async (data) => {
+ if (data.length < 5e4) {
+ const text2 = new TextDecoder("utf-8").decode(data);
+ return jsonParse(text2);
+ } else {
+ return workerPool.parseBytes(data);
+ }
+};
const jsonParse = (text2) => {
try {
return JSON.parse(text2);
@@ -40577,13 +40582,7 @@ function linkify(state, silent) {
if (!link2) return false;
let url = link2.url;
if (url.length <= proto.length) return false;
- let urlEnd = url.length;
- while (urlEnd > 0 && url.charCodeAt(urlEnd - 1) === 42) {
- urlEnd--;
- }
- if (urlEnd !== url.length) {
- url = url.slice(0, urlEnd);
- }
+ url = url.replace(/\*+$/, "");
const fullUrl = state.md.normalizeLink(url);
if (!state.md.validateLink(fullUrl)) return false;
if (!silent) {
@@ -107847,7 +107846,7 @@ function unescapeCodeHtmlEntities(str2) {
);
}
const content$3 = "_content_13ihw_1";
-const styles$1A = {
+const styles$1E = {
content: content$3
};
const Preformatted = reactExports.forwardRef(
@@ -107856,7 +107855,7 @@ const Preformatted = reactExports.forwardRef(
"pre",
{
ref,
- className: clsx(styles$1A.content, "text-size-smaller", className2),
+ className: clsx(styles$1E.content, "text-size-smaller", className2),
style: style2,
children: text2
}
@@ -107891,22 +107890,22 @@ const RenderedText = reactExports.forwardRef(({ markdown, style: style2, classNa
});
const webSearch = "_webSearch_1376z_1";
const query$1 = "_query_1376z_8";
-const styles$1z = {
+const styles$1D = {
webSearch,
query: query$1
};
const WebSearch = ({ query: query2 }) => {
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1z.webSearch, "text-size-smaller"), children: [
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1D.webSearch, "text-size-smaller"), children: [
/* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx("text-style-label", "text-style-secondary"), children: "Web Search:" }),
- /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx(styles$1z.query, "text-size-smallest"), children: query2 })
+ /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx(styles$1D.query, "text-size-smallest"), children: query2 })
] });
};
const contentData = "_contentData_1lrx1_1";
-const styles$1y = {
+const styles$1C = {
contentData
};
const result$1 = "_result_1mixg_12";
-const styles$1x = {
+const styles$1B = {
result: result$1
};
const WebSearchResults = ({
@@ -107917,7 +107916,7 @@ const WebSearchResults = ({
"div",
{
className: clsx(
- styles$1x.label,
+ styles$1B.label,
"text-style-label",
"text-style-secondary",
"text-size-smaller"
@@ -107925,10 +107924,10 @@ const WebSearchResults = ({
children: "Results"
}
),
- /* @__PURE__ */ jsxRuntimeExports.jsx("ol", { className: clsx(styles$1x.results, "text-size-smaller"), children: results.map((result2, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+ /* @__PURE__ */ jsxRuntimeExports.jsx("ol", { className: clsx(styles$1B.results, "text-size-smaller"), children: results.map((result2, index) => /* @__PURE__ */ jsxRuntimeExports.jsx(
"li",
{
- className: clsx(styles$1x.result, "text-style-secondary"),
+ className: clsx(styles$1B.result, "text-style-secondary"),
children: /* @__PURE__ */ jsxRuntimeExports.jsx(
"a",
{
@@ -107947,16 +107946,16 @@ const WebSearchResults = ({
};
const title$3 = "_title_1gjvf_1";
const content$2 = "_content_1gjvf_11";
-const grid$9 = "_grid_1gjvf_16";
-const styles$1w = {
+const grid$a = "_grid_1gjvf_16";
+const styles$1A = {
title: title$3,
content: content$2,
- grid: grid$9
+ grid: grid$a
};
-const grid$8 = "_grid_14885_1";
+const grid$9 = "_grid_14885_1";
const cell$2 = "_cell_14885_8";
-const styles$1v = {
- grid: grid$8,
+const styles$1z = {
+ grid: grid$9,
cell: cell$2
};
const MetaDataGrid = ({
@@ -107986,7 +107985,7 @@ const MetaDataGrid = ({
{
className: clsx(
`${baseId}-key`,
- styles$1v.cell,
+ styles$1z.cell,
"text-style-label",
"text-style-secondary",
fontStyle
@@ -107994,7 +107993,7 @@ const MetaDataGrid = ({
children: entry?.name
}
),
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1v.value, `${baseId}-value`, fontStyle), children: entry && /* @__PURE__ */ jsxRuntimeExports.jsx(
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1z.value, `${baseId}-value`, fontStyle), children: entry && /* @__PURE__ */ jsxRuntimeExports.jsx(
RenderedContent,
{
id: id2,
@@ -108004,7 +108003,7 @@ const MetaDataGrid = ({
MetaDataGrid,
{
id: id2,
- className: clsx(styles$1v.nested),
+ className: clsx(styles$1z.nested),
entries: obj,
size,
plain
@@ -108015,7 +108014,7 @@ const MetaDataGrid = ({
) })
] }, `${baseId}-record-${index}`);
});
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id, className: clsx(className2, styles$1v.grid), style: style2, children: entryEls });
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { id, className: clsx(className2, styles$1z.grid), style: style2, children: entryEls });
};
const entryRecords = (entries) => {
if (!entries) {
@@ -108040,19 +108039,19 @@ const CompactionData = ({ id, data }) => {
MetaDataGrid,
{
id: `${id}-compacted-content-metadata`,
- className: styles$1w.grid,
+ className: styles$1A.grid,
entries: compactionMetadata
}
);
}
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1w.content, "text-size-small"), children: [
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1A.content, "text-size-small"), children: [
/* @__PURE__ */ jsxRuntimeExports.jsx(
"div",
{
className: clsx(
"text-style-label",
"text-style-secondary",
- styles$1w.title
+ styles$1A.title
),
children: "Compacted Content"
}
@@ -108067,17 +108066,17 @@ const ContentDataView = ({ id, contentData: contentData2 }) => {
);
if (!renderer) {
const { encrypted_content, ...record } = renderableData;
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1y.contentData), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1C.contentData), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
RecordTree,
{
id: `${id}-tree`,
record,
- className: clsx(styles$1y.data),
+ className: clsx(styles$1C.data),
defaultExpandLevel: 0
}
) });
}
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1y.contentData), children: renderer.render(id, renderableData) });
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1C.contentData), children: renderer.render(id, renderableData) });
};
const compactionDataRenderer = {
name: "Compaction",
@@ -108128,7 +108127,7 @@ const serverToolRenderer = {
{
id: `${id}-server-tool`,
record: data,
- className: clsx(styles$1y.data)
+ className: clsx(styles$1C.data)
}
)
] });
@@ -108247,6 +108246,13 @@ function clearLargeEventsArray(data) {
result2.set(after, offset2);
return result2;
}
+const fetchRange = async (url, start2, end2) => {
+ const response = await fetch(url, {
+ headers: { Range: `bytes=${start2}-${end2}` }
+ });
+ const arrayBuffer = await response.arrayBuffer();
+ return new Uint8Array(arrayBuffer);
+};
class AsyncQueue {
constructor(concurrentLimit = 6) {
this.concurrentLimit = concurrentLimit;
@@ -109651,6 +109657,48 @@ class FileSizeLimitError extends Error {
Object.setPrototypeOf(this, FileSizeLimitError.prototype);
}
}
+const PARALLEL_CHUNK_THRESHOLD = 8 * 1024 * 1024;
+const PARALLEL_CHUNK_SIZE = 8 * 1024 * 1024;
+const MAX_PARALLEL_CHUNKS = 10;
+const fetchBytesParallel = async (fetchFn, url, start2, end2, onProgress) => {
+ const totalSize = end2 - start2 + 1;
+ if (totalSize <= PARALLEL_CHUNK_THRESHOLD) {
+ return fetchFn(url, start2, end2);
+ }
+ const chunks = [];
+ let offset2 = start2;
+ while (offset2 <= end2) {
+ const chunkEnd = Math.min(offset2 + PARALLEL_CHUNK_SIZE - 1, end2);
+ chunks.push({ start: offset2, end: chunkEnd, index: chunks.length });
+ offset2 = chunkEnd + 1;
+ }
+ const concurrency = Math.min(chunks.length, MAX_PARALLEL_CHUNKS);
+ const results = new Array(chunks.length);
+ let nextChunk = 0;
+ let bytesLoaded = 0;
+ if (onProgress) {
+ onProgress(0, totalSize);
+ }
+ const worker = async () => {
+ while (nextChunk < chunks.length) {
+ const idx = nextChunk++;
+ const chunk = chunks[idx];
+ results[idx] = await fetchFn(url, chunk.start, chunk.end);
+ if (onProgress) {
+ bytesLoaded += results[idx].length;
+ onProgress(bytesLoaded, totalSize);
+ }
+ }
+ };
+ await Promise.all(Array.from({ length: concurrency }, () => worker()));
+ const combined = new Uint8Array(totalSize);
+ let pos2 = 0;
+ for (const chunk of results) {
+ combined.set(chunk, pos2);
+ pos2 += chunk.length;
+ }
+ return combined;
+};
const openRemoteZipFile = async (url, fetchContentLength = fetchSize, fetchBytes = fetchRange) => {
const contentLength = await fetchContentLength(url);
const eocdrBuffer = await fetchBytes(
@@ -109694,7 +109742,8 @@ const openRemoteZipFile = async (url, fetchContentLength = fetchSize, fetchBytes
centralDirSize = Number(zip64EOCDView.getBigUint64(40, true));
centralDirOffset = Number(zip64EOCDView.getBigUint64(48, true));
}
- const centralDirBuffer = await fetchBytes(
+ const centralDirBuffer = await fetchBytesParallel(
+ fetchBytes,
url,
centralDirOffset,
centralDirOffset + centralDirSize - 1
@@ -109702,28 +109751,40 @@ const openRemoteZipFile = async (url, fetchContentLength = fetchSize, fetchBytes
const centralDirectory = parseCentralDirectory(centralDirBuffer);
return {
centralDirectory,
- readFile: async (file, maxBytes) => {
+ readFile: async (file, maxBytes, onProgress) => {
const entry = centralDirectory.get(file);
if (!entry) {
throw new Error(`File not found: ${file}`);
}
const headerSize = 30;
- const headerData = await fetchBytes(
- url,
- entry.fileOffset,
- entry.fileOffset + headerSize - 1
- );
- const filenameLength = headerData[26] + (headerData[27] << 8);
- const extraFieldLength = headerData[28] + (headerData[29] << 8);
- const totalSizeToFetch = headerSize + filenameLength + extraFieldLength + entry.compressedSize;
- if (maxBytes && totalSizeToFetch > maxBytes) {
+ const extraFieldPadding = 256;
+ const estimatedSize = headerSize + entry.filenameLength + extraFieldPadding + entry.compressedSize;
+ if (maxBytes && headerSize + entry.filenameLength + entry.compressedSize > maxBytes) {
throw new FileSizeLimitError(file, maxBytes);
}
- const fileData = await fetchBytes(
+ let fileData = await fetchBytesParallel(
+ fetchBytes,
url,
entry.fileOffset,
- entry.fileOffset + totalSizeToFetch - 1
+ entry.fileOffset + estimatedSize - 1,
+ onProgress
);
+ if (fileData.length < headerSize) {
+ throw new Error(`File entry header is truncated for ${file}`);
+ }
+ const actualExtraFieldLength = fileData[28] + (fileData[29] << 8);
+ const actualTotal = headerSize + entry.filenameLength + actualExtraFieldLength + entry.compressedSize;
+ if (maxBytes && actualTotal > maxBytes) {
+ throw new FileSizeLimitError(file, maxBytes);
+ }
+ if (actualTotal > estimatedSize) {
+ fileData = await fetchBytesParallel(
+ fetchBytes,
+ url,
+ entry.fileOffset,
+ entry.fileOffset + actualTotal - 1
+ );
+ }
const zipFileEntry = await parseZipFileEntry(file, fileData);
return decompressData(
zipFileEntry.data,
@@ -109758,13 +109819,6 @@ const fetchSize = async (url) => {
}
throw new Error(`Could not determine content length for ${url}`);
};
-const fetchRange = async (url, start2, end2) => {
- const response = await fetch(`${url}`, {
- headers: { Range: `bytes=${start2}-${end2}` }
- });
- const arrayBuffer = await response.arrayBuffer();
- return new Uint8Array(arrayBuffer);
-};
const parseZipFileEntry = async (file, rawData) => {
const view = new DataView(rawData.buffer);
let offset2 = 0;
@@ -109876,7 +109930,8 @@ const parseCentralDirectory = (buffer2) => {
compressionMethod: view.getUint16(offset2 + 10, true),
compressedSize,
uncompressedSize,
- fileOffset
+ fileOffset,
+ filenameLength
};
entries.set(filename2, entry);
offset2 += kFileHeaderSize + filenameLength + extraFieldLength + fileCommentLength;
@@ -109884,7 +109939,6 @@ const parseCentralDirectory = (buffer2) => {
return entries;
};
const OPEN_RETRY_LIMIT = 5;
-const MAX_SAMPLE_SIZE_BYTES = 2048 * 1024 * 1024;
class SampleNotFoundError extends Error {
constructor(message2) {
super(message2 || "Sample not found");
@@ -109894,14 +109948,27 @@ class SampleNotFoundError extends Error {
}
const openRemoteLogFile = async (api2, url, concurrency) => {
const queue = new AsyncQueue(concurrency);
+ const logInfo = await api2.get_log_info(url);
+ const fetchContentLength = async (_url) => logInfo.size;
+ const directUrl = logInfo.direct_url;
+ const fetchBytes = async (_url, start2, end2) => {
+ if (directUrl) {
+ try {
+ return await fetchRange(directUrl, start2, end2);
+ } catch (e) {
+ console.warn("Direct URL fetch failed, falling back to proxy", e);
+ }
+ }
+ return api2.get_log_bytes(url, start2, end2);
+ };
let remoteZipFile = void 0;
let retryCount = 0;
while (!remoteZipFile && retryCount < OPEN_RETRY_LIMIT) {
try {
remoteZipFile = await openRemoteZipFile(
url,
- api2.get_log_size,
- api2.get_log_bytes
+ fetchContentLength,
+ fetchBytes
);
} catch {
retryCount++;
@@ -109918,20 +109985,13 @@ const openRemoteLogFile = async (api2, url, concurrency) => {
`Failed to open remote log file at ${url} after ${OPEN_RETRY_LIMIT} attempts.`
);
}
- const readJSONFile = async (file, maxBytes, preprocessor2) => {
+ const readJSONFile = async (file, maxBytes, preprocessor2, onProgress) => {
try {
- let data = await remoteZipFile.readFile(file, maxBytes);
+ let data = await remoteZipFile.readFile(file, maxBytes, onProgress);
if (preprocessor2) {
data = preprocessor2.preprocess(data);
}
- const textDecoder = new TextDecoder("utf-8");
- const jsonString = textDecoder.decode(data);
- if (data.length > 0 && jsonString.length === 0) {
- throw new Error(
- `Failed to decode ${file} (${(data.length / 1024 / 1024).toFixed(0)}MB). The file may be corrupted or contain invalid UTF-8 sequences.`
- );
- }
- return asyncJsonParse(jsonString);
+ return asyncJsonParseBytes(data);
} catch (error2) {
if (error2 instanceof FileSizeLimitError) {
throw error2;
@@ -109957,24 +110017,21 @@ const openRemoteLogFile = async (api2, url, concurrency) => {
};
});
};
- const readSample = async (sampleId, epoch) => {
+ const readSample = async (sampleId, epoch, onProgress) => {
const sampleFile = `samples/${sampleId}_epoch_${epoch}.json`;
if (!remoteZipFile.centralDirectory.has(sampleFile)) {
throw new SampleNotFoundError(
`Unable to read sample file ${sampleFile} - it is not present in the manifest.`
);
}
- const entry = remoteZipFile.centralDirectory.get(sampleFile);
- if (entry.uncompressedSize > MAX_SAMPLE_SIZE_BYTES) {
- throw new FileSizeLimitError(sampleFile, MAX_SAMPLE_SIZE_BYTES);
- }
const eventsPreprocessor = {
preprocess: clearLargeEventsArray
};
return await readJSONFile(
sampleFile,
void 0,
- eventsPreprocessor
+ eventsPreprocessor,
+ onProgress
);
};
const readHeader = async () => {
@@ -110044,9 +110101,6 @@ const openRemoteLogFile = async (api2, url, concurrency) => {
results: header2.results,
stats: header2.stats,
error: header2.error,
- tags: header2.tags,
- metadata: header2.metadata,
- log_updates: header2.log_updates,
sampleSummaries
};
return result2;
@@ -110143,7 +110197,7 @@ const clientApi = (api2, log_file, debug2 = false) => {
let pending_log_promise = null;
const get_log_details = async (log_file2) => {
if (isEvalFile(log_file2)) {
- const remoteLogFile = await remoteEvalFile(log_file2);
+ const remoteLogFile = await remoteEvalFile(log_file2, true);
if (remoteLogFile) {
return await remoteLogFile.readLogSummary();
} else {
@@ -110171,14 +110225,11 @@ const clientApi = (api2, log_file, debug2 = false) => {
results: parsed.results,
stats: parsed.stats,
error: parsed.error,
- tags: parsed.tags,
- metadata: parsed.metadata,
- log_updates: parsed.log_updates,
sampleSummaries
};
}
};
- const get_log_sample = async (log_file2, id, epoch) => {
+ const get_log_sample = async (log_file2, id, epoch, onProgress) => {
if (isEvalFile(log_file2)) {
let handleError2 = function(error2) {
if (error2 instanceof FileSizeLimitError) {
@@ -110191,7 +110242,7 @@ const clientApi = (api2, log_file, debug2 = false) => {
if (!remoteLogFile) {
throw new Error(`Unable to read remote eval file ${log_file2}`);
}
- return await remoteLogFile.readSample(String(id), epoch);
+ return await remoteLogFile.readSample(String(id), epoch, onProgress);
}
try {
return await fetchSample(true);
@@ -110473,14 +110524,24 @@ const fetchLogFile = async (file) => {
});
};
const fetchManifest = async (log_dir) => {
- const parseListing = async (text2) => {
- const parsed = await asyncJsonParse(text2);
- return { raw: text2, parsed };
- };
- return await fetchFile(
+ const logs = await fetchFile(
log_dir + "/listing.json",
- parseListing
+ async (text2) => {
+ const parsed = await asyncJsonParse(text2);
+ return {
+ raw: text2,
+ parsed
+ };
+ },
+ (response) => {
+ if (response.status === 404) {
+ return true;
+ } else {
+ return false;
+ }
+ }
);
+ return logs;
};
const fetchJsonFile = async (file, handleError2) => {
return fetchFile(
@@ -110596,8 +110657,9 @@ function staticHttpApiForLog(logInfo) {
throw new Error(`"Unable to load eval log ${log_file}`);
}
},
- get_log_size: async (log_file) => {
- return await fetchSize(log_file);
+ get_log_info: async (log_file) => {
+ const size = await fetchSize(log_file);
+ return { size };
},
get_log_bytes: async (log_file, start2, end2) => {
return await fetchRange(log_file, start2, end2);
@@ -110869,10 +110931,10 @@ function viewServerApi(options2 = {}) {
);
return result2;
};
- const get_log_size2 = async (file) => {
+ const get_log_info2 = async (file) => {
const result2 = await requestApi.fetchString(
"GET",
- `/log-size/${encodeURIComponent(file)}`
+ `/log-info/${encodeURIComponent(file)}`
);
return result2.parsed;
};
@@ -111027,7 +111089,7 @@ function viewServerApi(options2 = {}) {
get_eval_set: get_eval_set2,
get_flow: get_flow2,
get_log_contents: get_log_contents2,
- get_log_size: get_log_size2,
+ get_log_info: get_log_info2,
get_log_bytes: get_log_bytes2,
get_log_summaries: get_log_summaries2,
log_message: log_message2,
@@ -111043,12 +111105,13 @@ const kMethodEvalLogDir = "eval_log_dir";
const kMethodEvalLogs = "eval_logs";
const kMethodEvalLogFiles = "eval_log_files";
const kMethodEvalLog = "eval_log";
-const kMethodEvalLogSize = "eval_log_size";
+const kMethodEvalLogInfo = "eval_log_info";
const kMethodEvalLogBytes = "eval_log_bytes";
const kMethodEvalLogHeaders = "eval_log_headers";
const kMethodPendingSamples = "eval_log_pending_samples";
const kMethodSampleData = "eval_log_sample_data";
const kMethodLogMessage = "log_message";
+const kJsonRpcMethodNotFound = -32601;
const kJsonRpcVersion = "2.0";
function webViewJsonRpcClient(vscode2) {
const target2 = {
@@ -111181,8 +111244,16 @@ async function get_log_contents(log_file, headerOnly, capabilities2) {
throw new Error(`Unable to load eval log ${log_file}.`);
}
}
-async function get_log_size(log_file) {
- return await vscodeClient(kMethodEvalLogSize, [log_file]);
+async function get_log_info(log_file) {
+ try {
+ return await vscodeClient(kMethodEvalLogInfo, [log_file]);
+ } catch (e) {
+ if (e?.code === kJsonRpcMethodNotFound) {
+ const size = await vscodeClient("eval_log_size", [log_file]);
+ return { size };
+ }
+ throw e;
+ }
}
async function get_log_bytes(log_file, start2, end2) {
return await vscodeClient(kMethodEvalLogBytes, [log_file, start2, end2]);
@@ -111265,7 +111336,7 @@ const api$1 = {
get_eval_set,
get_flow,
get_log_contents,
- get_log_size,
+ get_log_info,
get_log_bytes,
get_log_summaries,
log_message,
@@ -111319,7 +111390,7 @@ const documentFrame = "_documentFrame_1576h_1";
const documentFrameTitle = "_documentFrameTitle_1576h_9";
const downloadLink = "_downloadLink_1576h_16";
const imageDocument = "_imageDocument_1576h_21";
-const styles$1u = {
+const styles$1y = {
documentFrame,
documentFrameTitle,
downloadLink,
@@ -111336,7 +111407,7 @@ const ContentDocumentView = ({
return /* @__PURE__ */ jsxRuntimeExports.jsx(ContentDocumentFrame, { document: document2, downloadable: canDownloadFiles, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
"img",
{
- className: clsx(styles$1u.imageDocument),
+ className: clsx(styles$1y.imageDocument),
src: document2.document,
alt: document2.filename,
id
@@ -111361,17 +111432,17 @@ const ContentDocumentFrame = ({
"div",
{
className: clsx(
- styles$1u.documentFrame,
+ styles$1y.documentFrame,
"text-size-small",
"text-style-secondary"
),
children: [
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1u.documentFrameTitle), children: [
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1y.documentFrameTitle), children: [
/* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(iconForMimeType(document2.mime_type)) }),
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: downloadable ? /* @__PURE__ */ jsxRuntimeExports.jsx(
"a",
{
- className: clsx(styles$1u.downloadLink),
+ className: clsx(styles$1y.downloadLink),
onClick: () => {
api.download_file(document2.filename, document2.document);
},
@@ -111385,7 +111456,7 @@ const ContentDocumentFrame = ({
);
};
const jsonMessage = "_jsonMessage_oxf8d_1";
-const styles$1t = {
+const styles$1x = {
jsonMessage
};
const JsonMessageContent = ({
@@ -111398,7 +111469,7 @@ const JsonMessageContent = ({
{
id,
record: json,
- className: clsx(styles$1t.jsonMessage, className2),
+ className: clsx(styles$1x.jsonMessage, className2),
useBorders: false
}
);
@@ -111413,7 +111484,7 @@ const decodeHtmlEntities = (text2) => {
};
const citations = "_citations_1ggvf_1";
const citationLink = "_citationLink_1ggvf_9";
-const styles$1s = {
+const styles$1w = {
citations,
citationLink
};
@@ -111421,7 +111492,7 @@ const MessageCitations = ({ citations: citations2 }) => {
if (citations2.length === 0) {
return void 0;
}
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1s.citations, "text-size-smallest"), children: citations2.map((citation, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(reactExports.Fragment, { children: [
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1w.citations, "text-size-smallest"), children: citations2.map((citation, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(reactExports.Fragment, { children: [
/* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: index + 1 }),
/* @__PURE__ */ jsxRuntimeExports.jsx(MessageCitation, { citation })
] }, index)) });
@@ -111441,7 +111512,7 @@ const UrlCitation = ({
href: citation.url,
target: "_blank",
rel: "noopener noreferrer",
- className: clsx(styles$1s.citationLink),
+ className: clsx(styles$1w.citationLink),
title: citation.cited_text ? `${citation.cited_text}
${citation.url}` : citation.url,
children: children2
@@ -111450,7 +111521,7 @@ ${citation.url}` : citation.url,
const OtherCitation = ({ children: children2 }) => /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: children2 });
const contentImage = "_contentImage_srbm0_1";
const reasoning = "_reasoning_srbm0_6";
-const styles$1r = {
+const styles$1v = {
contentImage,
reasoning
};
@@ -111461,7 +111532,7 @@ const args = "_args_1792k_22";
const argLabel = "_argLabel_1792k_31";
const error$4 = "_error_1792k_35";
const toolPanel = "_toolPanel_1792k_40";
-const styles$1q = {
+const styles$1u = {
mcpToolUse,
title: title$2,
titleText,
@@ -111482,23 +111553,23 @@ const McpToolUse = ({ id, content: content2, className: className2 }) => {
const titleStr = content2.context ? `${content2.context} — ${content2.name}()` : `${content2.name}()`;
const listToolsResult = maybeListTools(content2);
const webSearchResult = maybeWebSearchResult(content2);
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { id, className: clsx(styles$1q.mcpToolUse, className2), children: [
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { id, className: clsx(styles$1u.mcpToolUse, className2), children: [
/* @__PURE__ */ jsxRuntimeExports.jsxs(
"div",
{
className: clsx(
- styles$1q.title,
+ styles$1u.title,
"text-size-small",
"text-style-secondary"
),
children: [
/* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: ApplicationIcons.role.tool }),
- /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: styles$1q.titleText, children: titleStr }),
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1q.type, children: content2.type })
+ /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: styles$1u.titleText, children: titleStr }),
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1u.type, children: content2.type })
]
}
),
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1q.args, children: [
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1u.args, children: [
Object.keys(args2).map((key2, index) => {
const value2 = args2[key2];
let valueRecord = void 0;
@@ -111517,7 +111588,7 @@ const McpToolUse = ({ id, content: content2, className: className2 }) => {
}),
webSearchResult ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
/* @__PURE__ */ jsxRuntimeExports.jsx(LabelDiv, { label: "results" }),
- /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDiv, { children: webSearchResult.result.map((result2, index) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1q.result, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+ /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDiv, { children: webSearchResult.result.map((result2, index) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1u.result, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
"a",
{
href: result2.url,
@@ -111532,7 +111603,7 @@ const McpToolUse = ({ id, content: content2, className: className2 }) => {
{
id: `${id}-output`,
collapse: true,
- className: clsx(styles$1q.toolPanel),
+ className: clsx(styles$1u.toolPanel),
children: [
/* @__PURE__ */ jsxRuntimeExports.jsx(LabelDiv, { label: tool2.name }),
/* @__PURE__ */ jsxRuntimeExports.jsxs(ValueDiv, { children: [
@@ -111550,7 +111621,7 @@ const McpToolUse = ({ id, content: content2, className: className2 }) => {
}
) })) : void 0
] }),
- content2.error ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1q.error, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
+ content2.error ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1u.error, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { children: [
"Error: ",
content2.error
] }) }) : !listToolsResult && !webSearchResult ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-small"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(ExpandablePanel, { id: `${id}-output`, collapse: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -111607,7 +111678,7 @@ const LabelDiv = ({ label: label2 }) => {
"div",
{
className: clsx(
- styles$1q.argLabel,
+ styles$1u.argLabel,
"text-style-secondary",
"text-size-smaller"
),
@@ -111629,7 +111700,7 @@ const toolImage = "_toolImage_h7uyp_1";
const output = "_output_h7uyp_6";
const textOutput = "_textOutput_h7uyp_10";
const textCode = "_textCode_h7uyp_19";
-const styles$1p = {
+const styles$1t = {
toolImage,
output,
textOutput,
@@ -111645,15 +111716,13 @@ const ToolOutput = ({ output: output2, className: className2 }) => {
const key2 = `tool-output-${idx}`;
if (out.type === "text") {
outputs.push(/* @__PURE__ */ jsxRuntimeExports.jsx(ToolTextOutput, { text: out.text }, key2));
- } else if (out.type === "document") {
- outputs.push(/* @__PURE__ */ jsxRuntimeExports.jsx(ContentDocumentView, { id: key2, document: out }, key2));
} else {
if (out.image.startsWith("data:")) {
outputs.push(
/* @__PURE__ */ jsxRuntimeExports.jsx(
"img",
{
- className: clsx(styles$1p.toolImage),
+ className: clsx(styles$1t.toolImage),
src: out.image
},
key2
@@ -111669,7 +111738,7 @@ const ToolOutput = ({ output: output2, className: className2 }) => {
/* @__PURE__ */ jsxRuntimeExports.jsx(ToolTextOutput, { text: String(output2) }, "tool-output-single")
);
}
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1p.output, className2), children: outputs });
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1t.output, className2), children: outputs });
};
const ToolTextOutput = ({ text: text2 }) => {
if (isJson(text2)) {
@@ -111680,13 +111749,13 @@ const ToolTextOutput = ({ text: text2 }) => {
return /* @__PURE__ */ jsxRuntimeExports.jsx(
ANSIDisplay,
{
- className: styles$1p.ansiOutput,
+ className: styles$1t.ansiOutput,
output: text2,
style: { fontSize: "clamp(0.4rem, 1.15vw, 0.9rem)" }
}
);
}
- return /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$1p.textOutput, "tool-output"), children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: clsx("sourceCode", styles$1p.textCode), children: text2.trim() }) });
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$1t.textOutput, "tool-output"), children: /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: clsx("sourceCode", styles$1t.textCode), children: text2.trim() }) });
};
const isMessageContent = (content2) => {
return typeof content2 === "object" && content2 !== null && "type" in content2 && typeof content2.type === "string";
@@ -111745,14 +111814,15 @@ const MessageContent = ({
};
const messageRenderers = {
text: {
- render: (key2, content2, isLast, _context) => {
+ render: (key2, content2, isLast, context) => {
const c2 = content2;
const cites = c2.citations ?? [];
if (!c2.text && !cites.length) {
return void 0;
}
const purgeInternalContainers = (text2) => {
- const internalTags = ["internal", "content-internal"];
+ const isAssistantMessage = context.role === "assistant";
+ const internalTags = !isAssistantMessage ? ["internal", "content-internal"] : ["internal", "content-internal", "think"];
internalTags.forEach((tag) => {
const regex2 = new RegExp(`<${tag}[^>]*>[\\s\\S]*?<\\/${tag}>`, "gm");
text2 = text2.replace(regex2, "");
@@ -111794,7 +111864,7 @@ const messageRenderers = {
}
const renderReasoningCode = isOpenRouterReasoning(text2);
const codeFormatted = renderReasoningCode ? JSON.stringify(jsonParse(text2), null, 2) : text2;
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1r.reasoning, "text-size-small"), children: [
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1v.reasoning, "text-size-small"), children: [
/* @__PURE__ */ jsxRuntimeExports.jsx(
"div",
{
@@ -111817,7 +111887,7 @@ const messageRenderers = {
render: (key2, content2, _isLast, _context) => {
const c2 = content2;
if (c2.image.startsWith("data:")) {
- return /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: c2.image, className: styles$1r.contentImage }, key2);
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: c2.image, className: styles$1v.contentImage }, key2);
} else {
return /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: c2.image }, key2);
}
@@ -111944,17 +112014,6 @@ const isCitationWithRange = (citation) => Array.isArray(citation.cited_text);
const isOpenRouterReasoning = (text2) => {
return text2.startsWith("[{'format'");
};
-const substituteToolCallContent = (content2, args2) => {
- const replace2 = (text2) => text2.replace(
- /\{\{(\w+)\}\}/g,
- (match2, key2) => Object.hasOwn(args2, key2) ? String(args2[key2]) : match2
- );
- return {
- ...content2,
- title: content2.title ? replace2(content2.title) : content2.title,
- content: replace2(content2.content)
- };
-};
const kToolTodoContentType = "agent/todo-list";
const resolveToolInput = (fn3, toolArgs) => {
const toolName = fn3;
@@ -112067,20 +112126,20 @@ const extractInput = (args2, inputDescriptor) => {
}
};
const toolCallView = "_toolCallView_l6wae_1";
-const styles$1o = {
+const styles$1s = {
toolCallView
};
const outputPre = "_outputPre_1jznn_1";
const toolView = "_toolView_1jznn_7";
const outputCode = "_outputCode_1jznn_15";
-const styles$1n = {
+const styles$1r = {
outputPre,
toolView,
outputCode
};
const todoList = "_todoList_1t8rx_1";
const inProgress = "_inProgress_1t8rx_9";
-const styles$1m = {
+const styles$1q = {
todoList,
inProgress
};
@@ -112100,7 +112159,7 @@ const toToolTodos = (obj) => {
};
const TodoWriteInput = ({ contents: contents2, parentRef }) => {
const todoItems = toToolTodos(contents2);
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: parentRef, className: clsx(styles$1m.todoList), children: todoItems.map((todo) => {
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: parentRef, className: clsx(styles$1q.todoList), children: todoItems.map((todo) => {
return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
/* @__PURE__ */ jsxRuntimeExports.jsx(
"i",
@@ -112115,9 +112174,9 @@ const TodoWriteInput = ({ contents: contents2, parentRef }) => {
"span",
{
className: clsx(
- styles$1m.todoItem,
+ styles$1q.todoItem,
"text-size-smallest",
- todo.status === "in_progress" ? styles$1m.inProgress : void 0
+ todo.status === "in_progress" ? styles$1q.inProgress : void 0
),
children: todo.content
}
@@ -112140,7 +112199,7 @@ const ToolInput = (props) => {
{
markdown: toolCallView2.content,
ref: sourceCodeRef,
- className: clsx("tool-output", styles$1n.toolView, className2)
+ className: clsx("tool-output", styles$1r.toolView, className2)
}
);
} else {
@@ -112170,8 +112229,8 @@ const RenderTool = ({
{
className: clsx(
"tool-output",
- styles$1n.outputPre,
- styles$1n.bottomMargin,
+ styles$1r.outputPre,
+ styles$1r.bottomMargin,
className2
),
children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -112181,7 +112240,7 @@ const RenderTool = ({
"source-code",
"sourceCode",
contentType ? `language-${contentType}` : void 0,
- styles$1n.outputCode
+ styles$1r.outputCode
),
children: formattedContent
}
@@ -112198,16 +112257,16 @@ const isValidView = (view) => {
const image = "_image_1vcac_1";
const toolTitle = "_toolTitle_1vcac_6";
const description = "_description_1vcac_10";
-const styles$1l = {
+const styles$1p = {
image,
toolTitle,
description
};
const ToolTitle = ({ title: title2, description: description2 }) => {
return /* @__PURE__ */ jsxRuntimeExports.jsxs(reactExports.Fragment, { children: [
- /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx("bi", "bi-tools", styles$1l.image) }),
- /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: clsx("text-size-small", styles$1l.toolTitle), children: title2 }),
- description2 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: clsx(styles$1l.description, "text-size-smallest"), children: [
+ /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx("bi", "bi-tools", styles$1p.image) }),
+ /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: clsx("text-size-small", styles$1p.toolTitle), children: title2 }),
+ description2 ? /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: clsx(styles$1p.description, "text-size-smallest"), children: [
"- ",
description2
] }) : void 0
@@ -112256,7 +112315,7 @@ const ToolCallView = ({
});
const contents2 = mode !== "compact" ? input2 : input2 || functionCall;
const context = defaultContext("tool");
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1o.toolCallView), children: [
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1s.toolCallView), children: [
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
mode !== "compact" && (!view || view.title) ? /* @__PURE__ */ jsxRuntimeExports.jsx(
ToolTitle,
@@ -112309,7 +112368,7 @@ const normalizeContent$1 = (output2) => {
};
const content$1 = "_content_1b2jp_1";
const codeCompact = "_codeCompact_1b2jp_5";
-const styles$1k = {
+const styles$1o = {
content: content$1,
codeCompact
};
@@ -112340,7 +112399,7 @@ const MessageContents = ({
}
const resolvedToolOutput = resolveToolMessage(toolMessage);
if (toolCallStyle === "compact") {
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("code", { className: clsx(styles$1k.codeCompact), children: [
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("code", { className: clsx(styles$1o.codeCompact), children: [
"tool: ",
functionCall
] }) }, `tool-call-${idx}`);
@@ -112357,17 +112416,14 @@ const MessageContents = ({
contentType,
output: resolvedToolOutput,
collapsible: false,
- view: tool_call.view ? substituteToolCallContent(
- tool_call.view,
- tool_call.arguments
- ) : void 0
+ view: tool_call.view ? tool_call.view : void 0
},
`tool-call-${idx}`
);
}
});
return /* @__PURE__ */ jsxRuntimeExports.jsxs(reactExports.Fragment, { children: [
- message2.content && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1k.content, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageContent, { contents: message2.content, context }) }),
+ message2.content && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1o.content, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageContent, { contents: message2.content, context }) }),
toolCalls
] });
} else {
@@ -112409,7 +112465,12 @@ const resolveToolMessage = (toolMessage) => {
}
]
};
- } else if (["text", "image", "document"].includes(con.type)) {
+ } else if (con.type === "text") {
+ return {
+ content: [con],
+ type: "tool"
+ };
+ } else if (con.type === "image") {
return {
content: [con],
type: "tool"
@@ -112446,10 +112507,10 @@ const ChatMessage = reactExports.memo(
className: clsx(
message2.role,
"text-size-base",
- styles$1C.message,
- message2.role === "system" ? styles$1C.systemRole : void 0,
- message2.role === "user" ? styles$1C.userRole : void 0,
- mouseOver ? styles$1C.hover : void 0
+ styles$1G.message,
+ message2.role === "system" ? styles$1G.systemRole : void 0,
+ message2.role === "user" ? styles$1G.userRole : void 0,
+ mouseOver ? styles$1G.hover : void 0
),
onMouseEnter: () => setMouseOver(true),
onMouseLeave: () => setMouseOver(false),
@@ -112458,8 +112519,8 @@ const ChatMessage = reactExports.memo(
"div",
{
className: clsx(
- styles$1C.messageGrid,
- message2.role === "tool" ? styles$1C.toolMessageGrid : void 0,
+ styles$1G.messageGrid,
+ message2.role === "tool" ? styles$1G.toolMessageGrid : void 0,
"text-style-label"
),
children: [
@@ -112471,11 +112532,11 @@ const ChatMessage = reactExports.memo(
{
icon: ApplicationIcons.link,
value: toFullUrl(messageUrl),
- className: clsx(styles$1C.copyLink)
+ className: clsx(styles$1G.copyLink)
}
) : ""
] }),
- message2.timestamp && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$1C.timestamp, title: message2.timestamp, children: formatDateTime(new Date(message2.timestamp)) })
+ message2.timestamp && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$1G.timestamp, title: message2.timestamp, children: formatDateTime(new Date(message2.timestamp)) })
]
}
),
@@ -112483,8 +112544,8 @@ const ChatMessage = reactExports.memo(
"div",
{
className: clsx(
- styles$1C.messageContents,
- indented2 ? styles$1C.indented : void 0
+ styles$1G.messageContents,
+ indented2 ? styles$1G.indented : void 0
),
children: [
/* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -112509,7 +112570,7 @@ const ChatMessage = reactExports.memo(
LabeledValue,
{
label: "Metadata",
- className: clsx(styles$1C.metadataLabel, "text-size-smaller"),
+ className: clsx(styles$1G.metadataLabel, "text-size-smaller"),
children: /* @__PURE__ */ jsxRuntimeExports.jsx(
RecordTree,
{
@@ -112528,18 +112589,18 @@ const ChatMessage = reactExports.memo(
);
}
);
-const grid$7 = "_grid_3x3ql_1";
+const grid$8 = "_grid_3x3ql_1";
const number$1 = "_number_3x3ql_10";
const user = "_user_3x3ql_14";
-const container$l = "_container_3x3ql_19";
-const styles$1j = {
- grid: grid$7,
+const container$m = "_container_3x3ql_19";
+const styles$1n = {
+ grid: grid$8,
number: number$1,
user,
- container: container$l
+ container: container$m
};
const ChatMessageRow = ({
- id,
+ parentName,
number: number2,
resolvedMessage,
toolCallStyle,
@@ -112553,9 +112614,9 @@ const ChatMessageRow = ({
"div",
{
className: clsx(
- styles$1j.grid,
- styles$1j.container,
- highlightUserMessage && resolvedMessage.message.role === "user" ? styles$1j.user : void 0
+ styles$1n.grid,
+ styles$1n.container,
+ highlightUserMessage && resolvedMessage.message.role === "user" ? styles$1n.user : void 0
),
children: [
/* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -112564,7 +112625,7 @@ const ChatMessageRow = ({
className: clsx(
"text-size-smaller",
"text-style-secondary",
- styles$1j.number
+ styles$1n.number
),
children: number2
}
@@ -112572,7 +112633,7 @@ const ChatMessageRow = ({
/* @__PURE__ */ jsxRuntimeExports.jsx(
ChatMessage,
{
- id: `${id}-chat-messages`,
+ id: `${parentName}-chat-messages`,
message: resolvedMessage.message,
toolMessages: resolvedMessage.toolMessages,
indented: indented2,
@@ -112589,15 +112650,15 @@ const ChatMessageRow = ({
"div",
{
className: clsx(
- styles$1j.container,
- styles$1j.simple,
- highlightUserMessage && resolvedMessage.message.role === "user" ? styles$1j.user : void 0
+ styles$1n.container,
+ styles$1n.simple,
+ highlightUserMessage && resolvedMessage.message.role === "user" ? styles$1n.user : void 0
),
children: [
/* @__PURE__ */ jsxRuntimeExports.jsx(
ChatMessage,
{
- id: `${id}-chat-messages`,
+ id: `${parentName}-chat-messages`,
message: resolvedMessage.message,
toolMessages: resolvedMessage.toolMessages,
indented: indented2,
@@ -112708,11 +112769,10 @@ const ChatView = ({
});
const result2 = /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(className2), children: collapsedMessages.map((msg, index) => {
const number2 = collapsedMessages.length > 1 && numbered ? index + 1 : void 0;
- const rowId = (id || "chat-view") + `-msg-${index}`;
return /* @__PURE__ */ jsxRuntimeExports.jsx(
ChatMessageRow,
{
- id: rowId,
+ parentName: id || "chat-view",
number: number2,
resolvedMessage: msg,
indented: indented2,
@@ -112763,7 +112823,7 @@ const query = "_query_seqs2_1";
const summary$3 = "_summary_seqs2_6";
const preWrap = "_preWrap_seqs2_10";
const preCompact = "_preCompact_seqs2_15";
-const styles$1i = {
+const styles$1m = {
query,
summary: summary$3,
preWrap,
@@ -112881,7 +112941,7 @@ const contentRenderers = (renderObject) => {
};
} else {
return {
- rendered: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$1i.preWrap, styles$1i.preCompact), children: rendered })
+ rendered: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: clsx(styles$1m.preWrap, styles$1m.preCompact), children: rendered })
};
}
}
@@ -112930,7 +112990,7 @@ const contentRenderers = (renderObject) => {
render: (_id, entry, _options) => {
const results = [];
results.push(
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1i.query, children: [
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1m.query, children: [
/* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: ApplicationIcons.search }),
" ",
entry.value.query
@@ -112942,7 +113002,7 @@ const contentRenderers = (renderObject) => {
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: result2.url, children: result2.url }) })
);
results.push(
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-smaller", styles$1i.summary), children: result2.summary })
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-size-smaller", styles$1m.summary), children: result2.summary })
);
}
);
@@ -112958,7 +113018,7 @@ const contentRenderers = (renderObject) => {
},
render: (_id, entry, _options) => {
return {
- rendered: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: styles$1i.preWrap, children: entry.value })
+ rendered: /* @__PURE__ */ jsxRuntimeExports.jsx("pre", { className: styles$1m.preWrap, children: entry.value })
};
}
},
@@ -113050,7 +113110,7 @@ const circle = "_circle_1iagp_1";
const green = "_green_1iagp_12";
const red = "_red_1iagp_18";
const orange = "_orange_1iagp_24";
-const styles$1h = {
+const styles$1l = {
circle,
green,
red,
@@ -113091,22 +113151,22 @@ const passFailScoreDescriptor = (values) => {
return /* @__PURE__ */ jsxRuntimeExports.jsx(
"span",
{
- className: clsx("text-size-small", styles$1h.circle, styles$1h.green),
+ className: clsx("text-size-small", styles$1l.circle, styles$1l.green),
children: "C"
}
);
} else if (score2 === "I") {
- return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx("text-size-small", styles$1h.circle, styles$1h.red), children: "I" });
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx("text-size-small", styles$1l.circle, styles$1l.red), children: "I" });
} else if (score2 === "P") {
return /* @__PURE__ */ jsxRuntimeExports.jsx(
"span",
{
- className: clsx("text-size-small", styles$1h.circle, styles$1h.orange),
+ className: clsx("text-size-small", styles$1l.circle, styles$1l.orange),
children: "P"
}
);
} else if (score2 === "N") {
- return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx("text-size-small", styles$1h.circle, styles$1h.red), children: "N" });
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx("text-size-small", styles$1l.circle, styles$1l.red), children: "N" });
} else {
return String(score2);
}
@@ -113376,59 +113436,92 @@ const createEvalDescriptor = (scores2, samples) => {
};
};
const createSamplesDescriptor = (samples, evalDescriptor, selectedScores) => {
- const messageShape = samples.reduce(
- (shape, sample2) => {
- shape.inputSize = Math.min(
- Math.max(shape.inputSize, inputString(sample2.input).join(" ").length),
- 300
- );
- shape.targetSize = Math.min(
- Math.max(shape.targetSize, arrayToString(sample2.target).length),
- 300
- );
+ const sizes = samples.reduce(
+ (previous, current2) => {
+ const text2 = inputString(current2.input).join(" ");
+ let answerLength = 0;
if (selectedScores.length > 0) {
- shape.answerSize = Math.min(
- Math.max(
- shape.answerSize,
- evalDescriptor.scoreAnswer(sample2, selectedScores[0])?.length ?? 0
- ),
- 300
- );
+ selectedScores.forEach((scoreLabel, index) => {
+ const score2 = evalDescriptor.score(current2, scoreLabel);
+ const scoreValue = score2?.value;
+ const scoreText = scoreValue ? String(scoreValue) : current2.error ? errorType(current2.error) : "";
+ const currentSize = Math.max(
+ scoreText.length,
+ scoreLabel.name.length
+ );
+ previous.scores[index] = Math.max(
+ previous.scores[index] || 0,
+ currentSize
+ );
+ });
+ answerLength = evalDescriptor.scoreAnswer(current2, selectedScores[0])?.length || 0;
+ } else {
+ previous.scores = [];
}
- shape.idSize = Math.min(
- 10,
- Math.max(shape.idSize, String(sample2.id).length)
+ previous.input = Math.min(Math.max(previous.input, text2.length), 200);
+ previous.target = Math.min(
+ Math.max(previous.target, arrayToString(current2.target).length),
+ 300
);
- shape.limitSize = Math.min(
- 10,
- Math.max(shape.limitSize, sample2.limit ? sample2.limit.length : 0)
+ previous.answer = Math.min(Math.max(previous.answer, answerLength), 300);
+ previous.limit = Math.min(
+ Math.max(previous.limit, current2.limit ? current2.limit.length : 0),
+ 50
);
- shape.retriesSize = Math.min(
- 10,
+ previous.retries = Math.min(
Math.max(
- shape.retriesSize,
- sample2.retries ? String(sample2.retries).length : 0
- )
+ previous.retries,
+ current2.retries ? String(current2.retries).length : 0
+ ),
+ 50
);
- shape.errorSize = Math.min(
- 10,
- Math.max(
- shape.errorSize,
- sample2.error ? errorType(sample2.error).length : 0
- )
+ previous.id = Math.min(
+ Math.max(previous.id, String(current2.id).length),
+ 10
);
- return shape;
+ return previous;
},
{
- idSize: 2,
- inputSize: 0,
- targetSize: 0,
- answerSize: 0,
- limitSize: 0,
- retriesSize: 0,
- errorSize: 0
+ input: 0,
+ target: 0,
+ answer: 0,
+ limit: 0,
+ retries: 0,
+ id: 0,
+ scores: []
}
);
+ const totalScoreSizes = sizes.scores.reduce((sum2, size) => sum2 + size, 0);
+ const normalizedScoreSizes = totalScoreSizes > 0 ? sizes.scores.map((size) => Math.round(size / totalScoreSizes * 30)) : [];
+ const maxSizes = {
+ input: Math.min(sizes.input, 300),
+ target: Math.min(sizes.target, 300),
+ answer: Math.min(sizes.answer, 300),
+ limit: Math.min(sizes.limit, 50),
+ retries: Math.min(sizes.retries, 50),
+ id: Math.min(sizes.id, 10),
+ score: normalizedScoreSizes
+ };
+ const base2 = maxSizes.input + maxSizes.target + maxSizes.answer + maxSizes.limit + maxSizes.retries + maxSizes.id + maxSizes.score.reduce((sum2, size) => {
+ return sum2 + size;
+ }, 0) || 1;
+ const inputNormalized = maxSizes.input / base2;
+ const targetNormalized = maxSizes.target / base2 > 0 ? Math.max(maxSizes.target / base2, inputNormalized / 10) : 0;
+ const answerNormalized = maxSizes.answer / base2 > 0 ? Math.max(maxSizes.answer / base2, inputNormalized / 10) : 0;
+ const messageShape = {
+ raw: sizes,
+ normalized: {
+ input: inputNormalized,
+ target: targetNormalized,
+ answer: answerNormalized,
+ limit: maxSizes.limit / base2,
+ retries: maxSizes.retries / base2,
+ id: maxSizes.id / base2,
+ scores: maxSizes.score.map((val) => {
+ return val / base2;
+ })
+ }
+ };
const firstSelectedScore = selectedScores?.[0];
return {
evalDescriptor,
@@ -115864,7 +115957,6 @@ const MATH_FUNCTIONS = [
["log10", "Base 10 logarithm"]
];
const SAMPLE_VARIABLES = [
- ["epoch", "The epoch (run) number of the sample"],
["has_error", "Checks if the sample has an error"],
["has_retries", "Checks if the sample has been retried"],
[kSampleIdVariable, "The unique identifier of the sample"],
@@ -115940,7 +116032,6 @@ const getNestedPropertyValue = (obj, path) => {
};
const sampleVariables = (sample2) => {
return {
- epoch: sample2.epoch,
has_error: !!sample2.error,
has_retries: sample2.retries !== void 0 && sample2.retries > 0,
id: sample2.id,
@@ -116123,6 +116214,149 @@ const filterSamples = (evalDescriptor, samples, filterValue) => {
});
return { result: result2, error: error2, allErrors: errorCount === samples.length };
};
+const flex = "_flex_1kye9_1";
+const label$a = "_label_1kye9_5";
+const styles$1k = {
+ flex,
+ label: label$a
+};
+const SortFilter = ({ sort: sort2, setSort, epochs }) => {
+ const options2 = [
+ { label: "sample asc", val: kSampleAscVal },
+ { label: "sample desc", val: kSampleDescVal }
+ ];
+ if (epochs > 1) {
+ options2.push({
+ label: "epoch asc",
+ val: kEpochAscVal
+ });
+ options2.push({
+ label: "epoch desc",
+ val: kEpochDescVal
+ });
+ }
+ options2.push({
+ label: "score asc",
+ val: kScoreAscVal
+ });
+ options2.push({
+ label: "score desc",
+ val: kScoreDescVal
+ });
+ const handleChange = reactExports.useCallback(
+ (e) => {
+ const sel = e.target;
+ setSort(sel.value);
+ },
+ [setSort]
+ );
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1k.flex, children: [
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
+ "span",
+ {
+ className: clsx(
+ "sort-filter-label",
+ "text-size-smaller",
+ "text-style-label",
+ "text-style-secondary",
+ styles$1k.label
+ ),
+ children: "Sort:"
+ }
+ ),
+ /* @__PURE__ */ jsxRuntimeExports.jsx(
+ "select",
+ {
+ className: clsx("form-select", "form-select-sm", "text-size-smaller"),
+ "aria-label": ".sort-filter-label",
+ value: sort2,
+ onChange: handleChange,
+ children: options2.map((option) => {
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: option.val, children: option.label }, option.val);
+ })
+ }
+ )
+ ] });
+};
+const byEpoch = (sort2) => {
+ return sort2 === kEpochAscVal || sort2 === kEpochDescVal;
+};
+const bySample = (sort2) => {
+ return sort2 === kSampleAscVal || sort2 === kSampleDescVal;
+};
+const sortId = (a, b) => {
+ if (isNumeric$1(a.id) && isNumeric$1(b.id)) {
+ return Number(a.id) - Number(b.id);
+ } else {
+ return String(a.id).localeCompare(String(b.id));
+ }
+};
+const sortSamples = (sort2, samples, samplesDescriptor, scores2) => {
+ const scoreDescriptors = scores2.map((score2) => samplesDescriptor.evalDescriptor.scoreDescriptor(score2)).filter((scoreDescriptor) => scoreDescriptor !== void 0);
+ const sortedSamples = samples.sort((a, b) => {
+ const aScores = scores2.map((score2) => samplesDescriptor.evalDescriptor.score(a, score2)).filter((score2) => score2 !== void 0);
+ const bScores = scores2.map((score2) => samplesDescriptor.evalDescriptor.score(b, score2)).filter((score2) => score2 !== void 0);
+ switch (sort2) {
+ case kSampleAscVal: {
+ const result2 = sortId(a, b);
+ if (result2 !== 0) {
+ return result2;
+ } else {
+ return a.epoch - b.epoch;
+ }
+ }
+ case kSampleDescVal: {
+ const result2 = sortId(b, a);
+ if (result2 !== 0) {
+ return result2;
+ } else {
+ return a.epoch - b.epoch;
+ }
+ }
+ case kEpochAscVal: {
+ const result2 = a.epoch - b.epoch;
+ if (result2 !== 0) {
+ return result2;
+ } else {
+ return sortId(a, b);
+ }
+ }
+ case kEpochDescVal: {
+ const result2 = b.epoch - a.epoch;
+ if (result2 !== 0) {
+ return result2;
+ } else {
+ return sortId(b, a);
+ }
+ }
+ case kScoreAscVal: {
+ if (aScores.length === 0 || bScores.length === 0 || scoreDescriptors.length === 0) {
+ return 0;
+ }
+ return aScores.reduce((cmp2, score2, index) => {
+ if (cmp2 !== 0) {
+ return cmp2;
+ }
+ return scoreDescriptors[index]?.compare(score2, bScores[index]);
+ }, 0);
+ }
+ case kScoreDescVal: {
+ if (aScores.length === 0 || bScores.length === 0 || scoreDescriptors.length === 0) {
+ return 0;
+ }
+ return bScores.reduce((cmp2, score2, index) => {
+ if (cmp2 !== 0) {
+ return cmp2;
+ }
+ return scoreDescriptors[index]?.compare(score2, aScores[index]);
+ }, 0);
+ }
+ default:
+ return 0;
+ }
+ });
+ return sortedSamples;
+};
const getScorersFromSamples = (samples) => {
const scoreLabelsMap = /* @__PURE__ */ new Map();
for (const sample2 of samples) {
@@ -116271,6 +116505,10 @@ const useFilteredSamples = () => {
const clearFilterError = useStore(
(state) => state.logActions.clearFilterError
);
+ const epoch = useStore((state) => state.log.epoch);
+ const sort2 = useStore((state) => state.log.sort);
+ const samplesDescriptor = useSampleDescriptor();
+ const selectedScores = useSelectedScores();
return reactExports.useMemo(() => {
const { result: result2, error: error2, allErrors } = evalDescriptor && filter ? filterSamples(evalDescriptor, sampleSummaries, filter) : { result: sampleSummaries, error: void 0, allErrors: false };
if (error2 && allErrors) {
@@ -116278,26 +116516,44 @@ const useFilteredSamples = () => {
} else {
clearFilterError();
}
- const filtered = error2 === void 0 || !allErrors ? result2 : sampleSummaries;
- const sorted = [...filtered].sort((a, b) => {
- let idCompare;
- if (typeof a.id === "number" && typeof b.id === "number") {
- idCompare = a.id - b.id;
- } else {
- idCompare = String(a.id).localeCompare(String(b.id));
- }
- if (idCompare !== 0) return idCompare;
- return a.epoch - b.epoch;
- });
- return sorted;
+ const prefiltered = error2 === void 0 || !allErrors ? result2 : sampleSummaries;
+ const filtered = epoch && epoch !== "all" ? prefiltered.filter((sample2) => epoch === String(sample2.epoch)) : prefiltered;
+ const sorted = samplesDescriptor ? sortSamples(sort2, filtered, samplesDescriptor, selectedScores) : filtered;
+ return [...sorted];
}, [
evalDescriptor,
sampleSummaries,
filter,
setFilterError,
- clearFilterError
+ clearFilterError,
+ epoch,
+ sort2,
+ samplesDescriptor,
+ selectedScores
]);
};
+const useGroupBy = () => {
+ const selectedLogDetails = useStore((state) => state.log.selectedLogDetails);
+ const sort2 = useStore((state) => state.log.sort);
+ const epoch = useStore((state) => state.log.epoch);
+ return reactExports.useMemo(() => {
+ const epochs = selectedLogDetails?.eval?.config?.epochs || 1;
+ if (epochs > 1) {
+ if (byEpoch(sort2) || epoch !== "all") {
+ return "epoch";
+ } else if (bySample(sort2)) {
+ return "sample";
+ }
+ }
+ return "none";
+ }, [selectedLogDetails, sort2, epoch]);
+};
+const useGroupByOrder = () => {
+ const sort2 = useStore((state) => state.log.sort);
+ return reactExports.useMemo(() => {
+ return sort2 === kSampleAscVal || sort2 === kEpochAscVal || sort2 === kScoreAscVal ? "asc" : "desc";
+ }, [sort2]);
+};
const useSelectedSampleSummary = () => {
const sampleSummaries = useSampleSummaries();
const selectedSampleHandle = useStore(
@@ -116311,7 +116567,7 @@ const useSelectedSampleSummary = () => {
}, [selectedSampleHandle, sampleSummaries]);
};
const useSampleData = () => {
- const sampleStatus2 = useStore((state) => state.sample.sampleStatus);
+ const sampleStatus = useStore((state) => state.sample.sampleStatus);
const sampleError = useStore((state) => state.sample.sampleError);
const getSelectedSample = useStore(
(state) => state.sampleActions.getSelectedSample
@@ -116324,24 +116580,27 @@ const useSampleData = () => {
const runningEvents = useStore(
(state) => state.sample.runningEvents
);
+ const downloadProgress = useStore((state) => state.sample.downloadProgress);
return reactExports.useMemo(() => {
return {
selectedSampleIdentifier,
- status: sampleStatus2,
+ status: sampleStatus,
sampleNeedsReload,
error: sampleError,
getSelectedSample,
eventsCleared,
- running: runningEvents
+ running: runningEvents,
+ downloadProgress
};
}, [
- sampleStatus2,
+ sampleStatus,
sampleError,
getSelectedSample,
selectedSampleIdentifier,
sampleNeedsReload,
eventsCleared,
- runningEvents
+ runningEvents,
+ downloadProgress
]);
};
const useSampleInvalidation = () => {
@@ -116725,7 +116984,7 @@ function useClientEvents() {
}
const button$3 = "_button_1bbut_1";
const viewerOptions$1 = "_viewerOptions_1bbut_7";
-const styles$1g = {
+const styles$1j = {
button: button$3,
viewerOptions: viewerOptions$1
};
@@ -116745,14 +117004,14 @@ const FlowButton = reactExports.forwardRef(
{
ref,
type: "button",
- className: clsx(styles$1g.button),
+ className: clsx(styles$1j.button),
onClick: navigate,
title: "View Flow configuration for this directory",
children: /* @__PURE__ */ jsxRuntimeExports.jsx(
"i",
{
ref,
- className: clsx(ApplicationIcons.flow, styles$1g.viewerOptions)
+ className: clsx(ApplicationIcons.flow, styles$1j.viewerOptions)
}
)
}
@@ -116773,31 +117032,39 @@ const useFlowServerData = (dir) => {
}
}, [dir, flowDir, api2, updateFlowData]);
};
-const wrapper$3 = "_wrapper_1tajk_1";
-const container$k = "_container_1tajk_12";
-const animate = "_animate_1tajk_21";
-const styles$1f = {
- wrapper: wrapper$3,
- container: container$k,
- animate
+const wrapper$4 = "_wrapper_44dmw_1";
+const container$l = "_container_44dmw_12";
+const animate = "_animate_44dmw_21";
+const determinate = "_determinate_44dmw_31";
+const styles$1i = {
+ wrapper: wrapper$4,
+ container: container$l,
+ animate,
+ determinate
};
-const ActivityBar = ({ animating }) => {
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1f.wrapper), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+const ActivityBar = ({ animating, progress: progress2 }) => {
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1i.wrapper), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
"div",
{
- className: clsx(styles$1f.container),
+ className: clsx(styles$1i.container),
role: "progressbar",
"aria-label": "Progress bar",
- "aria-valuenow": 25,
+ "aria-valuenow": progress2 !== void 0 ? Math.round(progress2 * 100) : void 0,
"aria-valuemin": 0,
"aria-valuemax": 100,
- children: animating && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1f.animate })
+ children: animating && (progress2 !== void 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+ "div",
+ {
+ className: styles$1i.determinate,
+ style: { width: `${progress2 * 100}%` }
+ }
+ ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1i.animate }))
}
) });
};
const button$2 = "_button_1bbut_1";
const viewerOptions = "_viewerOptions_1bbut_7";
-const styles$1e = {
+const styles$1h = {
button: button$2,
viewerOptions
};
@@ -116810,14 +117077,14 @@ const ViewerOptionsButton = reactExports.forwardRef(({ showing, setShowing }, re
{
ref,
type: "button",
- className: clsx(styles$1e.button),
+ className: clsx(styles$1h.button),
onClick: toggleShowing,
title: "Viewer information and options",
children: /* @__PURE__ */ jsxRuntimeExports.jsx(
"i",
{
ref,
- className: clsx(ApplicationIcons.info, styles$1e.viewerOptions)
+ className: clsx(ApplicationIcons.info, styles$1h.viewerOptions)
}
)
}
@@ -118695,7 +118962,7 @@ const PopOver = ({
}
return popperContent;
};
-const container$j = "_container_e3s30_1";
+const container$k = "_container_e3s30_1";
const fullWidth$2 = "_fullWidth_e3s30_9";
const fullWidthPadded = "_fullWidthPadded_e3s30_13";
const spacer$1 = "_spacer_e3s30_18";
@@ -118704,8 +118971,8 @@ const clearButton = "_clearButton_e3s30_52";
const message$2 = "_message_e3s30_56";
const messageSuccess = "_messageSuccess_e3s30_64";
const messageError = "_messageError_e3s30_69";
-const styles$1d = {
- container: container$j,
+const styles$1g = {
+ container: container$k,
fullWidth: fullWidth$2,
fullWidthPadded,
spacer: spacer$1,
@@ -118756,32 +119023,32 @@ const ViewerOptionsPopover = ({
hoverDelay: -1,
offset: [-10, 5],
showArrow: false,
- children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1d.container, "text-size-smaller"), children: [
+ children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1g.container, "text-size-smaller"), children: [
/* @__PURE__ */ jsxRuntimeExports.jsx(
"div",
{
className: clsx(
"text-style-label",
"text-style-secondary",
- styles$1d.fullWidth
+ styles$1g.fullWidth
),
children: "Log Directory"
}
),
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1d.fullWidth, styles$1d.fullWidthPadded), children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$1d.logDir, children: logDir2 }) }),
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1d.spacer) }),
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1g.fullWidth, styles$1g.fullWidthPadded), children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$1g.logDir, children: logDir2 }) }),
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1g.spacer) }),
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-style-secondary"), children: "Version" }),
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: "0.3.199-0-gffdb82c59" }),
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: "0.3.188b2-7-gdbe60681" }),
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-style-secondary"), children: "Schema" }),
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: DB_VERSION }),
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1d.spacer) }),
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1g.spacer) }),
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-style-secondary"), children: "Logs" }),
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: dbStats?.logCount || 0 }),
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-style-secondary"), children: "Log Previews" }),
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: dbStats?.previewCount || 0 }),
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-style-secondary"), children: "Log Details" }),
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(), children: dbStats?.detailsCount || 0 }),
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1d.spacer) }),
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1g.spacer) }),
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("text-style-label", "text-style-secondary"), children: "Tools" }),
/* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(), children: [
" ",
@@ -118794,7 +119061,7 @@ const ViewerOptionsPopover = ({
"btn",
"btn-tools",
"text-size-smallest",
- styles$1d.clearButton
+ styles$1g.clearButton
),
children: isClearing ? "Clearing..." : "Clear Local Database"
}
@@ -118804,9 +119071,9 @@ const ViewerOptionsPopover = ({
"div",
{
className: clsx(
- styles$1d.fullWidth,
- styles$1d.message,
- clearMessage.includes("success") ? styles$1d.messageSuccess : styles$1d.messageError
+ styles$1g.fullWidth,
+ styles$1g.message,
+ clearMessage.includes("success") ? styles$1g.messageSuccess : styles$1g.messageError
),
children: clearMessage
}
@@ -118815,7 +119082,7 @@ const ViewerOptionsPopover = ({
}
);
};
-const header$1 = "_header_1u3sd_1";
+const header$2 = "_header_1u3sd_1";
const bordered = "_bordered_1u3sd_11";
const breadcrumbs = "_breadcrumbs_1u3sd_15";
const ellipsis = "_ellipsis_1u3sd_26";
@@ -118823,8 +119090,8 @@ const left$1 = "_left_1u3sd_31";
const right$1 = "_right_1u3sd_41";
const toolbarButton = "_toolbarButton_1u3sd_50";
const pathContainer = "_pathContainer_1u3sd_58";
-const styles$1c = {
- header: header$1,
+const styles$1f = {
+ header: header$2,
bordered,
breadcrumbs,
ellipsis,
@@ -118924,14 +119191,8 @@ const Navbar = ({
breadcrumbsEnabled
}) => {
const logDir2 = useStore((state) => state.logs.logDir);
- const displayDir = logDir2 === "." ? basename(
- window.location.pathname.substring(
- 0,
- window.location.pathname.lastIndexOf("/")
- )
- ) : logDir2 || "";
- const baseLogDir = dirname(displayDir);
- const baseLogName = basename(displayDir);
+ const baseLogDir = dirname(logDir2 || "");
+ const baseLogName = basename(logDir2 || "");
const pathContainerRef = reactExports.useRef(null);
const backUrl = fnNavigationUrl(
ensureTrailingSlash(dirname(currentPath || "")),
@@ -118965,30 +119226,30 @@ const Navbar = ({
className: clsx(
"text-size-smaller",
"header-nav",
- styles$1c.header,
- bordered2 === false ? null : styles$1c.bordered
+ styles$1f.header,
+ bordered2 === false ? null : styles$1f.bordered
),
"aria-label": "breadcrumb",
"data-unsearchable": true,
children: [
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1c.left), children: [
- /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: backUrl, className: clsx(styles$1c.toolbarButton), children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(ApplicationIcons.navbar.back) }) }),
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1f.left), children: [
+ /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: backUrl, className: clsx(styles$1f.toolbarButton), children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(ApplicationIcons.navbar.back) }) }),
/* @__PURE__ */ jsxRuntimeExports.jsx(
Link,
{
to: fnNavigationUrl("", logDir2),
- className: clsx(styles$1c.toolbarButton),
+ className: clsx(styles$1f.toolbarButton),
children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(ApplicationIcons.navbar.home) })
}
),
- breadcrumbsEnabled !== false && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1c.pathContainer), ref: pathContainerRef, children: logDir2 ? /* @__PURE__ */ jsxRuntimeExports.jsx("ol", { className: clsx("breadcrumb", styles$1c.breadcrumbs), children: visibleSegments?.map((segment2, index) => {
+ breadcrumbsEnabled !== false && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1f.pathContainer), ref: pathContainerRef, children: logDir2 ? /* @__PURE__ */ jsxRuntimeExports.jsx("ol", { className: clsx("breadcrumb", styles$1f.breadcrumbs), children: visibleSegments?.map((segment2, index) => {
const isLast = index === visibleSegments.length - 1;
const shouldShowEllipsis = showEllipsis && index === 1 && visibleSegments.length >= 2;
return /* @__PURE__ */ jsxRuntimeExports.jsxs(reactExports.Fragment, { children: [
shouldShowEllipsis && /* @__PURE__ */ jsxRuntimeExports.jsx(
"li",
{
- className: clsx("breadcrumb-item", styles$1c.ellipsis),
+ className: clsx("breadcrumb-item", styles$1f.ellipsis),
children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "..." })
}
),
@@ -118996,17 +119257,17 @@ const Navbar = ({
"li",
{
className: clsx(
- styles$1c.pathLink,
+ styles$1f.pathLink,
"breadcrumb-item",
isLast ? "active" : void 0
),
- children: segment2.url && !isLast ? /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: segment2.url, children: segment2.text }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx(styles$1c.pathSegment), children: segment2.text })
+ children: segment2.url && !isLast ? /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: segment2.url, children: segment2.text }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: clsx(styles$1f.pathSegment), children: segment2.text })
}
)
] }, index);
}) }) : "" })
] }),
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1c.right), children: children2 })
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1f.right), children: children2 })
]
}
);
@@ -119016,27 +119277,34 @@ const ApplicationNavbar = ({
fnNavigationUrl,
bordered: bordered2,
children: children2,
- showActivity = "log",
+ showActivity = "all",
breadcrumbsEnabled
}) => {
const optionsRef = reactExports.useRef(null);
const loading = useStore((state) => state.app.status.loading);
- const sampleStatus2 = useStore((state) => state.sample.sampleStatus);
+ const sampleStatus = useStore((state) => state.sample.sampleStatus);
+ const downloadProgress = useStore((state) => state.sample.downloadProgress);
const isShowing = useStore((state) => state.app.dialogs.options);
const setShowing = useStore(
(state) => state.appActions.setShowingOptionsDialog
);
const hasActivity = reactExports.useMemo(() => {
if (showActivity === "all") {
- return !!loading || sampleStatus2 === "loading";
+ return !!loading || sampleStatus === "loading";
} else if (showActivity === "log") {
- return !!loading;
+ return !!loading || sampleStatus === "loading";
} else if (showActivity === "sample") {
- return sampleStatus2 === "loading";
+ return sampleStatus === "loading";
} else {
return false;
}
- }, [showActivity, loading, sampleStatus2]);
+ }, [showActivity, loading, sampleStatus]);
+ const sampleProgress = reactExports.useMemo(() => {
+ if (sampleStatus === "loading" && downloadProgress && downloadProgress.bytesTotal > 0) {
+ return downloadProgress.bytesLoaded / downloadProgress.bytesTotal;
+ }
+ return void 0;
+ }, [sampleStatus, downloadProgress]);
return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
/* @__PURE__ */ jsxRuntimeExports.jsxs(
Navbar,
@@ -119066,11 +119334,11 @@ const ApplicationNavbar = ({
]
}
),
- /* @__PURE__ */ jsxRuntimeExports.jsx(ActivityBar, { animating: hasActivity })
+ /* @__PURE__ */ jsxRuntimeExports.jsx(ActivityBar, { animating: hasActivity, progress: sampleProgress })
] });
};
const navbarButton = "_navbarButton_1gksz_1";
-const styles$1b = {
+const styles$1e = {
navbarButton
};
const NavbarButton = reactExports.forwardRef(
@@ -119080,7 +119348,7 @@ const NavbarButton = reactExports.forwardRef(
{
ref,
label: label2,
- className: clsx(className2, styles$1b.navbarButton),
+ className: clsx(className2, styles$1e.navbarButton),
icon: icon2,
latched: latched2,
...rest
@@ -119091,11 +119359,11 @@ const NavbarButton = reactExports.forwardRef(
NavbarButton.displayName = "NavbarButton";
const rootControl = "_rootControl_mhb7y_1";
const segment = "_segment_mhb7y_9";
-const selected$3 = "_selected_mhb7y_9";
-const styles$1a = {
+const selected$4 = "_selected_mhb7y_9";
+const styles$1d = {
rootControl,
segment,
- selected: selected$3
+ selected: selected$4
};
const SegmentedControl = ({
segments: segments2,
@@ -119111,13 +119379,13 @@ const SegmentedControl = ({
if (selectedId === void 0) {
selectedId = segments2[0]?.id;
}
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1a.rootControl), children: segments2.map((segment2, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$1d.rootControl), children: segments2.map((segment2, index) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
"button",
{
className: clsx(
- styles$1a.segment,
+ styles$1d.segment,
{
- [styles$1a.selected]: selectedId === segment2.id
+ [styles$1d.selected]: selectedId === segment2.id
},
"text-size-smallest",
"text-style-secondary"
@@ -119162,7 +119430,7 @@ const ViewSegmentedControl = ({
);
};
const checkboxWrapper = "_checkboxWrapper_vtlwq_1";
-const label$8 = "_label_vtlwq_5";
+const label$9 = "_label_vtlwq_5";
const checkbox = "_checkbox_vtlwq_1";
const filterIcon = "_filterIcon_vtlwq_16";
const scrollableContainer = "_scrollableContainer_vtlwq_21";
@@ -119171,9 +119439,9 @@ const headerRow = "_headerRow_vtlwq_30";
const buttonContainer = "_buttonContainer_vtlwq_39";
const button$1 = "_button_vtlwq_39";
const columnsLayout = "_columnsLayout_vtlwq_54";
-const styles$19 = {
+const styles$1c = {
checkboxWrapper,
- label: label$8,
+ label: label$9,
checkbox,
filterIcon,
scrollableContainer,
@@ -119256,20 +119524,20 @@ const ColumnSelectorPopover = ({
return /* @__PURE__ */ jsxRuntimeExports.jsx(
"div",
{
- className: styles$19.checkboxWrapper,
+ className: styles$1c.checkboxWrapper,
title: hasFilter ? "Unselecting will remove an active filter on this column" : void 0,
- children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: styles$19.label, children: [
+ children: /* @__PURE__ */ jsxRuntimeExports.jsxs("label", { className: styles$1c.label, children: [
/* @__PURE__ */ jsxRuntimeExports.jsx(
"input",
{
type: "checkbox",
checked: currentVisibility[field],
onChange: () => handleToggle(field),
- className: styles$19.checkbox
+ className: styles$1c.checkbox
}
),
/* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: col.headerName || field }),
- hasFilter && /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: `${ApplicationIcons.filter} ${styles$19.filterIcon}` })
+ hasFilter && /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: `${ApplicationIcons.filter} ${styles$1c.filterIcon}` })
] })
},
field
@@ -119285,16 +119553,16 @@ const ColumnSelectorPopover = ({
placement: "bottom-start",
showArrow: false,
hoverDelay: -1,
- className: styles$19.popover,
- children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$19.scrollableContainer, "text-size-small"), children: [
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$19.section), children: [
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$19.headerRow, children: [
+ className: styles$1c.popover,
+ children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1c.scrollableContainer, "text-size-small"), children: [
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1c.section), children: [
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1c.headerRow, children: [
/* @__PURE__ */ jsxRuntimeExports.jsx("b", { children: "Base" }),
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$19.buttonContainer, "text-size-small"), children: [
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1c.buttonContainer, "text-size-small"), children: [
/* @__PURE__ */ jsxRuntimeExports.jsx(
"a",
{
- className: clsx(styles$19.button, "text-size-small"),
+ className: clsx(styles$1c.button, "text-size-small"),
onClick: handleSelectAllBase,
children: "All"
}
@@ -119303,23 +119571,23 @@ const ColumnSelectorPopover = ({
/* @__PURE__ */ jsxRuntimeExports.jsx(
"a",
{
- className: clsx(styles$19.button),
+ className: clsx(styles$1c.button),
onClick: handleDeselectAllBase,
children: "None"
}
)
] })
] }),
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$19.columnsLayout, children: columnGroups.base.map((col) => renderColumnCheckbox(col)) })
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1c.columnsLayout, children: columnGroups.base.map((col) => renderColumnCheckbox(col)) })
] }),
columnGroups.scores.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$19.headerRow, children: [
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1c.headerRow, children: [
/* @__PURE__ */ jsxRuntimeExports.jsx("b", { children: "Scorers" }),
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$19.buttonContainer, children: [
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1c.buttonContainer, children: [
/* @__PURE__ */ jsxRuntimeExports.jsx(
"a",
{
- className: clsx(styles$19.button),
+ className: clsx(styles$1c.button),
onClick: handleSelectAllScores,
children: "All"
}
@@ -119328,14 +119596,14 @@ const ColumnSelectorPopover = ({
/* @__PURE__ */ jsxRuntimeExports.jsx(
"a",
{
- className: clsx(styles$19.button),
+ className: clsx(styles$1c.button),
onClick: handleDeselectAllScores,
children: "None"
}
)
] })
] }),
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$19.columnsLayout, children: columnGroups.scores.map((col) => renderColumnCheckbox(col)) })
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1c.columnsLayout, children: columnGroups.scores.map((col) => renderColumnCheckbox(col)) })
] })
] })
}
@@ -119382,43 +119650,43 @@ const comparators = {
return timeA - timeB;
}
};
-const gridWrapper = "_gridWrapper_anqm2_5";
-const gridContainer = "_gridContainer_anqm2_11";
-const iconCell = "_iconCell_anqm2_19";
-const numberCell = "_numberCell_anqm2_33";
-const taskText = "_taskText_anqm2_43";
-const folder = "_folder_anqm2_50";
-const fullWidthHeight = "_fullWidthHeight_anqm2_56";
-const styles$18 = {
+const gridWrapper = "_gridWrapper_oveew_5";
+const gridContainer = "_gridContainer_oveew_11";
+const iconCell = "_iconCell_oveew_19";
+const numberCell = "_numberCell_oveew_32";
+const taskText = "_taskText_oveew_42";
+const folder = "_folder_oveew_49";
+const styles$1b = {
gridWrapper,
gridContainer,
iconCell,
numberCell,
taskText,
- folder,
- fullWidthHeight
-};
-const nameCell = "_nameCell_1jtud_1";
-const modelCell = "_modelCell_1jtud_8";
-const scoreCell = "_scoreCell_1jtud_15";
-const error$3 = "_error_1jtud_22";
-const started = "_started_1jtud_26";
-const success$1 = "_success_1jtud_30";
-const cancelled$1 = "_cancelled_1jtud_34";
-const statusCell$1 = "_statusCell_1jtud_38";
-const dateCell = "_dateCell_1jtud_45";
+ folder
+};
+const nameCell = "_nameCell_eaf0a_1";
+const modelCell = "_modelCell_eaf0a_8";
+const scoreCell = "_scoreCell_eaf0a_15";
+const error$3 = "_error_eaf0a_22";
+const started = "_started_eaf0a_26";
+const success = "_success_eaf0a_30";
+const cancelled = "_cancelled_eaf0a_34";
+const statusCell = "_statusCell_eaf0a_38";
+const dateCell = "_dateCell_eaf0a_44";
+const fastButton = "_fastButton_eaf0a_51";
const localStyles = {
nameCell,
modelCell,
scoreCell,
error: error$3,
started,
- success: success$1,
- cancelled: cancelled$1,
- statusCell: statusCell$1,
- dateCell
+ success,
+ cancelled,
+ statusCell,
+ dateCell,
+ fastButton
};
-const styles$17 = { ...styles$18, ...localStyles };
+const styles$1a = { ...styles$1b, ...localStyles };
const EmptyCell = () => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "-" });
const useLogListColumns = () => {
const columnVisibility = useStore(
@@ -119427,6 +119695,7 @@ const useLogListColumns = () => {
const setColumnVisibility = useStore(
(state) => state.logsActions.setLogsColumnVisibility
);
+ const navigate = useNavigate();
const logDetails = useStore((state) => state.logs.logDetails);
const scorerMap = reactExports.useMemo(() => {
const scoreTypes = {};
@@ -119478,7 +119747,7 @@ const useLogListColumns = () => {
cellRenderer: (params) => {
const type = params.data?.type;
const icon2 = type === "file" || type === "pending-task" ? ApplicationIcons.inspectFile : ApplicationIcons.folder;
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$17.iconCell, children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(icon2) }) });
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1a.iconCell, children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(icon2) }) });
}
},
{
@@ -119504,7 +119773,7 @@ const useLogListColumns = () => {
if (item2.type === "file") {
value2 = item2.task || parseLogFileName(item2.name).name;
}
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$17.nameCell, children: item2.type === "folder" && item2.url ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$17.folder, children: value2 }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$17.taskText, children: value2 }) });
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1a.nameCell, children: item2.type === "folder" && item2.url ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$1a.folder, children: value2 }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: styles$1a.taskText, children: value2 }) });
}
},
{
@@ -119520,7 +119789,7 @@ const useLogListColumns = () => {
const item2 = params.data;
if (!item2) return null;
if (item2.model) {
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$17.modelCell, children: item2.model });
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1a.modelCell, children: item2.model });
}
return /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyCell, {});
}
@@ -119543,7 +119812,7 @@ const useLogListColumns = () => {
if (!item2 || item2.score === void 0) {
return /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyCell, {});
}
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$17.scoreCell, children: formatPrettyDecimal(item2.score) });
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1a.scoreCell, children: formatPrettyDecimal(item2.score) });
}
},
{
@@ -119563,8 +119832,8 @@ const useLogListColumns = () => {
return /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyCell, {});
}
const icon2 = item2.type === "pending-task" ? ApplicationIcons.pendingTask : status2 === "error" ? ApplicationIcons.error : status2 === "started" ? ApplicationIcons.running : status2 === "cancelled" ? ApplicationIcons.cancelled : ApplicationIcons.success;
- const clz = item2.type === "pending-task" ? styles$17.started : status2 === "error" ? styles$17.error : status2 === "started" ? styles$17.started : status2 === "cancelled" ? styles$17.cancelled : styles$17.success;
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$17.statusCell, children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(icon2, clz) }) });
+ const clz = item2.type === "pending-task" ? styles$1a.started : status2 === "error" ? styles$1a.error : status2 === "started" ? styles$1a.started : status2 === "cancelled" ? styles$1a.cancelled : styles$1a.success;
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1a.statusCell, children: /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx(icon2, clz) }) });
}
},
{
@@ -119593,7 +119862,7 @@ const useLogListColumns = () => {
return /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyCell, {});
}
const timeStr = formatDateTime(new Date(completed));
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$17.dateCell, children: timeStr });
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1a.dateCell, children: timeStr });
},
comparator: createFolderFirstComparator(comparators.date)
},
@@ -119616,7 +119885,25 @@ const useLogListColumns = () => {
return /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyCell, {});
}
const value2 = basename(item2.name);
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$17.nameCell, children: value2 });
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$1a.nameCell, children: [
+ value2,
+ item2.fastUrl && /* @__PURE__ */ jsxRuntimeExports.jsx(
+ "button",
+ {
+ className: styles$1a.fastButton,
+ onClick: (e) => {
+ e.stopPropagation();
+ const openInNewWindow = e.metaKey || e.ctrlKey || e.shiftKey;
+ if (openInNewWindow) {
+ window.open(`#${item2.fastUrl}`, "_blank");
+ } else {
+ navigate(item2.fastUrl);
+ }
+ },
+ children: "fast"
+ }
+ )
+ ] });
}
}
];
@@ -119646,7 +119933,7 @@ const useLogListColumns = () => {
if (value2 === void 0 || value2 === null || value2 === "") {
return /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyCell, {});
}
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$17.scoreCell, children: formatPrettyDecimal(value2) });
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$1a.scoreCell, children: formatPrettyDecimal(value2) });
},
comparator: createFolderFirstComparator((valA, valB) => {
if (typeof valA === "number" && typeof valB === "number") {
@@ -119658,7 +119945,7 @@ const useLogListColumns = () => {
}
);
return [...baseColumns, ...scorerColumns];
- }, [scorerMap]);
+ }, [scorerMap, navigate]);
const columns = reactExports.useMemo(() => {
const columnsWithVisibility = allColumns.map((col) => {
const field = getFieldKey(col);
@@ -122594,7 +122881,7 @@ function createColumn(beans, primaryColumns, colDef, existingColsCopy, columnKey
beans.dataTypeSvc?.addColumnListeners(column2);
return column2;
}
-function updateSomeColumnState(beans, column2, hide2, sort2, sortIndex, pinned, flex, source2) {
+function updateSomeColumnState(beans, column2, hide2, sort2, sortIndex, pinned, flex2, source2) {
const { sortSvc, pinnedCols, colFlex } = beans;
if (hide2 !== void 0) {
column2.setVisible(!hide2, source2);
@@ -122608,8 +122895,8 @@ function updateSomeColumnState(beans, column2, hide2, sort2, sortIndex, pinned,
if (pinned !== void 0) {
pinnedCols?.setColPinned(column2, pinned);
}
- if (flex !== void 0) {
- colFlex?.setColFlex(column2, flex);
+ if (flex2 !== void 0) {
+ colFlex?.setColFlex(column2, flex2);
}
}
function _updateColumnState(beans, column2, colDef, source2) {
@@ -122879,7 +123166,7 @@ function _applyColumnState(beans, params, source2) {
return;
}
const getValue = getValueFactory(stateItem, params.defaultState);
- const flex = getValue("flex").value1;
+ const flex2 = getValue("flex").value1;
updateSomeColumnState(
beans,
column2,
@@ -122887,10 +123174,10 @@ function _applyColumnState(beans, params, source2) {
getValue("sort").value1,
getValue("sortIndex").value1,
getValue("pinned").value1,
- flex,
+ flex2,
source2
);
- if (flex == null) {
+ if (flex2 == null) {
const width = getValue("width").value1;
if (width != null) {
const minColWidth = column2.getColDef().minWidth ?? environment.getDefaultColumnMinWidth();
@@ -123151,7 +123438,7 @@ function getColumnStateFromColDef(column2) {
const hide2 = getValueOrNull(colDef.hide, colDef.initialHide);
const pinned = getValueOrNull(colDef.pinned, colDef.initialPinned);
const width = getValueOrNull(colDef.width, colDef.initialWidth);
- const flex = getValueOrNull(colDef.flex, colDef.initialFlex);
+ const flex2 = getValueOrNull(colDef.flex, colDef.initialFlex);
let rowGroupIndex = getValueOrNull(colDef.rowGroupIndex, colDef.initialRowGroupIndex);
let rowGroup = getValueOrNull(colDef.rowGroup, colDef.initialRowGroup);
if (rowGroupIndex == null && !rowGroup) {
@@ -123172,7 +123459,7 @@ function getColumnStateFromColDef(column2) {
hide: hide2,
pinned,
width,
- flex,
+ flex: flex2,
rowGroup,
rowGroupIndex,
pivot,
@@ -140794,20 +141081,20 @@ var ColumnMoveService = class extends BeanStub {
this.beanName = "colMoves";
}
moveColumnByIndex(fromIndex, toIndex, source2) {
- const gridColumns = this.beans.colModel.getCols();
- if (!gridColumns) {
+ const gridColumns2 = this.beans.colModel.getCols();
+ if (!gridColumns2) {
return;
}
- const column2 = gridColumns[fromIndex];
+ const column2 = gridColumns2[fromIndex];
this.moveColumns([column2], toIndex, source2);
}
moveColumns(columnsToMoveKeys, toIndex, source2, finished = true) {
const { colModel, colAnimation, visibleCols, eventSvc } = this.beans;
- const gridColumns = colModel.getCols();
- if (!gridColumns) {
+ const gridColumns2 = colModel.getCols();
+ if (!gridColumns2) {
return;
}
- if (toIndex > gridColumns.length - columnsToMoveKeys.length) {
+ if (toIndex > gridColumns2.length - columnsToMoveKeys.length) {
_warn(30, { toIndex });
return;
}
@@ -140865,8 +141152,8 @@ var ColumnMoveService = class extends BeanStub {
return true;
}
getProposedColumnOrder(columnsToMove, toIndex) {
- const gridColumns = this.beans.colModel.getCols();
- const proposedColumnOrder = gridColumns.slice();
+ const gridColumns2 = this.beans.colModel.getCols();
+ const proposedColumnOrder = gridColumns2.slice();
_moveInArray(proposedColumnOrder, columnsToMove, toIndex);
return proposedColumnOrder;
}
@@ -142993,13 +143280,13 @@ var ColumnFlexService = class extends BeanStub {
}
let hasFlexItems = false;
const items = visibleCenterCols.map((col, i) => {
- const flex = col.getFlex();
- const isFlex = flex != null && flex > 0 && i > flexAfterDisplayIndex;
+ const flex2 = col.getFlex();
+ const isFlex = flex2 != null && flex2 > 0 && i > flexAfterDisplayIndex;
hasFlexItems || (hasFlexItems = isFlex);
return {
col,
isFlex,
- flex: Math.max(0, flex ?? 0),
+ flex: Math.max(0, flex2 ?? 0),
initialSize: col.getActualWidth(),
min: col.getMinWidth(),
max: col.getMaxWidth(),
@@ -143093,17 +143380,17 @@ var ColumnFlexService = class extends BeanStub {
}
}
initCol(column2) {
- const { flex, initialFlex } = column2.colDef;
- if (flex !== void 0) {
- column2.flex = flex;
+ const { flex: flex2, initialFlex } = column2.colDef;
+ if (flex2 !== void 0) {
+ column2.flex = flex2;
} else if (initialFlex !== void 0) {
column2.flex = initialFlex;
}
}
// this method should only be used by the colModel to
// change flex when required by the applyColumnState method.
- setColFlex(column2, flex) {
- column2.flex = flex ?? null;
+ setColFlex(column2, flex2) {
+ column2.flex = flex2 ?? null;
column2.dispatchStateUpdatedEvent("flex");
}
};
@@ -157198,7 +157485,7 @@ function convertColumnState(columnState, enablePivotMode = false) {
pinned,
hide: hide2,
width,
- flex
+ flex: flex2
} = columnState[i];
columns.push(colId);
if (sort2) {
@@ -157219,8 +157506,8 @@ function convertColumnState(columnState, enablePivotMode = false) {
if (hide2) {
hiddenColIds.push(colId);
}
- if (flex != null || width) {
- columnSizes.push({ colId, flex: flex ?? void 0, width });
+ if (flex2 != null || width) {
+ columnSizes.push({ colId, flex: flex2 ?? void 0, width });
}
}
return {
@@ -159681,8 +159968,8 @@ var ColumnFilterService = class extends BeanStub {
return !isSameComponentClass;
}
hasFloatingFilters() {
- const gridColumns = this.beans.colModel.getCols();
- return gridColumns.some((col) => col.getColDef().floatingFilter);
+ const gridColumns2 = this.beans.colModel.getCols();
+ return gridColumns2.some((col) => col.getColDef().floatingFilter);
}
getFilterInstance(key2) {
const column2 = this.beans.colModel.getColDefCol(key2);
@@ -170506,9 +170793,9 @@ var StateService = class extends BeanStub {
}
const shouldSetColumnSizingState = shouldSetState("columnSizing", columnSizingState);
if (shouldSetColumnSizingState) {
- for (const { colId, flex, width } of columnSizingState?.columnSizingModel ?? []) {
+ for (const { colId, flex: flex2, width } of columnSizingState?.columnSizingModel ?? []) {
const columnState = getColumnState2(colId);
- columnState.flex = flex ?? null;
+ columnState.flex = flex2 ?? null;
columnState.width = width;
}
}
@@ -176722,7 +177009,8 @@ const LogListGrid = ({
status: preview?.status,
completedAt: preview?.completed_at,
itemCount: item2.type === "folder" ? item2.itemCount : void 0,
- log: item2.type === "file" ? item2.log : void 0
+ log: item2.type === "file" ? item2.log : void 0,
+ fastUrl: item2.type === "file" ? item2.fastUrl : void 0
};
if (details?.results?.scores) {
for (const evalScore of details.results.scores) {
@@ -176742,6 +177030,10 @@ const LogListGrid = ({
const handleRowClick = reactExports.useCallback(
(e) => {
if (e.data && e.node && gridRef.current?.api) {
+ const target2 = e.event?.target;
+ if (target2?.closest("button")) {
+ return;
+ }
gridRef.current.api.deselectAll();
e.node.setSelected(true);
const mouseEvent = e.event;
@@ -176912,7 +177204,7 @@ const LogListGrid = ({
setCurrentMatchIndex(0);
}
}, [findTerm, performSearch]);
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$18.gridWrapper), children: [
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$1b.gridWrapper), children: [
showFind && /* @__PURE__ */ jsxRuntimeExports.jsx(
FindBandUI,
{
@@ -176929,7 +177221,7 @@ const LogListGrid = ({
matchIndex: findTerm ? currentMatchIndex : void 0
}
),
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: gridContainerRef, className: styles$18.gridContainer, tabIndex: 0, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: gridContainerRef, className: styles$1b.gridContainer, tabIndex: 0, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
AgGridReact,
{
ref: gridRef,
@@ -176976,18 +177268,18 @@ const LogListGrid = ({
const footer$1 = "_footer_14uod_1";
const spinnerContainer$1 = "_spinnerContainer_14uod_11";
const spinner$2 = "_spinner_14uod_11";
-const label$7 = "_label_14uod_25";
+const label$8 = "_label_14uod_25";
const right = "_right_14uod_30";
const left = "_left_14uod_39";
-const center = "_center_14uod_48";
-const styles$16 = {
+const center$1 = "_center_14uod_48";
+const styles$19 = {
footer: footer$1,
spinnerContainer: spinnerContainer$1,
spinner: spinner$2,
- label: label$7,
+ label: label$8,
right,
left,
- center
+ center: center$1
};
const LogListFooter = ({
itemCount,
@@ -176997,12 +177289,12 @@ const LogListFooter = ({
progressBar
}) => {
const effectiveItemCount = filteredCount ?? itemCount;
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("text-size-smaller", styles$16.footer), children: [
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$16.left), children: progressText ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$16.spinnerContainer), children: [
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("text-size-smaller", styles$19.footer), children: [
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$19.left), children: progressText ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$19.spinnerContainer), children: [
/* @__PURE__ */ jsxRuntimeExports.jsx(
"div",
{
- className: clsx("spinner-border", styles$16.spinner),
+ className: clsx("spinner-border", styles$19.spinner),
role: "status",
children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: clsx("visually-hidden"), children: [
progressText,
@@ -177010,18 +177302,18 @@ const LogListFooter = ({
] })
}
),
- /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("text-style-secondary", styles$16.label), children: [
+ /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx("text-style-secondary", styles$19.label), children: [
progressText,
"..."
] })
] }) : null }),
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$16.center) }),
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$16.right), children: progressBar ? progressBar : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: effectiveItemCount === 0 ? "" : filteredCount !== void 0 && filteredCount !== itemCount ? `${effectiveItemCount} / ${itemCount} ${itemCountLabel || "items"}` : `${effectiveItemCount} ${itemCountLabel || "items"}` }) })
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$19.center) }),
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$19.right), children: progressBar ? progressBar : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: effectiveItemCount === 0 ? "" : filteredCount !== void 0 && filteredCount !== itemCount ? `${effectiveItemCount} / ${itemCount} ${itemCountLabel || "items"}` : `${effectiveItemCount} ${itemCountLabel || "items"}` }) })
] });
};
const panel$7 = "_panel_16dj8_1";
const list$1 = "_list_16dj8_8";
-const styles$15 = {
+const styles$18 = {
panel: panel$7,
list: list$1
};
@@ -177125,7 +177417,27 @@ const LogsPanel = ({ maybeShowSingleLog }) => {
}
}
}
- const orderedItems = [...folderItems, ...fileItems];
+ const fastEvalSuffix = ".fast.eval";
+ const fastItemsByBase = /* @__PURE__ */ new Map();
+ const normalItems = [];
+ for (const item2 of fileItems) {
+ if (item2.type === "file" && item2.name.endsWith(fastEvalSuffix)) {
+ const baseName = item2.name.slice(0, -fastEvalSuffix.length) + ".eval";
+ fastItemsByBase.set(baseName, item2);
+ } else {
+ normalItems.push(item2);
+ }
+ }
+ for (const item2 of normalItems) {
+ if (item2.type === "file") {
+ const fastItem = fastItemsByBase.get(item2.name);
+ if (fastItem) {
+ item2.fastUrl = fastItem.url;
+ fastItemsByBase.delete(item2.name);
+ }
+ }
+ }
+ const orderedItems = [...folderItems, ...normalItems];
const _logFiles = appendPendingItems(
evalSet,
existingLogTaskIds,
@@ -177190,7 +177502,7 @@ const LogsPanel = ({ maybeShowSingleLog }) => {
}
}
}, [logItems, maybeShowSingleLog, navigate]);
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$15.panel), children: [
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$18.panel), children: [
/* @__PURE__ */ jsxRuntimeExports.jsxs(
ApplicationNavbar,
{
@@ -177247,7 +177559,7 @@ const LogsPanel = ({ maybeShowSingleLog }) => {
}
),
/* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$15.list, "text-size-smaller"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$18.list, "text-size-smaller"), children: /* @__PURE__ */ jsxRuntimeExports.jsx(
LogListGrid,
{
items: logItems,
@@ -177332,7 +177644,17 @@ function useLoadSample() {
if (completed !== false) {
log$1.debug(`LOADING COMPLETED SAMPLE: ${id}-${epoch}`);
getSamplePolling().stopPolling();
- const sample2 = await api2?.get_log_sample(logFile, id, epoch);
+ sampleActions.setDownloadProgress(void 0);
+ const onProgress = (bytesLoaded, bytesTotal) => {
+ sampleActions.setDownloadProgress({ bytesLoaded, bytesTotal });
+ };
+ const sample2 = await api2?.get_log_sample(
+ logFile,
+ id,
+ epoch,
+ onProgress
+ );
+ sampleActions.setDownloadProgress(void 0);
log$1.debug(`LOADED COMPLETED SAMPLE: ${id}-${epoch}`);
if (thisGeneration !== loadGeneration) {
log$1.debug(`Discarding stale sample response: ${id}-${epoch}`);
@@ -177358,6 +177680,7 @@ function useLoadSample() {
getSamplePolling().stopPolling();
}
} catch (e) {
+ sampleActions.setDownloadProgress(void 0);
sampleActions.setSampleError(e);
sampleActions.setSampleStatus("error");
}
@@ -178258,7 +178581,7 @@ const chevron = "_chevron_h3ljc_10";
const backdrop$1 = "_backdrop_h3ljc_24";
const dropdownMenu = "_dropdownMenu_h3ljc_33";
const dropdownItem = "_dropdownItem_h3ljc_47";
-const styles$14 = {
+const styles$17 = {
dropdownContainer,
toolButton,
chevron,
@@ -178272,29 +178595,29 @@ const ToolDropdownButton = reactExports.forwardRef(({ label: label2, icon: icon2
fn3();
setIsOpen(false);
};
- return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$14.dropdownContainer, children: [
+ return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: styles$17.dropdownContainer, children: [
/* @__PURE__ */ jsxRuntimeExports.jsxs(
"button",
{
ref,
type: "button",
- className: clsx("btn", "btn-tools", styles$14.toolButton, className2),
+ className: clsx("btn", "btn-tools", styles$17.toolButton, className2),
onClick: () => setIsOpen(!isOpen),
...rest,
children: [
icon2 && /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: `${icon2}` }),
label2,
- /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx("bi-chevron-down", styles$14.chevron) })
+ /* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: clsx("bi-chevron-down", styles$17.chevron) })
]
}
),
isOpen && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$14.backdrop, onClick: () => setIsOpen(false) }),
- /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$14.dropdownMenu, children: Object.entries(items).map(([itemLabel, fn3]) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$17.backdrop, onClick: () => setIsOpen(false) }),
+ /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: styles$17.dropdownMenu, children: Object.entries(items).map(([itemLabel, fn3]) => /* @__PURE__ */ jsxRuntimeExports.jsx(
"button",
{
type: "button",
- className: styles$14.dropdownItem,
+ className: styles$17.dropdownItem,
onClick: () => handleItemClick(fn3),
children: itemLabel
},
@@ -178348,17 +178671,62 @@ const Card = ({ id, children: children2, className: className2 }) => {
return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx("card", className2), id, children: children2 });
};
const panel$6 = "_panel_twp3v_1";
-const container$i = "_container_twp3v_7";
-const styles$13 = {
+const container$j = "_container_twp3v_7";
+const styles$16 = {
panel: panel$6,
- container: container$i
+ container: container$j
};
const NoContentsPanel = ({ text: text2 }) => {
- return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$13.panel), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$13.container, "text-size-smaller"), children: [
+ return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: clsx(styles$16.panel), children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: clsx(styles$16.container, "text-size-smaller"), children: [
/* @__PURE__ */ jsxRuntimeExports.jsx("i", { className: ApplicationIcons.noSamples }),
/* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: text2 })
] }) });
};
+const printHtml = (html2, css2) => {
+ const printWindow = window.open("", "", "height=600,width=800");
+ if (printWindow !== null) {
+ printWindow.document.write("Print");
+ printWindow.document.write(`
+
+
+ `);
+ printWindow.document.write("");
+ printWindow.document.write(html2);
+ printWindow.document.write("");
+ printWindow.document.close();
+ printWindow.onload = function() {
+ printWindow.focus();
+ printWindow.print();
+ printWindow.close();
+ };
+ } else {
+ console.error("Print window failed to open.");
+ }
+};
+const printHeadingHtml = () => {
+ const taskEl = document.getElementById("task-title");
+ const modelEl = document.getElementById("task-model");
+ const timeEl = document.getElementById("task-created");
+ if (!taskEl || !modelEl || !timeEl) {
+ throw new Error(
+ "Failed to compute heading HTML. The task, model, or time element can't be found."
+ );
+ }
+ const task = taskEl.innerText;
+ const model2 = modelEl.innerText;
+ const time = timeEl.innerText;
+ const headingHtml = `
+
+
${task}
+
${model2}
+
${time}
+
-
${task}
-
${model2}
-
${time}
-